/* Pantalla de acceso de Acompaña: galería familiar + elementos decorativos CSS/SVG.
   Los rostros de la fotografía no se modifican. */
html[data-theme="welcome"] body {background:linear-gradient(135deg,#eff7fd 0%,#fff9ef 48%,#e9f4f6 100%)!important;}
html[data-theme="welcome"] .welcome-v2 {all:unset;display:block;box-sizing:border-box;min-height:100svh;padding:clamp(14px,3vw,48px);font-family:'DM Sans',system-ui,sans-serif;color:#192945;}
.welcome-v2,.welcome-v2 * {box-sizing:border-box;}
.welcome-layout {width:min(1160px,100%);margin:0 auto;min-height:calc(100svh - 84px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(355px,.9fr);gap:clamp(25px,4vw,76px);align-items:center;}
.welcome-story {min-width:0;position:relative;align-self:stretch;display:flex;justify-content:center;flex-direction:column;gap:12px;}
.welcome-scene {position:relative;isolation:isolate;width:100%;height:clamp(425px,49vw,645px);border-radius:42px;overflow:hidden;display:flex;justify-content:center;align-items:end;background:radial-gradient(circle at 50% 69%,rgba(227,250,243,.36) 0 11%,transparent 40%),radial-gradient(circle at 75% 13%,rgba(153,143,250,.52),transparent 44%),linear-gradient(153deg,#0d1c44 0%,#192960 42%,#2a4e68 72%,#1c4d59 100%);box-shadow:0 30px 65px #18395733,inset 0 0 0 1px #ffffff3b;}
.welcome-scene:before {content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 12% 17%,#fff 98%,transparent),radial-gradient(3px 3px at 55% 9%,#d8eaff 98%,transparent),radial-gradient(2px 2px at 88% 30%,#fff 98%,transparent),radial-gradient(2px 2px at 22% 43%,#fff 98%,transparent),radial-gradient(3px 3px at 78% 52%,#a8e8ff 98%,transparent),radial-gradient(2px 2px at 45% 30%,#ffffff 98%,transparent);opacity:.85;}
.welcome-scene:after {content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 -9px 55px #0e243759,inset 0 0 0 1px #ffffff40;z-index:8;}
.welcome-scene-glow {position:absolute;width:96%;height:55%;border-radius:100%;left:2%;bottom:-15%;background:radial-gradient(ellipse,rgba(255,239,174,.68),rgba(91,205,190,.32) 37%,transparent 68%);filter:blur(35px);z-index:0;}
.welcome-family-photo {position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:0;width:min(96%,750px);height:84%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 12px 19px #08193b75);pointer-events:none;user-select:none;}
.welcome-photo-ground {position:absolute;height:22%;width:110%;left:-5%;bottom:-10%;border-radius:50%;background:radial-gradient(ellipse,#a1ebd3a3,transparent 68%);z-index:3;filter:blur(25px);}
.welcome-decor {position:absolute;pointer-events:none;user-select:none;filter:drop-shadow(0 10px 16px #051c4177);z-index:2;}
.welcome-decor-ufo {width:clamp(130px,19vw,215px);right:2%;top:3%;transform:rotate(-9deg);animation:welcome-float 5.5s ease-in-out infinite;}
.welcome-decor-sun {width:clamp(100px,14vw,164px);left:-3%;top:17%;transform:rotate(-15deg);animation:welcome-bloom 7s ease-in-out infinite;}
.welcome-decor-blocks {width:clamp(100px,12vw,150px);right:1%;bottom:3%;transform:rotate(2deg);z-index:5;}
.welcome-star {position:absolute;z-index:3;color:#c8ecff;text-shadow:0 0 18px #a0eeff;font-size:27px;}
.welcome-star.star-1 {top:9%;left:46%}.welcome-star.star-2 {top:33%;right:7%;font-size:36px}.welcome-star.star-3{bottom:29%;left:7%;color:#ffecaf;}
.welcome-story-caption {display:flex;gap:10px;justify-content:center;align-items:center;text-align:center;color:#557586;font-size:12px;letter-spacing:.025em;font-weight:650;}
.welcome-caption-dot {width:7px;height:7px;background:#59b7ac;border-radius:100%;box-shadow:0 0 0 4px #66c9bb26;}.welcome-caption-spark{color:#d19c3f;}
.welcome-access {width:100%;max-width:460px;margin:0 auto;align-self:center;min-width:0;}
.welcome-brandrow {display:flex;align-items:center;gap:10px;margin-bottom:15px;}
.welcome-brandicon {display:grid;place-items:center;background:#ffffff;border:1px solid #ffffffea;border-radius:15px;width:48px;height:48px;box-shadow:0 8px 22px #5887a325;}
.welcome-brandicon img {object-fit:cover;width:38px;height:38px;border-radius:12px;}
.welcome-kicker {font-size:11px;font-weight:850;letter-spacing:.18em;color:#587b88;}
.welcome-v2 .login-brand {text-align:left;margin:0 0 21px!important;}
.welcome-v2 .login-brand h1 {font-family:'Outfit',system-ui,sans-serif;color:#1d3150!important;font-size:clamp(44px,5vw,62px)!important;font-weight:800!important;line-height:1.04;margin:0!important;letter-spacing:-.055em!important;}
.welcome-v2 .login-app-word {text-align:left;font-size:12px;color:#5d9b96;margin:8px 0 14px;letter-spacing:.36em;font-weight:900;}
.welcome-v2 .login-brand .tag {color:#536b82!important;font-size:16px;font-weight:570;letter-spacing:-.012em;margin:0!important;}
.welcome-v2 .login-card {padding:clamp(22px,3vw,30px)!important;background:rgba(255,255,255,.92)!important;border-radius:25px!important;border:1px solid #e3e9f2!important;box-shadow:0 20px 55px #467e971c!important;backdrop-filter:blur(18px);}
.welcome-v2 .login-card-top {color:#548793;font-size:10px;letter-spacing:.14em;}
.welcome-v2 .login-card h2 {font-family:'Outfit',system-ui,sans-serif;font-weight:750!important;font-size:25px!important;letter-spacing:-.045em;color:#233a50;margin:12px 0 2px;}
.welcome-v2 .login-card .miniDesc {font-size:13px;line-height:1.5;color:#687f91;margin:3px 0 17px;}
.welcome-v2 .login-card .field {margin:13px 0;}
.welcome-v2 .login-card .field label {font-weight:750;font-size:12px;color:#364b5f;}
.welcome-v2 .login-card .input {height:49px;border-color:#dbe4ec;border-radius:14px;background:#fdfefe;color:#1b334e;font-size:15px;}
.welcome-v2 .login-card .input:focus {outline:3px solid #77cdb055;border-color:#55b7aa;}
.welcome-v2 .login-card .btn.full {border-radius:14px!important;box-shadow:0 10px 19px #22779c36;font-size:14px;}
.welcome-v2 .welcome-bottomnote {text-align:center;margin-top:19px;font-size:12px;color:#708697;}
@keyframes welcome-float {0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-12px) rotate(-6deg)}}
@keyframes welcome-bloom {0%,100%{transform:rotate(-15deg) scale(1)}50%{transform:rotate(-9deg) scale(1.045)}}
@media(max-width:820px){
  html[data-theme="welcome"] .welcome-v2{padding:0 0 28px;}
  .welcome-layout{grid-template-columns:minmax(0,1fr);min-height:100svh;gap:0;max-width:540px;}
  .welcome-story {gap:0;}
  .welcome-scene {height:clamp(255px,58vw,390px);border-radius:0 0 34px 34px;box-shadow:0 16px 36px #27436623;}
  .welcome-family-photo {width:min(84%,440px);height:90%;}
  .welcome-decor-ufo {width:145px;right:1%;top:2%;}
  .welcome-decor-sun {width:99px;left:0%;top:15%;}
  .welcome-decor-blocks {width:90px;right:0;bottom:1%;}
  .welcome-story-caption{display:none;}
  .welcome-access{padding:25px 22px 24px;max-width:490px;}
  .welcome-v2 .login-brand h1 {font-size:46px!important;}
}
@media(max-width:390px){
  .welcome-scene{height:255px;}
  .welcome-family-photo{width:90%;height:86%;}
  .welcome-decor-ufo{width:120px;}
  .welcome-decor-sun{width:87px;}
  .welcome-decor-blocks{width:78px;}
  .welcome-access{padding:20px 17px;}
  .welcome-v2 .login-brand h1{font-size:40px!important;}
  .welcome-v2 .login-card{padding:20px!important;}
}
@media(prefers-reduced-motion:reduce){.welcome-decor{animation:none!important;}}
/* Compatibilidad con las reglas antiguas del login. */
.login.welcome-v2 {max-width:none!important;padding:clamp(14px,3vw,48px)!important;}
.welcome-v2 .login-brand h1,.welcome-v2 .login-brand .tag{text-align:left!important;}
@media(max-width:820px){.login.welcome-v2{padding:0 0 28px!important;}}