/* Skin Consult · tema compartido de formularios y paginas (mismo lenguaje que la landing y Check-In Studio) */
:root{--ink:#3D2A33;--plum:#5B3A47;--purple:#5B3A47;--muted:#7E6A74;--gray:#7E6A74;--gold:#C9A84C;--gold-2:#E9D28A;--gold-d:#A8822E;--rose:#C4667E;--sky:#8FC3E9;--sky-d:#3F79AA;--sun:#F5CF4E;--cream:#FDF9F6;--line:rgba(201,168,76,.35);--glass:rgba(255,255,255,.72)}
html{background:linear-gradient(180deg,#EAF5FD 0%,#F6FBFE 40%,#FFFFFF 70%,#FDF9F6 100%) fixed!important}
body{color:var(--ink);-webkit-font-smoothing:antialiased;background:transparent!important;min-height:100vh}
/* auroras que se mueven, igual que la portada */
body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.7;pointer-events:none;animation:cwdrift 18s ease-in-out infinite alternate}
body:before{width:560px;height:560px;left:-160px;top:-180px;background:#BFE0F7}
body:after{width:460px;height:460px;right:-120px;top:30%;background:#FBE7A8;animation-duration:22s}
html:after{content:"";position:fixed;z-index:-1;width:420px;height:420px;left:35%;bottom:-200px;border-radius:50%;filter:blur(70px);opacity:.7;background:#F7D4DF;pointer-events:none;animation:cwdrift 26s ease-in-out infinite alternate}
@keyframes cwdrift{to{transform:translate(60px,40px) scale(1.12)}}
h1,h2,h3{color:var(--plum)!important;letter-spacing:-.01em}
h1 em,h2 em,.intro h1 em{font-style:italic;background:linear-gradient(90deg,#3F79AA,#C9A84C,#C4667E,#3F79AA);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:cwshine 9s linear infinite}
@keyframes cwshine{to{background-position:300% 0}}
/* barra superior clara, sin fondos oscuros */
.topbar{background:linear-gradient(90deg,#EAF5FD,#FFF7DA)!important;color:var(--plum)!important;font-weight:600;border-bottom:1px solid var(--line)}
header{background:rgba(255,255,255,.82)!important;border-bottom:0!important;position:sticky}
header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#8FC3E9 0%,#C9A84C 50%,#F5CF4E 100%)}
#pname{color:#B08A2E!important;font-family:'Playfair Display',Georgia,serif}
#psub{color:#A8822E!important}
#verbadge{display:none!important}
/* tarjetas de cristal */
.card{background:var(--glass)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9)!important;border-radius:26px!important;box-shadow:0 30px 60px -40px rgba(61,42,51,.45),0 1px 0 #fff inset!important}
/* botones como la landing */
.btn{border-radius:14px!important;transition:transform .2s,box-shadow .25s}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold))!important;color:#24425F!important;box-shadow:0 12px 26px rgba(201,168,76,.32),0 1px 0 rgba(255,255,255,.7) inset}
.btn-gold:hover{filter:brightness(1.04)}
.btn-line{background:rgba(255,255,255,.75)!important;border:1.5px solid var(--line)!important;color:var(--plum)!important}
.btn-line:hover{transform:translateY(-2px);border-color:var(--gold)!important}
/* campos */
.in{border-radius:14px!important;border:1.5px solid #E3E9F0!important;background:rgba(255,255,255,.9)!important}
.in:focus{border-color:var(--gold)!important;box-shadow:0 0 0 4px rgba(201,168,76,.15)}
.plan{border-radius:18px!important;background:rgba(255,255,255,.85)!important}
.plan.on{border-color:var(--gold)!important;background:linear-gradient(135deg,#FFFBEA,#FFF3C9)!important}
.save{background:var(--plum)!important}
/* paginas cortas (renovado, pagos, prueba de correo) */
body>.c,.c{background:var(--glass)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9)!important;border-radius:26px!important;box-shadow:0 40px 80px -50px rgba(61,42,51,.5)!important}
.c h1{font-family:'Playfair Display',Georgia,serif}
a.b,.c button{background:linear-gradient(135deg,var(--gold-2),var(--gold))!important;color:#24425F!important;border-radius:14px!important;box-shadow:0 12px 26px rgba(201,168,76,.32)!important}



/* ===== reflejo y brillo identicos a Check-In Studio v20.2 ===== */
.btn-gold,a.b,.c button{position:relative;overflow:hidden;isolation:isolate;animation:goldglow 2.6s ease-in-out infinite}
.btn-gold:after,a.b:after,.c button:after{content:"";position:absolute;top:-60%;left:-80%;width:55%;height:220%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 35%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.35) 65%,rgba(255,255,255,0) 100%);transform:skewX(-22deg);animation:sheen 5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;z-index:1;mix-blend-mode:screen}
.btn-gold:hover:after,a.b:hover:after,.c button:hover:after{animation:sheen 1s cubic-bezier(.4,0,.2,1) infinite}
@keyframes sheen{0%,40%{left:-80%}100%{left:140%}}
@keyframes goldglow{0%,40%,100%{box-shadow:0 12px 26px rgba(201,168,76,.32),0 1px 0 rgba(255,255,255,.7) inset}70%{box-shadow:0 14px 34px rgba(201,168,76,.55),0 0 0 3px rgba(245,207,78,.25),0 1px 0 rgba(255,255,255,.8) inset}}
.btn:hover{transform:none!important}