/*
  Rediseño visual de /sobre_la_escuela (mismos criterios que /inicio:
  dirección "sector energía B2B sobrio"). Este archivo SOLO se carga
  desde sobre_la_escuela.php: no afecta a ninguna otra página del sitio.
*/

body{
  background:#faf9f6;
  font-family:'IBM Plex Sans', Arial, sans-serif;
  color:#1c211d;
}
h1,h2,h3,h4,h5,h6,
.Montserrat-Bold,.Montserrat-SemiBold,.Montserrat-Light{
  font-family:'Archivo', Arial, sans-serif !important;
}

/* ---------- eyebrow: rótulo numerado sobre cada título de sección ---------- */
.eyebrow-v2{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#1f6a33;
  margin-bottom:14px;
  font-family:'IBM Plex Sans', Arial, sans-serif;
}
.eyebrow-v2::before{
  content:"";
  width:22px;
  height:2px;
  background:#1f6a33;
  display:block;
  flex-shrink:0;
}

/* ---------- utility top bar ---------- */
.menu_secundario{
  background:#12201a;
  box-shadow:none;
}
.menu_secundario a{
  color:#c7d0ca;
}
.menu_secundario a:hover,
.menu_secundario a:focus{
  background:rgba(255,255,255,.12);
  color:#fff;
}
.menu_secundario .activo{
  background:#1f6a33;
}
@media (min-width:992px){
  .menu_secundario{
    padding-right:max(40px, calc(50vw - 620px)) !important;
  }
}
.topbar-contact-v2{
  /* Comparte la misma franja/fila que .menu_secundario (telefono/email a la
     izquierda, links a la derecha) mediante position:absolute — PERO con
     width:auto (no 100%) para que el area clickeable de este div termine
     justo donde termina su propio contenido, en vez de cubrir tambien el
     lado derecho de la franja donde estan los links de .menu_secundario
     (ese ancho completo era lo que antes tapaba los clics de esos links). */
  position:absolute;
  top:0;
  left:0;
  width:auto;
  height:40px;
  display:flex;
  align-items:center;
  gap:14px;
  padding-left:max(40px, calc(50% - 620px));
  font-size:13px;
  z-index:20;
  box-sizing:border-box;
}
.topbar-contact-v2 a{
  color:#c7d0ca;
  text-decoration:none;
}
.topbar-contact-v2 a:hover{
  color:#fff;
}
.topbar-contact-v2-sep{
  color:#33443a;
}
@media (max-width:700px){
  .topbar-contact-v2{ display:none; }
}

/* ---------- main nav ---------- */
.navbar{
  background:#fff;
  box-shadow:none;
  border-bottom:1px solid #e5e3d8;
}
.navbar .menuvar:hover,
.navbar .menuvar:focus{
  color:#1f6a33 !important;
}
.navbar .menuvarActive{
  color:#1f6a33 !important;
}
@media (min-width:992px){
  .navbar{
    padding-left:max(40px, calc(50vw - 620px)) !important;
  }
  .navbar .nav-link{
    padding:.5rem .55rem;
  }
  #menu .navbar-collapse{
    margin-right:calc(max(40px, calc(50vw - 620px)) + 146px);
  }
}
.nav-cta-v2{
  display:none;
}
@media (min-width:992px){
  .nav-cta-v2{
    display:flex;
    align-items:center;
    position:absolute;
    top:57px;
    right:max(40px, calc(50% - 620px));
    background:#1f6a33;
    color:#fff !important;
    text-decoration:none !important;
    font-size:13.5px;
    font-weight:600;
    padding:11px 20px;
    border-radius:2px;
    z-index:10000;
    font-family:'IBM Plex Sans', Arial, sans-serif;
  }
  .nav-cta-v2:hover{
    background:#154a24;
  }
}

/* ---------- sección "¿Qué es ESGEP?" ---------- */
.sobre-intro-v2{
  background:#f1f0e9;
  padding-top:80px;
  padding-bottom:80px;
  padding-left:40px;
  padding-right:40px;
  box-sizing:border-box;
}
.container-fluid.sobre-intro-v2{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
.sobre-intro-v2 > .row{
  max-width:1210px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.sobre-intro-v2 img.lineaEscuela{
  display:none !important;
}
.sobre-intro-v2 h3{
  font-size:clamp(26px,2.8vw,34px);
  font-weight:800;
  color:#1c211d;
  letter-spacing:-.01em;
}
.sobre-intro-v2 p{
  text-align:left !important;
  font-size:16px !important;
  line-height:1.7 !important;
  color:#5b6560;
  margin-top:18px;
  max-width:520px;
}
.sobre-intro-v2 img.img-fluid.float-lg-right{
  border-radius:2px;
}

/* ---------- Misión y Visión ---------- */
.sobre-mv-v2{
  padding-top:70px;
  padding-bottom:90px;
  max-width:1210px !important;
}
.sobre-mv-v2 .row > div{
  border-right-color:#e5e3d8 !important;
}
.sobre-mv-v2 h4{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:20px;
  font-weight:800;
  color:#1c211d;
}
.sobre-mv-v2 h4 img{
  display:none !important;
}
.sobre-mv-v2 h4::before{
  content:"";
  width:44px;
  height:44px;
  flex-shrink:0;
  background:#e9f1ea;
  border-radius:50%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:22px 22px;
}
.sobre-mv-v2 .Montserrat-SemiBold:first-child h4::before,
h4.Montserrat-SemiBold.mision-v2::before{
  content:"";
}
.mision-v2::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f6a33' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%231f6a33' stroke='none'/%3E%3C/svg%3E") !important;
}
.vision-v2::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f6a33' stroke-width='1.6'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
}
.sobre-mv-v2 p{
  text-align:left !important;
  font-size:15px !important;
  line-height:1.7 !important;
  color:#5b6560;
  margin-top:16px;
}

/* ---------- banda de propuesta de valor (antes verde brillante) ---------- */
.sobre_escuela_ban1{
  background-color:#12201a !important;
  background-blend-mode:normal;
  position:relative;
  padding-top:70px !important;
  padding-bottom:70px !important;
  margin-bottom:0 !important;
  border-radius:0 !important;
}
.sobre_escuela_ban1::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(18,32,26,.8);
}
.sobre_escuela_ban1 .container{
  position:relative;
  z-index:2;
}
.sobre_escuela_ban1 p.lead{
  font-size:19px !important;
  line-height:1.7;
  max-width:820px;
  margin:0 auto;
}
.sobre_escuela_ban1 .lead.Montserrat-SemiBold{
  color:#8fd6a3 !important;
}

/* ---------- footer propio (igual al de /inicio) ---------- */
.footer-v2{
  background:#2b3830;
  color:#c7d0ca;
  padding:80px 40px 0;
  font-family:'IBM Plex Sans', Arial, sans-serif;
}
.footer-v2-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr;
  gap:40px;
  max-width:1180px;
  margin:0 auto;
  padding-bottom:56px;
  border-bottom:1px solid #33443a;
}
.footer-v2-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.footer-v2-logo-crop{
  width:38px;
  height:38px;
  overflow:hidden;
  position:relative;
  flex-shrink:0;
}
.footer-v2-logo-crop img{
  height:38px;
  width:auto;
  position:absolute;
  left:0;
  top:0;
}
.footer-v2-logo-full{
  height:40px;
  width:auto;
  max-width:200px;
}
.footer-v2-brand span{
  font-family:'Archivo', Arial, sans-serif;
  font-weight:800;
  font-size:18px;
  color:#fff;
  letter-spacing:.01em;
}
.footer-v2-blurb{
  margin-top:18px;
  font-size:13.5px;
  line-height:1.6;
  color:#9fada6;
  max-width:260px;
}
.footer-v2-social{
  display:flex;
  gap:14px;
  margin-top:24px;
}
.footer-v2-social a{
  width:32px;
  height:32px;
  border:1px solid #33443a;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c7d0ca;
  transition:color .2s ease, border-color .2s ease;
}
.footer-v2-social a:hover{
  color:#fff;
  border-color:#c7d0ca;
}
.footer-v2-heading{
  font-weight:700;
  color:#fff;
  font-size:13.5px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin:0 0 20px;
}
.footer-v2-links{
  display:flex;
  flex-direction:column;
  gap:12px;
  font-size:14px;
}
.footer-v2-links a{
  color:#c7d0ca;
  text-decoration:none;
}
.footer-v2-links a:hover{
  color:#fff;
}
.footer-v2-text{
  font-size:13.5px;
  line-height:1.6;
  color:#c7d0ca;
  margin:0;
}
.footer-v2-text-mt{
  margin-top:10px !important;
}
.footer-v2-text-mt2{
  margin-top:14px !important;
}
.footer-v2-bottom{
  max-width:1180px;
  margin:0 auto;
  padding:26px 0;
  font-size:12.5px;
  color:#8b968f;
}
@media (max-width:900px){
  .footer-v2-grid{ grid-template-columns:1fr 1fr; row-gap:36px; }
}
@media (max-width:520px){
  .footer-v2-grid{ grid-template-columns:1fr; }
  .footer-v2{ padding-left:24px; padding-right:24px; }
}

/* ---------- el wrapper de toda la página traía padding lateral heredado ---------- */
body > .Montserrat-Light.text-color-web{
  padding-left:0 !important;
  padding-right:0 !important;
}
html, body{
  overflow-x:hidden;
  max-width:100%;
}

/* ---------- logo: igualar tamaño al de /inicio (web.css lo define más grande en desktop) ---------- */
@media (min-width: 1100px) and (max-width: 1200px){
  .logo_size{ width:268px !important; height:29px !important; }
}
@media (min-width: 1201px) and (max-width: 1546px){
  .logo_size{ width:260px !important; height:41px !important; }
}
@media (min-width: 1547px){
  .logo_size{ width:270px !important; height:44px !important; }
}

/* ---------- carrusel vestigial de header_menu() para categorías != "inicio" (placeholder gris vacío) ---------- */
#carouselExampleIndicators{
  display:none !important;
}