/* AGENDARTE v20 · Registro fotográfico a pantalla completa.
   Diseño del panel de registro únicamente. Mantiene intacta la lógica de autenticación.
*/
body[data-page="registro"] { background:#fff; }
body[data-page="registro"] .auth-layout.auth-layout-photographic {
  min-height:100svh;
  grid-template-columns:minmax(0,48%) minmax(0,52%);
  align-items:stretch;
}
body[data-page="registro"] .auth-art.auth-art-full-photo {
  position:sticky;
  top:0;
  align-self:start;
  width:100%;
  height:100svh;
  min-height:650px;
  overflow:hidden;
  display:block;
  padding:0;
  background:#e5eee9;
}
body[data-page="registro"] .auth-art.auth-art-full-photo::before,
body[data-page="registro"] .auth-art.auth-art-full-photo::after { content:none;display:none; }
body[data-page="registro"] .auth-photo-full {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:49% 50%;
}
body[data-page="registro"] .auth-photo-logo {
  position:absolute;
  z-index:2;
  top:clamp(19px,2.6vw,39px);
  left:clamp(22px,3vw,55px);
  padding:8px 17px 10px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:999px;
  color:#0058b9;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 2px 24px rgba(14,48,69,.08);
  letter-spacing:-.07em;
  font-size:clamp(22px,2.2vw,29px);
  line-height:1;
  font-weight:800;
  text-decoration:none;
}
body[data-page="registro"] .auth-photo-logo:hover{ color:#0049a1; text-decoration:none; }
body[data-page="registro"] .auth-photo-logo .dot{ color:#f68b24; font-size:.42em; vertical-align:top;margin-left:4px; }
body[data-page="registro"] .auth-side {
  min-width:0;
  min-height:100svh;
  padding:clamp(30px,5vw,70px) clamp(26px,5vw,90px) clamp(20px,3vw,38px);
  background:linear-gradient(150deg,#fff 0%,#fbfdff 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
body[data-page="registro"] .auth-form-wrapper { width:min(540px,100%);margin:auto 0; }
body[data-page="registro"] .auth-form-nav { display:flex;align-items:center;justify-content:flex-end;min-height:27px;margin-bottom:17px; }
body[data-page="registro"] .auth-form-nav a { color:#496479;font-weight:700;font-size:12px; }
body[data-page="registro"] .auth-form-nav a:hover { color:#065fba; }
body[data-page="registro"] .auth-card {
  width:100%; padding:clamp(22px,2.6vw,41px);
  background:#fff;
  border:1px solid #deebf2;
  border-radius:21px;
  box-shadow:0 13px 42px rgba(8,46,84,.055);
}
body[data-page="registro"] .auth-card h1 {font-size:clamp(34px,2.85vw,46px);line-height:1.12;letter-spacing:-.052em;margin:12px 0;}
body[data-page="registro"] .auth-card .auth-intro {font-size:13px;line-height:1.65;margin-bottom:16px;}
body[data-page="registro"] .auth-card .field { margin-bottom:15px; }
body[data-page="registro"] .auth-card .field label {font-size:12px;color:#284961;}
body[data-page="registro"] .auth-card .field input,
body[data-page="registro"] .auth-card .field select {
 min-height:46px;
 border-radius:11px;
 border-color:#d5e4ec;
 background:#fbfdff;
}
body[data-page="registro"] .auth-card .field input:focus,
body[data-page="registro"] .auth-card .field select:focus {background:#fff;box-shadow:0 0 0 3px #dcebfa;}
body[data-page="registro"] .auth-card .step-label {font-size:11px;letter-spacing:.14em;}
body[data-page="registro"] .auth-card .muted-panel {font-size:12px;padding:13px 15px;border:1px solid #dcecf6;}
body[data-page="registro"] .auth-card .tiny {line-height:1.55;}
body[data-page="registro"] .auth-card .button.block {min-height:47px;border-radius:12px;}
body[data-page="registro"] .auth-card .auth-status {font-size:12px;border-radius:10px;line-height:1.5;}
body[data-page="registro"] .auth-footer {
  display:block;
  padding:19px 0 0;
  margin:4px 0 0;
  text-align:center;
  background:transparent;
  border:0;
  color:#7b8e9a;
  font-size:11px;
}
body[data-page="registro"] .auth-footer a {color:#476984;}
@media(max-width:1000px){
 body[data-page="registro"] .auth-layout.auth-layout-photographic {grid-template-columns: minmax(0,44%) minmax(0,56%);}
 body[data-page="registro"] .auth-side {padding:28px 25px;}
 body[data-page="registro"] .auth-art.auth-art-full-photo{min-height:100svh;}
 body[data-page="registro"] .auth-photo-full{object-position:49% 50%;}
 body[data-page="registro"] .auth-card{padding:26px;}
 body[data-page="registro"] .auth-form-nav{margin-bottom:9px;}
}
@media(max-width:760px){
 body[data-page="registro"] .auth-layout.auth-layout-photographic {grid-template-columns:1fr;min-height:100svh;}
 body[data-page="registro"] .auth-art.auth-art-full-photo {position:relative;top:auto;height:240px;min-height:0;width:100%;}
 body[data-page="registro"] .auth-photo-full {object-position:center 39%;}
 body[data-page="registro"] .auth-photo-logo {top:15px;left:20px;font-size:23px;}
 body[data-page="registro"] .auth-side {min-height:auto;padding:25px clamp(14px,5vw,34px) 36px;}
 body[data-page="registro"] .auth-form-wrapper {width:min(540px,100%);}
 body[data-page="registro"] .auth-card {padding:clamp(18px,4vw,28px);border-radius:16px;}
 body[data-page="registro"] .auth-form-nav{justify-content:flex-start;margin-bottom:15px;}
}
@media(max-width:460px){
 body[data-page="registro"] .auth-art.auth-art-full-photo {height:192px;}
 body[data-page="registro"] .auth-photo-full {object-position:50% 37%;}
 body[data-page="registro"] .auth-photo-logo {top:13px;left:16px;font-size:21px;padding:7px 13px 9px;}
 body[data-page="registro"] .auth-card h1 {font-size:32px;}
 body[data-page="registro"] .auth-card .auth-intro {font-size:12px;}
 body[data-page="registro"] .auth-side {padding:18px 13px 28px;}
 body[data-page="registro"] .auth-form-nav{margin:0 3px 12px;}
}
@media(prefers-reduced-motion:reduce){body[data-page="registro"] .button {transition:none;}}