/* [IDX-CTA-1] — CTA de la home (index.html) */

/* Asegura el contenedor de botones (si ya existe, no pasa nada) */
.cta-row .btn{ position:relative; overflow:hidden; border-radius:16px; }

/* ---------- Descubrir colección ---------- */
.btn-buy{
  color: var(--bg);
  background: var(--text);
  border: 1px solid var(--text);
  border-radius: 999px; /* Pill */
  padding: 1.2rem 2.4rem;
  font-size: 1.1rem;
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  transition: transform .25s cubic-bezier(.2,.9,.2,1), box-shadow .25s cubic-bezier(.2,.9,.2,1), background .25s ease;
}
.btn-buy:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 46px rgba(0,0,0,.25);
  background: color-mix(in oklab, var(--text) 80%, transparent);
}
.btn-buy:active{ transform: translateY(0); box-shadow: 0 5px 15px rgba(0,0,0,.1); }
.btn-buy:focus-visible{
  outline:none;
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--text) 30%, transparent);
}

/* móvil: ajustes CTA */
@media (max-width:639px){
  .btn-buy{ 
    padding: 1rem 1.8rem; 
    font-size: 1rem;
    width: 100%;
    justify-content: center;
  }
}
/* [IDX-CTA-2] — Botones sin subrayado (override a <a>) */
.cta-row .btn,
.cta-row .btn:link,
.cta-row .btn:visited,
.cta-row .btn:hover,
.cta-row .btn:focus,
.cta-row .btn:active {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
}