
/* Accessible "Nosotros" navigation and glass modal — scoped to ADUALINE draft only. */
body.adualine-draft-preview .about-nav-group{position:relative}
body.adualine-draft-preview .about-nav-toggle{display:inline-flex;align-items:center;gap:7px}
body.adualine-draft-preview .about-nav-icon{width:16px;height:16px;opacity:.78}
body.adualine-draft-preview .about-menu{
  position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);
  width:min(290px,calc(100vw - 32px));padding:10px;z-index:80;
  border:1px solid rgba(255,255,255,.58);border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(236,247,251,.76));
  box-shadow:0 22px 60px rgba(3,35,56,.20),inset 0 1px 0 rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);
}
body.adualine-draft-preview .about-menu[hidden]{display:none!important}
body.adualine-draft-preview .about-menu :where(button,a){
  width:100%;display:flex;align-items:center;justify-content:space-between;
  border:0;border-radius:12px;background:transparent;color:#12344a;
  padding:11px 12px;text-align:left;text-decoration:none;font:600 14px/1.3 Inter,sans-serif;
  cursor:pointer;
}
body.adualine-draft-preview .about-menu :where(button,a):hover,
body.adualine-draft-preview .about-menu :where(button,a):focus-visible{
  background:rgba(14,106,136,.10);outline:2px solid rgba(17,119,148,.35);outline-offset:1px
}
body.adualine-draft-preview .about-menu-full{margin-top:6px;border-top:1px solid rgba(18,52,74,.10)!important;border-radius:0 0 12px 12px!important;padding-top:13px!important;color:#0b6888!important}

body.adualine-draft-preview .about-dialog{
  width:min(760px,calc(100vw - 32px));max-width:none;padding:0;border:0;border-radius:28px;
  color:#142e43;background:transparent;overflow:visible;
}
body.adualine-draft-preview .about-dialog::backdrop{
  background:rgba(3,20,32,.52);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)
}
body.adualine-draft-preview .about-dialog-shell{
  position:relative;max-height:min(82dvh,820px);overflow:hidden;overscroll-behavior:contain;
  padding:clamp(24px,4vw,44px);border:1px solid rgba(255,255,255,.62);border-radius:28px;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.92),rgba(255,255,255,0) 38%),
    linear-gradient(145deg,rgba(248,253,255,.92),rgba(224,241,247,.82));
  box-shadow:0 28px 90px rgba(3,30,48,.32),inset 0 1px 0 rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(28px) saturate(155%);backdrop-filter:blur(28px) saturate(155%);
}
body.adualine-draft-preview .about-dialog-close{
  position:absolute;top:16px;right:16px;z-index:3;margin:0;
  background:rgba(255,255,255,.82)!important;border:1px solid rgba(18,52,74,.10)!important;
  box-shadow:0 8px 28px rgba(3,35,56,.12)
}
body.adualine-draft-preview .about-dialog-content{
  font-family:Inter,sans-serif;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;
  min-height:0;max-height:calc(min(82dvh,820px) - clamp(48px,8vw,88px))
}
body.adualine-draft-preview #about-dialog-body{min-height:0;overflow:visible}
body.adualine-draft-preview .about-dialog[data-section="valores"] #about-dialog-body{
  overflow:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-gutter:stable;
  min-height:0
}
body.adualine-draft-preview .about-dialog[data-section="valores"] .about-dialog-content{
  grid-template-rows:auto auto minmax(0,1fr) auto
}
body.adualine-draft-preview .about-dialog[data-section="valores"] .about-dialog-section-link{
  align-self:start;margin-top:16px
}
body.adualine-draft-preview .about-dialog-content h2{
  margin:.35rem 0 1rem;color:#062b44;font-family:Inter,sans-serif;
  font-size:clamp(1.85rem,4vw,3.1rem);font-weight:720;line-height:1.03;letter-spacing:-.035em
}
body.adualine-draft-preview #about-dialog-body{display:grid;gap:15px}
body.adualine-draft-preview #about-dialog-body :where(p){margin:0;color:#38566a;font:400 16px/1.7 Inter,sans-serif}
body.adualine-draft-preview #about-dialog-body h3{margin:8px 0 0;color:#12344a;font:700 18px/1.3 Inter,sans-serif}
body.adualine-draft-preview #about-dialog-body .about-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.adualine-draft-preview #about-dialog-body .about-value{
  padding:15px;border:1px solid rgba(18,52,74,.10);border-radius:16px;background:rgba(255,255,255,.48)
}
body.adualine-draft-preview #about-dialog-body .about-value h3{margin:0 0 6px}
body.adualine-draft-preview .about-dialog-section-link{margin-top:22px}
body.adualine-draft-preview .about-dialog :focus-visible{outline:3px solid rgba(0,126,164,.42);outline-offset:3px}

@media(max-width:860px){
  body.adualine-draft-preview .about-nav-group{width:100%}
  body.adualine-draft-preview .about-nav-toggle{width:100%;justify-content:flex-start}
  body.adualine-draft-preview .about-nav-toggle [data-icon="chevron-down"]{margin-left:auto}
  body.adualine-draft-preview .about-menu{
    position:static;transform:none;width:100%;margin:7px 0 4px;border-radius:16px;
  }
}
@media(max-width:640px){
  body.adualine-draft-preview .about-dialog{
    width:calc(100vw - 18px);max-height:calc(100dvh - 24px);margin:auto;overflow:hidden
  }
  body.adualine-draft-preview .about-dialog-shell{
    height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);
    padding:22px 18px 20px;border-radius:22px;display:flex;flex-direction:column
  }
  body.adualine-draft-preview .about-dialog-close{top:12px;right:12px}
  body.adualine-draft-preview .about-dialog-content{
    flex:1 1 auto;min-height:0;max-height:none;
    grid-template-rows:auto auto minmax(0,1fr) auto
  }
  body.adualine-draft-preview .about-dialog-content h2{padding-right:46px}
  body.adualine-draft-preview .about-dialog[data-section="valores"] #about-dialog-body{
    overflow-y:auto;overflow-x:hidden;min-height:0;max-height:none
  }
  body.adualine-draft-preview .about-dialog[data-section="valores"] .about-dialog-section-link{
    margin-top:12px;margin-bottom:0
  }
  body.adualine-draft-preview #about-dialog-body .about-values{grid-template-columns:1fr}
}
