/* Fase 1: fondos, tipografía y posiciones trasladados desde el original. */
@font-face{font-family:"Le Tarot";src:url("../original/fonts/Le%20Tarot%20Bold-Regular.otf") format("opentype"),url("../original/fonts/Le%20Tarot%20Bold-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#080909;--ink-2:#111313;--ivory:#d8c9b7;--muted:rgba(216,201,183,.78);--gold:#a6927d;--line:rgba(166,146,125,.5);--serif:"Le Tarot",Georgia,"Times New Roman",serif;--sans:"Le Tarot","Trebuchet MS",Arial,sans-serif}
body{font-family:var(--sans);background:radial-gradient(circle at 15% 42%,rgba(11,48,46,.34),transparent 30rem),linear-gradient(180deg,#080909,#111313 46%,#071211 74%,#080909)}
.site-header.brand-nav{position:absolute;top:24px;left:50%;width:min(960px,calc(100% - 36px));min-height:42px;transform:translateX(-50%);display:grid;grid-template-columns:1fr auto 1fr;gap:18px;padding:0;background:transparent;border:0;backdrop-filter:none}.nav-links{display:flex;align-items:center;gap:34px}.nav-links.right{justify-content:flex-end}.nav-links a{color:var(--gold);font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;text-shadow:0 0 18px #000}.nav-logo{width:clamp(132px,18vw,230px);height:42px;background:url("../original/logos/LOGOTIPO-BLANCO.png") center/100% auto no-repeat;filter:drop-shadow(0 0 18px rgba(0,0,0,.8))}.site-header .store-actions{position:fixed;right:24px;top:48px}
.literal-hero{position:relative;min-height:100vh;display:grid;align-items:center;padding:28px 0 80px;overflow:hidden;border-bottom:1px solid rgba(166,146,125,.28);background:linear-gradient(180deg,rgba(8,9,9,.12),rgba(8,9,9,.42) 64%,rgba(8,9,9,.82)),radial-gradient(circle at 50% 36%,rgba(8,9,9,.02),rgba(8,9,9,.34) 58%,rgba(8,9,9,.78)),url("../original/fondos/Fondo%20bajo.png") center 34%/min(118vw,6688px) auto no-repeat,linear-gradient(180deg,rgba(8,9,9,.08),rgba(8,9,9,.82))}.literal-hero .hero-grid{width:min(1180px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:30px}.literal-hero .hero-copy{align-self:auto;padding:0}.literal-hero h1{width:min(84vw,1280px);height:clamp(92px,12vw,172px);max-width:none;margin:0 auto;background:url("../original/logos/LOGOTIPO-BLANCO.png") center/100% auto no-repeat;filter:drop-shadow(0 18px 34px rgba(0,0,0,.94)) drop-shadow(0 0 34px rgba(166,146,125,.18))}.literal-hero .phrase{max-width:780px;margin:22px auto 8px;color:var(--gold);font:400 clamp(1.35rem,2.8vw,2.3rem)/1.18 var(--serif);letter-spacing:.08em}.literal-hero .subtitle{max-width:620px;margin:0 auto 34px;color:rgba(216,201,183,.78);font-size:1.05rem;letter-spacing:.04em}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.literal-hero .brand-mark{order:-1;min-height:300px;display:grid;place-items:center;margin-top:8px}.literal-hero .sigil{width:min(64vw,330px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(166,146,125,.14),transparent 52%),rgba(8,9,9,.54);box-shadow:0 28px 90px rgba(0,0,0,.64);font-size:initial}.sigil-core{width:138px;height:138px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(166,146,125,.2))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.site-header.brand-nav{grid-template-columns:1fr auto}.site-header .nav-links{display:none}.site-header .nav-logo{display:block}.literal-hero{padding-top:96px}.literal-hero .brand-mark{min-height:240px}.literal-hero h1{width:min(92vw,760px)}}
.literal-hero .sigil{position:relative}.literal-hero .sigil:before,.literal-hero .sigil:after{content:"";position:absolute;inset:13%;border:1px solid rgba(216,201,183,.12)}.literal-hero .sigil:before{transform:rotate(45deg)}.literal-hero .sigil:after{border-radius:50%;transform:scaleX(1.46) rotate(-13deg);border-color:rgba(166,146,125,.5)}.glyph-ring{position:absolute;inset:0}.glyph-ring img{position:absolute;width:52px;height:52px;border:1px solid rgba(166,146,125,.36);border-radius:50%;object-fit:cover;opacity:.86;filter:sepia(.48) saturate(.82) contrast(1.05)}.glyph-ring img:nth-child(1){top:8%;left:50%;transform:translateX(-50%)}.glyph-ring img:nth-child(2){top:50%;right:7%;transform:translateY(-50%)}.glyph-ring img:nth-child(3){bottom:8%;left:50%;transform:translateX(-50%)}.glyph-ring img:nth-child(4){top:50%;left:7%;transform:translateY(-50%)}.sigil-core{position:relative;z-index:1}