/* Ajustes de lectura y composición — revisión posterior a la maqueta */

/* QUIÉN SOY */
.page-quien-soy .page-signature{
  left:calc(50% - 520px) !important;
  top:154px !important;
}
.page-quien-soy .bio-inline-photo{
  float:right !important;
  width:clamp(320px,35vw,465px) !important;
  max-width:47% !important;
  height:auto !important;
  margin:0 0 18px 32px !important;
}
.page-quien-soy .philosophy-conclusion,
.page-quien-soy .philosophy-conclusion strong{
  font-family:Lato,Arial,sans-serif !important;
  font-weight:700 !important;
}
/* La trayectoria se presenta sólo en los seis bloques aprobados. */
.page-quien-soy .bio-milestones{display:none !important}
/* Sustituye el interludio de prueba por la acuarela original «Quién soy». */
.page-quien-soy .editorial-interlude{
  display:block !important;
  width:min(100%,760px) !important;
  min-height:390px !important;
  margin:26px auto 46px !important;
  padding:0 !important;
}
.page-quien-soy .editorial-interlude .editorial-art{
  display:block !important;
  min-height:390px !important;
  border-radius:50% !important;
  background:url('assets/acuarela-quien-soy.webp') center/contain no-repeat !important;
}
.page-quien-soy .editorial-interlude > div:nth-child(2){display:none !important}
.page-quien-soy .global-footer .footer-brand{
  font-family:'Julius Sans One',Arial,sans-serif !important;
  letter-spacing:.06em !important;
}

/* GUÍAS: la primera pregunta queda unida al encabezado introductorio. */
body:has(.guide-accordion) .inner-body{padding-top:14px !important}
body:has(.guide-accordion) .guide-accordion:first-of-type{margin-top:0 !important}

/* ÍNDICE DE ÁREAS: mismo ancho y ritmo que el resto de páginas interiores. */
.areas-index{
  width:min(1040px,calc(100% - 72px)) !important;
  margin:0 auto !important;
  padding:32px 0 64px !important;
}
.areas-index .areas{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:22px !important}
.areas-index .area{min-height:270px !important;padding:28px 24px !important}
.areas-index .area h2{font-size:clamp(19px,1.55vw,24px) !important;line-height:1.32 !important}

/* ÁREAS INDIVIDUALES */
.page-areas .band-actions{justify-content:center !important;flex:1 !important}
.page-areas .band-cta{margin:0 auto !important}
.page-areas .inner-content .watercolor-inline{
  width:min(41%,340px) !important;
  max-width:340px !important;
}

@media(max-width:1100px){
  .page-quien-soy .page-signature{left:24px !important;top:120px !important}
}
@media(max-width:760px){
  .page-quien-soy .page-signature{display:none !important}
  .page-quien-soy .bio-inline-photo{float:none !important;width:100% !important;max-width:380px !important;margin:0 auto 18px !important}
  .page-quien-soy .editorial-interlude,.page-quien-soy .editorial-interlude .editorial-art{min-height:250px !important}
  .areas-index{width:calc(100% - 36px) !important;padding:24px 0 44px !important}
  .areas-index .areas{grid-template-columns:1fr !important;gap:14px !important}
  .areas-index .area{min-height:0 !important}
}