/* Clandestinos Membership — página de inscripción y pantalla de la cuenta. Usa los tokens del sitio (--clr-*). */
.clrm{padding:1rem 0 5rem;color:var(--clr-text)}
.clrm-intro{max-width:760px;margin:0 auto 3rem;text-align:center}
.clrm-intro h2{font:500 clamp(2rem,4.5vw,3.2rem)/1.1 var(--clr-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--clr-ivory);margin:0 0 1.2rem}
.clrm-intro h2{margin-bottom:1.4rem!important}
.clrm-intro p{font:300 1.05rem/1.8 var(--clr-sans);color:var(--clr-text)}
.clrm-box{max-width:520px;margin:0 auto;text-align:center;padding:2rem;background:var(--clr-tobacco);border:1px solid var(--clr-line);border-top:2px solid var(--clr-gold)}
.clrm-form{max-width:980px;margin:0 auto}
.clrm-step-title{display:flex;align-items:center;gap:.9rem;font:500 1.1rem var(--clr-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--clr-ivory);margin:3rem 0 1.2rem!important}
.clrm-step-title span{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border:1px solid var(--clr-gold);border-radius:50%;font:500 .8rem var(--clr-sans);color:var(--clr-gold);letter-spacing:0}
.clrm-hint{font:300 .95rem/1.7 var(--clr-sans);color:var(--clr-muted);margin:0 0 1rem}
.clrm-error{margin:0 0 1rem;padding:.9rem 1.1rem;border:1px solid var(--clr-line);border-left:3px solid #c0584a;background:rgba(192,88,74,.1);color:var(--clr-ivory)}

/* Formatos */
.clrm-pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.clrm-pkg{position:relative;display:block;cursor:pointer}
.clrm-pkg input{position:absolute;opacity:0;pointer-events:none}
.clrm-pkg__in{display:flex;flex-direction:column;gap:.45rem;height:100%;padding:1.6rem 1.4rem;background:var(--clr-tobacco);border:1px solid var(--clr-line);transition:border-color .3s,box-shadow .3s,background .3s}
.clrm-pkg:hover .clrm-pkg__in{border-color:rgba(212,175,55,.55)}
.clrm-pkg input:checked+.clrm-pkg__in{border-color:var(--clr-gold);background:rgba(212,175,55,.09);box-shadow:0 0 22px rgba(212,175,55,.18)}
.clrm-pkg input:focus-visible+.clrm-pkg__in{outline:2px solid var(--clr-gold-lt);outline-offset:2px}
.clrm-pkg b{font:500 1.15rem var(--clr-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--clr-ivory)}
.clrm-pkg em{font:300 .92rem var(--clr-sans);font-style:normal;color:var(--clr-text)}
.clrm-pkg strong{font:500 1.9rem var(--clr-serif);color:var(--clr-gold);margin-top:.4rem}
.clrm-pkg strong small{font:400 .85rem var(--clr-sans);color:var(--clr-muted)}
.clrm-pkg>span>small{font:400 .82rem var(--clr-sans);color:var(--clr-muted)}

/* Tarjetas de puros (también en la cuenta) */
.clrm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}
.clrm-card{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:0 0 1rem;background:var(--clr-bg);border:1px solid var(--clr-line);transition:border-color .3s}
.clrm-card.on{border-color:var(--clr-gold);box-shadow:0 0 16px rgba(212,175,55,.16)}
.clrm-card__img{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#2a1a0d,#0d0d0d 75%);overflow:hidden}
.clrm-card__img img{width:100%;height:100%;object-fit:contain;display:block}
.clrm-card__name{font:500 .95rem var(--clr-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--clr-ivory);text-align:center}
.clrm-step{display:flex;align-items:center;border:1px solid rgba(212,175,55,.35);background:rgba(245,227,200,.04)}
.clrm-step button{width:2.4rem;height:2.4rem;padding:0;background:none!important;border:0!important;color:var(--clr-gold)!important;font:300 1.2rem/1 var(--clr-sans);cursor:pointer;box-shadow:none!important}
.clrm-step button:disabled{opacity:.3;cursor:not-allowed}
.clrm-step input{width:2.6rem;height:2.4rem;padding:0;border:0!important;background:transparent!important;text-align:center;color:var(--clr-ivory)!important;font:500 1rem var(--clr-sans);-moz-appearance:textfield;box-shadow:none!important}
.clrm-step input::-webkit-outer-spin-button,.clrm-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.clrm-counter{margin:1rem 0 0;font:500 .85rem var(--clr-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--clr-muted)}
.clrm-counter span{font:500 1.3rem var(--clr-serif);color:var(--clr-gold);letter-spacing:0}
.clrm-picker.is-ok .clrm-counter span{color:#8fd19e}

/* Fechas */
.clrm-dates{display:flex;flex-wrap:wrap;gap:.7rem}
.clrm-date{position:relative;cursor:pointer}
.clrm-date input{position:absolute;opacity:0;pointer-events:none}
.clrm-date span{display:block;padding:.8rem 1.2rem;background:var(--clr-tobacco);border:1px solid var(--clr-line);font:500 .9rem var(--clr-sans);color:var(--clr-text);transition:all .25s}
.clrm-date:hover span{border-color:rgba(212,175,55,.55)}
.clrm-date input:checked+span{border-color:var(--clr-gold);background:rgba(212,175,55,.1);color:var(--clr-ivory)}
.clrm-date input:focus-visible+span{outline:2px solid var(--clr-gold-lt);outline-offset:2px}

/* Resumen */
.clrm-summary{margin-top:2.6rem;padding:1.8rem;background:var(--clr-tobacco);border:1px solid var(--clr-line);border-top:2px solid var(--clr-gold)}
.clrm-summary p{font:300 1rem/1.7 var(--clr-sans);color:var(--clr-text);margin:0 0 1.2rem}
.clrm-consent{display:flex;gap:.8rem;align-items:flex-start;margin:0 0 1.4rem;cursor:pointer;font:400 .92rem/1.6 var(--clr-sans);color:var(--clr-text)}
.clrm-consent input{margin-top:.25rem;width:1.05rem;height:1.05rem;accent-color:var(--clr-gold)}
.clrm-summary .clr-btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}

/* Cuenta del miembro */
.clrm-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 2rem;margin:0 0 2rem}
.clrm-facts>div{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 0;border-bottom:1px solid var(--clr-line)}
.clrm-facts dt{font:500 .68rem var(--clr-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--clr-muted)}
.clrm-facts dd{margin:0;font:400 1rem var(--clr-sans);color:var(--clr-ivory)}
.clrm-cancel{margin-top:2rem}
.clrm-linkbtn{background:none!important;border:0!important;padding:0!important;color:var(--clr-muted)!important;font:400 .85rem var(--clr-sans)!important;text-decoration:underline;cursor:pointer;box-shadow:none!important}
.clrm-linkbtn:hover{color:#e49a8e!important}
.clrm-auth{margin:0 0 1.2rem;padding:1rem 1.1rem;border:1px solid var(--clr-line);border-left:3px solid var(--clr-gold);background:rgba(212,175,55,.07)}
.clrm-auth p{margin:0;font:400 .88rem/1.6 var(--clr-sans);color:var(--clr-ivory)!important}

@media(max-width:800px){.clrm-pkgs{grid-template-columns:1fr}.clrm-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.clrm-cards{gap:.6rem}.clrm-summary{padding:1.3rem 1.1rem}.clrm-date span{padding:.7rem 1rem}}

/* Ajustes en la cuenta: contador con aire y botón de guardar a su ancho natural */
.clrm-picker .clrm-counter{margin:1.2rem 0 1rem}
.clrm-picker [data-clrm-submit]{width:auto!important;min-width:220px}