/* Inicio: "Pase Peyote" (tarjeta de regalo), entre las colecciones y las fundas.
   Para quitarla: borra la <section class="hp-pase"> de index.html y este archivo. */
.home-page .hp-pase{--hp-ink:#151412;--hp-mute:#4f4c46;--hp-or:#f4854f;--hp-navy:#1f1f2b;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,72px);
  padding:clamp(26px,3vw,44px) clamp(20px,5vw,86px) clamp(36px,4vw,60px);color:var(--hp-ink);background:transparent}
/* Boleto + sobre (imagen de Ale) */
.hp-art{display:block;justify-self:center;width:min(100%,700px);text-decoration:none;transition:transform .35s}
.hp-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 18px rgba(21,20,18,.22))}
/* Texto */
.hp-copy{min-width:0}
.hp-eye{margin:0 0 clamp(10px,1.4vw,20px);font:500 clamp(11px,1vw,14px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.3em;text-transform:uppercase}
.hp-copy h2{margin:0;font:400 clamp(40px,5.2vw,88px)/1 "Unbounded",Rubik,sans-serif;letter-spacing:-.01em;text-transform:uppercase}
.hp-lead{max-width:34ch;margin:clamp(16px,1.8vw,26px) 0 0;font:400 clamp(15px,1.3vw,19px)/1.45 Rubik,Arial,sans-serif;color:var(--hp-ink)}
.hp-price{margin:clamp(12px,1.3vw,18px) 0 clamp(18px,2vw,28px);font:400 clamp(13px,1vw,15px)/1.4 Rubik,Arial,sans-serif;color:var(--hp-ink)}
.hp-price b{font-weight:400}.hp-price em{font-style:normal}
.hp-btn{display:inline-flex;align-items:center;gap:12px;min-height:clamp(46px,4.2vw,62px);padding:0 clamp(24px,2.4vw,34px);border-radius:999px;background:var(--hp-ink);color:#fff;font:500 clamp(15px,1.2vw,18px)/1 Rubik,Arial,sans-serif;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.hp-btn:hover{background:var(--hp-or);color:var(--hp-ink)}
.hp-btn:focus-visible{outline:3px solid var(--hp-or);outline-offset:3px}
.hp-pase:hover .hp-art{transform:translateY(-4px) rotate(-1deg)}
@media(prefers-reduced-motion:reduce){.hp-art{transition:none}}
html body.home-page.home-nuevo .home-collections:has(+ .hp-pase){padding-bottom:30px!important}
@media(max-width:900px){
  .home-page .hp-pase{grid-template-columns:1fr;gap:6px;padding:18px 20px 22px}
  .hp-copy{display:contents}
  .hp-eye{order:1;margin:6px 0 10px;letter-spacing:.28em}
  .hp-copy h2{order:2;font-size:clamp(40px,12.6vw,68px)}
  .hp-lead{order:3;max-width:none;margin:12px 0 0;font-size:clamp(15px,4.4vw,19px)}
  .hp-art{order:4;width:100%;margin:12px 0 0}
  .hp-price{order:5;margin:18px 0 12px;display:flex;flex-direction:column;gap:2px}
  .hp-price b{font:500 clamp(19px,5.6vw,24px)/1.2 Rubik,Arial,sans-serif}.hp-price .hp-dot{display:none}.hp-price em{font-size:clamp(14px,4vw,17px)}
  .hp-btn{order:6;width:100%;justify-content:center;min-height:52px}
  .hp-copy{display:contents}
}