:root{--bg:#0b0820;--bg-2:#140f36;--panel:#17113d;--panel-2:#20185a;--line:#8b6cff4d;--line-soft:#8b6cff26;--text:#f4f1ff;--muted:#a99fd6;--accent:#7c4dff;--accent-2:#5227d6;--accent-glow:#7c4dff8c;--gold:#ffc83d;--green:#22c55e;--display:"Baloo 2", system-ui, sans-serif;--topbar-h:76px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{background:radial-gradient(55% 35% at 60% 0%, #6e3ce647, transparent 70%), linear-gradient(180deg, var(--bg-2), var(--bg) 55%);min-height:100dvh}.shell{grid-template-columns:240px minmax(0,1fr);display:grid}.main{flex-direction:column;gap:1.4rem;min-width:0;padding:1.1rem 1.4rem 2rem;display:flex}.btn{background:linear-gradient(180deg, var(--accent), var(--accent-2));color:#fff;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 16px #14083c99, 0 0 16px var(--accent-glow);border:1px solid #bea5ff73;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.12)}.btn__chevron{width:16px}.btn--gold{color:#2a1600;letter-spacing:.06em;background:linear-gradient(#ffe07a,#ffc21f 45%,#f39c00);border:0;padding:.9rem 2.3rem;font-size:1rem;font-weight:800;box-shadow:0 8px 20px #00000073,0 0 26px #ffbe2873}.btn--gold .btn__chevron{width:20px}.btn--off{color:var(--muted);box-shadow:none;cursor:default;background:#ffffff12;border-color:#bea5ff33;font-size:.74rem}.topbar{z-index:20;min-height:var(--topbar-h);padding:calc(var(--safe-top) + .6rem) 1.4rem .6rem;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0822f0;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand{width:calc(240px - 2.4rem);color:inherit;flex:none;align-items:center;gap:.55rem;text-decoration:none;display:flex}.brand__crown{filter:drop-shadow(0 2px 10px #ffc83d8c);flex:none;width:46px}.brand__words{flex-direction:column;line-height:1;display:flex}.brand__name{font-family:var(--display);letter-spacing:.01em;color:#fff;font-size:1.55rem;font-weight:800}.brand__name-b{background:linear-gradient(#c7a8ff,#8b5cff);color:#0000;-webkit-background-clip:text;background-clip:text}.brand__sub{letter-spacing:.14em;text-transform:uppercase;color:#d8d0ff;white-space:nowrap;margin-top:.15rem;font-size:.52rem;font-weight:700}.topnav{flex:1;align-items:center;gap:.25rem;min-width:0;margin-left:2.4rem;display:flex}.topnav__item{color:#ddd6ff;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.55rem;padding:.62rem 1.05rem;font-size:.93rem;font-weight:500;display:flex}.topnav__item:hover{color:#fff;background:#7c4dff29}.topnav__item--on{color:#fff;background:linear-gradient(#7d4cff,#4f22d0);border-color:#bea5ff8c;font-weight:700;box-shadow:0 0 20px #7c4dff8c}.topnav__icon{flex:none;width:22px}.purse{border:1px solid var(--line);background:#110c2e;border-radius:999px;flex:none;align-items:center;gap:.55rem;margin-left:auto;padding:.3rem .35rem .3rem .55rem;display:flex}.purse__icon{flex:none;width:26px}.purse__amount{font-size:1rem;font-weight:700}.purse__add{color:#fff;cursor:pointer;background:linear-gradient(#3ee07a,#16a34a);border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;box-shadow:0 0 12px #22c55e80}.purse__plus{width:16px}.iconbtn{color:#cfc6ff;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.iconbtn:hover{color:#fff;background:#7c4dff29}.iconbtn__icon{width:27px}.player{flex:none;align-items:center;gap:.7rem;display:flex}.player__avatar{letter-spacing:.02em;background:linear-gradient(160deg,#3b2a8f,#1a1150);border:2px solid #8b6bff;border-radius:50%;place-items:center;width:50px;height:50px;font-size:1.05rem;font-weight:800;display:grid;position:relative;box-shadow:0 0 14px #7c4dff73}.player__avatar:after{content:"";background:var(--green);border:2px solid #0c0822;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:0}.player__data{flex-direction:column;gap:.2rem;max-width:11rem;line-height:1.15;display:flex}.player__name{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.player__level{color:var(--muted);align-items:center;gap:.6rem;font-size:.78rem;display:flex}.player__exit{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.74rem;text-decoration:underline}.player__exit:hover{color:var(--text)}.player--entrar{background:linear-gradient(180deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 0 18px var(--accent-glow);white-space:nowrap;border:1px solid #bea5ff80;border-radius:999px;padding:.62rem 1.3rem;font-weight:700;text-decoration:none}.sidebar{top:var(--topbar-h);height:calc(100dvh - var(--topbar-h));border-right:1px solid var(--line-soft);background:linear-gradient(#120c33,#0c0824);flex-direction:column;align-self:start;gap:1rem;padding:1.3rem .8rem 1rem;display:flex;position:sticky;overflow-y:auto}.menu{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.menu__item{color:#d4ccf5;width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.95rem;padding:.8rem 1rem;font-size:.98rem;font-weight:500;display:flex}.menu__item:hover{color:#fff;background:#7c4dff24}.menu__item--on{color:#fff;background:linear-gradient(100deg,#6a3cf5,#4a1fc4);border-color:#bea5ff80;font-weight:700;box-shadow:0 0 20px #7c4dff73}.menu__icon{color:#bfb3f2;flex:none;width:25px}.menu__item--on .menu__icon{color:#fff}.daily{text-align:center;background:radial-gradient(80% 50% at 50% 70%,#aa46ff59,#0000 70%),linear-gradient(#1c1350,#2a1266);border:1px solid #a078ff66;border-radius:16px;margin-top:auto;padding:1.3rem .9rem 1.2rem;box-shadow:0 0 24px #7c4dff33}.daily__title{font-family:var(--display);flex-direction:column;margin:0;font-size:1.3rem;font-weight:800;line-height:1.1;display:flex}.daily__title-b{color:var(--gold)}.daily__text{color:#cfc6f5;margin:.45rem 0 .2rem;font-size:.86rem;line-height:1.35}.daily__art{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.daily__icon{width:170px;max-width:100%;margin:0 auto .4rem;display:block}.daily__cta{color:#fff;width:100%;font:inherit;cursor:pointer;box-shadow:0 0 16px var(--accent-glow);background:linear-gradient(#7d4cff,#4f22d0);border:1px solid #bea5ff80;border-radius:999px;padding:.7rem 1rem;font-size:.9rem;font-weight:700}.hero{border:1px solid var(--line);background:radial-gradient(40% 70% at 70% 20%,#9646ff59,#0000 70%),linear-gradient(100deg,#0d0930 0%,#1a1055 50%,#2a1270 100%);border-radius:18px;align-items:center;min-height:20rem;padding:2rem 2.6rem;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.hero:after{content:"";background:url(/hero-art.webp) 100%/cover no-repeat;width:min(60%,50rem);position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 28%);mask-image:linear-gradient(90deg,#0000 0,#000 28%)}.hero__text{z-index:1;max-width:34rem;position:relative}.hero__crown{filter:drop-shadow(0 2px 10px #ffc83d99);width:40px;margin:0 0 .5rem 11rem;display:block}.hero__title{font-family:var(--display);letter-spacing:-.005em;text-transform:uppercase;white-space:nowrap;flex-direction:column;margin:0;font-size:clamp(1.8rem,2.8vw,2.9rem);font-style:italic;font-weight:800;line-height:.98;display:flex}.hero__title-a{color:#fff;text-shadow:0 4px 12px #0000008c}.hero__title-b{background:linear-gradient(#ffe98a 15%,#ffc21f 55%,#f39200);color:#0000;filter:drop-shadow(0 3px 8px #00000080);-webkit-background-clip:text;background-clip:text}.hero__sub{color:#ddd6fb;margin:.9rem 0 1.5rem;font-size:clamp(.9rem,1.2vw,1.12rem);line-height:1.45}.block__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.block__title{letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:1.25rem;font-weight:800}.block__title--sm{font-size:.98rem}.block__more{color:#9c86ff;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:.9rem}.block__more:hover{color:#fff}.games__tools{align-items:center;gap:.5rem;display:flex}.games__tools .block__more{margin-right:.6rem}.arrow{border:1px solid var(--line-soft);color:#fff;cursor:pointer;background:#ffffff12;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.arrow:hover{background:#7c4dff4d}.arrow__icon{width:16px}.arrow--prev .arrow__icon{transform:rotate(180deg)}.games__track{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(25% - .75rem);grid-auto-flow:column;gap:1rem;margin-top:-4px;padding-top:4px;display:grid;overflow-x:auto}.games__track::-webkit-scrollbar{display:none}.tile{aspect-ratio:300/262;border:1px solid var(--line);background:var(--panel);color:inherit;scroll-snap-align:start;border-radius:16px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px #0006}.tile:hover{border-color:#bea5ff99;transform:translateY(-4px);box-shadow:0 16px 30px #00000080,0 0 22px #7c4dff66}.tile .art{aspect-ratio:auto;object-fit:cover;object-position:var(--pos-tall,center);width:100%;height:100%;position:absolute;inset:0}.tile__shade{background:linear-gradient(#0000 36%,#0a061eb3 64%,#0a061ef2 100%);position:absolute;inset:0}.tile__body{justify-content:space-between;align-items:flex-end;gap:.6rem;padding:1rem 1.1rem 1.05rem;display:flex;position:absolute;bottom:0;left:0;right:0}.tile__data{flex-direction:column;min-width:0;display:flex}.tile__title{font-family:var(--display);text-transform:uppercase;text-shadow:0 2px 8px #0009;margin:0;font-size:1.85rem;font-weight:800;line-height:1}.tile__tagline{letter-spacing:.04em;text-transform:uppercase;color:var(--tag,#cdc6ea);margin-top:.3rem;font-size:.78rem;font-weight:500}.tile__meta{color:#eeeaff;align-items:center;gap:.4rem;margin-top:.55rem;font-size:.84rem;display:flex}.tile__meta-icon{color:#cfc6ff;width:15px}.tile__play{color:#fff;background:#140c3299;border:2px solid #9c74ff;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 0 16px #7c4dff99,inset 0 0 10px #7c4dff66}.tile:hover .tile__play{background:linear-gradient(#7d4cff,#4f22d0)}.tile__play-icon{width:22px;margin-left:2px}.tile__soon{letter-spacing:.08em;text-transform:uppercase;color:#e4defa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140c32a6;border:1px solid #ffffff47;border-radius:999px;padding:.35rem .7rem;font-size:.64rem;font-weight:700;position:absolute;top:.8rem;right:.8rem}.tile--dominoes{--pos-tall:center;--pos-wide:center 45%;--tag:#d4cde8}.tile--chess{--pos-tall:40% center;--pos-wide:center 35%;--tag:#f1cf7e}.tile--ludo{--pos-tall:center;--pos-wide:center 35%;--tag:#9fe3ff}.tile--bingo{--pos-tall:45% center;--pos-wide:center 62%;--tag:#b9a1ff}.tile--monopoly{--pos-tall:45% center;--pos-wide:center 60%;--tag:#8ef0b2}.art{width:100%;height:100%;display:block}.art--photo{aspect-ratio:320/170;object-fit:cover;object-position:var(--pos-wide,center)}.shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;display:grid}.shortcut{border:1px solid var(--sc-line);background:var(--sc-bg);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:0 0 22px var(--sc-glow);border-radius:12px;align-items:center;gap:1rem;padding:.85rem 1.2rem .85rem 1rem;display:flex}.shortcut:hover{filter:brightness(1.12)}.shortcut--torneos{--sc-bg:linear-gradient(100deg, #3a1f92, #22105e);--sc-line:#966effb3;--sc-glow:#7c4dff40}.shortcut--ranking{--sc-bg:linear-gradient(100deg, #0f6e3b, #093a22);--sc-line:#3cdc78b3;--sc-glow:#22c55e38}.shortcut--recompensas{--sc-bg:linear-gradient(100deg, #1c44b8, #0f2672);--sc-line:#5a96ffbf;--sc-glow:#3c78ff40}.shortcut__icon{object-fit:contain;filter:drop-shadow(0 3px 8px #00000080);flex:none;width:58px;height:58px}.shortcut__data{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.shortcut__title{letter-spacing:.03em;text-transform:uppercase;font-size:1.08rem;font-weight:800}.shortcut__text{color:#e6e0fb;font-size:.86rem}.shortcut__short{color:#e6e0fb;font-size:.72rem;display:none}.go{color:#fff;background:#ffffff1f;border:1px solid #ffffff59;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.go__icon{width:17px}.community{grid-template-columns:minmax(0,3fr) minmax(0,1.3fr);align-items:end;gap:1.3rem;display:grid}.events__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.event{border:1px solid var(--line-soft);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(160deg,#1a1342,#120d30);border-radius:12px;align-items:center;gap:.9rem;padding:.9rem 1rem;display:flex}.event:hover{border-color:var(--line);background:linear-gradient(160deg,#221856,#16103a)}.event__img{object-fit:cover;object-position:var(--pos-wide,center);border-radius:10px;flex:none;width:58px;height:58px;box-shadow:0 4px 12px #00000073}.event__data{flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;display:flex}.event__title{font-size:.9rem;font-weight:700}.event__when{color:var(--muted);align-items:center;gap:.35rem;font-size:.76rem;display:flex}.event__cal{color:#b59cff;width:14px}.event__badge{color:#4ade80;letter-spacing:.08em;text-transform:uppercase;background:#22c55e2e;border:1px solid #4ade8073;border-radius:999px;padding:.14rem .65rem;font-size:.62rem;font-weight:800}.online{border:1px solid var(--line-soft);background:linear-gradient(160deg,#1a1342,#120d30);border-radius:14px;padding:1rem 1.1rem 1.1rem}.online .block__head{margin-bottom:.8rem}.online__list{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.online__avatar{background:linear-gradient(160deg,#3b2a8f,#1a1150);border:2px solid #8b6bff;border-radius:50%;place-items:center;width:52px;height:52px;font-weight:800;display:grid;position:relative}.online__avatar:after{content:"";background:var(--green);border:2px solid #120d30;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:0}.online__invite{color:#cfc6ff;cursor:pointer;background:#ffffff0d;border:2px dashed #bea5ff73;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid}.online__invite:hover{color:#fff;border-color:#fff}.online__plus{width:20px}.online__note{color:var(--muted);flex-basis:100%;font-size:.78rem}.page{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:1.1rem 1.2rem 1.3rem}.page__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem 1.2rem;margin-bottom:1rem;display:flex}.page__title{margin:0;font-size:1.35rem;font-weight:800}.page__text{color:var(--muted);margin:.3rem 0 0}.search{border:1px solid var(--line);background:#110c2e;border-radius:999px;align-items:center;gap:.7rem;width:min(100%,20rem);padding:.6rem 1.1rem;display:flex}.search__icon{width:19px;color:var(--muted);flex:none}.search__input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:.92rem}.search__input::placeholder{color:var(--muted)}.catalog{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.row{border:1px solid var(--line);background:linear-gradient(100deg, var(--panel-2), var(--panel));border-radius:14px;grid-template-columns:148px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.7rem 1rem .7rem .7rem;display:grid}.row__scene{background:var(--bg-2);border-radius:10px;overflow:hidden}.row__title{text-transform:uppercase;margin:0;font-size:1.2rem;font-weight:800}.row__tagline{color:var(--tag,#d4ccf5);margin:.1rem 0 .35rem;font-size:.85rem}.row__meta{color:var(--muted);align-items:center;gap:.4rem;margin:0;font-size:.8rem;display:flex}.row__meta-icon{width:16px}.empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:14px;margin:0;padding:1.4rem}.soon{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.6rem;padding:3rem 1.4rem;display:flex}.soon__emoji{font-size:3rem}.soon__title{margin:0;font-size:1.6rem;font-weight:900}.soon__text{max-width:48ch;color:var(--muted);margin:0}.soon__cta{background:linear-gradient(180deg, var(--accent), var(--accent-2));color:#fff;font:inherit;cursor:pointer;box-shadow:0 0 16px var(--accent-glow);border:1px solid #bea5ff73;border-radius:999px;margin-top:.6rem;padding:.7rem 1.6rem;font-weight:800}.tabbar{display:none}@media (width<=1380px){.topnav{margin-left:1rem}.topnav__label{display:none}.topnav__item{padding:.62rem .8rem}}@media (width<=1180px){.games__track{grid-auto-columns:calc(33.3333% - .666667rem)}.community{grid-template-columns:minmax(0,1fr)}.shortcut__text{font-size:.8rem}}@media (width<=1100px){.shell{grid-template-columns:84px minmax(0,1fr)}.brand{width:auto}.sidebar{padding-inline:.5rem}.menu__label,.daily__title,.daily__text{display:none}.menu__item{justify-content:center;padding-inline:0}.daily{padding:.7rem .4rem}.daily__cta{display:none}.daily__icon{margin:0 auto}.player__data{display:none}.events__list{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){:root{--topbar-h:60px}.shell{grid-template-columns:minmax(0,1fr)}.sidebar,.topnav{display:none}.main{padding:.9rem .8rem calc(5.4rem + var(--safe-bottom));gap:1.1rem}.topbar{gap:.5rem;padding-inline:.8rem}.brand{gap:.4rem;width:auto;min-width:0;margin-right:auto}.brand__crown{width:30px}.brand__name{font-size:1.1rem}.brand__sub{font-size:.42rem}.purse{gap:.3rem;padding:.2rem .22rem .2rem .35rem}.purse__icon{width:18px}.purse__amount{font-size:.8rem}.purse__add{width:22px;height:22px}.purse__plus{width:12px}.iconbtn{width:34px;height:34px}.iconbtn__icon{width:22px}.player__avatar{width:38px;height:38px;font-size:.85rem}.player--entrar{padding:.45rem .9rem;font-size:.85rem}.hero{min-height:15rem;padding:1.3rem 1.1rem}.hero:after{background-position:70%;width:100%;-webkit-mask-image:linear-gradient(90deg,#0000002e 0,#00000059 40%,#000 85%);mask-image:linear-gradient(90deg,#0000002e 0,#00000059 40%,#000 85%)}.hero__crown{width:30px;margin-left:0}.hero__title{white-space:normal;font-size:clamp(1.6rem,7.5vw,2.4rem)}.hero__sub{max-width:17rem;margin:.6rem 0 1.1rem}.btn--gold{padding:.75rem 1.6rem;font-size:.9rem}.block__title{font-size:1.05rem}.games__tools .arrow{display:none}.games__track{grid-auto-columns:44%;gap:.7rem}.tile__body{flex-direction:column;align-items:flex-start;padding:.8rem}.tile__title{font-size:1.35rem}.tile__tagline{font-size:.66rem}.tile__meta{margin-top:.35rem;font-size:.74rem}.tile__play{width:42px;height:42px;position:absolute;top:-2.9rem;right:.7rem}.tile__play-icon{width:18px}.shortcuts{gap:.5rem}.shortcut{text-align:center;flex-direction:column;gap:.35rem;padding:.8rem .35rem}.shortcut__icon{width:46px;height:46px}.shortcut__data{align-items:center}.shortcut__title{letter-spacing:.02em;font-size:.72rem}.shortcut__text{display:none}.shortcut__short{display:block}.go{width:28px;height:28px}.page__head .search{width:100%}.row{grid-template-columns:104px minmax(0,1fr);row-gap:.6rem}.row .btn{grid-column:1/-1}.tabbar{z-index:30;padding:0 .3rem calc(.45rem + var(--safe-bottom));border-top:1px solid var(--line-soft);background:linear-gradient(#150e3c,#0a0720);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__item{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.22rem;padding:.6rem .2rem .45rem;font-size:.72rem;font-weight:600;display:flex;position:relative}.tabbar__item--on{color:#fff}.tabbar__item--on:before{content:"";background:var(--accent);width:58%;height:3px;box-shadow:0 0 12px var(--accent-glow);border-radius:0 0 3px 3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tabbar__icon{width:24px}}@media (width<=400px){.brand__words{display:none}.games__track{grid-auto-columns:62%}}@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover{transform:none}.games__track{scroll-behavior:auto}}.puerta{min-height:100dvh;padding:calc(1.5rem + var(--safe-top)) 1rem calc(1.5rem + var(--safe-bottom));background:radial-gradient(1200px 600px at 50% -10%, var(--bg-2), var(--bg));place-items:center;display:grid}.puerta__caja{border:1px solid var(--line);background:var(--panel);border-radius:20px;width:min(100%,26rem);padding:2rem 1.75rem;box-shadow:0 24px 60px #00000073}.puerta__titulo{margin:0 0 .4rem;font-size:1.6rem}.puerta__texto{color:var(--muted);margin:0 0 1.4rem;font-size:.88rem;line-height:1.45}.puerta__form{gap:.9rem;display:grid}.campo{gap:.3rem;display:grid}.campo__nombre{color:var(--muted);font-size:.78rem}.campo__input{border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:.7rem .85rem}.campo__input:focus{outline:2px solid var(--accent);outline-offset:1px}.puerta__boton{background:linear-gradient(160deg, var(--accent), var(--accent-2));color:#fff;font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:.3rem;padding:.8rem 1rem;font-weight:700}.puerta__boton:disabled{opacity:.6;cursor:progress}.puerta__error,.puerta__aviso{margin:0;font-size:.84rem;line-height:1.4}.puerta__error{color:#ff9c9c}.puerta__aviso{color:#9ee7b5}.puerta__enlaces{flex-wrap:wrap;gap:.25rem 1rem;margin-top:1.2rem;display:flex}.puerta__enlace{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.82rem;text-decoration:underline}.puerta__enlace:hover{color:var(--text)}