/* Clandestinos — Home */
.clr-home{background:var(--clr-bg);color:var(--clr-text);font-family:var(--clr-sans);overflow:hidden}
.clr-home *{box-sizing:border-box}
.clr-home img{display:block;max-width:100%}
.clr-home h1,.clr-home h2,.clr-home h3{font-family:var(--clr-serif);font-weight:500;color:var(--clr-ivory);margin:0;text-transform:uppercase;letter-spacing:.07em}
.clr-home em{font-style:italic;color:var(--clr-gold);text-transform:none;letter-spacing:.02em}
.clr-eyebrow{font:500 .7rem/1 var(--clr-sans);letter-spacing:.38em;text-transform:uppercase;color:var(--clr-gold);margin:0 0 1.6rem}

/* Botones: dorado con borde fino; hover con glow dorado */
.clr-btn{display:inline-block;padding:1.1rem 2.4rem;font:500 .78rem/1 var(--clr-sans);letter-spacing:.26em;text-transform:uppercase;text-decoration:none;border:1px solid var(--clr-gold);transition:all .35s ease;border-radius:0}
.clr-btn--gold{background:linear-gradient(180deg,var(--clr-gold-lt),var(--clr-gold));color:#0d0d0d}
.clr-btn--gold:hover{box-shadow:0 0 22px rgba(212,175,55,.55),0 0 2px var(--clr-gold-lt);transform:translateY(-1px)}
.clr-btn--ghost{background:transparent;color:var(--clr-ivory)}
.clr-btn--ghost:hover{color:var(--clr-gold-lt);box-shadow:0 0 20px rgba(212,175,55,.3) inset,0 0 18px rgba(212,175,55,.25)}
.clr-link{color:var(--clr-gold);text-decoration:none;font:500 .78rem var(--clr-sans);letter-spacing:.28em;text-transform:uppercase;border-bottom:1px solid rgba(212,175,55,.4);padding-bottom:.4rem;transition:all .3s}
.clr-link:hover{color:var(--clr-gold-lt);border-color:var(--clr-gold-lt)}
.clr-center{text-align:center;margin-top:4rem}

/* Hero: viñeteado, gradiente tabaco, iluminación cinematográfica */
.clr-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate;overflow:hidden}
.clr-hero__bg{position:absolute;inset:0;background:var(--hero) center 40%/cover no-repeat;z-index:-2;transform:scale(1.05);animation:clrZoom 24s ease-out forwards}
.clr-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(ellipse at 50% 45%,rgba(13,13,13,.1) 0%,rgba(13,13,13,.55) 62%,rgba(13,13,13,.95) 100%),
  linear-gradient(180deg,rgba(26,16,8,.6) 0%,rgba(26,16,8,0) 32%,rgba(13,13,13,.95) 100%)}
@keyframes clrZoom{to{transform:scale(1)}}
.clr-hero__inner{position:relative;z-index:2;padding:9rem 1.5rem 6rem;max-width:1000px}
.clr-hero__title{font-size:clamp(2.1rem,5.4vw,4.6rem)!important;line-height:1.14!important;margin:0 0 1.8rem!important;letter-spacing:.08em!important}
.clr-hero__lead{font:300 clamp(.85rem,1.2vw,1rem)/1.7 var(--clr-sans);letter-spacing:.34em;text-transform:uppercase;color:rgba(245,227,200,.85);margin:0 0 3rem}
.clr-hero__cta{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap}
.clr-hero__scroll{position:absolute;bottom:2rem;left:50%;width:1px;height:64px;background:linear-gradient(var(--clr-gold),transparent);animation:clrPulse 2.2s infinite}
@keyframes clrPulse{0%,100%{opacity:.25}50%{opacity:1}}

/* Trust */
.clr-trust{border-top:1px solid var(--clr-line);border-bottom:1px solid var(--clr-line);background:var(--clr-tobacco)}
.clr-trust ul{list-style:none;margin:0 auto;padding:0;max-width:1280px;display:grid;grid-template-columns:repeat(4,1fr)}
.clr-trust li{padding:2.2rem 1rem;text-align:center;border-right:1px solid var(--clr-line);display:flex;flex-direction:column;align-items:center;gap:.9rem}
.clr-trust li:last-child{border:0}
.clr-trust svg{width:24px;height:24px;fill:none;stroke:var(--clr-gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.clr-trust b{font:500 .7rem var(--clr-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--clr-ivory)}

/* Secciones: mucho espacio negativo */
.clr-section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,4vw,3rem);max-width:1400px;margin:0 auto}
.clr-section--alt{max-width:none;background:linear-gradient(180deg,var(--clr-tobacco),#120b05);border-top:1px solid var(--clr-line);border-bottom:1px solid var(--clr-line)}
.clr-section--alt>*{max-width:1300px;margin-left:auto;margin-right:auto}
.clr-head{text-align:center;margin-bottom:clamp(3rem,6vw,5rem)}
.clr-head h2{font-size:clamp(1.6rem,3.4vw,2.8rem)!important;line-height:1.2!important}

/* Blends */
.clr-blends{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.clr-card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;text-decoration:none;background:#000;border:1px solid transparent;transition:border-color .5s,box-shadow .5s}
.clr-card:hover{border-color:rgba(212,175,55,.5);box-shadow:0 0 30px rgba(212,175,55,.15)}
.clr-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s;filter:brightness(.78)}
.clr-card:hover img{transform:scale(1.07);filter:brightness(.95)}
.clr-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(13,13,13,.95) 100%)}
.clr-card__txt{position:absolute;left:0;right:0;bottom:0;padding:2.2rem;z-index:2}
.clr-card__txt span{font:500 .78rem var(--clr-sans);letter-spacing:.34em;text-transform:uppercase;color:var(--clr-gold)}
.clr-card__txt h3{font-size:1.9rem!important;margin:.7rem 0 .6rem!important}
.clr-card__txt p{font:300 .95rem/1.6 var(--clr-sans);color:rgba(245,227,200,.82);margin:0 0 .9rem}
.clr-card__txt small{display:block;font:400 .78rem/1.7 var(--clr-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--clr-muted)}

/* Productos (tarjetas propias; datos de WooCommerce) */
.clr-products{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.clr-prod{display:flex;flex-direction:column;text-align:center;text-decoration:none!important;background:var(--clr-bg);border:1px solid var(--clr-line);transition:border-color .4s,transform .4s,box-shadow .4s}
.clr-prod:hover{border-color:rgba(212,175,55,.55);transform:translateY(-4px);box-shadow:0 8px 40px rgba(212,175,55,.12)}
.clr-prod__img{display:block;aspect-ratio:1;overflow:hidden;background:radial-gradient(circle at 50% 40%,#2a1a0d,#0d0d0d 75%)}
.clr-prod__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.clr-prod:hover .clr-prod__img img{transform:scale(1.05)}
.clr-prod__name{font:500 1.15rem/1.2 var(--clr-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--clr-ivory);padding:1.4rem 1rem .4rem}
.clr-prod__price{font:400 .88rem var(--clr-sans);letter-spacing:.06em;color:var(--clr-gold);padding:0 1rem 1.3rem}
.clr-prod__price .woocommerce-Price-amount{color:var(--clr-gold)}
.clr-prod__cta{margin:auto 1.2rem 1.4rem;padding:.85rem 1rem;border:1px solid var(--clr-line);font:500 .78rem var(--clr-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--clr-ivory);transition:all .3s}
.clr-prod:hover .clr-prod__cta{border-color:var(--clr-gold);color:var(--clr-gold-lt);box-shadow:0 0 16px rgba(212,175,55,.3)}

/* Split */
.clr-split{display:grid;grid-template-columns:1fr 1fr;min-height:680px;background:var(--clr-bg)}
.clr-split__img{position:relative;overflow:hidden;min-height:420px}
.clr-split__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clr-split__img::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 140px rgba(13,13,13,.7);pointer-events:none}
.clr-split__txt{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(3rem,7vw,7rem);background:linear-gradient(135deg,var(--clr-bg),var(--clr-tobacco))}
.clr-split__txt h2{font-size:clamp(1.7rem,3.2vw,2.7rem)!important;line-height:1.22!important;margin-bottom:2rem!important}
.clr-split__txt p{font:300 1rem/1.9 var(--clr-sans);color:rgba(245,227,200,.8);margin:0 0 2rem;max-width:52ch}
.clr-split__txt p.clr-eyebrow{font:500 .7rem/1 var(--clr-sans);letter-spacing:.38em;text-transform:uppercase;color:var(--clr-gold);margin:0 0 1.6rem}
.clr-split--rev .clr-split__img{order:2}
.clr-badges{list-style:none;margin:0 0 2.4rem;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}
.clr-badges li{border:1px solid var(--clr-line);padding:.7rem 1.1rem;font:500 .78rem var(--clr-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--clr-gold-lt)}

/* Galería: solo imagen */
.clr-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(150px,18vw,260px);gap:1rem}
.clr-mosaic figure{margin:0;overflow:hidden;position:relative}
.clr-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease,filter .5s;filter:brightness(.82)}
.clr-mosaic figure:hover img{transform:scale(1.06);filter:brightness(1)}
.clr-mosaic .g1{grid-column:span 5;grid-row:span 2}
.clr-mosaic .g2{grid-column:span 3;grid-row:span 2}
.clr-mosaic .g3{grid-column:span 4}
.clr-mosaic .g4{grid-column:span 4}
.clr-mosaic .g5{grid-column:span 4}
.clr-mosaic .g6{grid-column:span 8}

/* Proceso: solo enlaces a páginas existentes */
.clr-process{padding:clamp(4rem,8vw,7rem) clamp(1.25rem,4vw,3rem);text-align:center;border-top:1px solid var(--clr-line);background:var(--clr-tobacco)}
.clr-process ol{list-style:none;margin:2.5rem auto 0;padding:0;max-width:1200px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--clr-line);border:1px solid var(--clr-line)}
.clr-process li{background:var(--clr-tobacco)}
.clr-process a{display:flex;flex-direction:column;gap:.8rem;align-items:center;padding:2.6rem 1rem;text-decoration:none;font:500 .78rem var(--clr-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--clr-ivory);transition:all .35s}
.clr-process a span{font:500 1.5rem var(--clr-serif);color:var(--clr-gold);letter-spacing:.05em}
.clr-process a:hover{background:#241509;color:var(--clr-gold-lt);box-shadow:inset 0 0 40px rgba(212,175,55,.12)}

/* CTA */
.clr-cta{position:relative;padding:clamp(6rem,14vw,12rem) 1.5rem;text-align:center;background:var(--cta) center/cover fixed;isolation:isolate;overflow:hidden}
.clr-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(13,13,13,.55),rgba(13,13,13,.92));z-index:-1}
.clr-cta__in{position:relative;z-index:2}
.clr-cta h2{font-size:clamp(1.8rem,4.6vw,3.8rem)!important;margin-bottom:2.8rem!important}

/* Reveal on scroll */
.clr-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}
.clr-reveal.in{opacity:1;transform:none}

@media (max-width:1000px){
  .clr-trust ul{grid-template-columns:repeat(2,1fr)}
  .clr-trust li:nth-child(2){border-right:0}
  .clr-trust li{border-bottom:1px solid var(--clr-line)}
  .clr-blends{grid-template-columns:1fr}
  .clr-card{aspect-ratio:4/5}
  .clr-products{grid-template-columns:repeat(2,1fr)}
  .clr-split{grid-template-columns:1fr}
  .clr-split--rev .clr-split__img{order:0}
  .clr-split__img{min-height:340px}
  .clr-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}
  .clr-mosaic figure{grid-column:span 1!important;grid-row:span 1!important}
  .clr-mosaic .g1,.clr-mosaic .g6{grid-column:span 2!important}
  .clr-process ol{grid-template-columns:repeat(2,1fr)}
  .clr-cta{background-attachment:scroll}
}
@media (max-width:560px){
  .clr-products{gap:.75rem}
  .clr-prod__name{font-size:.95rem}
  .clr-btn{width:100%;text-align:center}
}
