/* Approved astral mockup treatment. Existing HTML copy and behavior are unchanged. */
.settings-page{min-height:100vh;background:radial-gradient(circle at 50% 42%,#fffaf4,#ebe5dc 78%);color:#10243d;font-family:'DM Sans',system-ui,sans-serif}
.settings-icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.settings-page::before{display:none}
.settings-page .site-header{position:absolute;z-index:10;top:24px;left:50%;width:min(420px,calc(100% - 32px));transform:translateX(-50%);border:0;background:transparent;backdrop-filter:none}
.settings-page .nav-shell{position:relative;width:100%;min-height:48px;height:48px;padding:0 22px;justify-content:flex-end}
.settings-page .nav-shell .header-mark{position:absolute;top:50%;left:22px;display:grid;place-items:center;width:34px;height:34px;margin:0;transform:translateY(-50%)}
.settings-page .header-script{display:none}
.settings-page .header-monogram{display:grid;place-items:center;width:34px;height:34px;border:1px solid #f0ca83b3;border-radius:50%;background:#05132073}
.settings-page .header-monogram img{width:25px;height:25px}
.settings-page .nav-shell .site-language-switcher{position:absolute;top:50%;right:22px;left:auto;z-index:20;transform:translateY(-50%)}
.settings-page .nav-shell .language-toggle{display:grid;place-items:center;width:34px;height:34px;padding:3px;border:1px solid #f0ca83b3;border-radius:50%;background:#05132073;box-shadow:none}
.settings-page .nav-shell .language-toggle img{width:25px;height:25px}
.settings-page .settings-main{min-height:100vh;padding:24px 16px 44px}
.settings-page .settings-shell{position:relative;width:min(420px,100%);max-width:420px;min-height:0;margin:auto;overflow:hidden;border-radius:30px;background-color:#102b3b;background-image:radial-gradient(circle at 10% 18%,#f5d291b8 0 1px,transparent 1.8px),radial-gradient(circle at 18% 7%,#d8c79fa1 0 .7px,transparent 1.5px),radial-gradient(circle at 28% 14%,#fff6cfb0 0 1px,transparent 1.7px),radial-gradient(circle at 42% 6%,#d3d9da80 0 .7px,transparent 1.5px),radial-gradient(circle at 61% 13%,#ffe2aa99 0 .8px,transparent 1.6px),radial-gradient(circle at 77% 9%,#ffdb958c 0 1px,transparent 1.8px),radial-gradient(circle at 87% 22%,#f3e7b5a1 0 .8px,transparent 1.6px),radial-gradient(circle at 58% 21%,#ffdb9580 0 1px,transparent 1.8px),radial-gradient(circle at 91% 31%,#ffdb9566 0 1px,transparent 1.8px),radial-gradient(circle at 46% 9%,#ffffff38,transparent 28%),linear-gradient(155deg,#0a1d2e,#203e50 45%,#102238 76%);box-shadow:0 24px 60px #1e1e2633}
.settings-page .settings-back{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#0a1b2b6b;color:#fff7e8;font:2rem/1 Georgia,serif;text-decoration:none}
.settings-page .settings-back:focus-visible,.settings-page .settings-row:focus-visible{outline:3px solid #d4a959;outline-offset:3px}
.settings-menu-page .settings-gear svg{display:block;width:26px;height:26px;fill:currentColor}
.settings-menu-page .settings-row-icon svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Ajustes: starry title and ivory menu. */
.settings-menu-page .settings-main{padding-top:24px}
.settings-menu-page .settings-back{position:absolute;top:85px;right:24px;z-index:2}
.settings-menu-page .settings-heading{display:flex;align-items:center;gap:13px;margin:0;padding:79px 27px 0;border:0;color:#fff8ec;font:600 2.25rem/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;text-align:start}
.settings-menu-page .settings-gear{color:#e9bd6b;font:1.6rem/1 Georgia,serif}
.settings-menu-page .settings-menu-intro{max-width:28ch;margin:12px 0 29px;padding:0 28px;color:#fff8ee;font-size:1rem;line-height:1.45}
.settings-menu-page .settings-menu-panel{display:grid;align-content:start;gap:7px;min-height:0;margin:0;padding:18px 16px 30px;border:0;border-radius:32px 32px 0 0;background:linear-gradient(130deg,#fefcf8,#f4efe8 68%,#fbf8f3);box-shadow:0 -12px 28px #040f2b2b}
.settings-menu-page .settings-row{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:9px 16px;border:1px solid #e7e0d6cc;border-radius:18px;background:#ffffffc2;color:#10243d;box-shadow:0 7px 20px #19202b0b;font:500 1.04rem/1.3 'DM Sans',system-ui,sans-serif;text-align:start;text-decoration:none;cursor:pointer}
.settings-menu-page .settings-row-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:0;background:transparent;color:#173a54;font:1.5rem/1 Georgia,serif}
.settings-menu-page .settings-chevron{margin-inline-start:auto;color:#8e9398;font:1.5rem/1 Georgia,serif}
.settings-menu-page .settings-row-divider{height:1px;margin:9px 4px;background:#e8e1d6}
.settings-menu-page .settings-row-feature{border-color:#e9c982;background:linear-gradient(110deg,#fff8e8,#f7e6be);color:#0d2540}
.settings-menu-page .settings-row-feature .settings-row-icon,.settings-menu-page .settings-row-feature .settings-chevron{color:#99691f}

/* Créditos: existing chest artwork, ivory content, soft cards and gold inactive state. */
.settings-detail-page .settings-main{padding-top:24px}
.settings-detail-page .site-header{width:min(464px,calc(100% - 32px))}
.settings-detail-page .settings-detail{width:min(464px,100%);max-width:464px}
.settings-detail-page .settings-detail-top{display:flex;align-items:center;min-height:110px;margin:0;padding:58px 22px 14px;color:#fff8ec}
.settings-detail-page .settings-detail-top .settings-kicker{margin-inline-start:12px;color:#fff8ec;font:600 1.85rem/1 'Cormorant Garamond',Georgia,serif;letter-spacing:0}
.settings-detail-page .settings-sheet{overflow:hidden;border:0;border-radius:0;background:#faf7f2;color:#10243d;box-shadow:none}
.settings-detail-page .settings-hero{position:relative;height:auto;aspect-ratio:464/240;overflow:hidden;background:#102c3d}
.settings-detail-page .settings-hero img{position:absolute;top:-43.75%;left:-100.431%;width:331.034%;height:auto;max-width:none}
.settings-detail-page .settings-cream{position:relative;min-height:555px;margin-top:-20px;padding:22px 18px 30px;border-radius:29px 29px 0 0;background:linear-gradient(150deg,#fffdf9,#f5f0e9);text-align:center}
.settings-detail-page .settings-cream h1{margin:3px 0 9px;color:#102b4a;font:600 2.15rem/1.06 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em}
.settings-detail-page .settings-cream>.settings-lead{max-width:36ch;margin:0 auto 21px;color:#42516a;font-size:.95rem;line-height:1.45}
.settings-detail-page .settings-credit-balance,.settings-detail-page .settings-add-credits,.settings-detail-page .settings-payment-section{margin-top:12px;border:1px solid #eee8dd;border-radius:18px;background:#ffffffbd;box-shadow:0 8px 18px #1b26330e;color:#10243d}
.settings-detail-page .settings-credit-balance{padding:16px 17px;text-align:start}
.settings-detail-page .settings-credit-balance>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.settings-detail-page h2{margin:0;color:#102b4a;font:600 1.32rem/1.1 'Cormorant Garamond',Georgia,serif}
.settings-detail-page .settings-credit-balance strong{color:#a77626;font:600 2rem/1 'Cormorant Garamond',Georgia,serif}
.settings-detail-page .settings-credit-balance small,.settings-detail-page .settings-payment-section small{display:block;margin-top:5px;color:#53617a;font-size:.76rem;line-height:1.35}
.settings-detail-page .settings-add-credits{padding:13px 17px 14px;background:#fffcf6e0}
.settings-detail-page .settings-section-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 5px;border-radius:50%;background:#fbecd0;color:#987027;font-size:1.35rem}
.settings-detail-page .settings-add-credits p{max-width:34ch;margin:6px auto 0;color:#53617a;font-size:.83rem;line-height:1.4}
.settings-detail-page .settings-soon{margin-top:14px;padding:11px 16px;border:1px solid #bc8d3d;border-radius:999px;background:linear-gradient(160deg,#e8bd69,#ba8733);color:#fff;box-shadow:0 6px 13px #895c142e;font-weight:600;cursor:default}
.settings-detail-page .settings-payment-section{padding:16px 12px 18px}
.settings-detail-page .settings-logo-strip{display:block;width:100%;height:auto;margin:12px auto 5px;overflow:hidden}
@media(max-width:540px){
  .settings-page{background:#102b3b}
  .settings-page .site-header{top:0;width:100%}
  .settings-page .settings-main,.settings-menu-page .settings-main,.settings-detail-page .settings-main{padding:0}
  .settings-page .settings-shell{width:100%;max-width:none;min-height:100svh;border-radius:0;box-shadow:none}
  .settings-menu-page .settings-menu-panel{min-height:calc(100svh - 204px)}
  .settings-detail-page .settings-cream{min-height:calc(100svh - 320px)}
  .settings-detail-page .settings-detail{width:100%;max-width:none}
}
@media(max-width:390px){
  .settings-menu-page .settings-heading{font-size:2.1rem}
  .settings-detail-page .settings-detail-top .settings-kicker{font-size:1.65rem}
  .settings-detail-page .settings-cream h1{font-size:1.95rem}
}
[dir=rtl] .settings-menu-page .settings-row{text-align:right}
