/* La cabecera conserva exactamente la estructura y las proporciones originales. */
.header__portada { padding: 25px 0; }
.portada__brand { height: 55px; margin: 0 auto; width: 70%; }
.portada__banner { margin: 80px auto 0; width: 70%; }
.banner__titulo {
  color: #321216;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0;
  text-shadow: none;
}
.banner__descripcion {
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-top: .35rem;
  text-transform: uppercase;
}

.school-home-layout {
  column-gap:45px !important;
  justify-content: space-between !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
  row-gap: 50px;
  width: 82%;
}
.school-intro { color: inherit; font-family: Arial, Helvetica, sans-serif; max-width: 500px; }
.school-intro h2 { color: var(--texto); font-family: Arial, Helvetica, sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.2; margin: 0 0 .8rem; }
.school-intro h2:not(:first-child) { margin-top: 1.65rem; }
.school-team h2, .school-form-page h1 { font-size: clamp(1.75rem, 2.65vw, 2.65rem); font-weight: 650; line-height: 1.12; letter-spacing: -.018em; margin: .45rem 0 1.35rem; }
.school-intro h3 { margin-top: 1.8rem; }
.school-intro p { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 400; line-height: 1.8; margin-bottom: .65rem; text-align: justify; }
.school-form-page > p { font-size: 1rem; line-height: 1.75; }
.school-eyebrow { color: #e56516; font-size: .8rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.school-intro blockquote { border-left: 3px solid #e56516; font-size: 1.08rem; font-style: italic; line-height: 1.55; margin: 1.8rem 0; padding: .2rem 0 .2rem 1.2rem; }
.school-more-button {
  background: #d35d19;
  border-radius: 2px;
  color: #321216 !important;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-top: 1.1rem;
  padding: .68rem 1.05rem;
  text-decoration: none;
  transition: background-color .2s ease, transform .2s ease;
}
.school-more-button:hover { background: #e56b22; transform: translateY(-1px); }
.school-button, .footer-cta { background: #e56516; border-radius: 999px; color: #171717 !important; display: inline-block; font-weight: 800; margin-top: 1rem; padding: .75rem 1.2rem; text-decoration: none; }
.school-team { margin: 3.5rem auto 0; padding-bottom: 6.5rem; }
.intellectual-ticker {
  border-bottom: 1px solid rgba(211,93,25,.55);
  border-top: 1px solid #d35d19;
  color: #f4f7a1;
  margin: 1rem 0 0;
  overflow: hidden;
  padding: 1.35rem 0;
  position: relative;
  width: 100%;
}
.intellectual-ticker::before, .intellectual-ticker::after {
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 8%;
  z-index: 2;
}
.intellectual-ticker::before { background: linear-gradient(90deg, #321216, transparent); left: 0; }
.intellectual-ticker::after { background: linear-gradient(270deg, #321216, transparent); right: 0; }
.intellectual-ticker__track { animation: lava-name-stream 58s linear infinite; display: flex; width: max-content; }
.intellectual-ticker:hover .intellectual-ticker__track { animation-play-state: paused; }
.intellectual-ticker__group { align-items: center; display: flex; flex-shrink: 0; }
.intellectual-ticker span { color: #f4f7a1; font-size: clamp(1rem, 1.35vw, 1.28rem); white-space: nowrap; }
.intellectual-ticker i { color: #d35d19; font-size: 1.3rem; font-style: normal; margin: 0 1.15rem; }
.intellectual-ticker__group::after { color: #d35d19; content: "路"; font-size: 1.3rem; margin: 0 1.15rem; }
@keyframes lava-name-stream { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.team-groups { display: grid; gap: 1.6rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2rem; }
.team-groups article { border: 1px solid rgba(229,101,22,.5); border-radius: 18px; padding: 1.35rem; }
.team-groups h3 { color: #e56516; margin-bottom: .7rem; }
.team-groups p { line-height: 1.6; }
.school-form-page, .humanist-application-intro {
  max-width: none;
  width: 82%;
}
.school-form-page { margin: 6.5rem auto 6rem; }
.humanist-application-intro { margin: 6.5rem auto 0; }
.humanist-application-intro h1 { font-size: clamp(1.75rem, 2.65vw, 2.65rem); font-weight: 650; line-height: 1.12; letter-spacing: -.018em; margin: .45rem 0 1.35rem; }
.humanist-application-intro p { font-size: 1rem; line-height: 1.75; }
.humanist-application-page .humanist-form { margin-top: 2rem !important; }
.official-form { border: 1px solid rgba(229,101,22,.45); border-radius: 24px; margin-top: 2rem; padding: clamp(1.2rem, 4vw, 2.5rem); }
.form-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0,1fr)); }
.school-form-page .form-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.official-form label { display: grid; font-weight: 700; gap: .45rem; margin-bottom: 1rem; }
.official-form input, .official-form textarea { background: transparent; border: 1px solid #888; border-radius: 8px; color: inherit; font: inherit; padding: .75rem; width: 100%; }
.official-form .check { align-items: center; display: flex; font-weight: 400; }
.official-form .check input { width: auto; }
.official-form button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 800;
  gap: 2.5rem;
  justify-content: center !important;
  min-height: 56px;
  text-align: center;
  width: 300px;
}
.official-form button > * { flex: 0 0 auto; margin: 0 !important; }
.humanist-form > .flex { align-items: start; display: grid; gap: 1.1rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.humanist-form .form__collection { width: auto !important; }
.humanist-form textarea, .humanist-form input { background: transparent; border: 1px solid #888; border-radius: 8px; color: inherit; font: inherit; max-width: 100%; padding: .75rem; width: 100%; }
.form-status { font-weight: 700; margin-top: 1rem; }
.form-status.success { color: #2f9b63; }
.form-status.error { color: #d33; }
.school-footer-row { align-items: start; gap: clamp(3rem,8vw,9rem); }
.school-footer-row .footer__col { flex: 1 1 320px; }
.school-footer-row a { color: inherit; }
.school-footer-actions .footer-cta {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  margin-top: .85rem;
  min-height: 56px;
  padding: .68rem 1.05rem;
  text-align: center;
  width: 300px;
}
.school-footer-actions .footer-cta:first-of-type { background: #321216; color: #f4f7a1 !important; }
.school-footer-actions .footer-cta--outline { background: #f4f7a1; border-color: #f4f7a1; color: #321216 !important; }
.school-footer-actions .footer-cta:hover { filter: brightness(1.08); transform: translateY(-1px); }
.school-footer-contact p { line-height: 1.65; margin-top: .8rem; }

/* Movimiento vivo, sobrio y accesible. */
.header__nav { overflow: hidden; position: relative; }
.header__nav::after {
  animation: lava-menu-line 1.2s cubic-bezier(.22,.61,.36,1) .2s both;
  background: #d35d19;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform-origin: left center;
  width: 100%;
}
@keyframes lava-menu-line { from { opacity: 0; transform: scaleX(0); } to { opacity: 1; transform: scaleX(1); } }

.lava-reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .65s ease var(--reveal-delay, 0ms), transform .65s cubic-bezier(.22,.61,.36,1) var(--reveal-delay, 0ms);
}
.lava-reveal.is-visible { opacity: 1; transform: translateY(0); }

#mapa-interactivo {
  animation: lava-map-enter .9s cubic-bezier(.22,.61,.36,1) .15s both, lava-map-breathe 8s ease-in-out 1.2s infinite;
  transform-origin: center center;
}
@keyframes lava-map-enter { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes lava-map-breathe { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }

#mapa-interactivo svg path { transition: filter .25s ease, opacity .25s ease, transform .25s ease; transform-box: fill-box; transform-origin: center; }
#mapa-interactivo svg path:hover { filter: brightness(1.08); transform: translateY(-1px) scale(1.008); }
#mapa-interactivo svg path:nth-of-type(6n+1):hover { fill: #f2b544 !important; }
#mapa-interactivo svg path:nth-of-type(6n+2):hover { fill: #e76f51 !important; }
#mapa-interactivo svg path:nth-of-type(6n+3):hover { fill: #c9463d !important; }
#mapa-interactivo svg path:nth-of-type(6n+4):hover { fill: #2a9d8f !important; }
#mapa-interactivo svg path:nth-of-type(6n+5):hover { fill: #7b4f9e !important; }
#mapa-interactivo svg path:nth-of-type(6n):hover { fill: #f08a24 !important; }
.team-groups article { transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.team-groups article:hover { border-color: #d35d19; box-shadow: 0 12px 30px rgba(0,0,0,.12); transform: translateY(-3px); }
.official-form button, .school-footer-actions .footer-cta, .school-more-button { transition: background-color .2s ease, filter .2s ease, transform .2s ease; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .lava-reveal { opacity: 1; transform: none; }
  #mapa-interactivo { transform: none; }
  .intellectual-ticker { overflow-x: auto; }
  .intellectual-ticker__track { transform: none; }
}

@media (max-width: 700px) {
  .team-groups, .form-grid { grid-template-columns: 1fr; }
  .portada__brand, .portada__banner { width: 90%; }
  .portada__banner { margin-top: 55px; }
  .banner__titulo { font-size: 2.5rem; }
  .banner__descripcion { font-size: 1.15rem; }

  .school-home-layout { column-gap: 0; width: 90%; }
  .school-home-layout > .grid { margin: 55px 0 !important; max-width: none !important; }
  .school-team { padding-bottom: 4.5rem; }
  .team-groups { gap: 1.25rem; }
  .school-form-page, .humanist-application-intro { width: 90%; }
  .official-form button, .school-footer-actions .footer-cta { max-width: 100%; width: 100%; }

  .humanist-form > .flex { grid-template-columns: 1fr; }
}

@media (min-width: 701px) and (max-width: 1050px) {
  .school-form-page .form-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
/* CABECERA VANGUARDIA — MISMAS MEDIDAS QUE TALLERES Y PEDAGOGÍAS */
.header__portada{
    background-position:center center;
    background-size:cover;
    padding:25px 0;
}

.portada__brand{
    display:flex !important;
    height:55px;
    gap:10px;
    width:70%;
    margin:0 auto;
}

.portada__banner{
    width:70%;
    margin:80px auto 0;
}

.banner__titulo{
    margin:0;
    color:#321216;
    font-family:"Roboto Condensed", sans-serif;
    font-size:3.5rem;
    font-weight:700;
    line-height:1.05;
    letter-spacing:0;
    text-transform:uppercase;
}

.banner__descripcion{
    display:none !important;
}

.header__nav{
    padding:0 15%;
    border-bottom:1px solid #d35d19;
}

.header__nav::after{
    display:none !important;
}

@media(max-width:1000px){
    .portada__brand,
    .portada__banner{
        width:90%;
    }

    .banner__titulo{
        font-size:2.5rem;
    }

    .header__nav{
        padding:0 5%;
    }
}

@media(max-width:650px){
    .header__portada{
        padding-top:19px;
    }

    .portada__banner{
        margin-top:58px;
    }

    .banner__titulo{
        font-size:2rem;
    }
    }
.banner__titulo{
    font-family:"Roboto Condensed", sans-serif;
    font-weight:900;
    -webkit-text-stroke:1.1px #321216;
    paint-order:stroke fill;
}
/* ALINEACIÓN FINAL Y TÍTULO VANGUARDIA */
.school-home-layout{
    width:70% !important;
    max-width:none !important;
}

.banner__titulo{
    font-family:"Roboto Condensed", sans-serif !important;
    font-weight:900 !important;
    -webkit-text-stroke:1.8px #321216 !important;
    paint-order:stroke fill;
}
/* ALINEACIÓN DEL CONTENIDO Y PESO DEL TÍTULO */
.school-home-layout{
    width:70% !important;
    max-width:none !important;
}

.banner__titulo{
    font-family:"Roboto Condensed", sans-serif !important;
    font-weight:900 !important;
    -webkit-text-stroke:1.8px #321216;
    text-shadow:
        .4px 0 #321216,
        -.4px 0 #321216;
}
/* RECUPERAR DOS COLUMNAS SIN PERDER LA ALINEACIÓN */
.school-home-layout{
    width:70% !important;
    max-width:none !important;
    grid-template-columns:minmax(0, .9fr) minmax(420px, 1.1fr) !important;
    column-gap:70px !important;
    align-items:start !important;
}
/* MAPA A LA DERECHA + TEXTO ALINEADO CON VANGUARDIA */
.school-home-layout{
    width:82% !important;
    max-width:1500px !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    column-gap:clamp(80px, 8vw, 150px) !important;
}

.school-intro{
    margin-left:6vw !important;
}
/* ENSANCHAR LIGERAMENTE EL TEXTO DE PRESENTACIÓN */
.school-intro{
    margin-left:6vw !important;
    max-width:580px !important;
}
/* ANCHO REAL DEL BLOQUE DE PRESENTACIÓN */
.school-intro{
    width:580px !important;
    max-width:545px !important;
    margin-left:6vw !important;
}
img.school-footer-photo{
    width:92px !important;
    height:92px !important;
    max-width:92px !important;
    max-height:92px !important;
    min-width:92px !important;
    min-height:92px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    object-position:center 20% !important;
    display:block !important;
    flex:0 0 92px !important;
}
/* FOOTER VANGUARDIA — UNIFORME CON PEDAGOGÍAS */
.school-footer-contact h3{
    margin:0 0 20px;
    color:#321216;
    font-size:24px;
    font-weight:700;
}

.school-footer-coordinator{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    margin:0 0 24px !important;
    max-width:540px;
}

img.school-footer-photo{
    width:92px !important;
    height:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    min-height:92px !important;
    max-height:92px !important;
    flex:0 0 92px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    object-position:center 18% !important;
    border:2px solid #d35d19;
    display:block !important;
}

.school-footer-coordinator__info{
    display:block;
}

.school-footer-coordinator__label{
    margin:0 !important;
    color:#321216 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase;
}

.school-footer-coordinator__name{
    margin:7px 0 0 !important;
    color:#321216 !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
}

.school-footer-contact > p{
    margin-top:22px;
    color:#321216;
    font-size:17px;
    line-height:1.45;
}

.school-footer-contact > p strong{
    font-size:17px;
    font-weight:700;
}

.school-footer-contact a{
    color:#321216 !important;
    font-size:17px;
}

@media(max-width:650px){
    .school-footer-coordinator{
        align-items:center !important;
    }

    img.school-footer-photo{
        width:78px !important;
        height:78px !important;
        min-width:78px !important;
        max-width:78px !important;
        min-height:78px !important;
        max-height:78px !important;
        flex-basis:78px !important;
    }
}
/* FOOTER VANGUARDIA — BOTONES Y TEXTO INFERIOR COMO TALLERES */
.school-footer-actions{
    width:100%;
    max-width:360px;
}

.school-footer-actions h3{
    margin:0 0 24px;
    color:#321216;
    font-size:24px;
    font-weight:700;
}

.school-footer-actions .footer-cta{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:58px !important;
    margin:0 0 14px !important;
    padding:12px 22px !important;
    border:1px solid rgba(50,18,22,.75) !important;
    border-radius:7px !important;
    background:rgba(255,255,255,.05) !important;
    color:#321216 !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-align:center !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease !important;
}

.school-footer-actions .footer-cta:hover{
    background:#321216 !important;
    color:#fff6bd !important;
    transform:translateY(-1px);
}

#footer .copyright{
    margin-top:34px !important;
    color:#321216 !important;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    text-align:left !important;
}

@media(max-width:650px){
    .school-footer-actions{
        max-width:none;
    }

    .school-footer-actions .footer-cta{
        min-height:52px !important;
        font-size:17px !important;
    }
}
/* AJUSTE FINAL — IGUALAR FOOTER VANGUARDIA AL DE DIANA */

#footer .school-footer-row{
    align-items:flex-start !important;
}

/* Columna de botones */
#footer .school-footer-actions{
    width:100% !important;
    max-width:426px !important;
}

/* Todos los botones exactamente iguales */
#footer .school-footer-actions .footer-cta,
#footer .school-footer-actions .footer-cta:first-child,
#footer .school-footer-actions .footer-cta--outline{
    width:100% !important;
    min-height:58px !important;
    margin:0 0 14px !important;
    padding:12px 22px !important;

    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(50,18,22,.75) !important;
    border-radius:7px !important;

    color:#321216 !important;
    font-size:18px !important;
    font-weight:700 !important;

    box-shadow:none !important;
}

/* Hover */
#footer .school-footer-actions .footer-cta:hover,
#footer .school-footer-actions .footer-cta:first-child:hover{
    background:#321216 !important;
    color:#fff6bd !important;
}

/* Copyright igual al de Diana */
#footer .copyright{
    margin:32px 0 0 !important;
    padding:0 !important;

    color:#321216 !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    text-align:left !important;
}
/* AJUSTE FINAL DE ANCHO Y COPYRIGHT */

#footer .school-footer-actions{
    max-width:360px !important;
}

#footer .copyright{
    margin-top:24px !important;
    margin-bottom:22px !important;
}
/* ALINEAR COPYRIGHT CON LA COLUMNA CONTACTO */
#footer .copyright{
    width:82% !important;
    max-width:1500px !important;
    margin:24px auto 22px !important;
    padding:0 !important;
    text-align:left !important;
}
/* ACERCAR COPYRIGHT AL BLOQUE DE CONTACTO, COMO EN DIANA */
#footer .school-footer-row{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
    min-height:auto !important;
}

#footer .copyright{
    width:82% !important;
    max-width:1500px !important;
    margin:10px auto 20px !important;
    padding:0 !important;
    color:#321216 !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    text-align:left !important;
}
/* FOOTER VANGUARDIA — MISMA ESTRUCTURA QUE TALLERES Y PUBLICACIONES */

#footer{
    background:
        url("/mapahumanista/static/media/footer.85140e54acd92e630cee.jpg")
        center/cover no-repeat !important;
    color:#321216 !important;
}

#footer .lava-footer__inner{
    width:82%;
    max-width:1500px;
    margin:0 auto;
    padding:46px 0 0;

    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:90px;
    align-items:start;
}

#footer .lava-footer__contact h3,
#footer .lava-footer__explore h3{
    margin:0 0 24px;
    color:#321216;
    font-size:24px;
    font-weight:700;
}

#footer .lava-footer__coordinator{
    display:flex;
    align-items:center;
    gap:18px;
    margin:0 0 24px;
    max-width:540px;
}

#footer .lava-footer__coordinator-photo{
    width:92px;
    height:92px;
    min-width:92px;
    max-width:92px;
    border-radius:50%;
    object-fit:cover;
    object-position:center 18%;
    border:2px solid #d35d19;
    display:block;
}

#footer .lava-footer__label{
    margin:0;
    color:#321216;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:.08em;
    text-transform:uppercase;
}

#footer .lava-footer__coordinator-name{
    margin:7px 0 0;
    color:#321216;
    font-size:18px;
    font-weight:700;
    line-height:1.25;
}

#footer .lava-footer__mail{
    margin-top:0;
    letter-spacing:0;
    text-transform:none;
    font-size:17px;
}

#footer .lava-footer__contact > a{
    color:#321216 !important;
    font-size:17px;
    text-decoration:none;
}

#footer .lava-footer__social{
    margin-top:28px;
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    align-items:center;
}

#footer .lava-footer__social a,
#footer .lava-footer__social span{
    color:#321216 !important;
    font-size:17px;
    text-decoration:none;
}

#footer .lava-footer__explore{
    width:100%;
    max-width:360px;
}

#footer .lava-footer__buttons{
    display:flex;
    flex-direction:column;
    gap:14px;
}

#footer .lava-footer__buttons a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:58px;
    padding:12px 22px;
    border:1px solid rgba(50,18,22,.75);
    border-radius:7px;
    background:rgba(255,255,255,.05);
    color:#321216 !important;
    font-size:18px;
    font-weight:700;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    box-shadow:none;
}

#footer .lava-footer__buttons a:hover{
    background:#321216;
    color:#fff6bd !important;
}

#footer .lava-footer__copyright{
    width:82%;
    max-width:1500px;
    margin:34px auto 20px;
    padding:0;
    color:#321216;
    font-size:14px;
    font-weight:400;
    line-height:1.4;
    text-align:left;
}

@media(max-width:650px){
    #footer .lava-footer__inner{
        width:88%;
        grid-template-columns:1fr;
        gap:36px;
        padding-top:36px;
    }

    #footer .lava-footer__explore{
        max-width:none;
    }

    #footer .lava-footer__coordinator-photo{
        width:78px;
        height:78px;
        min-width:78px;
        max-width:78px;
    }

    #footer .lava-footer__buttons a{
        min-height:52px;
        font-size:17px;
    }

    #footer .lava-footer__copyright{
        width:88%;
    }
}
/* ALINEACIÓN HORIZONTAL COMO EL FOOTER DE DIANA */

#footer .lava-footer__inner{
    width:61% !important;
    max-width:1146px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:minmax(0,1fr) 426px !important;
    gap:90px !important;
}

#footer .lava-footer__explore{
    width:426px !important;
    max-width:426px !important;
}

#footer .lava-footer__copyright{
    width:61% !important;
    max-width:1146px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
/* =========================================================
   PORTADA VANGUARDIA — MODELO COMÚN LAVATALLERES
   Solo afecta el bloque textual. No modifica el mapa.
   ========================================================= */

.school-intro{
    width:100% !important;
    max-width:555px !important;
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
    text-align:left !important;
}

/* Etiqueta superior */
.school-intro__eyebrow{
    margin:0 0 12px !important;
    color:#d35d19 !important;
    font-family:"Roboto Condensed", Arial, sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
}

/* Título */
.school-intro #school-title{
    margin:0 0 24px !important;
    color:#fffca0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:42px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
    text-align:left !important;
}

/* Texto */
.school-intro > p:not(.school-intro__eyebrow){
    margin:0 0 17px !important;
    color:#fff !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:1.65 !important;
    text-align:left !important;
    word-spacing:normal !important;
}

/* Bloque destacado */
.school-intro__notice{
    margin-top:27px !important;
    padding:3px 0 3px 20px !important;
    border-left:3px solid #d35d19 !important;
}

.school-intro__notice > strong{
    display:block !important;
    margin:0 0 8px !important;
    color:#fffca0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:15px !important;
    font-weight:700 !important;
}

.school-intro__notice > p{
    max-width:520px !important;
    margin:0 !important;
    color:#fff !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:15px !important;
    line-height:1.5 !important;
    text-align:left !important;
}

/* Botones */
.school-intro__actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:14px !important;
    margin-top:14px !important;
}

.school-intro__button{
    min-height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px 18px !important;
    border:1px solid #d35d19 !important;
    border-radius:0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
}

.school-intro__button--primary{
    background:#d35d19 !important;
    color:#fff !important;
}

.school-intro__button--outline{
    background:transparent !important;
    color:#d35d19 !important;
}

.school-intro__button:hover{
    background:#fffca0 !important;
    border-color:#fffca0 !important;
    color:#321216 !important;
}
/* =========================================================
   VANGUARDIA — PORTADA BREVE Y SECCIÓN INFORMATIVA
   ========================================================= */

/* Portada */
.school-intro{
    width:100% !important;
    max-width:555px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
}

.school-intro__eyebrow{
    margin:0 0 12px !important;
    color:#d35d19 !important;
    font-family:"Roboto Condensed", Arial, sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
}

.school-intro #school-title{
    margin:0 0 24px !important;
    color:#fffca0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:42px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
}

.school-intro > p:not(.school-intro__eyebrow){
    margin:0 0 17px !important;
    color:#fff !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:16px !important;
    line-height:1.65 !important;
    text-align:left !important;
    word-spacing:normal !important;
}

.school-intro__actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:14px !important;
    margin-top:24px !important;
}

.school-intro__button{
    min-height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px 18px !important;
    border:1px solid #d35d19 !important;
    border-radius:0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.school-intro__button--primary{
    background:#d35d19 !important;
    color:#fff !important;
}

.school-intro__button--outline{
    background:transparent !important;
    color:#d35d19 !important;
}

.school-intro__button:hover{
    background:#fffca0 !important;
    border-color:#fffca0 !important;
    color:#321216 !important;
}

/* Nueva sección */
.school-more{
    width:70%;
    margin:0 auto;
    padding:78px 0 88px;
    border-top:1px solid rgba(211,93,25,.22);
    scroll-margin-top:110px;
}

.school-more__eyebrow{
    margin:0 0 12px;
    color:#d35d19;
    font-family:"Roboto Condensed", Arial, sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.school-more h2{
    max-width:900px;
    margin:0 0 38px;
    color:#fffca0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:42px;
    font-weight:700;
    line-height:1.08;
}

.school-more__grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.school-more__grid article{
    min-height:190px;
    padding:28px;
    border:1px solid rgba(211,93,25,.28);
    background:rgba(50,15,29,.58);
}

.school-more__grid h3{
    margin:0 0 12px;
    color:#fffca0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:22px;
    line-height:1.2;
}

.school-more__grid p{
    margin:0;
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    line-height:1.6;
    text-align:left;
}

@media(max-width:900px){
    .school-more{
        width:90%;
    }

    .school-more__grid{
        grid-template-columns:1fr;
    }
}
/* ALINEACIÓN FINAL DE LA PORTADA — SOLO TEXTO */
.school-home-layout .school-intro{
    transform:translate(44px, 28px) !important;
}
/* PORTADA VANGUARDIA — ANCHO Y BLOQUE DE INVITACIÓN */

.school-intro{
    max-width:650px !important;
}

/* Bloque lateral como el modelo LAVATalleres */
.school-intro__notice{
    max-width:640px !important;
    margin-top:27px !important;
    padding:3px 0 3px 20px !important;
    border-left:3px solid #d35d19 !important;
}

.school-intro__notice > strong{
    display:block !important;
    margin:0 0 8px !important;
    color:#fffca0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
}

.school-intro__notice > p{
    margin:0 !important;
    color:#fff !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:15px !important;
    line-height:1.5 !important;
    text-align:left !important;
}

.school-intro__notice .school-intro__actions{
    margin-top:14px !important;
}

.school-intro__button{
    min-height:42px !important;
    padding:8px 18px !important;
    font-size:13px !important;
}
/* =========================================================
   TÍTULOS DE SUBSECCIONES — SISTEMA VISUAL DE LA PORTADA
   ========================================================= */

.school-more h2,
.school-team h2{
    margin:0 0 38px !important;
    color:#fffca0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:42px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
    text-align:left !important;
}

/* Etiquetas naranjas */
.school-more__eyebrow,
.school-team .school-eyebrow{
    margin:0 0 12px !important;
    color:#d35d19 !important;
    font-family:"Roboto Condensed", Arial, sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
    text-align:left !important;
}
/* =========================================================
   EL EQUIPO — TARJETAS MÁS VIVAS
   ========================================================= */

.school-team{
    padding-top:78px !important;
    padding-bottom:88px !important;
}

.team-groups{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:18px !important;
}

.team-groups article{
    position:relative !important;
    min-height:230px !important;
    padding:30px 28px 28px !important;
    overflow:hidden !important;

    border:1px solid rgba(211,93,25,.34) !important;
    border-radius:0 !important;

    background:
        linear-gradient(
            145deg,
            rgba(100,29,48,.28),
            rgba(35,12,25,.72)
        ) !important;

    box-shadow:0 18px 42px rgba(0,0,0,.18) !important;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}

/* Línea naranja lateral, como en otras secciones de LAVA */
.team-groups article::before{
    content:"" !important;
    position:absolute !important;
    top:28px !important;
    left:0 !important;
    width:3px !important;
    height:54px !important;
    background:#d35d19 !important;
}

/* Brillo decorativo discreto */
.team-groups article::after{
    content:"" !important;
    position:absolute !important;
    right:-45px !important;
    bottom:-45px !important;
    width:130px !important;
    height:130px !important;
    border-radius:50% !important;
    background:rgba(211,93,25,.08) !important;
    pointer-events:none !important;
}

.team-groups article:hover{
    transform:translateY(-5px) !important;
    border-color:#d35d19 !important;
    box-shadow:
        0 24px 52px rgba(0,0,0,.26),
        0 0 24px rgba(211,93,25,.12) !important;
}

.team-groups h3{
    position:relative !important;
    z-index:1 !important;
    margin:0 0 20px !important;
    color:#d35d19 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:20px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
}

.team-groups p{
    position:relative !important;
    z-index:1 !important;
    margin:0 0 9px !important;
    color:#fffca0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:15px !important;
    line-height:1.55 !important;
    text-align:left !important;
    word-spacing:normal !important;
}

@media(max-width:900px){
    .team-groups{
        grid-template-columns:1fr !important;
    }

    .team-groups article{
        min-height:auto !important;
    }
}
/* CINTA DE INTELECTUALES — NOMBRES CLICABLES */

.intellectual-ticker a{
    color:inherit !important;
    text-decoration:none !important;
    transition:color .2s ease, text-shadow .2s ease !important;
}

.intellectual-ticker a:hover{
    color:#d35d19 !important;
    text-shadow:0 0 12px rgba(211,93,25,.35) !important;
}
/* LISTA DE HUMANISTAS — REGRESO AL MAPA */

.return-to-map{
    width:100%;
    margin-top:38px;
    padding:24px 0 4px 20px;
    border-left:3px solid #d35d19;
    text-align:left;
}

.return-to-map strong{
    display:block;
    margin-bottom:7px;
    color:#fffca0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:700;
}

.return-to-map p{
    margin:0 0 16px;
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:1.5;
    text-align:left;
}

.return-to-map a{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 18px;
    border:1px solid #d35d19;
    color:#d35d19;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}

.return-to-map a:hover{
    background:#d35d19;
    color:#fff;
}
/* TÍTULO DE GALERÍA — MODELO COMÚN LAVAPERÚ */

.humanist-gallery-title{
    margin:0 0 32px !important;
    color:#fffca0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:32px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    text-transform:none !important;
}
/* GALERÍA DE HUMANISTAS — MISMO SISTEMA QUE EL EQUIPO */

.humanist-gallery-eyebrow{
    margin:0 0 12px !important;
    color:#d35d19 !important;
    font-family:"Roboto Condensed", Arial, sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
    text-align:left !important;
}

.humanist-gallery-title{
    margin:0 0 32px !important;
    color:#fffca0 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:42px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    text-transform:none !important;
}
.humanist-gallery-title{
    margin:0 0 32px !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:1 !important;
    text-align:left !important;
}

.humanist-gallery-title::after{
    content:attr(data-display-title);
    display:block;
    color:#fffca0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:32px;
    font-weight:700;
    line-height:1.08;
    letter-spacing:0;
    text-transform:none;
}
/* =========================================================
   CORRECCIÓN RESPONSIVE FINAL — VANGUARDIA
   Pegar al final absoluto de school-branding.css
   ========================================================= */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

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

@media (max-width: 900px) {

    /* PORTADA: texto y mapa en una sola columna */
    .school-home-layout {
        width: 90% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        column-gap: 0 !important;
        row-gap: 42px !important;
        align-items: start !important;
    }

    /* Eliminar desplazamientos y anchos fijos del texto */
    .school-home-layout .school-intro,
    .school-intro {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    .school-intro #school-title {
        max-width: 100% !important;
        font-size: clamp(32px, 9vw, 42px) !important;
        overflow-wrap: break-word !important;
    }

    .school-intro > p,
    .school-intro__notice,
    .school-intro__notice > p {
        width: 100% !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .school-intro__actions {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .school-intro__button {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    /* Mapa */
    #mapa-interactivo {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    #mapa-interactivo svg {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* Secciones inferiores */
    .school-more,
    .school-team {
        width: 90% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .school-more h2,
    .school-team h2 {
        font-size: clamp(30px, 8vw, 42px) !important;
    }

    /* FOOTER: Contacto y Participa apilados */
    #footer .lava-footer__inner {
        width: 88% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-top: 36px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 38px !important;
    }

    #footer .lava-footer__contact,
    #footer .lava-footer__explore {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #footer .lava-footer__coordinator {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #footer .lava-footer__coordinator > div {
        min-width: 0 !important;
    }

    #footer .lava-footer__mail,
    #footer .lava-footer__contact a,
    #footer .lava-footer__social a,
    #footer .lava-footer__social span {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    #footer .lava-footer__social {
        width: 100% !important;
        gap: 8px 12px !important;
    }

    #footer .lava-footer__buttons,
    #footer .lava-footer__buttons a {
        width: 100% !important;
        max-width: 100% !important;
    }

    #footer .lava-footer__copyright {
        width: 88% !important;
        max-width: none !important;
        margin: 26px auto 20px !important;
    }
}

@media (max-width: 520px) {

    .header__nav {
        padding-left: 4% !important;
        padding-right: 4% !important;
    }

    .portada__brand,
    .portada__banner {
        width: 92% !important;
    }

    .school-home-layout,
    .school-more,
    .school-team {
        width: 92% !important;
    }

    .school-intro__notice {
        padding-left: 14px !important;
    }

    #footer .lava-footer__inner,
    #footer .lava-footer__copyright {
        width: 90% !important;
    }

    #footer .lava-footer__coordinator {
        align-items: center !important;
        gap: 14px !important;
    }

    #footer .lava-footer__coordinator-photo {
        width: 72px !important;
        height: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
    }

    #footer .lava-footer__contact h3,
    #footer .lava-footer__explore h3 {
        font-size: 22px !important;
    }
}
/* MENÚ MÓVIL — OCULTO HASTA PULSAR HAMBURGUESA */

@media (max-width: 520px) {

    .header__nav .nav__menu {
        display: none !important;
        width: 100% !important;
        flex-direction: column !important;
    }

    .header__nav .nav__menu.nav__menu--open,
    .header__nav .nav__menu.is-open,
    .header__nav .nav__menu.active,
    .header__nav .nav__menu.open {
        display: flex !important;
    }

    .nav__hamburg {
        display: flex !important;
        width: 100% !important;
        min-height: 58px !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding: 0 24px !important;
        cursor: pointer !important;
    }
}
@media (max-width: 520px) {

    .nav__menu[data-school-menu="true"] {
        display: none !important;
    }

    .nav__menu[data-school-menu="true"].is-open {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }
}
@media (max-width: 520px) {

    .header__nav.is-open {
        width: 100% !important;
        padding: 18px 24px 22px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .header__nav .nav__menu.is-open {
        width: 100% !important;
        max-width: 360px !important;
        margin: 0 auto !important;
        align-items: center !important;
        text-align: center !important;
    }

    .header__nav .nav__menu > li,
    .header__nav .nav__menu a {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }

    .header__nav .nav__form {
        width: 100% !important;
        max-width: 360px !important;
        margin: 18px auto 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        column-gap: 14px !important;
    }

    .header__nav .nav__form > div {
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .header__nav .nav__form input {
        width: 100% !important;
        min-width: 0 !important;
    }

    .header__nav #mode {
        margin: 0 !important;
        justify-self: end !important;
    }
}
@media (max-width: 520px) {

    .header__nav .nav__form {
        width: min(88%, 340px) !important;
        max-width: 340px !important;
        margin: 22px auto 0 !important;
        padding: 0 !important;

        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        gap: 16px !important;

        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    .header__nav .nav__form > div {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: relative !important;
        left: auto !important;
        transform: none !important;
    }

    .header__nav .nav__buscar {
        position: static !important;
        flex: 0 0 auto !important;
        width: 36px !important;
        height: 36px !important;
        margin: 0 8px 0 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 0 !important;
        background: transparent !important;
        transform: none !important;
    }

    .header__nav .nav__form input {
        width: auto !important;
        min-width: 0 !important;
        max-width: 190px !important;
        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        transform: none !important;
        text-align: left !important;
    }

    .header__nav #mode {
        position: static !important;
        width: auto !important;
        margin: 0 !important;
        justify-self: center !important;
        transform: none !important;
    }
}
/* VANGUARDIA — OCULTAR CAMBIO DE TEMA */

#mode {
    display: none !important;
}

/* =========================================================
   COORDINACIÓN — PERFIL HUMANO CON FOTO Y VOZ PROPIA
   ========================================================= */

.team-card--coord .team-member-list {
  display: grid;
  gap: 10px;
  margin-bottom: 20px;
}

.team-card--coord .team-info-panel {
  overflow: hidden;
}

.team-card--coord .team-info-panel__intro,
.team-card--coord .team-info-panel__profile {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.team-card--coord .team-info-panel__photo,
.team-card--coord .team-info-panel__placeholder {
  width: 92px;
  height: 92px;
  min-width: 92px;
  border: 2px solid #d35d19;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 18%;
}

.team-card--coord .team-info-panel__name {
  color: #fff98a;
}

.team-card--coord .team-info-panel__role {
  color: #d95d16;
}

.team-card--coord .team-info-panel__bio {
  color: #fff;
  text-align: left !important;
  word-spacing: normal !important;
}

@media (max-width: 700px) {
  .team-card--coord .team-info-panel__intro,
  .team-card--coord .team-info-panel__profile {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  .team-card--coord .team-info-panel__photo,
  .team-card--coord .team-info-panel__placeholder {
    width: 76px;
    height: 76px;
    min-width: 76px;
  }
}