/* ============================================================================
   SOMOS VELVET · Estilos del área de miembros
   Tomados tal cual del prototipo de Andreina para que se vea idéntico.
   ============================================================================ */

:root {
  --blush:#f1dfdc; --cream:#faf6f0; --cream-2:#f3ebe2; --dusty:#d9a5aa;
  --gold:#c4a46d; --ink:#261b1f; --line:#4a252d1f; --mocha:#775f58;
  --muted:#806f73; --plum:#2b151c; --plum-soft:#40242c; --rose:#c88791;
  --white:#fffdf9; --wine:#6b1e2a; --wine-2:#843042;
}

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; border:0 solid; }
[hidden] { display:none !important; }
body { font-family:"Libre Franklin", ui-sans-serif, system-ui, sans-serif;
  color:var(--ink); -webkit-font-smoothing:antialiased; line-height:1.5; }
button { font:inherit; cursor:pointer; }
a { color:inherit; text-decoration:none; }
:focus-visible { outline:2px solid var(--rose); outline-offset:3px; border-radius:8px; }

.velvet-root { background: radial-gradient(circle at 90% 5%, #c8879129, transparent 26rem), var(--cream); min-height: 100vh; }
.prototype-bar { background: var(--plum); color: rgba(255,253,249,.7); letter-spacing:.16em; z-index:60; grid-template-columns:1fr auto 1fr; align-items:center; height:44px; padding:0 24px; font-size:10px; font-weight:800; display:grid; position:relative; }
.surface-switch { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); border-radius:999px; padding:3px; display:flex; }
.surface-switch button, .language-switch button { color:inherit; background:0 0; border:0; }
.surface-switch button { letter-spacing:.05em; text-transform:uppercase; border-radius:999px; padding:7px 15px; font-size:10px; }
.surface-switch button.active { background:var(--white); color:var(--wine); }
.language-switch { align-items:center; gap:6px; display:flex; }
.prototype-actions { justify-self:end; align-items:center; gap:13px; display:flex; }
.prototype-week { background:rgba(255,255,255,.06); border-radius:999px; align-items:center; gap:2px; padding:3px 4px 3px 10px; display:flex; }
.prototype-week > span { color:rgba(255,255,255,.42); margin-right:3px; font-size:7px; }
.prototype-week > button { color:rgba(255,255,255,.55); background:0 0; border:0; border-radius:50%; width:26px; height:26px; padding:0; font-size:8px; font-weight:900; }
.prototype-week > button.active { background:var(--white); color:var(--wine); }
.language-switch button { padding:5px; }
.language-switch button.active { color:var(--white); }

.app-frame { grid-template-columns:236px minmax(0,1fr); min-height:calc(100vh - 44px); display:grid; }
.side-nav { background:linear-gradient(170deg,#84304247,transparent 45%), var(--plum); color:var(--white); flex-direction:column; min-height:calc(100vh - 44px); padding:29px 22px 24px; display:flex; position:sticky; top:44px; }
.brand-lockup { color:var(--plum); align-items:center; gap:11px; display:flex; }
.side-nav .brand-lockup { color:var(--white); margin:0 8px 44px; }
.brand-mark { border:1px solid; border-radius:50%; justify-content:center; align-items:center; width:37px; height:37px; font-family:Georgia,serif; font-size:19px; font-style:italic; display:flex; flex:0 0 auto; }
.brand-lockup div { flex-direction:column; line-height:.9; display:flex; }
.brand-lockup strong { letter-spacing:.25em; font-size:10px; }
.brand-lockup em { font-family:Georgia,serif; font-size:23px; font-weight:400; }
.side-nav nav { flex-direction:column; flex:1 1 0%; gap:6px; display:flex; }
.side-nav nav a, .side-nav nav button { color:rgba(255,253,249,.64); text-align:left; background:0 0; border:0; border-radius:13px; align-items:center; gap:14px; min-height:46px; padding:0 14px; font-size:13px; font-weight:700; display:flex; position:relative; }
.side-nav nav a > .ic, .side-nav nav button > .ic { border:1px solid rgba(255,255,255,.13); border-radius:8px; justify-content:center; align-items:center; width:28px; height:28px; font-size:16px; display:flex; flex:0 0 auto; }
.side-nav nav a.active, .side-nav nav button.active { color:var(--white); background:rgba(255,255,255,.1); }
.side-nav nav a.active::before, .side-nav nav button.active::before { background:var(--gold); content:""; border-radius:3px; width:4px; height:22px; position:absolute; left:-22px; }
.side-nav nav small { color:#e6cfa7; letter-spacing:.1em; background:rgba(196,164,109,.16); border-radius:99px; margin-left:auto; padding:4px 6px; font-size:7px; }
.side-nav nav a.apagado { opacity:.45; cursor:default; }
.side-footer { border-top:1px solid rgba(255,255,255,.1); flex-direction:column; gap:10px; padding:19px 8px 0; display:flex; }
.side-footer button { color:rgba(255,253,249,.54); text-align:left; background:0 0; border:0; padding:4px 0; font-size:11px; }

.app-main { min-width:0; }
.app-header { border-bottom:1px solid var(--line); backdrop-filter:blur(15px); z-index:20; background:rgba(250,246,240,.92); justify-content:space-between; align-items:center; min-height:74px; padding:0 clamp(22px,4vw,58px); display:flex; position:sticky; top:44px; gap:14px; flex-wrap:wrap; }
.eyebrow { color:var(--wine); letter-spacing:.19em; text-transform:uppercase; font-size:9px; font-weight:900; display:block; }
.week-progress { background:rgba(107,30,42,.1); border-radius:10px; width:150px; height:4px; margin-top:8px; overflow:hidden; }
.week-progress i { background:linear-gradient(90deg,var(--wine),var(--rose)); border-radius:inherit; height:100%; display:block; transition:width .5s ease; }
.program-selector { align-items:center; gap:9px; display:flex; }
.program-selector > span { color:var(--muted); letter-spacing:.12em; font-size:7px; font-weight:900; }
.program-selector > div { background:rgba(107,30,42,.07); border:1px solid rgba(107,30,42,.08); border-radius:999px; padding:3px; display:flex; }
.program-selector button { color:var(--muted); letter-spacing:.08em; background:0 0; border:0; border-radius:999px; padding:7px 11px; font-size:8px; font-weight:900; }
.program-selector button.active { background:var(--plum); color:var(--white); }
.header-controls { align-items:center; gap:13px; display:flex; }
.header-controls > span { color:var(--muted); text-transform:uppercase; font-size:10px; font-weight:800; }
.segmented { background:var(--cream-2); border-radius:999px; padding:3px; display:flex; }
.segmented button { color:var(--muted); letter-spacing:.08em; background:0 0; border:0; border-radius:999px; padding:8px 12px; font-size:9px; font-weight:900; }
.segmented button.active { background:var(--wine); color:var(--white); }
.avatar { background:var(--blush); border:2px solid var(--white); color:var(--wine); border-radius:50%; justify-content:center; align-items:center; width:38px; height:38px; font-size:10px; font-weight:900; display:flex; box-shadow:rgba(107,30,42,.16) 0 0 0 1px; }

.dashboard { max-width:1420px; margin:0 auto; padding:clamp(26px,4vw,54px); }
.welcome-grid { background:radial-gradient(circle at 62% 8%, #ffffff14, transparent 19rem), linear-gradient(125deg, var(--plum), #4f202c 76%, #713244); color:var(--white); border-radius:30px; grid-template-columns:1.05fr .95fr; min-height:310px; display:grid; overflow:hidden; box-shadow:rgba(43,21,28,.18) 0 24px 70px; }
.welcome-copy { z-index:2; align-self:center; padding:clamp(35px,5vw,68px); position:relative; }
.welcome-copy .eyebrow { color:#d9b995; }
.welcome-copy h1 { letter-spacing:-.045em; margin:17px 0; font-family:Georgia,serif; font-size:clamp(39px,5vw,67px); font-weight:400; line-height:1; }
.welcome-copy h1 span { font-size:28px; }
.welcome-copy p { color:rgba(255,253,249,.73); max-width:500px; margin:0 0 28px; font-family:Georgia,serif; font-size:17px; font-style:italic; line-height:1.6; }
.primary-button { background:var(--wine); color:var(--white); letter-spacing:.1em; border:0; border-radius:999px; justify-content:center; align-items:center; gap:18px; min-height:48px; padding:0 24px; font-size:10px; font-weight:900; display:inline-flex; transition:transform .18s, box-shadow .18s; }
.primary-button:hover { transform:translateY(-2px); box-shadow:rgba(43,21,28,.24) 0 12px 30px; }
.welcome-copy .primary-button { background:var(--white); color:var(--wine); }
.primary-button span { font-size:18px; }
.editorial-visual { background:linear-gradient(90deg, rgba(43,21,28,.72), rgba(0,0,0,0) 42%), radial-gradient(at 60% 105%, #b15d6e 0, rgba(0,0,0,0) 58%), linear-gradient(145deg,#6c3040,#29151c); min-height:310px; position:relative; overflow:hidden; }
.editorial-visual::after { content:""; border:1px solid rgba(255,255,255,.12); border-radius:50% 50% 15% 15%; width:230px; height:420px; position:absolute; bottom:-110px; left:34%; transform:rotate(-8deg); }
.glow-orb { filter:blur(4px); background:rgba(224,164,173,.28); border-radius:50%; width:180px; height:180px; position:absolute; top:20%; right:18%; }
.vertical-copy { color:rgba(255,255,255,.37); letter-spacing:.25em; transform-origin:100% 100%; font-size:8px; font-weight:900; position:absolute; bottom:22px; right:16px; transform:rotate(-90deg) translate(100%); }
.photo-note { z-index:3; flex-direction:column; display:flex; position:absolute; bottom:23px; left:26px; }
.photo-note strong { color:var(--white); letter-spacing:.15em; font-size:8px; }
.photo-note small { color:rgba(255,255,255,.54); font-family:Georgia,serif; font-size:13px; font-style:italic; }
.floating-stat { backdrop-filter:blur(10px); background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.17); border-radius:18px; flex-direction:column; align-items:center; padding:13px 17px; display:flex; position:absolute; top:27px; right:31px; }
.floating-stat strong { font-family:Georgia,serif; font-size:27px; font-weight:400; }
.floating-stat span { letter-spacing:.16em; font-size:7px; }

.block-row { grid-template-columns:repeat(2,1fr); gap:12px; margin:24px 0 48px; display:grid; }
.block-row button { border:1px solid var(--line); color:var(--muted); text-align:left; background:rgba(255,253,249,.64); border-radius:16px; align-items:center; min-height:64px; padding:0 19px; display:flex; }
.block-row button > span { color:var(--rose); margin-right:13px; font-family:Georgia,serif; font-size:24px; }
.block-row button strong { letter-spacing:.04em; font-size:11px; }
.block-row button em { background:var(--blush); color:var(--wine); letter-spacing:.1em; border-radius:999px; margin-left:auto; padding:6px 8px; font-size:7px; font-style:normal; font-weight:900; }
.block-row button.active { background:var(--white); color:var(--wine); border-color:rgba(107,30,42,.3); box-shadow:rgba(82,47,53,.08) 0 9px 27px; }
.block-row button.trancado { opacity:.55; }
.block-row button.trancado em { background:var(--cream-2); color:var(--muted); }

.club-upsell { background:radial-gradient(circle at 82% 20%, #e8b9c14d, transparent 16rem), linear-gradient(130deg, var(--plum), #702c3b); color:var(--white); border-radius:25px; grid-template-columns:1.2fr .8fr; min-height:260px; margin:-25px 0 46px; display:grid; position:relative; overflow:hidden; }
.club-stage-1 { opacity:.92; }
.club-upsell-copy { z-index:2; align-self:center; padding:35px 42px; position:relative; }
.club-upsell-copy > span { color:#dfbd95; letter-spacing:.15em; font-size:8px; font-weight:900; }
.club-upsell-copy h2 { letter-spacing:-.04em; max-width:670px; margin:11px 0; font-family:Georgia,serif; font-size:clamp(30px,3.5vw,47px); font-weight:400; line-height:1.05; }
.club-upsell-copy > p { color:rgba(255,255,255,.62); max-width:620px; margin:0; font-size:11px; line-height:1.6; }
.club-upsell-copy > div { flex-wrap:wrap; gap:14px; margin:17px 0; display:flex; }
.club-upsell-copy > div small { color:rgba(255,255,255,.65); letter-spacing:.04em; font-size:7px; font-weight:800; }
.club-upsell-copy > .glow-renewal-note { color:rgba(255,255,255,.68); max-width:430px; margin-top:10px; font-size:7px; line-height:1.5; display:block; }
.club-upsell-copy > button { background:var(--white); color:var(--wine); letter-spacing:.1em; border:0; border-radius:999px; min-height:45px; padding:0 18px; font-size:8px; font-weight:900; }
.club-upsell-art { min-height:260px; position:relative; }
.club-upsell-art::before, .club-upsell-art::after { content:""; border:1px solid rgba(255,255,255,.12); border-radius:50%; width:310px; height:310px; position:absolute; top:-70px; right:-25px; }
.club-upsell-art::after { width:220px; height:220px; top:-25px; right:20px; }
.club-level { backdrop-filter:blur(10px); z-index:2; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.15); border-radius:50%; flex-direction:column; justify-content:center; align-items:center; width:135px; height:135px; display:flex; position:absolute; top:26px; right:105px; }
.club-level span, .club-level small { color:rgba(255,255,255,.5); letter-spacing:.12em; font-size:6px; font-weight:900; }
.club-level strong { font-family:Georgia,serif; font-size:47px; font-weight:400; line-height:.9; }
.club-price { backdrop-filter:blur(13px); color:var(--wine); z-index:3; background:rgba(255,253,249,.91); border-radius:15px; grid-template-columns:auto auto; padding:13px 16px; display:grid; position:absolute; bottom:23px; right:28px; transform:rotate(3deg); }
.club-price strong { font-family:Georgia,serif; font-size:27px; font-weight:400; }
.club-price > span { align-self:end; padding-bottom:5px; font-size:7px; font-weight:900; }
.club-price small { color:var(--muted); letter-spacing:.08em; grid-column:1/3; font-size:5px; }
.club-upsell-art > em { color:rgba(255,255,255,.18); font-family:Georgia,serif; font-size:42px; font-style:italic; position:absolute; bottom:25px; left:0; transform:rotate(-7deg); }

.section-heading { justify-content:space-between; align-items:end; margin-bottom:22px; display:flex; gap:20px; }
.section-heading h2 { letter-spacing:-.03em; margin:8px 0 6px; font-family:Georgia,serif; font-size:clamp(28px,3vw,42px); font-weight:400; }
.section-heading p { color:var(--muted); margin:0; font-size:13px; }
.text-button { color:var(--wine); letter-spacing:.1em; background:0 0; border:0; padding:12px 0; font-size:9px; font-weight:900; white-space:nowrap; }

.routine-row { grid-template-columns:repeat(3,1fr); gap:18px; display:grid; }
.routine-card { background:var(--white); border:1px solid var(--line); border-radius:22px; min-width:0; transition:transform .18s, box-shadow .18s; overflow:hidden; box-shadow:rgba(55,31,37,.06) 0 15px 45px; }
.routine-card:hover { transform:translateY(-4px); box-shadow:rgba(55,31,37,.12) 0 20px 55px; }
.routine-card.trancada { opacity:.6; }
.routine-card.trancada:hover { transform:none; box-shadow:rgba(55,31,37,.06) 0 15px 45px; }
.routine-art { background:linear-gradient(125deg,#ffffff14,transparent 50%), var(--wine); height:102px; position:relative; overflow:hidden; }
.tone-2 .routine-art { background:linear-gradient(135deg,#b87882,#6e3342); }
.tone-3 .routine-art { background:linear-gradient(135deg,#927266,#40252b); }
.tone-4 .routine-art { background:linear-gradient(135deg,#8a4b5c,#33161e); }
.tone-5 .routine-art { background:linear-gradient(135deg,#a86a72,#4a2028); }
.routine-art span { color:rgba(255,255,255,.23); font-family:Georgia,serif; font-size:67px; position:absolute; top:7px; left:19px; }
.routine-art i { border:1px solid rgba(255,255,255,.25); border-radius:50%; width:126px; height:126px; position:absolute; top:-42px; right:-26px; }
.routine-art i::after { content:""; border:1px solid rgba(255,255,255,.16); border-radius:50%; width:76px; height:76px; position:absolute; top:25px; left:25px; }
.routine-art .candado { position:absolute; bottom:11px; right:15px; font-size:15px; opacity:.85; }
.routine-body { padding:19px 20px 18px; }
.routine-body > span { color:var(--rose); letter-spacing:.12em; text-transform:uppercase; font-size:8px; font-weight:900; }
.routine-body h3 { margin:6px 0 14px; font-family:Georgia,serif; font-size:24px; font-weight:400; }
.routine-body > div { color:var(--muted); gap:14px; font-size:10px; display:flex; flex-wrap:wrap; }
.routine-body > div small + small::before { color:var(--rose); content:"•"; margin-right:12px; }
.routine-body button, .routine-body .estado-rut { border-top:1px solid var(--line); color:var(--wine); letter-spacing:.1em; background:0 0; justify-content:space-between; width:100%; margin-top:18px; padding:14px 0 0; font-size:8px; font-weight:900; display:flex; }
.routine-body .estado-rut { color:var(--muted); }
.routine-body button b { font-size:15px; }

.dashboard-lower { grid-template-columns:1.2fr .8fr; gap:18px; margin-top:42px; display:grid; }
.velvet-note { background:linear-gradient(125deg,#ffffff08,transparent), var(--plum); color:var(--white); border-radius:24px; grid-template-columns:92px 1fr auto; align-items:center; gap:24px; min-height:235px; padding:30px; display:grid; }
.note-wave { background:rgba(255,255,255,.07); border-radius:50%; justify-content:center; align-items:center; gap:3px; width:78px; height:78px; display:flex; }
.note-wave i { background:var(--dusty); border-radius:3px; width:2px; height:22px; animation:1.4s ease-in-out 0s infinite alternate none running pulse; }
.note-wave i:nth-child(2n) { height:38px; animation-delay:.15s; }
.note-wave i:nth-child(3n) { height:28px; animation-delay:.3s; }
@keyframes pulse { 50% { opacity:.5; } }
.velvet-note span, .menu-mini > span, .progress-mini > div > span { color:#d8b691; letter-spacing:.14em; font-size:8px; font-weight:900; }
.velvet-note h3, .menu-mini h3 { margin:7px 0 9px; font-family:Georgia,serif; font-size:25px; font-weight:400; }
.velvet-note p { color:rgba(255,255,255,.6); max-width:480px; margin:0 0 15px; font-size:12px; line-height:1.55; }
.velvet-note button, .menu-mini button { color:var(--white); letter-spacing:.1em; background:0 0; border:0; padding:0; font-size:8px; font-weight:900; }
.note-duration { color:rgba(255,255,255,.45); align-self:end; font-size:9px; }
.mini-stack { gap:14px; display:grid; }
.menu-mini { background:radial-gradient(circle at 90% 10%, #ffffff24, transparent 9rem), linear-gradient(135deg, var(--wine), #9c5361); color:var(--white); border-radius:22px; padding:24px; }
.menu-mini p { color:rgba(255,255,255,.67); font-size:11px; }
.progress-mini { background:var(--white); border:1px solid var(--line); border-radius:22px; align-items:center; gap:18px; padding:18px 22px; display:flex; }
.progress-mini-button { color:inherit; text-align:left; width:100%; }
.progress-ring { border-radius:50%; justify-content:center; align-items:center; width:67px; height:67px; display:flex; position:relative; flex:0 0 auto; }
.progress-ring::after { background:var(--white); content:""; border-radius:50%; width:49px; height:49px; position:absolute; }
.progress-ring span { color:var(--wine); z-index:1; font-size:10px; font-weight:900; position:relative; }
.progress-mini h3 { margin:4px 0; font-family:Georgia,serif; font-size:18px; font-weight:400; }
.progress-mini p { color:var(--muted); margin:0; font-size:10px; }

.mobile-nav { display:none; }

/* --- estados --- */
.pantalla-estado { max-width:520px; margin:70px auto; background:var(--white); border:1px solid var(--line); border-radius:26px; padding:clamp(28px,5vw,48px); text-align:center; box-shadow:rgba(55,31,37,.06) 0 15px 45px; }
.pantalla-estado h2 { font-family:Georgia,serif; font-size:26px; font-weight:400; letter-spacing:-.03em; }
.pantalla-estado p { color:var(--muted); margin-top:13px; font-size:13px; line-height:1.6; }
.pantalla-estado .primary-button { margin-top:24px; }
.cargando-app { padding:110px 20px; text-align:center; color:var(--muted); font-size:13px; }
.nota-preparacion { background:var(--white); border:1px dashed rgba(74,37,45,.26); border-radius:22px; padding:clamp(22px,3vw,30px); margin-top:24px; display:flex; gap:16px; align-items:flex-start; }
.nota-preparacion h4 { font-family:Georgia,serif; font-size:19px; font-weight:400; }
.nota-preparacion p { color:var(--muted); font-size:12px; margin-top:7px; line-height:1.6; max-width:60ch; }
.nota-preparacion .ic { font-size:20px; color:var(--rose); }

@media (width <= 1050px) {
  .app-frame { grid-template-columns:82px minmax(0,1fr); }
  .side-nav { align-items:center; padding-inline:12px; }
  .side-nav .brand-lockup div, .side-nav nav small, .side-footer { display:none; }
  .side-nav .brand-lockup { margin:0 0 44px; }
  .side-nav nav a, .side-nav nav button { justify-content:center; width:48px; padding:0; }
  .side-nav nav a > span:not(.ic), .side-nav nav button > span:not(.ic) { display:none; }
  .side-nav nav a > .ic, .side-nav nav button > .ic { font-size:17px; }
  .welcome-grid { grid-template-columns:1fr .8fr; }
  .routine-row { grid-template-columns:repeat(2,1fr); }
  .dashboard-lower { grid-template-columns:1fr; }
  .mini-stack { grid-template-columns:repeat(2,1fr); }
}

@media (width <= 720px) {
  .prototype-bar { grid-template-columns:auto 1fr auto; height:48px; padding:0 12px; }
  .prototype-bar > span { display:none; }
  .surface-switch { grid-column:2; justify-self:center; }
  .surface-switch button { padding:7px 10px; font-size:8px; }
  .language-switch, .prototype-actions { grid-column:3; }
  .prototype-week { display:none; }
  .app-frame { min-height:calc(100vh - 48px); display:block; }
  .side-nav { display:none; }
  .app-header { min-height:66px; padding:0 16px; top:48px; }
  .app-header > div:first-child .eyebrow { font-size:7px; }
  .week-progress { width:105px; }
  .header-controls > span { display:none; }
  .segmented button { padding:7px 9px; }
  .avatar { width:34px; height:34px; }
  .dashboard { padding:17px 14px 95px; }
  .welcome-grid { border-radius:24px; flex-direction:column; display:flex; }
  .welcome-copy { padding:36px 26px 30px; }
  .welcome-copy h1 { font-size:43px; }
  .welcome-copy p { font-size:15px; }
  .editorial-visual { min-height:190px; }
  .editorial-visual::after { bottom:-180px; left:37%; }
  .block-row { margin:15px 0 34px; }
  .block-row button { flex-direction:column; align-items:flex-start; gap:2px; min-height:82px; padding:13px; }
  .block-row button > span { font-size:16px; }
  .block-row button strong { font-size:9px; line-height:1.35; }
  .section-heading { align-items:flex-start; flex-direction:column; }
  .section-heading h2 { font-size:32px; }
  .section-heading p { max-width:260px; }
  .text-button { display:none; }
  .routine-row { scrollbar-width:none; margin-right:-14px; padding-bottom:14px; display:flex; overflow-x:auto; }
  .routine-card { flex:0 0 81%; display:block; }
  .dashboard-lower { margin-top:28px; }
  .velvet-note { grid-template-columns:62px 1fr; gap:16px; padding:23px 19px; }
  .note-wave { width:58px; height:58px; }
  .velvet-note h3 { font-size:21px; }
  .note-duration { display:none; }
  .mini-stack { grid-template-columns:1fr; }
  .mobile-nav { backdrop-filter:blur(18px); border-top:1px solid var(--line); z-index:50; background:rgba(255,253,249,.94); grid-template-columns:repeat(5,1fr); align-items:center; height:72px; display:grid; position:fixed; bottom:0; left:0; right:0; }
  .mobile-nav a { color:var(--muted); background:0 0; border:0; flex-direction:column; justify-content:center; align-items:center; gap:3px; display:flex; }
  .mobile-nav a .ic { font-size:19px; }
  .mobile-nav a small { font-size:8px; }
  .mobile-nav a.active { color:var(--wine); }
  .club-upsell { margin:-12px 0 34px; display:block; }
  .club-upsell-copy { padding:28px 23px 22px; }
  .club-upsell-copy h2 { font-size:34px; }
  .club-upsell-art { min-height:175px; }
  .club-level { width:112px; height:112px; top:17px; left:34px; right:auto; }
  .club-level strong { font-size:38px; }
  .club-upsell-art > em { display:none; }
  .program-selector { gap:0; }
  .program-selector > span { display:none; }
  .program-selector button { padding:7px 5px; font-size:5.5px; }
  .program-selector > div { flex-shrink:0; }
  .app-header > div:first-child { min-width:82px; }
  .app-header > div:first-child .eyebrow { max-width:115px; line-height:1.25; }
}

[data-en] { display:none !important; }
html[lang="en"] [data-es] { display:none !important; }
html[lang="en"] [data-en] { display:revert !important; }