/* Shared navigation, isolated from each guide and shop layout. */
body{background:radial-gradient(ellipse at 15% 15%,#35224e50,transparent 55%),radial-gradient(ellipse at 90% 65%,#4f345426,transparent 50%),#0b0918;background-attachment:fixed}
.site-header,.site-header *{box-sizing:border-box}
header.site-header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;width:100%;margin:0 auto;padding:10px 28px;border:0;border-bottom:1px solid #d5b57930;background:transparent;color:#efdfbe;font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:normal;text-transform:none}
.site-header .site-logo{display:block;flex-shrink:0;width:140px;height:76px;overflow:hidden;padding:0;border:0;background:none}
.site-header .site-logo img{display:block;width:140px;max-width:none;height:auto;transform:translateY(-10px);border:0;border-radius:0;margin:0}
.site-header nav{display:flex;flex:1;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 22px;width:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.site-header nav a,.site-header summary{display:block;font:600 22px/1.25 'Cormorant Garamond',Georgia,serif;color:#e3d4b9;text-decoration:none;white-space:nowrap;letter-spacing:.015em;padding:12px 0;text-transform:none;border:0;background:none}
.site-header .menu-grupo{position:relative;margin:0;padding:0;border:0;background:none}
.site-header summary{cursor:pointer;list-style:none}.site-header summary::-webkit-details-marker{display:none}
.site-header .menu-grupo>div{position:absolute;top:100%;left:-16px;min-width:205px;padding:10px;background:#171125;border:1px solid #c8a66866;border-radius:14px;box-shadow:0 18px 35px #0008;z-index:35}
.site-header .menu-grupo>div a{padding:12px}
.site-header .atlas-nav{display:inline-flex;align-items:center;gap:12px;padding:11px 16px;border-radius:22px;background:linear-gradient(120deg,#f0d9a6,#c8a76a);color:#23172a;box-shadow:0 0 24px #dbb57333}
.site-header .atlas-nav strong{font:600 21px/1.25 'Cormorant Garamond',Georgia,serif}
.site-header summary::after{content:none}
.site-header summary span{display:inline;font:inherit;color:inherit;letter-spacing:normal}
.site-header .atlas-nav strong{color:inherit}
.identity-manual>header:not(.site-header){padding:18px 5%;margin:0 auto}
.identity-manual>nav[aria-label="Biblioteca"]{margin:0;border-radius:0;box-shadow:none}
.site-header .oraculo-luz summary,.site-header .tarot-luz{color:#ffe2a3;text-shadow:0 0 18px #e6b95688}
.site-header a:focus-visible,.site-header summary:focus-visible,.site-header button:focus-visible{outline:2px solid #eed39a;outline-offset:4px;border-radius:6px}
.site-header .site-menu-toggle{display:none}
.site-header .profile-button{flex-shrink:0;margin:0;padding:10px 12px;font-size:13px;max-width:150px}
.site-header+nav[aria-label="Biblioteca"]{background:transparent;border-bottom:1px solid #d5b57930;color:#dfc28b}
.oracle-header .oracle-brand{display:none}.oracle-header{background:transparent;border-color:#d5b57930}
@media(max-width:1100px){.site-header nav{gap:10px 14px}.site-header nav a,.site-header summary{font-size:20px}}
@media(max-width:760px){
 header.site-header{padding:8px 16px;gap:8px;flex-wrap:wrap}
 .site-header .site-logo{width:110px;height:58px}.site-header .site-logo img{width:110px;transform:translateY(-8px)}
 .site-header .profile-button{order:1;max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;padding:10px 8px}
 .site-header .site-menu-toggle{order:2}
 .site-header .site-menu-toggle:not([hidden]){display:block;margin-left:auto;padding:10px 16px;border:1px solid #c8a66888;border-radius:12px;color:#efdfbe;background:#21162e;font:600 19px 'Cormorant Garamond',Georgia,serif;cursor:pointer}
 .site-header nav{order:3;flex-basis:100%;justify-content:flex-start;gap:4px 18px;padding-bottom:8px}
 .site-header[data-enhanced] nav{display:none}.site-header[data-enhanced][data-open] nav{display:flex}
 .site-header .menu-grupo>div{position:static;min-width:0;box-shadow:none;margin:0 0 8px}
 .site-header .menu-grupo[open]{flex-basis:100%}
 .site-header nav a,.site-header summary{font-size:20px}
}

/* Visible categories and compact gold offers across the site. */
header.site-header{gap:18px;padding:8px 24px}
.site-header .site-logo{width:124px;height:65px}.site-header .site-logo img{width:124px;transform:translateY(-9px)}
.site-header nav{gap:10px 16px;justify-content:center}
.site-header nav>a{font-size:20px;padding:10px 0}
.site-header .menu-visible{padding:6px 10px;border:1px solid #d8bc8d2c;border-radius:13px;background:linear-gradient(130deg,#c2a4d40b,#dfbe8110)}
.site-header .menu-heading{display:block;font:600 20px/1.1 'Cormorant Garamond',Georgia,serif;color:#eadbc2;letter-spacing:.02em;margin-bottom:7px}
.site-header .menu-heading::before{content:'☼';font-size:15px;color:#e5c58b;margin-right:7px}
.site-header .oraculo-luz .menu-heading::before{content:'✦'}.site-header .oraculo-luz .menu-heading{color:#f0d5a5}
.site-header .menu-grupo.menu-visible>div{position:static;display:flex;align-items:center;gap:5px;min-width:0;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none}
.site-header .menu-visible>div a{font:11px/1.25 Manrope,Arial,sans-serif;padding:5px 7px;border:1px solid #caae7733;border-radius:6px;background:#ffffff04;letter-spacing:0;color:#ddcfae}
.site-header .menu-visible>div a:hover,.site-header .menu-visible>div a:focus-visible{background:#dfbe811d;color:#fff0ca;border-color:#dfbe8177}
.site-header .nav-offer,.site-header .atlas-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 15px;min-height:57px;border:1px solid #ffe4ac85;border-radius:14px;background:linear-gradient(120deg,#f3dfb4,#d2ac6e);color:#2d2033;box-shadow:0 0 20px #e4ba6533,inset 0 1px 0 #fff6df80;text-align:center;line-height:1.1}
.site-header .offer-name{font:600 19px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:0}
.site-header .nav-offer .offer-badge{font:600 11px/1.1 Manrope,Arial,sans-serif;color:inherit;letter-spacing:.02em}
.site-header .nav-offer:hover,.site-header .nav-offer:focus-visible{background:linear-gradient(120deg,#fff0ce,#e4bf7e);box-shadow:0 0 26px #e4ba6560}
.site-header .site-menu-toggle{display:none!important}
@media(max-width:1100px) and (min-width:761px){.site-header nav{gap:8px 12px}.site-header nav>a{font-size:18px}.site-header .menu-heading{font-size:18px}.site-header .menu-visible>div a{font-size:10px;padding:5px}.site-header .offer-name{font-size:18px}.site-header .nav-offer{padding:9px 12px}}
@media(max-width:760px){
 header.site-header{padding:6px 14px;gap:6px 12px;flex-wrap:wrap}
 .site-header .site-logo{width:98px;height:52px}.site-header .site-logo img{width:98px;transform:translateY(-7px)}
 .site-header .profile-button{order:1;margin-left:auto;font-size:11px;padding:8px 10px}
 .site-header nav,.site-header[data-enhanced] nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex-basis:100%;gap:7px 8px;order:3;padding-bottom:5px}
 .site-header nav>a{grid-column:span 2;order:1;font-size:17px;padding:5px 0;text-align:center}
 .site-header .menu-visible{grid-column:span 3;order:0;padding:8px;min-width:0;border-radius:10px}
 .site-header .menu-heading{font-size:18px;margin-bottom:6px}.site-header .menu-grupo.menu-visible>div{flex-wrap:wrap;gap:4px}
 .site-header .menu-visible>div a{font-size:10px;padding:4px 5px}
 .site-header nav>.nav-offer{grid-column:span 3;order:2;min-height:48px;padding:8px;gap:4px;border-radius:11px}
 .site-header .offer-name{font-size:18px}.site-header .nav-offer .offer-badge{font-size:10px}
}
@media(min-width:1101px){
 header.site-header{display:grid;grid-template-columns:124px minmax(0,1fr) auto;gap:18px}
 .site-header .site-logo{grid-column:1;grid-row:1}.site-header nav{grid-column:2;grid-row:1;order:0;min-width:0}
 .site-header .profile-button{grid-column:3;grid-row:1;order:0;margin:0}
 .site-header:has(.menu-visible) nav::after{content:'';flex-basis:100%;height:0;order:1}
 .site-header:has(.menu-visible) nav>.nav-offer{order:2}
}
@media(min-width:761px) and (max-width:1100px){
 header.site-header{flex-wrap:wrap}.site-header .profile-button{margin-left:auto;order:1}
 .site-header nav{flex-basis:100%;order:3}
 .site-header:has(.menu-visible) nav>.nav-offer{order:1}
}
@media(min-width:761px){.site-header .menu-visible{order:-1}}