/* Club de sellos de La Posta V. Usa la base de menu.css (colores, botones, cabecera). */
.club { max-width: 560px; margin: 0 auto; padding: 22px 18px 40px; }
.club__menu { text-decoration: none; }
.club__bajada { color: #4d443b; margin: 10px 0 18px; }
.club__form { display: grid; gap: 14px; }
.club__form label { display: grid; gap: 6px; font-weight: 700; font-size: .95rem; }
.club__form input:not([type=checkbox]), .club__form select { min-height: 50px; padding: 10px 14px; border: var(--borde); border-radius: 14px; background: var(--blanco); color: var(--tinta); font: inherit; }
.club__cumple { border: 0; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1.6fr; gap: 10px; }
.club__cumple legend { font-weight: 700; font-size: .95rem; margin-bottom: 6px; }
.club__ok { display: flex !important; grid-template-columns: none; align-items: flex-start; gap: 10px; font-weight: 400 !important; font-size: .88rem !important; color: #4d443b; }
.club__ok input { width: 22px; height: 22px; margin-top: 2px; accent-color: var(--acento); flex: none; }
.club__form .btn { width: 100%; font-size: 1.05rem; }

.tarjeta { position: relative; padding: 22px 20px 20px; border: var(--borde); border-radius: 22px; background: var(--queso); box-shadow: 6px 6px 0 var(--tinta); overflow: hidden; }
.tarjeta::after { content: ""; position: absolute; right: -55px; top: -55px; width: 120px; height: 120px; border-radius: 50%; background: var(--acento); opacity: .9; }
.tarjeta__club { position: relative; z-index: 1; margin: 0; font-weight: 700; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; }
.tarjeta__hola { position: relative; z-index: 1; font: 400 2.1rem/1 var(--titulos); margin: 6px 0 16px; }
.sellos { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.sello { aspect-ratio: 1; border-radius: 50%; border: 2.5px dashed var(--tinta); background: #fff8; display: grid; place-items: center; font-size: 1.5rem; }
.sello--lleno { border-style: solid; background: var(--tinta); color: var(--queso); }
.sello--premio { border-color: var(--acento); font-size: .72rem; font-weight: 700; text-align: center; line-height: 1.1; padding: 4px; }
.sello--premio.sello--lleno { background: var(--acento); color: var(--blanco); }
.sello--nuevo { animation: sellar .6s cubic-bezier(.2, .9, .25, 1.3); }
@keyframes sellar { 0% { transform: scale(2.2) rotate(-25deg); opacity: 0; } 100% { transform: none; opacity: 1; } }
.tarjeta__falta { position: relative; z-index: 1; margin: 16px 0 0; font-weight: 700; }

.caja-qr { margin-top: 18px; display: grid; grid-template-columns: 150px 1fr; gap: 14px; align-items: center; padding: 14px; border: var(--borde); border-radius: 18px; background: var(--blanco); }
.caja-qr canvas { width: 150px; height: 150px; }
.caja-qr p { margin: 0; }
.codigo { display: block; margin-top: 6px; font: 700 1.05rem ui-monospace, Consolas, monospace; letter-spacing: .12em; }
.club__guardar { margin-top: 18px; display: grid; gap: 10px; }
.club__guardar p { margin: 0; color: #4d443b; }
.club__chico { margin-top: 26px; text-align: center; }
.link { background: none; border: 0; color: #6b6158; text-decoration: underline; font-size: .85rem; padding: 8px; }