/* Dirección visual tomada de docs/referencia.png. Sin escalado anisotrópico. */
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald.ttf') format('truetype');font-weight:200 700;font-style:normal;font-display:swap}
@font-face{font-family:Anton;src:url('/assets/fonts/anton.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#eee9dd;--red:#f01419;--display:Oswald,'Arial Narrow',sans-serif}
/* Un único lienzo pertenece al documento completo y se desplaza con él.
   No hay cintas fijas, mosaicos ni capas laterales sobre el contenido. */
body:not(.admin-body){position:relative;isolation:isolate;background:var(--paper)}
body:not(.admin-body)::before{content:'';display:block;position:absolute;inset:0;width:auto;height:auto;pointer-events:none;z-index:-1;opacity:1;background:url('/assets/v2/paper.webp') center top/100% 100% no-repeat;mask-image:none}
body:not(.admin-body)::after{content:none;display:none}
.wrap{width:min(1480px,86%)}
.header-inner{width:min(1400px,80%);grid-template-columns:260px 1fr;grid-template-rows:43px 77px;column-gap:60px}
.site-header{background-color:transparent;background-image:linear-gradient(to right,transparent,#090a09 7%,#090a09 93%,transparent)}
.site-header:after{height:7px;bottom:-4px;left:7%;right:7%}
.brand{padding:0;transform:none;text-shadow:none;filter:none;display:flex;align-items:center;align-self:stretch;letter-spacing:normal}
.brand img{display:block;width:260px;height:auto;max-width:100%;object-fit:contain;filter:none;transform:none}
.topline{font-size:15px;letter-spacing:0;font-weight:400;white-space:nowrap}
.socials span{font-size:13px;font-weight:400}
.mainline{gap:24px}
#main-nav{gap:34px;font-size:15px;font-weight:500}
.header-actions{gap:18px}
.hero{height:25vw;min-height:320px;max-height:480px;background-color:transparent;background-image:url('/assets/v2/hero.webp');background-size:100% auto;background-repeat:no-repeat;background-position:50% 45%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,#000 97%,transparent);mask-composite:intersect}
.hero:before{display:none}
.hero:after{height:7px}
.hero-content{position:relative;margin-left:17.8%;padding:20px 0 0;width:290px;transform:none}
.hero h1{font-family:Anton,Impact,sans-serif;font-size:clamp(64px,5.2vw,88px);line-height:.78;letter-spacing:-1.5px;width:285px;margin:0 0 13px;transform:rotate(-7deg) scaleX(1.7);transform-origin:center}
.hero h1 span,.hero h1 strong{display:block;width:270px;max-width:270px;white-space:normal;overflow-wrap:normal;font-weight:400}
.hero h1 strong{margin-top:4px}
.hero h1 span,.hero h1 strong,.section-heading h2{mask-image:url('/assets/ink-mask.svg');mask-size:260px 190px}
.hero-content p{font:900 17px/1.03 Georgia,serif;width:245px;margin:8px 0 9px 30px;position:relative;z-index:1}
.hero-content .button{margin-left:-15px;min-height:37px;padding:7px 19px;font-size:19px;font-weight:600;transform:rotate(-2deg);position:relative;z-index:1}
.category-grid{gap:16px;padding-top:3px}
.category-tile{height:auto;aspect-ratio:1.82;background:var(--paper);clip-path:polygon(0 3%,7% 1%,15% 2%,22% 0,29% 2%,38% 0,48% 2%,60% 0,70% 2%,83% 0,91% 2%,100% 0,99% 38%,100% 72%,99% 98%,89% 100%,76% 98%,65% 100%,51% 98%,39% 100%,28% 98%,17% 100%,8% 98%,0 100%)}
.category-photo{position:absolute;inset:0}
.category-photo svg{display:block;width:100%;height:100%}
.category-label{bottom:12px;left:12px;padding:6px 11px;transform:rotate(-5deg)}
.category-label h2{font:500 clamp(25px,2.4vw,37px)/1.05 Oswald,sans-serif;margin-bottom:6px}
.category-label span{font-size:15px;font-weight:400}
.category-doodle{display:none}
.product-photo{position:relative;aspect-ratio:1.075;background:#dfdcd4;background-image:none;overflow:hidden}
.product-photo .catalog-image{display:block;width:100%;height:100%;position:absolute;inset:0}
.product-visual .product-photo{aspect-ratio:1.075;transform:none;transition:none}
.product-visual a:hover .product-photo{transform:none}
.category-tile .product-photo{height:100%;background-image:none;filter:none;transform:none}
.releases{padding-top:20px;padding-bottom:30px}
.section-heading{margin-bottom:16px}
.section-heading h2,.section-heading h1{font:400 clamp(31px,3.05vw,47px)/1 Anton,sans-serif;letter-spacing:-.6px}
.section-heading h2 em{position:relative}
.section-heading h2 em:after{content:'';position:absolute;left:0;right:-12px;bottom:-6px;height:3px;background:var(--ink);transform:rotate(-2deg);clip-path:polygon(0 0,95% 10%,100% 70%,90% 100%,0 60%)}
.section-heading a{font-weight:600;font-size:16px}
.heading-doodle{width:52px;height:45px;display:inline-block;margin-left:18px;transform:rotate(10deg);vertical-align:middle}
.product-grid{gap:24px}
.product-visual{background:#dfdcd4;border-radius:2px}
.badge{font-size:12px;font-weight:600;top:8px;left:8px;line-height:1.2;padding:4px 7px}
.favorite{top:3px;right:3px}
.favorite svg{width:19px;height:19px}
.product-meta{margin-top:9px;align-items:center}
.product-meta h3{font:600 16px/1.1 Oswald,sans-serif;margin-bottom:3px}
.product-meta span{font:400 17px/1.15 Oswald,sans-serif}
.quick-add{padding:8px;border-radius:2px}
.quick-add svg{height:18px;width:18px}
.product-detail .product-photo{aspect-ratio:1;max-height:none}
.cart-line .product-photo{aspect-ratio:1}
.footer-brand{font-family:Anton,sans-serif;letter-spacing:-1px}
.manifesto,footer{background-color:transparent;background-image:linear-gradient(to right,transparent,#10100e 7%,#10100e 93%,transparent)}
.manifesto{border-top:0}
.admin-body .admin-tabs{display:flex}
@media(min-width:1700px){.hero-content{margin-left:17.8%;padding-top:24px}.hero h1{font-size:82px;width:300px}.hero h1 span,.hero h1 strong{width:285px;max-width:285px}.hero-content p{font-size:18px;margin-top:8px}.hero-content .button{font-size:20px}}
@media(max-width:1400px) and (min-width:851px){.header-inner{width:86%;grid-template-columns:230px 1fr;column-gap:30px}.brand img{width:230px}#main-nav{gap:23px;font-size:14px}.header-actions{gap:12px}.topline{font-size:12px}.hero-content{padding-top:18px;margin-left:12.5%;width:250px}.hero h1{font-size:70px;width:245px}.hero h1 span,.hero h1 strong{width:235px;max-width:235px}.hero-content p{font-size:15px;margin-top:16px;margin-left:48px;width:190px}.hero-content .button{font-size:17px;padding:6px 15px;margin-left:17px}.category-label h2{font-size:30px}}
@media(max-width:1100px) and (min-width:851px){.header-inner{grid-template-columns:195px 1fr;column-gap:24px}.brand img{width:195px}.topline{font-size:10px}#main-nav{gap:17px;font-size:13px}.header-actions{gap:6px}.hero{height:340px}.hero-content{margin-left:10.5%}.hero h1{font-size:68px}.category-label{left:7px;bottom:9px}.category-label h2{font-size:27px}.product-grid{gap:17px}}
@media(max-width:850px){.header-inner{width:92%;grid-template-columns:190px 1fr;grid-template-rows:31px 70px;column-gap:20px}.brand img{width:190px}.topline{font-size:11px;white-space:normal}.mainline{gap:15px}#main-nav{top:101px;font-size:20px;gap:22px}.hero{height:360px;min-height:0;max-height:none;background-size:auto 100%;background-position:55% center}.hero-content{margin-left:7%;padding-top:22px;width:235px}.hero h1{font-size:68px;width:235px}.hero h1 span,.hero h1 strong{width:230px;max-width:230px}.hero-content p{font-size:15px;margin:17px 0 12px 38px;width:185px}.hero-content .button{margin-left:10px;font-size:17px}.category-grid{gap:10px}.category-tile{aspect-ratio:1.35}.category-label{bottom:10px;left:6px;padding:5px 9px}.category-label h2{font-size:23px}.category-label span{font-size:13px}.section-heading h2{font-size:34px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.heading-doodle{display:none}}
@media(max-width:540px){.wrap{width:92%}.header-inner{width:94%;grid-template-columns:150px 1fr;grid-template-rows:29px 61px;column-gap:12px}.brand img{width:150px}.topline{font-size:9px;line-height:1.15}.header-actions{gap:5px}#main-nav{top:90px}.hero{height:550px;background-size:auto 345px;background-position:53% bottom;background-repeat:no-repeat;background-color:var(--paper)}.hero:before{display:block;content:'';position:absolute;inset:0 0 auto;height:215px;z-index:0;background:var(--paper)}.hero-content{margin-left:9%;padding-top:23px;width:83%;z-index:1}.hero h1{font-size:clamp(42px,13.2vw,61px);line-height:.86;letter-spacing:-1px;transform:rotate(-4deg);margin-bottom:0;width:100%}.hero h1 span,.hero h1 strong{width:100%;max-width:none;white-space:nowrap}.hero-content p{font-size:14px;margin:16px 0 12px;width:230px}.hero-content .button{margin-left:0;font-size:17px;min-height:38px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:6px}.category-tile{aspect-ratio:1.4}.category-label h2{font-size:25px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.section-heading h2{font-size:29px;line-height:1.05}.section-heading a{font-size:12px}.section-heading h2 em:after{bottom:-4px}.releases{padding-top:25px}.product-meta h3{font-size:16px}.product-meta span{font-size:17px}.product-detail .product-photo{aspect-ratio:1}.category-label span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.topline .socials{display:flex;align-items:center;gap:12px;flex-shrink:0}
.topline .socials .social-link{display:inline-flex;align-items:center;justify-content:center;width:25px;height:30px;color:inherit}
.topline .socials .social-link svg{width:22px;height:22px}
.topline .socials a.social-link:hover{color:var(--lime,#d5ef27)}
.topline .socials a.social-link:focus-visible{outline:2px solid var(--lime,#d5ef27);outline-offset:3px}
.topline .socials .social-follow{display:inline-flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}
.topline .socials .social-follow svg{width:24px;height:18px}
@media(max-width:1100px){.topline .socials{gap:7px}.topline .socials .social-follow{font-size:11px;gap:5px}}
@media(max-width:540px){.topline{justify-content:flex-end}.topline>p{display:none}.topline .socials{gap:8px}.topline .socials .social-link{width:22px;height:28px}.topline .socials .social-link svg{width:19px;height:19px}.topline .socials .social-follow{font-size:10px;gap:5px}.topline .socials .social-follow svg{width:20px}}
@media(max-width:540px){.site-header{background-image:linear-gradient(to right,transparent,#090a09 3%,#090a09 97%,transparent)}.site-header:after{left:3%;right:3%}.hero{background-color:transparent;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,#000 96%,transparent)}.hero:before{background:linear-gradient(to right,transparent,var(--paper) 3%,var(--paper) 97%,transparent)}.manifesto,footer{background-image:linear-gradient(to right,transparent,#10100e 3%,#10100e 97%,transparent)}}