/* Regala Véloris (2026-10-29) — /regalo.html */
.regalo-hero{padding-top:120px;text-align:center}
.regalo-hero .section-sub{max-width:560px;margin-left:auto;margin-right:auto}

.regalo-opciones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:820px;margin:0 auto}
.regalo-opcion{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px 22px;border:1px solid var(--borde-tarjeta,var(--border));border-radius:var(--r-m,16px);cursor:pointer;color:var(--ink);transition:border-color var(--dur-micro,.2s) ease,background .2s ease}
.regalo-opcion input{position:absolute;opacity:0;pointer-events:none}
.regalo-opcion:hover{border-color:color-mix(in srgb,var(--ink) 40%,transparent)}
.regalo-opcion.is-elegida{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 4%,transparent)}
.regalo-opcion:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
.regalo-precio{font-family:'Fraunces','Georgia',serif;font-size:26px;font-weight:300}
.regalo-opcion strong{font-size:16px;font-weight:500}
.regalo-opcion > span:last-child{font-size:14px;line-height:1.55;color:var(--muted)}

.regalo-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;max-width:820px;margin:26px auto 0}
.regalo-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.regalo-form input,.regalo-form textarea{padding:13px 14px;border-radius:12px;border:1px solid var(--borde-tarjeta,var(--border));background:transparent;color:var(--ink);font:16px 'Space Grotesk',sans-serif;letter-spacing:0;text-transform:none;resize:vertical}
.regalo-form-ancho{grid-column:1 / -1}
.regalo-form .action-btn{justify-self:center;min-width:280px;justify-content:center}
.regalo-nota{margin:0;font-size:13px;line-height:1.5;color:var(--muted);text-align:center}
.regalo-estado{margin:0;font-size:14px;color:var(--ink);text-align:center}

/* La tarjeta del regalo */
#regalo-tarjeta{padding-top:110px;text-align:center}
.regalo-carta{position:relative;max-width:460px;margin:18px auto 26px;padding:44px 30px 36px;border-radius:var(--r-l,22px);border:1px solid var(--borde-tarjeta,var(--border));
  background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--tono-champan,#d9c8a0) 16%,transparent),transparent 70%),color-mix(in srgb,var(--ink) 3%,transparent)}
.regalo-estrella{width:34px;height:34px;color:var(--tono-champan,#d9c8a0);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--tono-champan,#d9c8a0) 60%,transparent))}
.regalo-carta-k{margin:16px 0 8px;font:500 11px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.regalo-carta-t{margin:0;font-family:'Fraunces','Georgia',serif;font-weight:400;font-size:clamp(28px,6vw,36px);line-height:1.12;color:var(--ink)}
.regalo-carta-para{margin:10px 0 0;font-family:'Fraunces','Georgia',serif;font-style:italic;font-size:18px;color:var(--muted)}
.regalo-carta-msg{margin:22px auto 0;max-width:340px;font-family:'Fraunces','Georgia',serif;font-style:italic;font-weight:300;font-size:19px;line-height:1.45;color:var(--ink)}
.regalo-carta-msg::before{content:'«'}.regalo-carta-msg::after{content:'»'}
.regalo-enlace,.regalo-canje{display:grid;gap:14px;max-width:460px;margin:0 auto}
.regalo-enlace p,.regalo-canje p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.regalo-enlace input{padding:13px 14px;border-radius:12px;border:1px solid var(--borde-tarjeta,var(--border));background:transparent;color:var(--ink);font:14px 'Space Grotesk',sans-serif;text-align:center}
.regalo-botones{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.regalo-canje .action-btn,.regalo-botones .action-btn{justify-content:center}
.regalo-cargando{font-family:'Fraunces','Georgia',serif;font-style:italic;font-size:20px;color:var(--muted)}

@media (max-width:640px){
  .regalo-hero{padding-top:96px}
  .regalo-opciones,.regalo-form{grid-template-columns:1fr}
  .regalo-form .action-btn{width:100%;min-width:0}
  #regalo-tarjeta{padding-top:88px}
  .regalo-carta{padding:36px 20px 30px}
}