/* Alineación V12 aplicada al Jack azul. Conserva la estructura y scripts existentes. */
:root{--paper:#f8f5ee;--ink:#061d3b;--muted:#667284;--line:#d7dde4;--accent:#edbd4a;--white:#fffdf8}
body{background:var(--paper);color:var(--ink)}
header{max-width:1160px;padding:20px 5%;border-color:var(--line);background:rgba(248,245,238,.96)}
.brand{display:block!important;line-height:0}.brand-master{display:block;width:min(330px,54vw);height:auto;max-height:74px;object-fit:contain;object-position:left center}
.header-right{gap:16px}.edition{font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--muted)}
.icon{border-color:var(--line);background:var(--white);color:var(--ink)}
.icon svg circle{fill:var(--white)!important}
.cover{background:#061a36;border-radius:19px;box-shadow:0 15px 38px rgba(6,29,59,.15)}
.card-front,.card-back{border-radius:19px}.card-front{background:#061a36}.card-front:after{background:linear-gradient(180deg,rgba(4,18,42,.04),rgba(4,18,42,.12) 38%,rgba(4,18,42,.96) 100%)}
.cover-controls .quick-listen button{background:var(--accent)!important;color:var(--ink)!important;border-color:var(--accent)!important;border-radius:10px;font-weight:800}
.cover-controls .quick-listen button+button{background:rgba(6,26,54,.88)!important;color:var(--white)!important;border-color:rgba(255,255,255,.68)!important}
.cover-controls .extra-actions button{background:rgba(255,253,248,.97)!important;color:var(--ink)!important;border-color:rgba(255,253,248,.9)!important;border-radius:10px}
.flip-control{background:rgba(6,26,54,.86)!important;color:var(--white)!important;border-color:rgba(255,255,255,.65)!important;border-radius:999px!important}
.station-picker{background:rgba(6,26,54,.86)!important;color:var(--white)!important;border-color:rgba(255,255,255,.65)!important}
.cover-label,.cover-text>.eyebrow{color:var(--accent)!important}.cover-text h1{font-family:Georgia,"Times New Roman",serif;color:var(--white)}
.back-audio{background:var(--ink)!important;color:var(--white)!important}.player,.reading-player{background:var(--ink)!important;color:var(--white)!important;border-color:var(--ink)!important}
.personal-space{background:#eff3f5;border-color:var(--line)}
.personal-moment-buttons button{border-color:var(--line);background:var(--white);color:var(--ink)}.personal-moment-buttons button[aria-expanded=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}
.personal-drawer{background:var(--white);border-color:var(--line)}
.gift-back,.card-back.gift-back{background:linear-gradient(145deg,#fffdf8 0%,#f1e7ce 100%);color:var(--ink);border-color:#dfc779}
.gift-back:before{background:radial-gradient(circle at 85% 7%,rgba(237,189,74,.34),transparent 26%),linear-gradient(180deg,rgba(6,29,59,.035),rgba(6,29,59,.08));}
.gift-back .gift-kicker{color:#8c6821}.gift-back .gift-message{color:var(--ink);font-family:Georgia,"Times New Roman",serif}.gift-signature{color:var(--muted)}.gift-back .gift-edit{background:var(--ink);color:var(--white)}
.learn-card{background:var(--white)!important;border-color:var(--line)!important;color:var(--ink)!important;box-shadow:0 16px 46px rgba(6,29,59,.22)!important}.learn-card h3{font-family:Georgia,"Times New Roman",serif!important;color:var(--ink)!important}.learn-actions button{background:var(--ink)!important;color:var(--white)!important}.learn-actions button:first-child{background:transparent!important;color:var(--ink)!important}.learn-target{outline-color:var(--accent)!important}
@media(max-width:800px){header{padding:16px 5%}.brand-master{width:min(286px,60vw);max-height:61px}.edition{display:none}.cover{border-radius:16px}}