:root{
  --bg:#07111f;
  --bg2:#0b1728;
  --surface:#111f33;
  --surface2:#0d1b2e;
  --line:rgba(255,255,255,.10);
  --text:#f8fafc;
  --muted:#aebbd0;
  --gold:#e7b93f;
  --gold2:#ffe08a;
  --green:#36d399;
  --blue:#60a5fa;
  --radius:22px;
  --shadow:0 18px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top,#10243c 0,#07111f 38%,#050b14 100%);color:var(--text)}
.socios-app{width:min(100%,520px);margin:0 auto;min-height:100vh;padding:18px 16px 28px}
.portal-socio-gate{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 46px)}
.portal-socio-gate[hidden],#portalSocioContent[hidden]{display:none!important}
.portal-socio-gate__card{width:100%;max-width:420px;padding:24px 20px;border:1px solid rgba(231,185,63,.18);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.portal-socio-gate__title{margin:0 0 8px;font-size:24px;letter-spacing:-.03em}
.portal-socio-gate__copy{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.5}
.portal-socio-gate__label{display:block;margin:0 0 14px;font-size:13px;font-weight:800;color:var(--text)}
.portal-socio-gate__input{display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.24);color:var(--text);font:inherit;font-size:15px}
.portal-socio-gate__input:focus{outline:2px solid rgba(231,185,63,.35);border-color:rgba(231,185,63,.45)}
.portal-socio-gate__submit{width:100%;margin-top:4px;padding:14px 16px;border:0;border-radius:16px;background:linear-gradient(135deg,#f8d66d,#c99318);color:#1b1303;font:inherit;font-size:15px;font-weight:900;cursor:pointer}
.portal-socio-gate__error{margin:12px 0 0;color:#f87171;font-size:13px;font-weight:800}
.portal-socio-gate--blocked .portal-socio-gate__card{border-color:rgba(255,255,255,.08)}
.portal-portada .hero .health{display:none}
.portal-legacy-sections[hidden]{display:none!important}
.portal-legacy-sections:not([hidden]){display:block}
.portal-legacy-sections:not([hidden]) .portal-detail-section{display:none}
.portal-legacy-sections:not([hidden]) .portal-detail-section.is-visible{display:block}
.portal-portada-blocks.is-hidden{display:none}
.nav-card--action{cursor:pointer;border:0;font:inherit;width:100%;text-align:left;appearance:none;-webkit-appearance:none}
.nav-card--action.is-active{border-color:rgba(231,185,63,.45);box-shadow:0 0 0 1px rgba(231,185,63,.18)}
.portal-section-back{display:block;width:100%;margin:0 0 14px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(17,31,51,.76);color:var(--text);font:inherit;font-weight:800;cursor:pointer}
.portal-section-back:hover,.portal-section-back:focus-visible{border-color:rgba(231,185,63,.35);outline:none}
.portal-comunicaciones-body{margin:0;color:#f8fafc;line-height:1.55;font-size:15px;font-weight:600}
.hero{padding:18px;border:1px solid rgba(231,185,63,.18);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}
.eyebrow{margin:0 0 6px;color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
h1{margin:0;font-size:28px;letter-spacing:-.04em;line-height:1}
.hero__date{margin:8px 0 0;color:var(--muted);font-size:14px}.status-dot{width:14px;height:14px;border-radius:999px;background:var(--green);box-shadow:0 0 0 8px rgba(54,211,153,.13)}
.bote-card{padding:22px;border-radius:28px;background:linear-gradient(135deg,#f8d66d,#c99318);color:#1b1303;box-shadow:0 20px 45px rgba(231,185,63,.20)}
.bote-card span,.bote-card small{display:block;font-weight:800;opacity:.74}.bote-card strong{display:block;margin:5px 0;font-size:48px;letter-spacing:-.07em;line-height:1}.bote-card small{font-size:13px}.health{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:12px 14px;border-radius:18px;background:rgba(54,211,153,.10);border:1px solid rgba(54,211,153,.18)}.health span{color:var(--muted);font-size:13px}.health strong{color:#bbf7d0;font-size:14px}
.portal-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.portal-stat-card{min-height:148px}
.portal-stat-card--gold{border:1px solid rgba(231,185,63,.30);background:linear-gradient(180deg,rgba(231,185,63,.18),rgba(17,31,51,.76));backdrop-filter:blur(14px);border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.16);padding:18px;color:var(--text)}
.proximo-mes-card span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.portal-proximo-mes-name{margin:6px 0 0;font-size:15px;font-weight:900;color:var(--gold2);letter-spacing:-.02em}
.proximo-mes-card strong{display:block;margin:8px 0 5px;font-size:34px;letter-spacing:-.05em;line-height:1}
.proximo-mes-card small{display:block;color:var(--muted);font-size:12px;font-weight:700}
.portal-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}
.portal-access-spacer{min-height:96px;visibility:hidden;pointer-events:none}
.portal-access-spacer[hidden]{display:none!important}
.nav-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
.nav-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:96px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(17,31,51,.76);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.16);color:var(--text);text-decoration:none;transition:transform .15s ease,border-color .15s ease}
.nav-card:hover,.nav-card:focus-visible{border-color:rgba(231,185,63,.35);transform:translateY(-1px);outline:none}
.nav-card__icon{font-size:28px;line-height:1}
.nav-card__label{font-size:15px;font-weight:900;letter-spacing:-.02em}
.nav-card__status{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.02em}
.nav-card__status-line{display:block;line-height:1.25}
.nav-card__status-line--sub{margin-top:1px;font-size:11px;font-weight:700;color:rgba(174,187,208,.88)}
.nav-card__status-line--sub[hidden]{display:none!important}
.portal-action-card--soon .nav-card__status{color:rgba(174,187,208,.88)}
.portal-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}
.portal-action-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:96px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(17,31,51,.76);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.16);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease}
.portal-action-card:hover,.portal-action-card:focus-visible{border-color:rgba(231,185,63,.35);transform:translateY(-1px);outline:none}
.portal-action-card--soon{opacity:.55;cursor:default;pointer-events:none}
.nav-card[hidden]{display:none!important}
.portal-extras-modal{width:min(100%,480px);max-height:min(88vh,820px);overflow:auto}
.portal-extras-list{display:flex;flex-direction:column;gap:12px}
.portal-extra-item{padding:16px;border-radius:18px;background:rgba(7,17,31,.72);border:1px solid var(--line)}
.portal-extra-item--simple{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.portal-extra-item__kicker{margin:0;font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.portal-extra-item__game{margin:0;font-size:18px;font-weight:900;letter-spacing:-.02em;color:var(--text);line-height:1.25}
.portal-extra-item__date{color:var(--muted);font-size:14px;font-weight:700}
.portal-extra-item__numero{margin:4px 0 0;font-size:30px;font-weight:900;letter-spacing:.04em;color:var(--gold2);line-height:1}
.portal-extra-item__importe{margin:0;font-size:22px;font-weight:900;color:var(--text);letter-spacing:-.02em}
.portal-extra-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.portal-extra-badge--bote{background:rgba(54,211,153,.14);color:#86efac;border:1px solid rgba(54,211,153,.28)}
.portal-extra-badge--socio{background:rgba(231,185,63,.14);color:#fde68a;border:1px solid rgba(231,185,63,.28)}
.portal-extra-badge--compartida{background:rgba(96,165,250,.14);color:#bfdbfe;border:1px solid rgba(96,165,250,.28)}
.portal-extras-empty{margin:0;color:var(--muted);font-size:14px;font-weight:700}
.portal-extras-resumen{margin-top:14px;padding:14px;border-radius:16px;background:rgba(231,185,63,.08);border:1px solid rgba(231,185,63,.18)}
.portal-extras-resumen h3{margin:0 0 10px;font-size:14px;font-weight:900;color:var(--gold2);letter-spacing:.04em;text-transform:uppercase}
.portal-extras-resumen ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.portal-extras-resumen li{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;color:var(--text)}
.portal-extras-resumen li span{color:var(--muted);font-weight:800}
.portal-action-card__icon{font-size:28px;line-height:1}
.portal-action-card__label{font-size:15px;font-weight:900;letter-spacing:-.02em}
.portal-footer{margin-top:8px;padding:16px 4px 8px;text-align:center}
.portal-footer p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.portal-footer a{color:var(--gold2);font-weight:700;text-decoration:none}
.portal-footer a:hover,.portal-footer a:focus-visible{text-decoration:underline;outline:none}
.section-block,.notice-card{border:1px solid var(--line);background:rgba(17,31,51,.76);backdrop-filter:blur(14px);border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.16)}
.notice-card[hidden]{display:none!important}
.section-block{padding:17px;margin:14px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h2,.next-draw h2{margin:0;font-size:19px;letter-spacing:-.03em}.section-title span{color:var(--gold2);font-size:12px;font-weight:900}.number-stack{display:flex;flex-direction:column;gap:10px}.number-ticket{padding:14px;border-radius:18px;background:rgba(7,17,31,.76);border:1px solid var(--line)}.refs-block__title{margin:0 0 10px;font-size:16px;letter-spacing:-.02em;color:var(--gold2)}.refs-block__values{margin:0;font-size:28px;font-weight:900;color:var(--gold2);letter-spacing:.06em;line-height:1.35;word-break:break-word}.refs-block__values--multi{font-size:18px;letter-spacing:.04em;line-height:1.45}.refs-block__jugada{margin:0 0 10px}.refs-block__jugada:last-child{margin-bottom:0}.refs-block__jugada-label{display:block;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.refs-block__jugada-text{display:block;font-size:16px;font-weight:800;line-height:1.45;color:var(--text);word-break:break-word}.refs-block__empty{margin:0;color:var(--muted);font-size:15px;font-weight:800}.refs-intro{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.45}.jugada-group{margin:0 0 12px}.jugada-group:last-child{margin-bottom:0}.jugada-group__count{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.04em}
.next-draw{display:flex;align-items:center;justify-content:space-between}.next-draw p:not(.eyebrow){margin:8px 0 0;color:var(--muted)}.countdown{width:82px;height:82px;display:grid;place-items:center;border-radius:24px;background:rgba(96,165,250,.13);border:1px solid rgba(96,165,250,.22)}.countdown strong{font-size:32px;line-height:.8}.countdown span{margin-top:-14px;color:var(--muted);font-size:12px;font-weight:900}
.timeline{display:flex;flex-direction:column;gap:10px}.timeline article{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:12px;border-radius:16px;background:rgba(7,17,31,.68);border:1px solid var(--line)}.timeline time{color:var(--gold2);font-size:13px;font-weight:900}.timeline strong,.timeline span{display:block}.timeline span{margin-top:4px;color:var(--muted);font-size:13px}.progress{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:14px}.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold2))}.plan-row{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line)}.plan-row span{color:var(--muted)}.notice-card{padding:17px;margin:14px 0;border-color:rgba(231,185,63,.25);background:linear-gradient(180deg,rgba(231,185,63,.12),rgba(17,31,51,.78))}.notice-card span{display:block;color:var(--gold2);font-weight:900;margin-bottom:8px}.notice-card p{margin:0;color:#f8fafc;line-height:1.55}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.health-grid div{padding:12px;border-radius:16px;background:rgba(7,17,31,.68);border:1px solid var(--line)}.health-grid span,.health-grid strong{display:block}.health-grid span{color:var(--muted);font-size:12px}.health-grid strong{margin-top:7px;font-size:21px;color:var(--gold2)}
.portal-pub-banner{margin:0 0 14px;padding:12px 14px;border-radius:16px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.24);font-size:13px;line-height:1.45}
.portal-pub-banner strong{color:var(--gold2);font-weight:900}
.portal-pub-banner--empty{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.28);color:#fde68a}
.portal-refresh{position:fixed;left:50%;bottom:78px;transform:translateX(-50%);width:min(calc(100% - 32px),488px);border:1px solid var(--line);border-radius:18px;background:rgba(17,31,51,.92);color:var(--text);font-weight:800;font-size:14px;padding:12px 16px;box-shadow:0 12px 30px rgba(0,0,0,.28);cursor:pointer}
.socio-tarjeta-hint{margin:0 0 12px;font-size:12px;color:#94a3b8}
.socio-tarjeta-preview{width:100%;height:auto;border-radius:12px;margin-bottom:12px}
.socio-tarjeta-dl{width:100%;border:0;border-radius:14px;background:var(--gold);color:#17130a;font-weight:900;padding:12px;cursor:pointer}.summary-modal{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.58);padding:20px;z-index:20}.summary-modal[hidden]{display:none!important}.summary-modal__card{width:min(100%,420px);position:relative;border-radius:26px;background:#0d1b2e;border:1px solid var(--line);box-shadow:var(--shadow);padding:22px}.summary-modal__card h2{margin:0 0 14px;padding-right:36px}.summary-modal__card ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;color:#dbeafe}.summary-modal__close{position:absolute;right:14px;top:12px;z-index:2;width:36px;height:36px;border:0;background:transparent;color:#fff;font-size:28px;line-height:1;padding:0;cursor:pointer}
@media(min-width:900px){.socios-app{width:min(100%,980px)}.portal-top-grid{gap:16px}.portal-stat-card{min-height:168px}.bote-card strong{font-size:52px}.proximo-mes-card strong{font-size:38px}.portal-access-grid,.nav-cards{grid-template-columns:repeat(4,1fr)}.nav-card,.portal-action-card{min-height:108px}.section-block,.notice-card{margin:16px 0}}

/* SOC-UX-01 — Optimización exclusiva móvil (portal socio) */
@media (max-width:899px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{overflow-x:hidden}
  .socios-app{
    width:100%;
    max-width:100%;
    padding:
      max(10px,env(safe-area-inset-top))
      max(12px,env(safe-area-inset-right))
      max(18px,env(safe-area-inset-bottom))
      max(12px,env(safe-area-inset-left));
  }
  .portal-socio-gate{min-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)))}
  .portal-socio-gate__card{padding:20px 16px;border-radius:24px}
  .portal-socio-gate__title{font-size:clamp(21px,5.8vw,24px)}
  .portal-socio-gate__copy{font-size:clamp(14px,3.8vw,15px);margin-bottom:14px}
  .portal-socio-gate__label{font-size:14px}
  .portal-socio-gate__input{
    min-height:48px;
    margin-top:6px;
    padding:12px 14px;
    font-size:16px;
  }
  .portal-socio-gate__submit{
    min-height:50px;
    margin-top:8px;
    padding:14px 16px;
    font-size:16px;
    touch-action:manipulation;
  }
  .hero{
    padding:14px 16px 12px;
    border-radius:24px;
  }
  .hero__top{
    position:relative;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:8px;
    margin-bottom:12px;
  }
  .hero__top .status-dot{
    position:absolute;
    top:0;
    right:0;
  }
  .eyebrow{font-size:11px;margin-bottom:4px}
  .hero h1{font-size:clamp(22px,6.4vw,28px);line-height:1.08}
  .hero__date{font-size:clamp(14px,3.7vw,15px);margin-top:6px}
  .portal-top-grid{gap:10px;margin:12px 0}
  .portal-stat-card{min-height:0}
  .bote-card{padding:16px 14px;border-radius:22px}
  .bote-card strong{font-size:clamp(34px,9.5vw,44px);margin:4px 0}
  .bote-card small,.bote-card span{font-size:12px}
  .portal-stat-card--gold{padding:14px}
  .proximo-mes-card strong{font-size:clamp(26px,7.2vw,32px);margin:6px 0 4px}
  .portal-proximo-mes-name{font-size:14px}
  .proximo-mes-card small{font-size:12px}
  .notice-card{padding:14px;margin:10px 0}
  .notice-card p{font-size:15px;line-height:1.5}
  .portal-access-grid{gap:10px;margin-bottom:14px}
  .nav-card,.portal-action-card,.nav-card--action{
    min-height:88px;
    padding:14px 14px 12px;
    gap:6px;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  .nav-card__icon,.portal-action-card__icon{font-size:26px}
  .nav-card__label,.portal-action-card__label{font-size:14px;line-height:1.25}
  .portal-section-back{
    min-height:48px;
    padding:12px 14px;
    margin-bottom:12px;
    font-size:14px;
    touch-action:manipulation;
  }
  .section-block{padding:14px;margin:10px 0}
  .section-title{margin-bottom:12px;gap:8px;align-items:flex-start}
  .section-title h2,.next-draw h2{font-size:clamp(17px,4.6vw,19px);line-height:1.2}
  .section-title span{font-size:11px;line-height:1.35;text-align:right;flex-shrink:0}
  .portal-comunicaciones-body{font-size:15px;line-height:1.55}
  .timeline{gap:8px}
  .timeline article{
    grid-template-columns:minmax(68px,76px) 1fr;
    gap:10px;
    padding:12px 12px 11px;
    border-radius:14px;
  }
  .timeline time{font-size:14px;line-height:1.25}
  .timeline strong{font-size:15px;line-height:1.35;word-break:break-word}
  .timeline span{font-size:14px;line-height:1.45;margin-top:3px;word-break:break-word}
  #calendarioSection .timeline article{padding:13px 12px}
  .number-ticket{padding:12px;border-radius:14px}
  .refs-block__title{font-size:15px}
  .refs-block__values{font-size:clamp(22px,6.5vw,28px)}
  .refs-block__values--multi{font-size:16px;line-height:1.4}
  .refs-block__jugada-text{font-size:15px;line-height:1.45}
  .refs-intro{font-size:14px;line-height:1.45}
  .portal-footer{margin-top:4px;padding:12px 2px 6px}
  .portal-footer p{font-size:13px}
  .summary-modal{
    padding:
      max(14px,env(safe-area-inset-top))
      max(14px,env(safe-area-inset-right))
      max(14px,env(safe-area-inset-bottom))
      max(14px,env(safe-area-inset-left));
  }
  .summary-modal__card{padding:18px 16px;border-radius:22px;max-height:min(88dvh,820px);overflow:auto}
  .summary-modal__close{
    width:44px;
    height:44px;
    right:8px;
    top:6px;
    touch-action:manipulation;
  }
  .socio-tarjeta-dl,.portal-refresh{min-height:48px;touch-action:manipulation}
  .portal-extras-modal{width:100%}
  .portal-extra-item{padding:14px}
  .portal-extra-item__game{font-size:17px}
  .portal-extra-item__numero{font-size:26px}
}

@media (max-width:480px){
  .socios-app{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .portal-access-grid,.portal-top-grid{gap:8px}
  .nav-card,.portal-action-card,.nav-card--action{min-height:84px;padding:12px}
}

@media (max-width:412px){
  .hero{padding:12px 14px 10px}
  .bote-card strong{font-size:clamp(30px,8.8vw,38px)}
  .proximo-mes-card strong{font-size:clamp(24px,6.8vw,30px)}
}

@media (max-width:390px){
  .timeline article{grid-template-columns:minmax(62px,70px) 1fr;gap:8px}
  .timeline time{font-size:13px}
}

@media (max-width:360px){
  .hero h1{font-size:21px}
  .nav-card__label,.portal-action-card__label{font-size:13px}
  .section-title h2{font-size:16px}
}

@media (max-width:320px){
  .socios-app{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .portal-top-grid{gap:6px}
  .portal-access-grid{gap:6px}
  .bote-card,.portal-stat-card--gold{padding:12px}
  .bote-card strong{font-size:28px}
  .proximo-mes-card strong{font-size:22px}
  .nav-card,.portal-action-card,.nav-card--action{min-height:80px;padding:10px 12px}
  .nav-card__icon,.portal-action-card__icon{font-size:24px}
}

@media (max-width:899px) and (orientation:landscape){
  .portal-socio-gate{align-items:flex-start;padding-top:8px;min-height:auto}
  .portal-socio-gate__card{max-width:min(420px,92vw)}
  .hero{padding:10px 14px}
  .hero__top{margin-bottom:8px}
  .portal-stat-card{min-height:0}
  .nav-card,.portal-action-card,.nav-card--action{min-height:72px;padding:10px 12px}
  .summary-modal__card{max-height:min(92dvh,720px)}
}

@media (display-mode:standalone) and (max-width:899px){
  .socios-app{
    padding-top:max(14px,env(safe-area-inset-top));
    padding-bottom:max(22px,env(safe-area-inset-bottom));
  }
  .nav-card:active,.portal-action-card:active,.portal-socio-gate__submit:active,.portal-section-back:active{
    transform:scale(.98);
  }
}