/* DARK ANIME v3 ยท Warehouse 4.6.1 / PrestaShop 8.2 */ :root{--da-bg:#08090b;--da-header:#0b0d0f;--da-panel:#171b1d;--da-stroke:#303035;--da-red:#ec172f;--da-fg:#fff;--da-muted:#a9abb1} body{background:var(--da-bg);color:#eaeaea} #main,#content-wrapper,.page-home{background:transparent} a{transition:color .2s,border-color .2s,background .2s} #header,.header-nav,#desktop-header,#mobile-header,.header-top{background-color:var(--da-header)} .header-nav{border-bottom:1px solid #26252a} #header a,#desktop-header a,#mobile-header a{color:#f0f0f0} #header a:hover,#desktop-header a:hover,#mobile-header a:hover{color:var(--da-red)} #footer,.footer-container{background-color:#0b0d0f;color:#d1d1d5} #footer a{color:#d1d1d5}#footer a:hover{color:var(--da-red)} .da-home{padding:0 0 48px!important;background:var(--da-bg)} .da-home .da-container{max-width:1320px;width:calc(100% - 48px);margin:auto} .da-hero{position:relative;max-width:1520px;margin:0 auto;background:#101015;overflow:hidden;border-bottom:3px solid var(--da-red)} .da-hero img{display:block;width:100%;height:auto;aspect-ratio:1198/359;object-fit:cover} .da-hero-cta{position:absolute;right:5%;bottom:12%;background:var(--da-red);border:1px solid #ff5060;padding:13px 24px;font-weight:900;letter-spacing:.05em;color:#fff!important;text-decoration:none!important;box-shadow:0 12px 24px #0006} .da-hero-cta:hover{background:#ad0c25} .da-section-heading{text-align:center;padding:57px 0 26px} .da-kicker{display:block;color:var(--da-red);font-weight:800;font-size:11px;letter-spacing:.19em} .da-section-heading h2,.da-collection-intro h2{font-size:clamp(24px,3vw,37px);font-weight:900;letter-spacing:-.04em;margin:8px 0;color:white} .da-section-heading p{color:var(--da-muted);margin:0}.da-dot{color:var(--da-red)} .da-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .da-category{isolation:isolate;position:relative;overflow:hidden;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;padding:19px;color:#fff!important;text-decoration:none!important;border:1px solid #38373b;background:linear-gradient(155deg,#25252a 0%,#18191e 42%,#0b0b0e 100%)} .da-category:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 72% 19%,rgba(236,23,47,.22),transparent 50%);transition:transform .3s} .da-cat-2:before{background:radial-gradient(circle at 72% 19%,#503c7c76,transparent 52%)}.da-cat-3:before{background:radial-gradient(circle at 72% 19%,#bb3d7770,transparent 52%)}.da-cat-4:before{background:radial-gradient(circle at 72% 19%,#54586479,transparent 52%)}.da-cat-5:before{background:radial-gradient(circle at 72% 19%,#b7213175,transparent 52%)} .da-category:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--da-red);transform:scaleX(.32);transform-origin:left;transition:transform .25s} .da-category-jp{position:absolute;right:10px;top:12px;font-weight:900;font-size:clamp(54px,7vw,110px);color:#fff0;opacity:.10;-webkit-text-stroke:1px white;line-height:1} .da-category strong{font-size:clamp(18px,2vw,28px);font-weight:900;letter-spacing:-.04em;position:relative}.da-category small{font-size:10px;letter-spacing:.15em;color:#b8b5bd;position:relative} .da-category-arrow{position:absolute;right:15px;bottom:16px;color:var(--da-red);font-size:24px} .da-category:hover{border-color:var(--da-red)}.da-category:hover:after{transform:scaleX(1)}.da-category:hover:before{transform:scale(1.13)} .da-collection-intro{margin:55px 0 22px;display:flex;align-items:end;justify-content:space-between;gap:20px}.da-collection-intro h2{margin-bottom:0}.da-text-link{font-size:12px;letter-spacing:.12em;color:#f1f1f1!important;font-weight:800;white-space:nowrap} .da-modules{padding-bottom:30px}.da-modules .products-section-title,.da-modules .section-title{color:#fff!important;font-weight:900} .da-modules .product-miniature,.da-modules .js-product-miniature{background:var(--da-panel);border:1px solid #28292e;border-radius:0} .da-modules .product-description,.da-modules .product-miniature .product-description{background:var(--da-panel)} .da-modules .product-title a,.da-modules .product-miniature a{color:#fff}.da-modules .price{color:#fff;font-weight:900} .da-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.da-promo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,5vw,62px);min-height:280px;background:linear-gradient(115deg,#280e17,#141216 75%);border:1px solid #54202e;color:white!important;text-decoration:none!important}.da-promo-two{background:linear-gradient(115deg,#26272c,#111216 75%);border-color:#434349}.da-promo h2{color:#fff;margin:16px 0 25px;font-weight:900;font-size:clamp(28px,3.3vw,49px);line-height:1.03;letter-spacing:-.05em}.da-promo-link{border-bottom:2px solid var(--da-red);padding-bottom:7px;letter-spacing:.09em;font-weight:900;font-size:12px} .da-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:42px auto 0}.da-service-grid>div{display:flex;gap:6px;flex-direction:column;align-items:center;text-align:center;padding:24px 12px;background:#15171a;border-top:2px solid var(--da-red)}.da-service-grid strong{font-size:12px;letter-spacing:.05em;color:#fff}.da-service-grid small{color:#aaa}.da-service-grid span{color:var(--da-red);font-size:26px} .da-home a:focus-visible{outline:3px solid #fa4860;outline-offset:3px} @media(max-width:1000px){.da-category-grid{grid-template-columns:repeat(3,1fr)}.da-category{min-height:218px}} @media(max-width:640px){.da-home .da-container{width:calc(100% - 26px)}.da-section-heading{padding:33px 0 19px}.da-category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.da-category{min-height:168px;padding:12px}.da-category strong{font-size:20px}.da-category small{font-size:9px}.da-hero-cta{font-size:10px;padding:9px 12px;right:3%;bottom:9%}.da-collection-intro{margin:35px 0 15px;align-items:start;flex-direction:column}.da-promo-grid{grid-template-columns:1fr;gap:12px}.da-promo{min-height:210px}.da-service-grid{grid-template-columns:1fr;gap:8px}.da-service-grid>div{padding:15px}.da-service-grid strong{font-size:11px}} @media(prefers-reduced-motion:reduce){.da-category:before,.da-category:after{transition:none}} /* ============================================ DARK ANIME - CABECERA DEFINITIVA Solo escritorio ============================================ */ @media (min-width: 992px) { body #header, body #desktop-header, body #desktop-header .header-top, body #desktop-header .header-nav { background-color: #111416 !important; background-image: none !important; } body #desktop-header .header-top { background: linear-gradient( to right, #111416 0, #111416 max(0px, calc((100% - 1090px) / 2)), #0b0d0f max(0px, calc((100% - 1090px) / 2)), #0b0d0f min(100%, calc((100% + 1090px) / 2)), #111416 min(100%, calc((100% + 1090px) / 2)) ) !important; } }