/* El Dorado visual system: refined controls, cards and editorial reading surfaces. */
:root{--radius-sm:3px;--radius-md:8px;--panel:rgba(18,25,34,.78);--panel-strong:#121a23}
body{background:radial-gradient(circle at 75% 0%,rgba(214,169,78,.055),transparent 32rem),var(--ink)}
.site-header{padding-block:16px}.brand img{width:146px}.nav{gap:6px}.nav a{padding:8px 10px;white-space:nowrap;border:1px solid transparent;transition:.25s}.nav a:hover{color:var(--gold2)}.nav a.active{color:var(--warm);border-color:var(--gold);background:rgba(214,169,78,.12)}
.audio-player{border-radius:var(--radius-md);box-shadow:0 18px 52px rgba(0,0,0,.45);border-color:rgba(244,194,92,.32)}
.page-hero{min-height:52vh;background:linear-gradient(180deg,rgba(8,11,16,.18),var(--ink) 92%),url('/assets/paisaje-2.png') center/cover}.page-hero>div{max-width:920px}.page-hero h1{font-size:clamp(4rem,10vw,9rem)}
.shop-layout{align-items:start;gap:32px}.shop-tabs{display:flex;align-items:center;gap:5px;padding:6px;margin-bottom:30px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md)}.shop-tab{border:0!important;border-radius:var(--radius-sm);background:transparent!important;color:var(--muted);padding:11px 15px;font:11px var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:.2s ease}.shop-tab.active,.shop-tab:hover{background:rgba(214,169,78,.14)!important;color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(214,169,78,.34)}
.products{gap:18px}.product{border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(24,33,44,.92),rgba(12,17,24,.92));padding:26px;min-height:245px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.product:hover{transform:translateY(-3px);border-color:rgba(244,194,92,.35);background:linear-gradient(145deg,rgba(33,43,55,.96),rgba(12,17,24,.96))}.product h3{font-size:28px;margin:13px 0 10px}.product p{max-width:28rem;line-height:1.6}.product>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}.product .button{float:none!important;min-height:40px!important;padding:0 15px!important;border-radius:var(--radius-sm)}.price{font-size:12px;letter-spacing:.04em}.cart{top:112px;border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(214,169,78,.12),rgba(14,20,28,.95));box-shadow:0 18px 50px rgba(0,0,0,.2)}.cart .button{border-radius:var(--radius-sm)}.notice{border-left:0;border-top:1px solid rgba(244,194,92,.28);background:rgba(214,169,78,.06);border-radius:var(--radius-sm);padding:18px;margin-top:30px}
.rules-layout{gap:34px}.rules-index{padding:18px;border:1px solid rgba(255,255,255,.1);border-left:2px solid var(--gold);background:rgba(255,255,255,.025);border-radius:var(--radius-md)}.rules-index a{padding:7px 9px;border-radius:var(--radius-sm);transition:.2s}.rules-index a:hover{background:rgba(214,169,78,.1)}.rules-reader{padding:clamp(24px,4vw,54px);border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(18,25,34,.8),rgba(9,13,18,.8));border-radius:var(--radius-md)}.rules-reader h1{font-size:clamp(3.6rem,7vw,6.8rem);margin-top:18px}.rules-reader h2{padding:16px 18px;margin-top:62px;border-left:2px solid var(--gold);background:rgba(214,169,78,.055);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.rules-reader h3{color:var(--warm);letter-spacing:-.02em}.rule-search{height:52px;margin:0 0 38px;padding:0 20px;border-radius:999px;background:rgba(6,9,13,.72);border:1px solid rgba(244,194,92,.28);box-shadow:inset 0 0 0 4px rgba(255,255,255,.018);font:14px var(--display);color:var(--warm)}.rule-search::placeholder{color:#8d929c}.rule-search:focus{outline:2px solid rgba(244,194,92,.34);outline-offset:2px}
@media(max-width:800px){.shop-layout{grid-template-columns:1fr}.cart{position:static}.rules-reader{padding:24px 20px}.shop-tabs{overflow:auto;flex-wrap:nowrap}.shop-tab{white-space:nowrap}}
@media(max-width:560px){.brand img{width:128px}.product{min-height:215px}.page-hero h1{font-size:4.8rem}}
.brand{flex-shrink:0}@media(max-width:1200px){.nav{gap:2px}.nav a{padding:8px 7px;font-size:12px;letter-spacing:.05em}}@media(max-width:1100px){.site-header{padding-left:3vw;padding-right:3vw}.brand img{width:110px}.nav a{padding:8px 5px;font-size:11.5px;letter-spacing:.03em}}