/* V5 based on the user-approved geometry: original brand, original dragon art and original category illustrations. */
body:has(.v4-hero){background:#060810 url('/assets/atmosphere-original.svg') center top/cover fixed;color:#fff;}
body:has(.v4-hero) .site-header{position:absolute;left:auto;right:18px;top:13px;z-index:70;background:none;border:0;box-shadow:none;width:min(850px,calc(100% - 32px));}
body:has(.v4-hero) .site-header .nav{min-height:50px;padding:0;justify-content:flex-end;}
body:has(.v4-hero) .site-header .brand{display:none;}
body:has(.v4-hero) .nav-links{background:#0d101df8;border:1px solid #303654;border-radius:15px;min-height:54px;gap:6px;box-shadow:0 9px 20px #000c;padding:5px 9px;}
body:has(.v4-hero) .nav-links a{font-size:14px;padding:8px 10px;}
body:has(.v4-hero) .nav-links .nav-icon svg{width:27px;height:27px;filter:drop-shadow(0 0 4px currentColor)}
body:has(.v4-hero) .nav-links .nav-home{color:#ffda21;}
body:has(.v4-hero) .preview-ribbon{position:absolute;left:-100000px;height:1px;overflow:hidden;}
body:has(.v4-hero) .container{width:min(1536px,100%);padding-left:40px;padding-right:40px;}
.v4-hero{height:427px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 35%,#42316b 0%,#080816 73%),#060713;}
.v4-hero-background{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#031022a8 0%,#04081760 34%,#140d1508 60%,#05081560 100%),url('/assets/atmosphere-original.svg') center 41%/cover no-repeat;filter:saturate(1.8) contrast(1.13);}
.v4-fire-dragon{position:absolute;z-index:-1;top:65px;right:0;width:min(53.7vw,826px);height:364px;background: url('/assets/original-fire-dragon.webp') center center / cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 100%);filter:contrast(1.08) saturate(1.2) drop-shadow(0 0 17px #f56327);}
.v4-hero-layout{height:100%;display:flex;align-items:flex-start;}
.v4-left{padding-top:79px;width:min(56%,800px);z-index:2;}
.v4-title{margin:0;font-size:inherit;line-height:1;}
.v4-title .logo-marquee-large{font-size:clamp(72px,7.18vw,111px);line-height:1.02;letter-spacing:0px;color:#ffe15b;-webkit-text-stroke:2px #ffce59;filter:drop-shadow(0 3px 0 #390b16) drop-shadow(0 0 10px #fd6d09);text-shadow:0 2px 0 #ffdf75,0 4px 0 #d74c0c,0 8px 0 #54130b,0 0 10px #ffdd68,0 0 26px #ff550e;}
.v4-title .logo-word{display:block;width:max-content;}
.v4-title .logo-word:last-child{padding-left:.51em;color:#f43427;-webkit-text-stroke:2px #ffd0a5;text-shadow:0 1px 0 #ffca62,0 5px 0 #ae2b16,0 9px 0 #470718,0 0 10px #ff6326,0 0 21px #f41413;}
.v4-title .logo-marquee-large .logo-word{background-image:radial-gradient(circle,#fff4a5 0 1.8px,#fbaa31 2.4px 3.5px,transparent 4px),linear-gradient(180deg,#fff3a0,#ffb60a 45%,#d94a05 95%);background-size:10px 10px,100% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.v4-title .logo-marquee-large .logo-word:last-child{background-image:radial-gradient(circle,#fff8ab 0 1.8px,#ffaf26 2.4px 3.5px,transparent 4px),linear-gradient(180deg,#fff1a3,#f73720 45%,#a90613 95%);}
.v4-title .logo-marquee-large .logo-orb{-webkit-text-fill-color:initial;-webkit-text-stroke:0;width:.78em;height:.78em;margin:0 .012em;box-shadow:inset .03em .04em .1em #fff9,inset -.04em -.08em .1em #26164d99,0 0 0 .022em #ffeec2,0 0 .23em .01em #ffae1c;}
.v4-under-title{font-size:13px;letter-spacing:2px;color:#eef4ff;margin:21px 0 0 44px;white-space:nowrap;text-shadow:0 0 6px #090e2c;}
.v4-script{font-family:'Brush Script MT','Segoe Script',cursive;font-size:43px;font-style:italic;transform:rotate(-5deg);width:max-content;color:#ffe62c;line-height:1;margin:10px 0 0 235px;text-shadow:0 0 4px #ffe347,0 0 18px #ffa600,0 0 27px #ff4a0c;}
.v4-categories{position:relative;z-index:2;margin-top:0;padding-top:2px;}
.v4-cat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;}
.v4-category{height:189px;position:relative;display:flex;isolation:isolate;border:2px solid var(--category);border-radius:11px;overflow:hidden;box-shadow:inset 0 0 19px var(--shine),0 0 13px var(--category),0 7px 0 #070615;background:linear-gradient(100deg,var(--bg1),#0c0b16 95%);transition:transform .18s ease,box-shadow .18s ease;}
.v4-category:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 86% 10%,var(--shine),transparent 60%);}
.v4-category:hover{transform:translateY(-5px);box-shadow:inset 0 0 30px var(--shine),0 0 26px var(--category),0 12px 0 #080613;}
.v4-category:active{transform:translateY(4px);box-shadow:0 2px 0 #060713;}
.v4-red{--category:#ff4b54;--shine:#ff444866;--bg1:#620e19;--button:#ff626d;}
.v4-blue{--category:#12a8ff;--shine:#158cff8c;--bg1:#052b60;--button:#80bfff;}
.v4-green{--category:#3aff5b;--shine:#12de4685;--bg1:#083e20;--button:#bbef36;}
.v4-purple{--category:#db48ff;--shine:#ab20fa9c;--bg1:#320958;--button:#d77aff;}
.v4-gold{--category:#ffc431;--shine:#ffb027a0;--bg1:#50300b;--button:#ffcd35;}
.v4-cat-copy{padding:15px 10px 13px 18px;display:flex;flex-direction:column;z-index:2;width:62%;}
.v4-cat-copy strong{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;font-size:23px;font-weight:900;line-height:1.1;text-shadow:1px 2px 3px #000b;}
.v4-cat-copy small{font-size:13px;line-height:1.45;color:#eef4ff;margin-top:12px;text-shadow:1px 1px 2px #000;max-width:150px;}
.v4-cat-arrow{display:flex;align-items:center;justify-content:center;width:35px;height:35px;color:#08111c;background:linear-gradient(165deg,#fff7cd,var(--button));border-radius:50%;font-size:25px;font-weight:bold;margin-top:auto;box-shadow:0 2px 0 #0008,0 0 13px var(--category);}
.v4-category img{position:absolute;z-index:1;right:0;bottom:0;width:53%;height:95%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent 0%,black 17%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 17%);filter:saturate(1.26) contrast(1.1);}
.v4-spotlight{padding-top:27px;padding-bottom:20px;position:relative;}
.v4-shop-grid{display:grid;grid-template-columns:minmax(0,1.86fr) minmax(0,1fr);gap:29px;}
.v4-heading{height:40px;display:flex;align-items:center;justify-content:space-between;gap:7px;}
.v4-heading h2{display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:Impact,'Arial Narrow','Arial Black',sans-serif;letter-spacing:.25px;font-size:24px;margin:0;text-shadow:0 0 10px #729eff;}
.v4-top-link{color:#42c7ff;font-size:13px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;}
.v4-top-link:hover{color:#fff;}
.v4-heading-orb{width:30px;height:30px;display:inline-block;border-radius:50%;border:2px solid #cad5ff;background:linear-gradient(#e22f38 0 43%,#141522 44% 57%,white 58%);box-shadow:0 0 12px #80aeff;position:relative;}
.v4-heading-orb:after{content:'';position:absolute;inset:10px;border-radius:50%;background:#eaefff;border:2px solid #11182e;}
.v4-heading-book{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #dc7bff;color:white;background:#691288;box-shadow:0 0 15px #c723f5;}
.v4-prod-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;}
.v4-prod{height:290px;min-width:0;border:1px solid #4a5b96;background:linear-gradient(150deg,#111420,#080a11);border-radius:12px;padding:8px 11px 10px;display:flex;flex-direction:column;box-shadow:0 5px 13px #000a;transition:border-color .15s,transform .15s;}
.v4-prod:hover{border-color:#7eb8ff;transform:translateY(-3px);}
.v4-prod-img{height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.v4-prod-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;filter:drop-shadow(0 0 12px #7324d7aa);}
.v4-prod h3{font-size:13px;line-height:1.26;min-height:49px;max-height:49px;overflow:hidden;margin:7px 0 0;font-weight:900;}
.v4-editorial-tag{font-size:8px;color:#ffe041;line-height:1.2;margin:0 0 6px;letter-spacing:.2px;}
.v4-buy{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:37px;padding:7px 4px;border-radius:8px;background:linear-gradient(#ffe765,#ffcb09);box-shadow:0 4px 0 #9d6411,0 0 11px #ffc70042;color:#151014;font-size:12px;font-weight:900;text-align:center;}
.v4-buy:hover{filter:brightness(1.13);transform:translateY(-1px)}.v4-buy:active{transform:translateY(3px);box-shadow:0 1px 0 #9d6411;}
.v4-guide-list{display:grid;gap:8px;}
.v4-guide{height:91px;display:flex;gap:13px;align-items:center;padding:6px 12px 6px 8px;background:linear-gradient(105deg,#0e111a,#151625);border:1px solid #586ba8;border-radius:12px;box-shadow:0 5px 10px #0008;}
.v4-guide:hover{border-color:#91bcff;background:#161e34;}
.v4-guide img{width:126px;height:77px;flex:0 0 126px;object-fit:cover;border-radius:8px;}
.v4-guide-copy{flex:1;min-width:0;display:grid;gap:3px;}
.v4-guide-copy strong{font-size:13px;line-height:1.22;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.v4-guide-copy small{font-size:11px;line-height:1.2;color:#bdc8e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v4-guide-arrow{flex:0 0 33px;height:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0e1833;background:linear-gradient(#d8eaff,#68abff);box-shadow:0 0 16px #437fea;font-size:25px;}
.v4-concept-note{font-size:10px;text-align:center;color:#cabfd0;opacity:.84;margin-top:12px;}
body:has(.v4-hero) .v3-intents{padding-top:24px;}
@media(max-width:1300px){body:has(.v4-hero) .container{padding-left:23px;padding-right:23px}.v4-left{width:60%}.v4-title .logo-marquee-large{font-size:clamp(64px,7.2vw,100px)}.v4-cat-copy{padding-left:10px}.v4-cat-copy strong{font-size:21px}.v4-guide img{width:105px;flex-basis:105px}.v4-shop-grid{grid-template-columns:1.68fr 1fr;gap:18px}.v4-heading h2{font-size:20px}}
@media(max-width:1050px){body:has(.v4-hero) .site-header{width:auto;right:16px;top:12px}.v4-hero{height:420px}.v4-left{width:67%}.v4-fire-dragon{width:70vw;opacity:.95}.v4-title .logo-marquee-large{font-size:clamp(58px,8vw,85px)}.v4-script{margin-left:110px}.v4-category{height:166px}.v4-cat-copy strong{font-size:19px}.v4-cat-copy small{font-size:11px}.v4-shop-grid{grid-template-columns:1fr}.v4-prod{height:280px}.v4-guide-list{grid-template-columns:repeat(3,minmax(0,1fr))}.v4-guide{height:115px}.v4-guide img{height:92px;width:75px;flex-basis:75px}.v4-guide-arrow{display:none}}
@media(max-width:950px){body:has(.v4-hero) .site-header{width:auto;top:12px;right:17px}.v4-hero{height:400px}.v4-hero-background{background-position:center}.v4-left{padding-top:92px}.v4-under-title{font-size:10px;letter-spacing:1.1px;margin-left:4px}.v4-title .logo-marquee-large{font-size:clamp(51px,8.1vw,75px)}.v4-script{margin-left:75px}.v4-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v4-category{height:166px}}
@media(max-width:680px){body:has(.v4-hero) .container{padding-left:14px;padding-right:14px}body:has(.v4-hero) .site-header .menu-toggle{display:block}body:has(.v4-hero) .site-header .nav-links{position:absolute;top:52px;right:0;left:auto;width:min(88vw,340px);border-radius:14px;padding:12px}body:has(.v4-hero) .site-header .nav-links a{font-size:15px}.v4-hero{height:455px}.v4-hero-background{opacity:.95}.v4-fire-dragon{width:107%;height:288px;top:163px;right:-10%;opacity:.97;mask-image:linear-gradient(180deg,transparent 0%,black 14%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 14%)}.v4-left{padding-top:58px;width:100%}.v4-title .logo-marquee-large{font-size:clamp(45px,11vw,66px)}.v4-title .logo-word:last-child{padding-left:.34em}.v4-under-title{white-space:normal;max-width:94%;margin-top:12px;font-size:9px}.v4-script{font-size:29px;margin:5px 0 0 90px}.v4-categories{margin-top:0;padding-top:3px}.v4-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v4-category{height:167px}.v4-cat-copy{width:67%;padding:11px 7px 10px 11px}.v4-cat-copy strong{font-size:18px}.v4-cat-copy small{font-size:10px;margin-top:7px}.v4-category img{width:56%}.v4-cat-arrow{width:30px;height:30px;font-size:21px}.v4-category:last-child{grid-column:1/-1;height:146px}.v4-spotlight{padding-top:25px}.v4-heading{height:auto;min-height:40px}.v4-heading h2{font-size:19px;white-space:normal}.v4-top-link{font-size:10px}.v4-prod-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v4-prod{height:265px}.v4-prod-img{height:137px}.v4-prod h3{font-size:12px}.v4-guide-list{grid-template-columns:1fr;gap:9px}.v4-guide{height:93px}.v4-guide img{width:105px;height:78px;flex-basis:105px}.v4-guide-arrow{display:flex}.v4-concept-note{font-size:9px}.v4-guides{margin-top:18px}}
@media(max-width:370px){.v4-title .logo-marquee-large{font-size:40px}.v4-category{height:156px}.v4-cat-copy strong{font-size:16px}.v4-cat-copy small{font-size:9px}.v4-guide img{width:78px;flex-basis:78px}}
/* Final visual calibration against the approved 1536×1024 composition. */
@media(min-width:1060px){
 .v4-title .logo-marquee-large{font-size:clamp(78px,7.75vw,119px);line-height:.99;letter-spacing:-1.4px}
 .v4-title .logo-word:first-child{transform:scaleX(.94);transform-origin:left center}
 .v4-title .logo-word:last-child{transform:scaleX(.90);transform-origin:left center}
 .v4-under-title{margin-top:16px}
}
body:has(.v4-hero) .nav-cartas .nav-icon{color:#02abff}
body:has(.v4-hero) .nav-accesorios .nav-icon{color:#f54cff}
body:has(.v4-hero) .nav-regalos .nav-icon{color:#ff5a53}
body:has(.v4-hero) .nav-videojuegos .nav-icon{color:#31edf1}
body:has(.v4-hero) .nav-guias .nav-icon{color:#65acff}
body:has(.v4-hero) .nav-home .nav-icon{color:#ffe02e}

/* V5 identity adjustments. Three independent ember medallions stand for letter O; no Poké Ball geometry. */
.logo-word .logo-orb,.v4-title .logo-marquee-large .logo-orb{background:radial-gradient(circle at 31% 23%,#fffaad 0%,#ffd545 15%,#ff672d 40%,#741254 70%,#190f30 93%)!important;border:.047em solid #ffe5a1!important;box-shadow:inset 0 .035em .075em #fff9,inset 0 -.055em .07em #2a062d,0 0 .024em #fff,0 0 .20em #ff9e24!important;}
.logo-orb:after{content:'✦'!important;position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);background:none!important;border:0!important;box-shadow:none!important;color:#fffbc5;font-family:Arial,sans-serif;font-size:.29em;font-weight:900;text-shadow:0 0 .1em #fff,0 0 .17em #ffb11a;}
.v4-heading-orb{border-color:#ffde75;background:radial-gradient(circle at 34% 30%,#fffaa0 0%,#ffc52c 18%,#e55420 50%,#391044 90%)}
.v4-heading-orb:after{content:'✦';inset:0;border:0;display:grid;place-items:center;background:none;color:white;font-size:15px;text-shadow:0 0 6px #fff;}
.v4-title .logo-marquee-large{font-size:clamp(58px,6.28vw,96px)!important;line-height:1.045;letter-spacing:-1.5px;}
.v4-title .logo-word:first-child{transform:none!important;}
.v4-title .logo-word:last-child{padding-left:.2em!important;transform:none!important;}
.v4-fire-dragon{right:0;top:67px;width:min(52.2vw,800px);height:360px;background-position:center center;filter:contrast(1.1) saturate(1.2) drop-shadow(0 0 15px #e75624);}
.v4-left{padding-top:87px;width:60%;}
.v4-under-title{margin-left:20px;margin-top:12px;letter-spacing:1.45px;}
.v4-script{margin-left:188px;font-size:41px;}
.v4-category img{object-fit:contain;object-position:right bottom;mask-image:linear-gradient(90deg,transparent 0%,black 14%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 14%);filter:drop-shadow(0 0 7px var(--category));}
.v4-prod-img img{mix-blend-mode:normal;}
@media(max-width:1300px){.v4-title .logo-marquee-large{font-size:clamp(48px,6.2vw,81px)!important}.v4-left{width:64%}.v4-script{margin-left:100px}}
@media(max-width:950px){.v4-title .logo-marquee-large{font-size:clamp(43px,6.15vw,67px)!important}.v4-left{width:70%}}
@media(max-width:680px){.v4-left{padding-top:65px;width:100%;}.v4-title .logo-marquee-large{font-size:clamp(40px,9.1vw,59px)!important}.v4-title .logo-word:last-child{padding-left:0!important}.v4-fire-dragon{width:111%;height:292px;top:164px;right:-11%;background-position:66% center}.v4-under-title{margin-left:0;white-space:normal;font-size:8px}.v4-script{margin-left:68px;font-size:29px}.v4-heading h2{font-size:18px}}
@media(max-width:370px){.v4-title .logo-marquee-large{font-size:35px!important}}