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

header{
   position:relative;
   z-index:999999;
}

#globalbar,
.globalbar
{
   position:relative;
   z-index:99999;
}

#btn-globalmenu-btn{
	display:none;
}
	
quienes-section{
   width:100%;
   background: transparent;
   padding-bottom:60px;
   overflow: hidden;
}

.quienes-header{
   display:flex;
   align-items:flex-start;
   max-width:1200px;
   margin:auto;
   gap:40px;
   position:relative;
}
 
/* imagen */

.quienes-imagen{
   width:100%;
   position:relative;
   overflow:hidden;
	margin-left: -1750px;
}

.quienes-imagen img{
   width:100%;
   height:650px;
   object-fit:cover;
   display:block;
}

/* texto sobre imagen */

.titulo-quienes{
   position:absolute;
   top:20px;
   left: -190px;
   font-family:Montserrat;
   font-size:48px;
   color:#fff;
   font-weight:bold;
   z-index:1;
}

.quienes-texto{
	width:65%;
   margin-top: 520px;
	margin-left: 480px;
	background:rgba(47,140,183,0.35);
   text-align:justify;
   color:#fff;
   padding:25px 35px;
   border-radius:40px;
   line-height:1.6;
   z-index:1;
}

.quienes-texto p{
	z-index:1;
}

.quienes-cards{
   display:flex;
   flex-direction:column;
   gap:40px;
   color:#2F57A5;
   max-width:1200px;
   margin:auto;
   align-items:center; /* centra el eje */
}

/*Politica de Calidad*/
.politica-section{
   width:100%;
   background: transparent;
   padding-bottom:60px;
   margin-top:90px;
   margin-bottom:0;
}

.bloque{
   width:620px;
   display:flex;
   flex-direction:column;
}

.bloque h3{
   font-family:'Montserrat', sans-serif;
   font-weight:bold;
   font-size:30px;
   color:#2F57A5;
   margin-bottom:10px;
}

.card{
   width:100%;
   max-width:720px;
   padding:30px;
   border-radius:30px;
   background:#FCDDA2;
	transform:translateX(520px);
}

.card ul{
   margin:0;
   padding-left:20px;
}

.card p,
.card li{
   color:#2F57A5;
   text-align:justify;
   font-family:'Montserrat', sans-serif;
}

.card h3{
   text-align:center;
   color:#3c63a5;
   margin-bottom:10px;
   font-size:clamp(22px, 4vw, 36px);
}

.titulo-mision{
   transform:translateX(520px);
}

.titulo-vision{
   transform:translateX(480px);
	/*margin-left:185px;*/
}

.titulo-valores{
   transform:translateX(520px);
}

.mision{
   background:#f38a1c;
   align-self:flex-start;
	transform:translateX(520px);
}

.vision{
   background:#FBCC73;
   align-self:flex-end;
	transform:translateX(-310px);
}

.valores{
   background:#FCDDA2 !important;
   align-self:flex-start;
	transform:translateX(720px);
}

/* DIRECTORA */

.directora-section{
   background:transparent;
   background-size:cover;
   background-position:center;
   padding:80px 0;
   margin-bottom:0;
   margin-top:0;
   border-radius:25px;
}

.directora-container{
   display:flex;
   justify-content:center;
   align-items:center;
   gap:80px;
   max-width:1000px;
   margin:auto;
   border-radius:25px;
}

.directora-texto{
   background:#2F57A5;
   padding:30px;
   border-radius:25px;
   width:380px;
}

.directora-texto h3{
   font-family:Montserrat;
   font-weight:bold;
   font-size:26px;
   color:#ffffff;
   margin-bottom:10px;
}

.directora-texto p{
   color:#ffffff;
   text-align:justify;
   font-family:Montserrat;
}

.directora-foto{
   position:relative;
   width:220px;
   border-radius:25px;
}

.directora-foto img{
   width:100%;
   position:relative;
   z-index:1;
   border-radius:25px;
}

.marco{
   position:absolute;
   width:100%;
   height:100%;
   background:#2F57A5;
   top:-20px;
   right:-20px;
   z-index:1;
   border-radius:25px;
}

.nombre-directora{
   text-align:right;
   margin-right:585px;
   margin-top:20px;
   font-family:Montserrat;
   color:#000000;
   font-size:14px;
}

/* SERVICIOS */

.servicios-section{
   width:100%;
   background:#f5f5f5;
   padding-bottom:60px;
}

.servicios-imagen{
   width:100%;
   max-width:950px;
   margin:auto;
}

.servicios-imagen img{
   width:100%;
   display:block;
   margin-right:-20px;
}

/* LIGAS */

.ligas-section{
   background:transparent;
   padding:80px 0;
}

.ligas-section footer{
   display:flex;
   justify-content:space-around; /* distribuye */
   align-items:center;
   max-width:1200px;
   margin:auto;
	margin-bottom: 0;
}

.ligas-section img{
   width:100px;
   height:auto;
   display:block;
}

.ligas-section footer div{
   text-align:center;
   transition:all 0.3s ease;
}

.ligas-section footer img{
   width:100px;
   height:auto;
   display:block;
   margin:auto;
   transition:all 0.3s ease;
	margin-bottom: 0;
}

/* HOVER */

.ligas-section footer div:hover img{
   transform:translateY(-8px) scale(1.08);
   filter:brightness(1.15);
}

/* ajustes tablets */
@media (max-width:768px){

   .quienes-header{
      flex-direction:column;
      align-items:center;
   }

   .quienes-imagen{
      margin-left:0;
      width:100%;
   }

   .quienes-imagen img{
      height:380px;
   }

   .titulo-quienes{
      left:20px;
      top:20px;
      font-size:32px;
   }

   .quienes-texto{
      width:90%;
      margin:20px auto;
   }

   .titulo-mision,
   .titulo-vision,
   .titulo-valores{
      transform:none;
      text-align:center;
   }

   .mision,
   .vision,
   .valores{
      transform:none;
      align-self:center;
   }

   .card{
      transform:none;
      max-width:90%;
   }

}

/* laptops 1440x900 */

@media (max-width:1440px) and (max-height:900px){

   .titulo-quienes{
      position:absolute;
      top:20px;
      left: -190px;
      font-family:Montserrat;
      font-size:48px;
      color:#fff;
      font-weight:bold;
      z-index:10;
   }
   
   .quienes-texto{
   	width:65%;
      margin-top: 260px;
   	margin-left: 680px;
   	background:rgba(47,140,183,0.35);
      text-align:justify;
      color:#fff;
      padding:25px 35px;
      border-radius:40px;
      line-height:1.6;
   	z-index:10;
   }
   
   .quienes-imagen img{
      height:520px;
   }
   
   .quienes-imagen{
      width:100%;
      position:relative;
      overflow:hidden;
   	margin-left: -1450px;
   }
   
   .quienes-cards{
      gap:30px;
   }
   
   .titulo-quienes{
      position:absolute;
      top:20px;
      left: -90px;
      font-family:Montserrat;
      font-size:48px;
      color:#fff;
      font-weight:bold;
      z-index:10;
   }
   
   .card{
      padding:25px;
      width:100%;
      max-width:380px;
   }

   .card h3{
      text-align:center;
      color:#3c63a5;
      margin-bottom:10px;
      font-size:clamp(22px, 4vw, 36px);
   }
  
   /**************titulos************/
	
   .titulo-mision{
      transform:translateX(380px);
   }
   
   .titulo-vision{
      transform:translateX(640px);
   }
   
   .titulo-valores{
      transform:translateX(400px);
   }
   
   /**************tarjetas************/
   .mision{
      background:#f38a1c;
      align-self:flex-start;
   	transform:translateX(520px);
   }

   .vision{
      background:#f0a43c;
      align-self:flex-end;
   	transform:translateX(-310px);
   }
   
   .valores{
      background:#FCDDA2 !important;
      align-self:flex-start;
   	transform:translateX(420px);
   }
}

/* laptops pequeñas */

@media (max-height:800px){

   .quienes-texto{
      top:240px;
      width:440px;
   }
   
   .card{
      width:350px;
   }

}

/* CELULAR Y 600PX */
@media (max-width:600px){

   .quienes-header{
      flex-direction:column;
      align-items:center;
      gap:20px;
   }

   .quienes-imagen{
      margin-left:0;
      width:100%;
   }

   .quienes-imagen img{
      height:260px;
   }

   .titulo-quienes{
      position:absolute;
      left:20px;
      top:20px;
      font-size:28px;
   }

   .quienes-texto{
      width:80%;
      margin:20px auto;
      padding:20px;
      border-radius:25px;
   }

   .quienes-cards{
      gap:25px;
   }

   .titulo-mision,
   .titulo-vision,
   .titulo-valores{
      transform:none;
      text-align:center;
   }

   .titulo-vision{
      transform:translateX(820px) !important;
   }
   
   .mision,
   .vision,
   .valores{
      transform:none;
      align-self:center;
      width:80%;
   }

   .card{
      transform:none;
      width:80%;
      max-width:100%;
      padding:20px;
		margin:0 auto;
   }
   
	.valores{
      width:80%;
      margin:0 auto;
      transform:none !important;
      align-self:center !important;
   }
   
   .valores ul{
      padding-left:25px;
   }
   
   .valores li{
      text-align:left;
      word-break:break-word;
   }
   
	.directora-container{
      flex-direction:column;
      gap:30px;
   }

   .directora-texto{
      width:90%;
   }

   .nombre-directora{
      margin-right:0;
      text-align:center;
   }

   .ligas-section footer{
      flex-wrap:wrap;
      gap:25px;
   }

   .ligas-section img{
      width:80px;
   }  

}