/* FAZER — Hero fotográfico aprobado y categorías con producto: edición Nov-2026 */
:root{--fazer-card-gold:#edc67b}
.hero{min-height:595px;background:radial-gradient(ellipse at 58% 62%,#21100c 0%,#0e080a 44%,#040507 88%);isolation:isolate}
.hero::before{opacity:.32;background:radial-gradient(ellipse at 54% 47%,rgba(138,12,28,.35),transparent 44%),radial-gradient(ellipse at 83% 51%,rgba(12,72,138,.23),transparent 40%)}
.hero::after{z-index:0;background:linear-gradient(90deg,#060505 0%,rgba(6,5,5,.96) 18%,rgba(7,4,5,.88) 30%,rgba(4,4,5,.14) 49%,transparent 65%)}
.hero-glow{display:none}
.hero-image{inset:0 0 0 auto;right:-1.5%;width:69%;opacity:1;background:url('assets/hero-trio-final.webp') center bottom/contain no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 100%)}
.hero-container{min-height:595px;align-items:center;z-index:2}
.hero-copy{max-width:525px;padding:48px 0 75px}
.hero .eyebrow{color:#ebd7b2;letter-spacing:.22em;font-size:12px;margin-bottom:21px}
.hero h1{font:600 clamp(60px,5.9vw,88px)/1.02 var(--display);letter-spacing:-.047em;margin:0 0 23px;text-shadow:0 7px 18px #0004}
.hero h1 em{color:#f0c56b;display:inline-block;text-shadow:0 4px 25px #de9b3650}
.hero-copy>p{color:#e2d9cd;font-size:17px;line-height:1.65;max-width:335px}
.hero-actions{margin-top:26px}
.hero .btn-gold{background:linear-gradient(110deg,#ffeba0 0%,#f0c969 46%,#d89a36 100%);box-shadow:0 12px 33px #e7a1352c;border-color:#f5ce76;border-radius:44px;min-width:190px;font-size:13px;text-transform:none}
.hero-counter{bottom:51px;left:max(44px,calc((100% - 1370px)/2));right:auto;gap:11px}
.hero-counter span{width:11px;height:11px;background:transparent;border:1.5px solid #eadabe}
.hero-counter span.active{width:11px;background:#f0ca76;border:1.5px solid #f0ca76}
.category-section{padding-top:68px;padding-bottom:67px}
.category-section .section-head{margin-bottom:28px}
.category-card{min-height:258px;display:flex;align-items:center;padding:29px 30px;border-radius:17px;box-shadow:0 13px 27px rgba(20,15,10,.10);border:1px solid rgba(199,152,82,.28);isolation:isolate;background:#13100d}
.category-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(38,21,6,.20);border-color:#d3a65c}
.category-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,9,7,.98) 0%,rgba(12,9,7,.91) 36%,rgba(17,11,7,.16) 79%,transparent 100%);border-radius:inherit;pointer-events:none}
.category-card::after{content:none!important}
.category-card>div:first-child{z-index:3;position:relative;max-width:60%}
.category-card>div:first-child>span:first-child{font-size:9px;letter-spacing:.19em;color:#f5d28b}
.category-card h3{font:600 clamp(23px,2.1vw,32px)/1.08 var(--display);margin:12px 0 11px;color:#fff;letter-spacing:-.025em}
.category-card p{font-size:11px;color:#efe1ca;line-height:1.62;max-width:190px}
.category-card .category-arrow{display:grid!important;place-items:center;margin-top:17px;color:#f4ce88;border-color:#deb870;transition:transform .2s,background .2s}
.category-card:hover .category-arrow{transform:translate(4px,-4px);background:#d6aa58;color:#100c08}
.category-card .category-photo{position:absolute;z-index:0;display:block;inset:0 0 0 auto;width:65%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;pointer-events:none;transition:transform .45s ease}
.category-card:hover .category-photo{transform:scale(1.035)}
.cat-sealed .category-photo{background-image:url('assets/category-sealed.webp');background-position:52% center}
.cat-decants .category-photo{background-image:url('assets/category-decants.webp');background-position:50% center}
.cat-arabian .category-photo{background-image:url('assets/category-arabian.webp');background-position:53% center}
.atomizers{display:none!important}
.cat-sealed{background:linear-gradient(110deg,#100c0b,#392015)}
.cat-decants{background:linear-gradient(110deg,#100c0a,#3b2112)}
.cat-arabian{background:linear-gradient(110deg,#100a08,#47260d)}
@media (max-width:1190px){
.hero-image{width:68%;right:-3%}
.hero h1{font-size:clamp(57px,6.5vw,77px)}
.hero-copy{max-width:470px}
.category-card{padding:25px 20px}
.category-card h3{font-size:26px}
.category-card p{font-size:10px}
}
@media (max-width:900px){
.hero{min-height:535px}
.hero-container{min-height:535px}
.hero-image{width:72%;right:-6%;background-size:contain}
.hero-copy{max-width:390px}
.hero h1{font-size:56px}
.hero-copy>p{font-size:14px;max-width:275px}
.hero-counter{bottom:34px;left:26px}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-card{min-height:245px;padding:20px 16px}
.category-card h3{font-size:23px}
.category-card p{font-size:10px}
.category-card>div:first-child{max-width:65%}
.category-card .category-photo{width:73%}
}
@media (max-width:670px){
.hero{min-height:625px}
.hero-container{min-height:625px;display:block}
.hero::after{background:linear-gradient(to bottom,rgba(2,2,2,.62) 0%,rgba(4,2,3,.34) 24%,transparent 45%,#0b0707 85%)}
.hero-image{inset:244px 0 auto 0;width:100%;height:262px;background-size:contain;background-position:center center;mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 91%,transparent 100%)}
.hero-copy{padding:35px 0 0;max-width:100%;text-align:center}
.hero .eyebrow{justify-content:center;font-size:9px;letter-spacing:.16em;margin-bottom:12px}
.hero .eyebrow-line{width:24px}
.hero h1{font-size:clamp(48px,12.7vw,61px);line-height:.95;margin-bottom:14px}
.hero-copy>p{font-size:12px;line-height:1.5;max-width:300px;margin:0 auto}
.hero-actions{position:absolute;left:0;right:0;bottom:42px;justify-content:center;margin:0}
.hero .btn-gold{min-height:47px;min-width:190px}
.hero-counter{bottom:106px;left:50%;transform:translateX(-50%);gap:10px}
.category-section{padding-top:41px;padding-bottom:40px}
.category-section .section-head{gap:11px;margin-bottom:22px}
.category-section h2{font-size:clamp(30px,8vw,39px)}
.category-grid{grid-template-columns:1fr;gap:13px}
.category-card{min-height:203px;padding:21px 22px}
.category-card h3{font-size:27px;margin:9px 0}
.category-card p{font-size:11px;max-width:165px}
.category-card>div:first-child{max-width:55%}
.category-card .category-photo{width:67%}
.category-card .category-arrow{margin-top:11px;width:29px;height:29px}
}
@media (max-width:380px){
.hero{min-height:597px}.hero-container{min-height:597px}
.hero-image{top:234px;height:250px}
.hero h1{font-size:47px}
.hero-actions{bottom:28px}
.hero-counter{bottom:94px}
.category-card{min-height:188px}
.category-card h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.category-card .category-photo{transition:none}}
/* Cancelar por completo las antiguas figuras geométricas CSS de las tarjetas. */
.category-card::before{width:auto!important;height:auto!important;inset:0!important;border:0!important;transform:none!important;box-shadow:none!important;filter:none!important;opacity:1!important}