/* GoyaLabs Click · Registro de perfil · corrección visual aislada (PC / tablet / móvil).
   No cambia validaciones, envío, Google Sign-In, avatares ni registros. */
.reg-glass-page{
  --reg-ink:#25213c;
  --reg-muted:#68647d;
  --reg-surface:#ffffff;
  --reg-surface-2:#f7f5ff;
  --reg-line:#dcd6ee;
  --reg-purple:#7047d9;
  --reg-shadow:0 20px 55px rgba(42,29,86,.08);
  background:radial-gradient(circle at 5% 6%,#e5e0fc 0,transparent 33%),
             radial-gradient(circle at 94% 14%,#e8e9ff 0,transparent 32%),
             linear-gradient(180deg,#f6f4fd 0%,#f7f8fe 100%)!important;
  color:var(--reg-ink)!important;
  min-height:100dvh;
  padding:16px clamp(12px,2vw,26px) 24px;
  box-sizing:border-box;
}
.reg-glass-page *, .reg-glass-page *::before, .reg-glass-page *::after{box-sizing:border-box}
.reg-glass-page .reg-glass-header{
  width:min(1160px,100%);margin:0 auto 18px;height:70px;
  background:rgba(255,255,255,.85);border:1px solid #e3def2;
  border-radius:22px;box-shadow:0 8px 26px rgba(58,47,97,.06);
}
.reg-glass-page .reg-glass-layout{width:min(1160px,100%);grid-template-columns:minmax(0,1fr);gap:0}
.reg-glass-page .reg-glass-ad{display:none}
.reg-glass-page .reg-glass-card{
  width:100%;max-width:100%;padding:clamp(22px,4vw,46px);
  border:1px solid #dfd8f1;border-radius:28px;
  background:rgba(255,255,255,.97);color:var(--reg-ink);
  box-shadow:var(--reg-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;
}
.reg-glass-page .reg-glass-title{gap:13px;min-height:47px}
.reg-glass-page .reg-glass-title h1{
  color:#342568!important;-webkit-text-fill-color:#342568!important;
  background:none!important;font-weight:950;letter-spacing:-.045em;
  font-size:clamp(29px,3.3vw,44px);line-height:1.13;text-shadow:none;
}
.reg-glass-page .reg-glass-spark{color:#8854eb!important}
.reg-glass-page .reg-glass-spark.cyan{color:#25aacc!important}
.reg-glass-page .reg-glass-subtitle{
  color:#676080!important;font-size:14px;line-height:1.5;
  max-width:550px;margin:10px auto 24px;opacity:1!important;
}
.reg-glass-page .reg-google-wrap{max-width:600px;margin:0 auto 25px}
.reg-glass-page .click-google-button{
  min-height:54px;background:#fff!important;border:1px solid #d8d4e6;
  border-radius:15px;color:#272239!important;
  box-shadow:0 4px 16px rgba(38,26,84,.055);
}
.reg-glass-page .click-google-button span:not(.google-g){color:#272239!important}
.reg-glass-page .click-google-divider{color:#77728b!important}
.reg-glass-page .click-google-divider::before,.reg-glass-page .click-google-divider::after{background:#e6e2f0}
.reg-glass-page .reg-glass-top-grid{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);
  gap:clamp(18px,2.5vw,32px);align-items:stretch;
}
.reg-glass-page .reg-glass-fields{gap:16px;min-width:0}
.reg-glass-page .reg-glass-field{display:grid;gap:8px;min-width:0}
.reg-glass-page .reg-glass-field>span{
  color:#292344!important;font-size:13px;line-height:1.35;font-weight:850;opacity:1;
}
.reg-glass-page .reg-glass-input-wrap{
  width:100%;min-width:0;height:54px;display:flex;align-items:center;
  background:#faf9ff!important;border:1px solid #d8d2e8!important;
  border-radius:14px;box-shadow:none!important;overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.reg-glass-page .reg-glass-input-wrap:focus-within{border-color:#7957ec!important;box-shadow:0 0 0 3px rgba(121,87,236,.13)!important}
.reg-glass-page .reg-glass-input-wrap i{flex:0 0 46px;width:46px;color:#7148dc!important;font-weight:900}
.reg-glass-page .reg-glass-input-wrap input,
.reg-glass-page .reg-glass-input-wrap input:focus{
  flex:1;min-width:0;height:100%;padding:0 10px 0 0;
  background:transparent!important;color:#28223d!important;
  -webkit-text-fill-color:#28223d!important;
  border:0!important;outline:0!important;box-shadow:none!important;
  opacity:1!important;font-size:15px;caret-color:#7047d9;
  -webkit-appearance:none;appearance:none;
}
.reg-glass-page .reg-glass-input-wrap input::placeholder{color:#878199!important;-webkit-text-fill-color:#878199!important;opacity:1!important}
.reg-glass-page .reg-glass-input-wrap input:-webkit-autofill,
.reg-glass-page .reg-glass-input-wrap input:-webkit-autofill:focus{
  -webkit-text-fill-color:#28223d!important;-webkit-box-shadow:0 0 0 1000px #faf9ff inset!important;
}
.reg-glass-page .reg-glass-eye{
  flex:0 0 46px;min-width:46px;height:45px;
  border:0;background:transparent!important;color:#594a8c!important;cursor:pointer;
}
.reg-glass-page .reg-glass-upload-column{
  background:#f7f5ff;border:1px solid #e1dbf4;border-radius:21px;padding:16px;
}
.reg-glass-page .reg-glass-upload{
  min-height:252px;background:#fff;border:2px dashed #b6a6ee;border-radius:18px;
}
.reg-glass-page .reg-glass-upload:hover{background:#fdfcff;border-color:#7954ec}
.reg-glass-page .reg-glass-upload-icon{color:#7148e7!important;font-size:48px}
.reg-glass-page .reg-glass-upload b{color:#46338d!important;font-weight:850}
.reg-glass-page .reg-glass-upload small{color:#736b89!important}
.reg-glass-page .reg-glass-style-jump{
  background:#fff!important;border-color:#cfc4ee;color:#6341c8!important;
  min-height:46px;border-radius:14px;
}
.reg-glass-page .reg-glass-upload-column>p{color:#6b657e!important;line-height:1.5}
.reg-glass-page .reg-glass-identities{margin-top:32px}
.reg-glass-page .reg-glass-section-title{align-items:baseline;gap:12px;margin-bottom:15px}
.reg-glass-page .reg-glass-section-title h2{color:#30235c!important;font-size:24px;line-height:1.3}
.reg-glass-page .reg-glass-section-title span{color:#716a86!important;font-size:13px}
.reg-glass-page .reg-glass-identity-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.reg-glass-page .reg-glass-identity{
  min-width:0;padding:8px;border-radius:18px;background:#f9f8fe!important;
  border:2px solid #e6e0f4;box-shadow:none;
}
.reg-glass-page .reg-glass-identity img{border-radius:13px;display:block;width:100%;aspect-ratio:1;object-fit:cover}
.reg-glass-page .reg-glass-identity strong{
  display:block;color:#372953!important;font-size:12px;line-height:1.3;
  font-weight:800;opacity:1!important;overflow-wrap:anywhere;
}
.reg-glass-page .reg-glass-identity:hover{border-color:#a68def;background:#fff!important;transform:translateY(-1px)}
.reg-glass-page .reg-glass-identity.is-selected,
.reg-glass-page .reg-glass-identity:has(input:checked){background:#f1ecff!important;border-color:#7652e5;box-shadow:0 0 0 3px rgba(112,71,217,.11)}
.reg-glass-page .reg-glass-identity input:focus-visible~.reg-glass-check{outline:2px solid #7652e5;outline-offset:3px}
.reg-glass-page .reg-glass-choice-note{color:#736b86!important;margin-top:12px}
.reg-glass-page .reg-glass-safety{
  background:#f9f7ff!important;border:1px solid #e6dff5;
  color:#302b43;border-radius:18px;
}
.reg-glass-page .reg-glass-safety b{color:#272039!important}
.reg-glass-page .reg-glass-safety small{color:#676078!important}
.reg-glass-page .reg-glass-submit{
  color:#fff!important;min-height:58px;
  border-radius:15px;background:linear-gradient(110deg,#6443d4,#955de9)!important;
  box-shadow:0 12px 23px rgba(101,67,212,.19);
}
.reg-glass-page .reg-glass-footer{width:min(1160px,100%)}
.reg-glass-page .reg-glass-footer a,.reg-glass-page .reg-glass-footer small{color:#615a77!important}

/* Se mantiene un tema oscuro coherente, sin campos invisibles ni fondo mezclado */
html[data-theme="dark"] .reg-glass-page{
  --reg-ink:#f7f3ff;--reg-muted:#c3b9dc;--reg-surface:#211a35;--reg-surface-2:#29213f;--reg-line:#433855;
  background:radial-gradient(circle at 4% 8%,#33205f 0,transparent 35%),linear-gradient(180deg,#131021,#1e1732)!important;
  color:var(--reg-ink)!important;
}
html[data-theme="dark"] .reg-glass-page .reg-glass-header,
html[data-theme="dark"] .reg-glass-page .reg-glass-card{background:#211a35!important;border-color:#423657;box-shadow:0 18px 50px rgba(3,2,10,.24)}
html[data-theme="dark"] .reg-glass-page .reg-glass-title h1{color:#f7f2ff!important;-webkit-text-fill-color:#f7f2ff!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-subtitle{color:#c9bedc!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-field>span{color:#f1eafd!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-input-wrap{background:#171326!important;border-color:#514666!important;box-shadow:none!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-input-wrap input,
html[data-theme="dark"] .reg-glass-page .reg-glass-input-wrap input:focus{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-input-wrap input::placeholder{color:#aaa0bd!important;-webkit-text-fill-color:#aaa0bd!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-input-wrap input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #171326 inset!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-eye{color:#ded0fa!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-upload-column{background:#29213e;border-color:#4b3c69}
html[data-theme="dark"] .reg-glass-page .reg-glass-upload{background:#211a35;border-color:#735bb1}
html[data-theme="dark"] .reg-glass-page .reg-glass-upload b{color:#eee4ff!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-upload small,
html[data-theme="dark"] .reg-glass-page .reg-glass-upload-column>p{color:#c7bbdb!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-style-jump{background:#241b3b!important;border-color:#6b548d;color:#e0cfff!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-section-title h2{color:#f5eeff!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-section-title span,
html[data-theme="dark"] .reg-glass-page .reg-glass-choice-note{color:#c6bbd7!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-identity{background:#2d2444!important;border-color:#4a3a64}
html[data-theme="dark"] .reg-glass-page .reg-glass-identity strong{color:#f5edff!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-identity.is-selected,
html[data-theme="dark"] .reg-glass-page .reg-glass-identity:has(input:checked){background:#45316f!important;border-color:#a381ff}
html[data-theme="dark"] .reg-glass-page .reg-glass-safety{background:#29213f!important;border-color:#493d5d;color:#f6f1ff}
html[data-theme="dark"] .reg-glass-page .reg-glass-safety b{color:#f6f1ff!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-safety small{color:#cdc2df!important}
html[data-theme="dark"] .reg-glass-page .reg-glass-header a{color:#e9dfff}
html[data-theme="dark"] .reg-glass-page .reg-glass-footer a,
html[data-theme="dark"] .reg-glass-page .reg-glass-footer small{color:#d4c5ea!important}

@media(max-width:1000px){
  .reg-glass-page .reg-glass-layout{max-width:900px}
  .reg-glass-page .reg-glass-identity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .reg-glass-page{padding:9px 10px 24px}
  .reg-glass-page .reg-glass-header{padding:0 16px;min-height:60px;height:auto;margin-bottom:10px}
  .reg-glass-page .reg-glass-card{padding:22px 18px;border-radius:23px}
  .reg-glass-page .reg-glass-top-grid{grid-template-columns:1fr;gap:22px}
  .reg-glass-page .reg-glass-upload-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.75fr);gap:10px;align-items:center}
  .reg-glass-page .reg-glass-upload{grid-row:1 / span 2;min-height:166px}
  .reg-glass-page .reg-glass-style-jump{margin-top:0}
  .reg-glass-page .reg-glass-upload-column>p{margin:0;text-align:left;font-size:11px}
  .reg-glass-page .reg-glass-identity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .reg-glass-page .reg-glass-identities{margin-top:25px}
  .reg-glass-page .reg-glass-section-title{display:grid;gap:4px}
}
@media(max-width:450px){
  .reg-glass-page{padding:8px 8px 20px}
  .reg-glass-page .reg-glass-card{padding:20px 14px}
  .reg-glass-page .reg-glass-title h1{font-size:31px;letter-spacing:-.045em}
  .reg-glass-page .reg-glass-subtitle{font-size:13px;margin-bottom:19px}
  .reg-glass-page .reg-glass-upload-column{grid-template-columns:1fr;gap:10px}
  .reg-glass-page .reg-glass-upload{grid-row:auto;min-height:155px}
  .reg-glass-page .reg-glass-upload-column>p{text-align:center}
  .reg-glass-page .reg-glass-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .reg-glass-page .reg-glass-section-title h2{font-size:22px}
  .reg-glass-page .reg-glass-safety{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  .reg-glass-page .reg-glass-identity,.reg-glass-page .reg-glass-input-wrap{transition:none!important}
}
html[data-theme="dark"] .reg-glass-page .reg-glass-home-link{
  background:#302548!important;border-color:#5a4778!important;color:#eee4ff!important;
}