/* 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}}




.detail-modal{top:var(--fixed-nav-height,100px)!important;bottom:0!important;left:0!important;right:0!important;height:auto!important;align-items:flex-start!important;overflow-y:auto!important;padding:18px 22px 22px!important}
.detail-modal-card{max-height:calc(100dvh - var(--fixed-nav-height,100px) - 40px)!important;margin:0 auto!important}
.whatsapp-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px}
.optional-note{font-weight:500;color:#857a8d;text-transform:none;letter-spacing:0}
.contact-preference{border:0;padding:0;margin-top:15px}
.contact-preference legend{font-size:.76rem;font-weight:700;color:#3f3549;margin-bottom:8px}
.contact-preference-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.contact-preference-card{position:relative;cursor:pointer}
.contact-preference-card input{position:absolute;opacity:0;pointer-events:none}
.contact-preference-card span{display:block;height:100%;padding:13px 12px;border:1px solid var(--line);border-radius:15px;background:#fff}
.contact-preference-card input:checked+span{border-color:#8d4b80;background:#f7eff7}
@media(max-width:820px){.detail-modal{padding:10px 10px 16px!important}.detail-modal-card{max-height:calc(100dvh - var(--fixed-nav-height,72px) - 20px)!important}.whatsapp-row,.contact-preference-options{grid-template-columns:1fr}}

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