* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    padding-top: 126px; 
    font-family: "Albert Sans", sans-serif;
}

header {
    background: #ffffff;
    min-height: 100px;
    display: flex;
    flex-direction: column;

    .navbar-uno {
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;

        .ir-contenido {
            text-decoration: underline;
            text-underline-offset: 5px;
            color: #963400;
        }

        .boton-r {
            all: unset; /* Resetea todos los estilos del botón */
            display: inline-flex; /* Permite ajustar el contenido dentro del botón */
            align-items: center; /* Centra la imagen verticalmente */
            justify-content: center; /* Centra la imagen horizontalmente */
            cursor: pointer; /* Asegúrate de que el cursor sea el de un botón interactivo */
        }

        .logo-ac {
            width: 50px;
            height: 50px;
            
            svg{
                border: 1px solid #963400;
                border-radius: 50%;
                padding: 5px;
                path{
            fill:#963400 ;
                }
            }
        }
        
        .botones {
            .boton-ac {
                width: 42px; /* Ajusta según el tamaño del botón en la imagen */
                height: 42px; /* Ajusta según el tamaño del botón en la imagen */
                border: 2px solid #963400; /* Borde naranja (usa el mismo color del borde en la imagen) */
                border-radius: 50%; /* Forma circular */
                background-color: #fff; /* Fondo blanco */
                font-size: 16px; /* Tamaño del texto */
                font-weight: bold; /* Texto en negrita */
                color: #963400; /* Color del texto igual al borde */
                cursor: pointer; /* Cursor interactivo */
                box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); /* Sombra para darle relieve */
                
            }
        }

    }

    .navbar {
       min-height: 75px;
       background: #f6f6f6;
       padding-block: 25px;
       .container{
        min-height:75px;
       }
       .navbar-nav{
        min-height: 75px;
        align-items: center;
       }
       
    } 

    .navbar-logo{ 
        img{
        width: 100%;
        height: 40px;
        }
    }
    
   
} 

/* menu ac */

.dropdown-menu {
    width: 250px !important;
    padding: 10px;
    border-radius: 15px;
    border: 0.5px solid #e1e1e1;
    background-color:#212428;
}
.btnes-ac{
    border: 0.5px solid #e1e1e1;
    background-color:#fff6f1;
    color:#001C38;
    font-weight:500;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    
}
.btnes-ac:hover{
    background-color:#993101;
    color: #fbfbfb;

}



footer {
    background: #212428;
    color: #FFFFFF;
    padding-block: 50px;
    font-family: "Albert Sans", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    margin-top: 60px;
    
    .img-footer {
        width: 150px;
        height: 70px;
    }
    .info ul {
        list-style: none; /* Elimina los puntos de la lista */
        padding: 0;
        margin: 0;
    }
    
    .info ul li {
        margin-bottom: 10px; /* Espacio entre cada enlace */
    }
    
    .info ul li a {
        text-decoration: none; /* Elimina el subrayado */ 
        color: #963400; 
        font-size: 1rem;
        background: #f2f2f2;
    } 
    
    .info ul li a:hover {
        text-decoration: underline;

    }

    .contacto {
        .titu-cont {
            font-family: "Albert Sans", sans-serif;
            font-weight: 700;
            font-size: 1rem;
        }

        .cont-correo a {
            
            color: #FFFFFF;
        }

    }
}
.boton-naranjo {
    padding: 14px 28px 14px 28px; /* 5px 10px */
    background-color:  #963400;
    font-family: "Albert Sans", sans-serif;
    font-size: 1rem; /* 16px */
    color: #FFFFFF;
    border: none;
    border-radius: 5px; /* 5px */
    text-decoration: none;
    svg{
        path{
            fill:white;
        }
    }
    
}
.boton-naranjo:hover{
    
        background-color:  #002766 !important;
  

}

.boton-blanco {
    padding: 14px 28px 14px 28px; /* 5px 10px */
    background-color: #FFFFFF;
    font-family: "Albert Sans", sans-serif;
    font-size: 1rem; /* 16px */
    font-weight: 800;
    color: #963400;
    border: none;
    border-radius: 5px; /* 5px */
    text-decoration: none;
}

.deco-texto {
    border-left: #963400 4px solid; 
    padding-left: 10px; 
}

.flecha-naranja {
    margin-bottom: 3px;
}

/*Seccion inicio banner*/

.seccion-banner-inicio {
    width: 100%;
    height: 500px;
    
    .img-banner-inicio {
        width: 100%;
        height: 100%;
        object-fit: cover;
        background: rgba(0, 0, 0, 0.693);
        position: relative;

    }
    .capa {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.698);
    }

    .lema {
        color:#963400 ;
        font-family: "Albert Sans", sans-serif;
        font-optical-sizing: auto;
        font-weight: 300;
        font-style: normal;
        font-size: 1.1rem; /* 20px */
        background:white ;
        width: 34%;
    }
    
    .nombre {
        width: 40%;
        font-family: "Albert Sans", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        font-size: 3rem; /* 48px */
        color: black;
    }
    
    .texto-banner-parrafo {
        font-family: "Albert Sans", sans-serif;
        font-weight: 400;
        font-size: 1rem;
        width: 40%;
    }
    
    .texto-conocenos {
        text-decoration: underline;
        text-underline-offset: 5px;
        color: white;
        margin-right: 30px;
        font-family: "Albert Sans", sans-serif;
        font-weight: 300;
        font-size: 1rem; 
    }

}

/*Seccion uno*/

.seccion-uno {
    padding-block: 100px;
    

    .titulo-equipo {
        font-family: "Albert Sans", sans-serif;
        font-weight: 700;
        font-size: 1.875rem;
    }

    .texto-equipo {
        font-family: "Albert Sans", sans-serif;
        font-weight: 400;
        font-size: 1.25rem;
        margin-bottom:50px;
        
    }
}

.seccion-dos {
    background: #001C38; 
    padding-block: 100px;

    .titulo-seccion-dos {
        font-family: "Albert Sans", sans-serif;
        font-weight: 700;
        font-size: 1.875rem;
       
    }

    .texto-imagen {
        background-color: #FFFFFF;
        padding: 30px;
        width: 252px;
    }

    .texto-imagen h3 {
        font-family: "Albert Sans", sans-serif;
        font-weight: 700;
        font-size: 1rem;  
        color: #000000;
    }

    .texto-imagen p { 
        font-family: "Albert Sans", sans-serif;
        font-weight: 500;
        font-size: 0.938rem;
        color: #000000;
    }
}

.seccion-tres {
    padding-block: 100px;

    .contenedor {

        .imagen-uno-seccion-tres {
            width: 100%;
            height: 100%;
            object-fit: cover;
            background: rgba(0, 0, 0, 0.64);
            position: relative;
            border-radius: 20px;
    
        }
        .capa-dos {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.64);
            border-radius: 20px;
        }
        
        .texto-uno {
            font-family: "Albert Sans", sans-serif;
            font-weight: 700;
            font-size: 2rem;
            width: 390px;
            text-align: center;
        }

        .imagen-dos-seccion-tres {
            width: 100%;
            height: 100%;
            object-fit: cover;
            background: rgba(0, 0, 0, 0.64);
            position: relative;
            border-radius: 20px;
    
        }
        .capa-tres {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.64);
            border-radius: 20px;
        }

        .imagen-tres-seccion-tres {
            width: 100%;
            height: 100%;
            object-fit: cover;
            background: rgba(0, 0, 0, 0.64);
            position: relative;
            border-radius: 20px;
    
        }
        .capa-cuatro {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.64);
            border-radius: 20px;
        }
        
        .calendar-inicio {
            margin-bottom: 32px;
            .texto-dos {
                font-family: "Albert Sans", sans-serif;
                font-weight: 700;
                font-size: 2rem;
                width: 333px;
                text-align: center;
            }
        }

        .texto-tres {
            font-family: "Albert Sans", sans-serif;
            font-weight: 700;
            font-size: 2rem;
            width: 117px;
            text-align: center;
        }
    }
}

.seccion-cuatro {
    padding-block: 100px;

    .testimonios-inicio {
        font-family: "Albert Sans", sans-serif;
        font-weight: 700;
        font-size: 1.875rem;
    }
    .testimonios {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        grid-template-rows: repeat(5, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 0px;
        }
    
        .texto-testimonio1 { grid-area: 1 / 1 / 6 / 4; }
        .texto-testimonio2 { grid-area: 1 / 4 / 6 / 7; }
        .texto-testimonio3 { grid-area: 1 / 7 / 6 / 10; }
        .img-testimonio1 { grid-area: 1 / 2 / 2 / 3; }
        .img-testimonio2 { grid-area: 1 / 5 / 2 / 6; }
        .img-testimonio3 { grid-area: 1 / 8 / 2 / 9; }
}

.seccion-cinco {
    padding-block: 100px;

    .contactanos-inicio {
        font-family: "Albert Sans", sans-serif;
        font-weight: 700;
        font-size: 1.875rem;
    }
    
    .des-contacto-inicio {
        font-family: "Albert Sans", sans-serif;
        font-weight: 500;
        font-size: 0.938rem;
    }

    .contenedor-sec-cinco p {
        font-family: "Albert Sans", sans-serif;
        font-weight: 500;
        font-size: 0.938rem;
    }
    
    .contenedor-sec-cinco {
        display: flex;
        justify-content: center;
        align-items: center;
        .cuadro {
            border-radius: 20px;
            border: #963400 solid 1px;
            padding: 30px;
            width: 349px;
            height: 126px;
        }
    }
    
}

/* conocenos */

/* Página Conócenos */

.contenedormenu{
    position: sticky;
    top: 140px;
    z-index: 9;
}

.container-fondo {
    position: absolute;
    top: 110px;
    left: 0; 
    width: 100%; 
    height: 340px; 
    min-height: 200px;
    z-index: -1; 
    overflow: hidden; 
}

.container-fondo svg {
    width: 100%; /* El SVG ocupa todo el ancho */
    height: auto; /* Escala proporcionalmente */
    path{
    fill: #002766;
    }
}

.titulo-conocenos {
    position: relative; /* Asegura que el contenido esté en el flujo normal */
    text-align: center; /* Centra el texto horizontalmente */
    z-index: 1; /* Asegura que el contenido esté encima del fondo */
    min-height: 200px; /* Establece una altura mínima para el título */
    
    display: flex;
    flex-direction: column; /* Coloca los elementos en una columna */
    justify-content: center; /* Centra el contenido verticalmente */
    align-items: center; /* Centra el contenido horizontalmente */
    top: 10px;
    h1, p {
        color: #fff;
    }
}


.contenedorpadre {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    margin-top: 200px;
}
    
.div1p { grid-area: 1 / 1 / 6 / 4; }
.div2p { grid-area: 1 / 4 / 2 / 13; }

 

.parrafos{
    p{
        color: #373737;
        font-family: "Albert Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.contenedorpadre{
    h2 {
        color: #373737;
        font-family: "Albert Sans";
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        margin: 0;
    }
}


/* contenedor misión y visión */

.misionyvision {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(7, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    position: relative;
    
    .mision1 { 
        grid-area: 2 / 2 / 3 / 5;
        width: 100%;
        min-height: 100px; 
        
        p{
            padding: 20px;
        }
        
    }
    .mision1:hover{
        background-color: #002766;
        min-height: auto;
        p{
        color: white;
        }
        
    }
    .mision2 { 
        grid-area: 4 / 2 / 5 / 5; 
        width: 100%;
        min-height: 100px; 
        p{
            padding: 20px;
        }
         
    
    }
    .mision2:hover{
        background-color: #002766;
        min-height: auto;
        p{
        color: white;
        }
        
    }
    .mision3 { 
        width: 100%;
        min-height: 100px; 
        grid-area: 6 / 2 / 7 / 5; 
        
        p{
            padding: 20px;
        }
    }
    .mision3:hover{
        background-color: #002766;
        min-height: auto;
        p{
        color: white;
        }
        
    }
    .mision4 { 
        width: 100%;
        min-height: 100px; 
        grid-area: 2 / 6 / 3 / 9;
    
        p{
            padding: 20px;
        }
        
    }
     .mision4:hover{
        background-color: #002766;
        min-height: auto;
        p{
        color: white;
        }
        
    }
    .mision5 { 
        width: 100%;
        grid-area: 4 / 6 / 5 / 9;
        min-height: 100px;
        p{
            padding: 20px;
        }
        
    }
    .mision5:hover{
        background-color: #002766;
        min-height: auto;
        p{
        color: white;
        }
        
    }
    .mision6 { 
        width: 100%;
        min-height: 100px;
        grid-area: 6 / 6 / 7 / 9;
         
        p{
            padding: 20px;
        }
        
    }
    .mision6:hover{
        background-color: #002766;
        min-height:auto;
        p{
        color: white;
        }
        
    }
}
    

   
    .misionyvision::before {
        content: '';
        position: absolute;
        top: 0;
        left: calc((100% / 9) * 2); 
        width: calc((100% / 9) * 5); 
        height: 100%; /* Cubre toda la altura */
        border-radius: 20px;
        border: 1px solid #96340061;
        box-sizing: border-box;
        z-index: -1;  
    }



.testimonios {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    }
    
    .texto-testimonio1 { grid-area: 1 / 1 / 6 / 4; }
    .texto-testimonio2 { grid-area: 1 / 4 / 6 / 7; }
    .texto-testimonio3 { grid-area: 1 / 7 / 6 / 10; }
    .img-testimonio1 { grid-area: 1 / 2 / 2 / 3; }
    .img-testimonio2 { grid-area: 1 / 5 / 2 / 6; }
    .img-testimonio3 { grid-area: 1 / 8 / 2 / 9; }

/* botones */

.navbar-nav .nav-link:hover {
    background-color: #963400;
    color: #fff; 
    height: 50px;
    padding: 10px;
}


.navbar-nav .nav-link.active {
    background-color: #963400; 
    color: #fff; 
    height: 50px;
    align-items: center;
    font-weight: 500;
    padding: 10px;
}

.navbar-nav .nav-link {
    transition: background-color 0.3s ease-in-out; 
}

.btn-primario {
    background-color:  #963400 !important;
    border: 1px #963400;
    margin: 0 !important;
    color:white;
    
    h3{
        color:white;
        font-size: 18px;
        font-family: "Albert Sans";
        font-style: normal;
        font-weight: 700;
        line-height: normal;

    }

}


.btn-primario:hover{
    background-color:  #002766!important;
    color: white;
}

.btn-light {
    border: 1px solid #002766;
    background: #FFF;
    font-family: "Albert Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    h3{
        margin:0;
        color:#002766; 
        font-size:18px;
        font-weight:700px;

    }
    
}
.btn-light:hover{
    background-color:#002766 !important;
    h3{
        color: white;

    }
    
}

.btn-menu {
    
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 14px 0px 14px 20px;
   
    p{
        margin: 0;

    }
    

}


.btn-menu2{
    display: flex;
    width: 100%;
    height: 45px;
    padding: 14px 28px;
    align-items: center;
    background-color:  #e1e1e1;
    color: #002766;
    border-radius: 20px;
    margin: 0 !important;
    font-weight: 500;
    p{
        margin: 0;

    }
    h3{
        margin:0;
        color:#002766;
        font-size:18px;
        font-weight:700px;

    }
    svg{
        path{
            fill:#002766;
        }
    }

}

.btn-menu2:hover{
    background-color: #002766;
    h3{
        color: white;

    }
   
    svg{
        path{
            fill: white;
        }
    }
}

/* personalización */
.border-radius-topp{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem; 
    border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0;
}
.border-radius-bottomm{
    border-top-left-radius: 0;
    border-top-right-radius: 0; 
    border-bottom-left-radius: 0.375rem; 
    border-bottom-right-radius: 0.375rem;
}
.border-titulo{
    border-left: 5px solid #963400;
}


.testimonials {
	margin-top: 60px;
	margin-bottom: 5px;
	position: relative;
	display: block;
	width: 100%;
	min-height: 250px;
    font-family:"Albert Sans", sans-serif;
}

.testimonials ul {
	list-style: none;
	padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    
}

.testimonials li {
	background-color: #002766;
	margin: 50px 0px 10px 0px;
	width: 30%;
	height: 350px;
	position: relative;
	transition: ease-in-out .3s;
    color:#fff;
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.testimonials li img {
	height: 70px;
	width: 70px;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	border-radius: 50%;
	box-shadow: 0px 0px 0px 2px #002766;
	background-color: #fff;
	transition: box-shadow 0.3s linear;
   
} 

.testimonials li p {
	position: absolute;
	width: 75%;
	top: 150px;
	left: 50%;
	transform: translatex(-50%);
	font-size: 15px;
    color: #fff;
    border-top: 1px solid #963400;
    padding-top: 30px;
    font-family:"Albert Sans", sans-serif;
}

.testimonials {
    li{
    h3{
	position: absolute;
    width: 75%;
    top: 75px;
	bottom: 10px;
	left: 50%;
	transform: translatex(-50%) !important;
	font-size: 20px;
    font-family:"Albert Sans", sans-serif;
    font-weight: 500;
    }
}
}
.testimonials {
    li{
    h4{
	position: absolute;
	text-decoration: bold;
    width: 75%;
    top: 115px;
	bottom: 10px;
	left: 50%;
	transform: translatex(-50%) !important;
	font-size: 16px;
    font-weight: 500;
    font-style: italic ;
    
    }
}
}

.testimonials li:hover {
	background-color: #212121;
	color: #fff;
}

.testimonials li:hover img {
	height: 80px;
	width: 80px;
}

.li-arriba{
	margin: 0 !important;

}
.blurred{
    background: rgba(15, 15, 15, 0.026); /* Fondo semi-transparente */
    backdrop-filter: blur(5px); /* Desenfoque del fondo */
    -webkit-backdrop-filter: blur(5px); /* Compatibilidad con WebKit */
    border: 1px solid rgba(255, 255, 255, 0.2); /* Opcional: un borde sutil */
    border-radius: 15px; /* Bordes redondeados */
}

/* contacto */

.bg-contacto{
    background:url('img/Rectangle\ 226.png');
    width: 100%;
    height: 55%;
    max-width: 100%;
    color: #ffffff;
    position: relative;

}


h3.texto-contacto{
    color: #ffffff;
    text-align: center;
    border-bottom: #963400 solid 1px;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:800;
    font-style:normal;
    font-size: xxx-large;

}

strong.texto-ciego{
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:800;
    font-style:normal;
    font-size: xx-large;
    color: #ffffff;
    text-align: center;
}



.map{
    width: 100%;
    height: 264px;
    margin: 20px 0;
    border-radius: 20px;
}



h5.texto-contactanos{
    color: #000000;
    border-left: #963400 solid 2px;
    padding-left: 20px;
    text-align: start;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:800;
    font-style:normal;
    font-size: 28px;
} 


h3.fecha{

    color: #000000;
  
    text-align: center;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:normal;
    font-style:normal;
    font-size: 16px;
    border-radius: 15px;
} 



.container-forms{
    background: #ededed;
    margin-top: 250px;
 }
 
 .forms{
     background-color: #001D46;
     margin: 30px;
     color: #ffffff;
     padding: 20px;
     border-radius: 20px;
 
 }

.parent {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(7, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    position: relative; /* Necesario para posicionar el pseudo-elemento */
}

.div1 { grid-area: 1 / 2 / 5 / 12;
   }
.div2 { grid-area: 6 / 1 / 8 / 5; border: 0.5px solid #963400;
    border-radius: 20px;}
.div3 { grid-area: 6 / 5 / 8 / 9; border: 0.5px solid #963400;
    border-radius: 20px;}
.div4 { grid-area: 6 / 9 / 8 / 13; border: 0.5px solid #963400;
    border-radius: 20px;}

/* Pseudo-elemento para el borde detrás de los contenedores */
.parent::before {
    content: '';
    position: absolute;
    top: calc((3 / 7) * 100%); /* Inicio en fila 4 */
    left: calc((2 / 10) * 100%); /* Inicio en columna 3 */
    width: calc((7 / 12) * 100%); /* Hasta columna 10 */
    height: calc((3 / 7) * 100%); /* Desde fila 4 a fila 6 */
    border: 0.5px solid #963400; /* Color y grosor del borde */
    box-sizing: border-box; /* Asegura que el tamaño incluya el borde */
    z-index: -1; /* Envía el pseudo-elemento detrás de los contenidos */
}

/* media querie d contenedor titulo */

@media (max-width: 768px) {
    .titulo-conocenos {
        top: 0px; /* Ajusta el top para mover el título hacia arriba */
        min-height: 150px; /* Reduce la altura mínima para que el título sea más pequeño */
        justify-content: flex-start; /* Alinea el contenido hacia la parte superior */
       
    }
    
    /* Ajustar el tamaño de los textos */
    .titulo-conocenos h1 {
        font-size: 1.5rem; /* Reducir el tamaño del título */
    }

    .titulo-conocenos p {
        font-size: 1rem; /* Reducir el tamaño del párrafo */
    }
}
/* media querie d contenedor titulo */

/* media querie de contenido general */

@media (max-width: 768px) {
    .contenedorpadre {
        grid-template-columns: 1fr; /* Una sola columna */
        grid-template-rows: auto; /* Ajusta la altura automáticamente */
        grid-row-gap: 20px; /* Espacio vertical entre los elementos */
    }

    .div1p {
        grid-area: 1 / 1 / 2 / 2; /* Div1 ocupa la primera fila */
    }

    .div2p {
        grid-area: 2 / 1 / 3 / 2; /* Div2 ocupa la segunda fila */
    }
}
/* media querie de contenido general */


/* media querie de misionvision */

@media (max-width: 768px) {
    .misionyvision {
        grid-template-columns: 1fr;
        grid-template-rows: auto; 
        grid-row-gap: 20px; 
    }

    .imgmision {
        grid-area: 1 / 1 / 2 / 2; 
        justify-self: center; 
    }

    .mision1 { grid-area: 2 / 1 / 3 / 2; }
    .mision2 { grid-area: 3 / 1 / 4 / 2; }
    .mision3 { grid-area: 4 / 1 / 5 / 2; }
    .mision4 { grid-area: 5 / 1 / 6 / 2; }
    .mision5 { grid-area: 6 / 1 / 7 / 2; }
    .mision6 { grid-area: 7 / 1 / 8 / 2; }

    
}


/* media querie de testimonios */
@media only screen and (max-width: 860px) {
	.testimonials li {
		width: 70%;
		margin: auto;
		display: block;
		margin-top: 70px;
	}
	
	.testimonials li:first-child {
		margin-top: 50px;
	}
}
/* media querie de testimonios */

@media (max-width: 992px) {

    .seccion-banner-inicio {
        .lema {
            font-size: 0.8rem; 
        }
    
        .nombre {
            width: 100%;
            font-size: 2rem;
        }
    
        .texto-banner-parrafo { 
            width: 100%;
        }
    }
}