/* Clandestinos — Ofertas como postales antiguas (includes/deals.php). Aislado: solo en la página de Ofertas. */
.clr-deals{padding:1rem 0 5rem}
.clr-deals__intro{max-width:720px;margin:0 auto 3.2rem;text-align:center}
.clr-deals__intro h2{font:500 clamp(1.8rem,3.6vw,2.6rem)/1.15 var(--clr-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--clr-ivory);margin:0 0 1.1rem}
.clr-deals__intro p:not(.clr-eyebrow){font:300 1.02rem/1.8 var(--clr-sans);color:var(--clr-text)}
.clr-deals__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.2rem 2rem;margin:0 0 4.5rem;padding:0 .4rem}

/* La postal: borde de papel, foto con tono envejecido, sello y matasellos */
.clr-pc{position:relative;display:block;aspect-ratio:3/2;padding:15px;text-decoration:none!important;
  background:#ecdfc2 linear-gradient(135deg,rgba(255,255,255,.35),rgba(120,80,30,.12));
  box-shadow:0 14px 34px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.45),inset 0 0 0 1px rgba(110,70,25,.25);
  transform:rotate(var(--r,0deg));transition:transform .45s ease,box-shadow .45s ease}
.clr-pc:nth-child(odd){--r:-.7deg}
.clr-pc:nth-child(even){--r:.6deg}
.clr-pc:hover,.clr-pc:focus-visible{transform:rotate(0) translateY(-6px);box-shadow:0 22px 46px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.45),inset 0 0 0 1px rgba(110,70,25,.25)}
.clr-pc:focus-visible{outline:2px solid var(--clr-gold-lt);outline-offset:4px}
.clr-pc__photo{position:absolute;inset:15px;background-size:cover;background-position:center;filter:sepia(.42) saturate(.9) contrast(1.06) brightness(.92)}
.clr-pc__photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,6,2,.14) 0%,rgba(12,6,2,.38) 34%,rgba(12,6,2,.92) 100%),radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(12,6,2,.5) 100%)}
.clr-pc__photo::after{content:"";position:absolute;inset:0;z-index:2;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .4  0 0 0 0 .28  0 0 0 0 .15  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.clr-pc__stamp{position:absolute;z-index:4;top:30px;right:30px;width:78px;height:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));transform:rotate(3deg)}
.clr-pc__postmark{position:absolute;z-index:5;top:34px;right:68px;width:170px;height:auto;transform:rotate(-8deg);pointer-events:none}
.clr-pc__body{position:absolute;z-index:6;left:36px;right:36px;bottom:32px;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;color:#f6ead0}
.clr-pc__tag{font:400 .8rem 'Special Elite','Courier New',monospace;letter-spacing:.28em;text-transform:uppercase;color:var(--clr-gold-lt)}
.clr-pc__big{font:500 clamp(2rem,3.6vw,3rem)/1.05 var(--clr-serif);letter-spacing:.03em;color:#fff3d6;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.clr-pc__text{max-width:30rem;font:400 .98rem/1.6 var(--clr-sans);color:#f1e3c4;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.clr-pc__cta{margin-top:.4rem;padding:.1rem 0 .25rem;font:400 .85rem 'Special Elite','Courier New',monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--clr-gold-lt);border-bottom:1px solid rgba(245,217,138,.55);transition:letter-spacing .3s,color .3s}
.clr-pc:hover .clr-pc__cta{letter-spacing:.26em;color:#fff3d6}

.clr-deals__h2{font:500 clamp(1.3rem,2vw,1.7rem) var(--clr-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--clr-ivory);margin:0 0 2.2rem!important;display:flex;align-items:center;gap:1.2rem}
.clr-deals__h2::after{content:"";flex:1;height:1px;background:var(--clr-line)}

@media(max-width:900px){.clr-deals__grid{grid-template-columns:1fr;gap:2rem;padding:0}.clr-pc{aspect-ratio:4/3}}
@media(max-width:520px){
  .clr-pc{aspect-ratio:auto;min-height:340px;padding:12px}
  .clr-pc__photo{inset:12px}
  .clr-pc__stamp{top:24px;right:24px;width:62px}
  .clr-pc__postmark{top:26px;right:50px;width:132px}
  .clr-pc__body{left:26px;right:26px;bottom:26px}
  .clr-pc__big{font-size:2rem}
}
@media(prefers-reduced-motion:reduce){.clr-pc,.clr-pc:hover{transform:none;transition:none}}