/* La navegación usa exactamente el mismo tamaño de logo y tipografía de la página base. */
.nav-wrap{
  position:sticky !important;
  top:0;
  z-index:1000;
  transition:background .32s ease, border-color .32s ease, box-shadow .32s ease, backdrop-filter .32s ease;
}
.nav-wrap.scrolled{
  background:rgba(250,247,251,.78) !important;
  backdrop-filter:blur(18px) saturate(115%) !important;
  border-bottom-color:rgba(63,40,86,.055) !important;
  box-shadow:0 8px 28px rgba(32,20,56,.035);
}

/* Estructura de la página Quiénes somos; tamaños tipográficos heredados de la base */

/* Ajuste final solicitado: el título principal de Quiénes somos usa la misma escala de los títulos de la página principal. */
.inner-hero h1{
  font-size:clamp(1.95rem,4.35vw,3.55rem) !important;
  line-height:.98 !important;
  max-width:900px;
}

.inner-hero{
  position:relative;
  overflow:hidden;
  padding:92px 0 78px;
  background:
    radial-gradient(circle at 88% 18%,rgba(223,207,239,.42),transparent 25%),
    linear-gradient(180deg,#faf7fb,#fff);
}
.inner-hero:before{
  content:"";
  position:absolute;
  right:-190px;
  top:-230px;
  width:690px;
  height:690px;
  border-radius:50%;
  border:1px solid rgba(116,40,102,.08);
  box-shadow:0 0 0 78px rgba(116,40,102,.025),0 0 0 155px rgba(116,40,102,.016);
}
.inner-hero .container{position:relative;z-index:1;max-width:1180px}
.inner-hero p{max-width:820px;margin-top:22px}
.page-subnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.page-subnav a{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:white;font-size:.76rem;color:#54485f}
.page-subnav a:hover{border-color:#8b2c72;color:#8b2c72}

.about-page{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 35%,rgba(205,188,235,.22),transparent 28%),
    linear-gradient(180deg,#fffaf7,#f5efff);
}
.about-page .about-grid{grid-template-columns:1fr !important}
.about-page .about-copy{max-width:920px}
.about-page .about-copy p{max-width:820px;margin-top:16px}
.about-page .experience{
  width:min(760px,100%);
  margin-top:28px;
  padding:22px 27px;
  border-radius:24px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(116,40,102,.10);
  display:flex;
  align-items:center;
  gap:18px;
}
.about-page .experience strong{font-family:var(--serif);font-size:3.4rem;color:var(--violet);line-height:1}
.about-page .experience span{color:var(--text)}
.about-page .about-points{margin-top:18px}

.north .two-col-head{align-items:end}
.north .value-icon{
  width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(180deg,#faf4ff,#f0e7f7);
  color:#7a3d80;
  margin-bottom:16px;
}
.north .value-rule{display:block;width:34px;height:1px;background:rgba(116,40,102,.20);margin:14px 0}

.vision .vision-detail{position:relative}
.decision-cta{background:linear-gradient(180deg,#fff,#f7f0fb)}
.decision-inner{text-align:center;max-width:850px}
.decision-inner h2{margin-top:8px}
.decision-inner p{margin:16px auto 0;max-width:680px}
.decision-actions{justify-content:center;margin-top:22px}

/* El CTA flotante queda eliminado únicamente en esta página */

/* Responsive limpio y simétrico */
@media(max-width:960px){
  .inner-hero{padding:70px 0 60px}
  .about-page .about-copy{max-width:none}
  .north-grid{grid-template-columns:repeat(2,1fr)}
  .vision-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .inner-hero{padding:56px 0 48px}
  .page-subnav{gap:7px}
  .page-subnav a{font-size:.68rem;padding:9px 11px}
  .about-page .experience{padding:18px;align-items:flex-start}
  .about-page .experience strong{font-size:2.8rem}
  .about-points{grid-template-columns:1fr !important}
  .north-grid{grid-template-columns:1fr !important}
  .value{min-height:0 !important}
  .decision-actions{display:grid;grid-template-columns:1fr}
  .decision-actions .btn{width:100%}
  footer{padding-bottom:30px !important}
}

/* Logo sincronizado con la página principal. */
@media (min-width:981px){.nav .brand img{width:244px !important;height:56px !important;max-width:40vw !important}}
@media (max-width:680px){.nav .brand img{width:194px !important;height:46px !important;max-width:58vw !important}}


@media (min-width:1024px){html{font-size:90%}}
:focus-visible{outline:3px solid #8d4384;outline-offset:3px}


/* === Aesthetic refinement pass · 2026-10-23 v30 === */
.inner-hero .container{display:block}
.inner-hero p{max-width:820px;margin-top:20px;line-height:1.72;color:var(--text)}
.inner-hero .legal-summary{max-width:860px;margin-top:18px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(250,244,251,.92));border:1px solid rgba(116,40,102,.10);box-shadow:0 10px 24px rgba(52,22,83,.04)}
.inner-hero .legal-meta{margin-top:16px}
@media(max-width:680px){.inner-hero .legal-summary{padding:16px 16px}}


/* ===== V31 DEFINITIVE VISUAL REFINEMENT ===== */
.inner-hero{padding:88px 0 72px!important}
.inner-hero .container{position:relative!important;z-index:2!important;max-width:1180px!important}
.inner-hero h1{margin:0!important}
.inner-hero .legal-intro{max-width:800px!important;margin-top:20px!important;font-size:1rem!important;line-height:1.75!important;color:#665f70!important}
.inner-hero .legal-meta{margin-top:18px!important;font-size:.76rem!important;color:#81788d!important}
.inner-hero .legal-summary{max-width:860px!important;margin-top:24px!important;padding:20px 22px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(250,244,251,.94))!important;border:1px solid rgba(102,47,117,.10)!important;box-shadow:0 12px 30px rgba(51,27,76,.045)!important;font-size:.92rem!important;line-height:1.75!important;color:#655d6e!important}
.legal-shell{padding-top:72px!important}
.legal-wrap{max-width:1020px!important;margin:0 auto!important}
.legal-card{padding:32px 34px!important;margin-bottom:20px!important;border-radius:26px!important}
.legal-card h2{margin-bottom:15px!important}
.legal-card p,.legal-card li{line-height:1.76!important}
@media(max-width:680px){.inner-hero{padding:60px 0 50px!important}.inner-hero .legal-summary{padding:17px!important}.legal-shell{padding-top:48px!important}.legal-card{padding:24px 20px!important}}