html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.contenedor-uno {
    text-align: center;
    background-image: url(FondoBanner2.jpg);
    padding: 50px;  
}
.logo-banner {
    position: relative;
    display: inline-block;
    width: 250px;
    height: 75px;
}
.nav-principal {
    display: inline-flexbox;
    text-align: center;
    background-color: rgba(18, 64, 133, 90%);
    padding: 0.5%;
}
.nav-menu {
    display: inline;
    align-items: center;
    margin: 10%;
    color: white;
}
@media(min-width:360px){
    .nav-menu{
        display: inline;
        margin: auto 5%;

    }
    .nav-principal{
        padding: 5px;
    }
}
.nav-menu :hover {
    color: rgba(80, 160, 200);
}
.imagen-banner {
    width: 100%;
    height: 75%;
}
.contenedor-imagenes {
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
    width: 26%;
    height: auto;
    /*background: rgba(128, 245, 128, 7%);*/
    background: rgba(139, 69, 19, 10%);
    padding: 2px;
}
.imagen {
    width: 100%;
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
}
.subtitle {
    font-weight: bold;
    font-size: 20px;
}
.contenido {
    text-align: center;
    background: rgba(0, 64, 133, 80%);
    color: white;
    padding-top: 0.5px;
    font-family: 'Barlow', sans-serif;
    font-size: 17px;
}
.titulo1 {
    margin-top: 25px;
    font-size: 50px;
    margin-bottom: 20px;
}
.section-texto{
    display: flex;
    align-items: center;
}
.caja-texto-1, .caja-texto-2 {
    width: 50%;
    margin: 10px;
}
.contenedor-nosotros {
    width: 100%;
    background-color: rgba(15, 100, 250, 15%);
    padding: 2% 0%;
}
.titulo-nosotros {
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    color: rgba(0,0,0, 70%);
    font-family:'Barlow', sans-serif;;
}
.texto-nosotros {
    text-align: justify;
    font-size: 20px;
    padding-top: 2%;
    padding-right: 5%;
    padding-left: 5%;
    margin: 15px;
    margin-left: 30px;
    color: rgba(0,0,0, 60%);
    font-family: 'Barlow', sans-serif;;
}
@media(min-width:360px){
    .texto-nosotros{
        text-align: center;
        margin: auto;
        padding-bottom: 10px;
    }
}
.texto {
    text-align: justify;
    margin: 15px;
}
.subtitle-estilos {
    background-color: rgba(15, 100, 250, 25%);
    text-align: center;
    padding: 1% 0 1% 0;
    font-size: 30px;
    color: rgba(0,0,0, 75%);
    font-weight: bold;
    font-family: 'Barlow', sans-serif;;
}
.estilos-fila1, .estilos-fila2 {
    text-align: center;
}
.estilos-fila1 {
    width: 100%;
    flex-shrink: 0;
    transition: transform 0.5s ease-in-out;
}
.foto-fila1, .foto-fila2 {
    display: inline-block;
    width: 20%;
    padding: 2% 1% 2% 1%;
    transition: transform 0.s;
}
.foto-fila1:hover, .foto-fila2:hover {
    transform: scale(1.05);
}
.footer {
    display: flex;
    text-align: center;
}
.texto-footer {
    margin: 10px;
    color: white;
}
.footer-ubicaciones {
    background: rgba(0, 64, 133, 80%);
    color: white;
    width: 50%;
    padding: 10px;
}
a {
    color: white;
    text-decoration: none;
}
#ubicacion, .texto-redes {
    color: white;
    font-size: 25px;
    font-style: italic;
    margin: 15px;
}
.redes {
    width: 50%;
    background: rgba(0, 64, 133, 80%);
    margin-left: auto;
    padding: 10px;
}
.icono {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 10px;
}
a :hover {
    transform: scale(1.3);
}
.derechos-reservados {
    text-align: center;
    color: rgba(255,255,255, 80%);
    width: 100%;
    background: rgba(18, 64, 133, 90%);
    padding: 5px;
    box-sizing: border-box;
}
.carousel {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.carrusel-list {
    display: flex;
    align-items: center;
    width: 90%;
    height: 250px;
    margin: 0 auto;
    overflow: hidden;
}

.carrusel-track {
    display: flex;
    transition: 0.5s ease-in-out;
}

.carrete {
    flex: 1 0 25%;
    padding: 0 10px;
    box-sizing: border-box;
}

.carrete img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
    transition: 0.3s ease-in-out;
}
.carrete img:hover{
    transform: scale(1.3);
    position: relative;
}

.carrusel-arrow {
    background-color: #fff;
    width: 48px;
    height: 48px;
    border: 0;
    cursor: pointer;
    border-radius: 30px;
    z-index: 4;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.carrusel-arrow:focus {
    outline: 0;
}

.carrusel-arrow svg {
    width: 24px;
    height: 24px;
    color: rgba(0, 0, 0, 0.7);
}

.carrusel-prev {
    left: 10px; /* Adjust positioning to fit within the container */
}

.carrusel-next {
    right: 10px; /* Adjust positioning to fit within the container */
}