/* VIVER | Página temporal. Sin fuentes, imágenes ni dependencias externas. */
:root{color-scheme:light;--sky:#3cbff0;--yellow:#ffc107;--ink:#142e3b;--muted:#506571;--paper:#f6fbfd}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.page{min-height:100vh;min-height:100svh;max-width:1600px;margin:auto;padding:44px clamp(24px,6.5vw,104px) 28px;display:flex;flex-direction:column;overflow:hidden;position:relative}
.page::before{content:"";position:absolute;right:-200px;top:-300px;width:760px;height:760px;border-radius:50%;background:#eaf7fc;z-index:-1}
.header,.footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{font-size:38px;font-weight:900;letter-spacing:-2px;line-height:1}
.wordmark span{color:var(--sky)}
.status{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:650;color:var(--muted)}
.status>span{width:8px;height:8px;border-radius:50%;background:#bd8b00;box-shadow:0 0 0 5px #fff1bd}
.main{flex:1;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:24px;padding:80px 0 90px}
.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;margin:0 0 25px;color:#3d6476}
h1{font-size:clamp(44px,5.2vw,80px);line-height:1.07;letter-spacing:-.055em;margin:0;font-weight:800}
h1 span{position:relative;isolation:isolate;white-space:nowrap}
h1 span::after{content:"";position:absolute;left:0;right:0;bottom:4%;height:17%;background:var(--yellow);z-index:-1;transform:rotate(-1deg)}
.description{max-width:440px;margin:30px 0 0;font-size:17px;line-height:1.8;color:var(--muted)}
.thanks{display:flex;align-items:center;gap:16px;margin-top:32px}
.thanks p{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}
.thanks strong{font-weight:600;color:var(--ink)}
.spark{display:grid;place-items:center;background:#e1f4fc;width:43px;height:43px;border-radius:50%;font-size:26px;color:#147da3}
.illustration{position:relative;height:440px;max-width:520px;width:100%;justify-self:center}
.orbit{position:absolute;border-radius:50%;border:1px dashed #b7dce9}
.orbit-one{width:360px;height:360px;top:30px;left:60px;transform:rotate(-25deg)}
.orbit-two{width:430px;height:230px;left:25px;top:105px;transform:rotate(-30deg)}
.sheet{position:absolute;left:16%;top:52px;width:66%;height:268px;background:#fff;border:1px solid #d5e7ee;border-radius:15px;transform:rotate(-7deg);box-shadow:0 25px 50px #1e668717;overflow:hidden}
.sheet-top{height:34px;border-bottom:1px solid #e3eef3;display:flex;align-items:center;gap:5px;padding:0 14px;background:#fcfeff}
.sheet-top i{width:5px;height:5px;background:#c1d5df;border-radius:50%}
.sheet-body{padding:28px}
.mini-brand{font-size:25px;letter-spacing:-1px;font-weight:900;color:#254c5f;margin-bottom:24px}
.line{height:8px;border-radius:10px;background:#e5f0f5;margin-bottom:9px}
.line-long{width:80%}.line-short{width:53%}
.tiles{display:flex;gap:10px;margin-top:23px}
.tiles i{height:48px;flex:1;background:#e3f7fe;border-radius:6px}.tiles i:nth-child(2){background:#fff1be}.tiles i:nth-child(3){background:#eaf0f4}
.parcel{position:absolute;left:47%;top:220px;width:170px;height:140px;border-radius:8px;background:var(--sky);box-shadow:inset -23px 0 0 #21a8db,0 18px 28px #1c607a20;transform:rotate(7deg)}
.parcel::before{content:"";position:absolute;left:0;right:0;top:0;height:28px;background:#65cdf5;border-radius:8px 8px 0 0;box-shadow:inset -23px 0 0 #3cbff0}
.parcel-tape{position:absolute;top:0;left:63px;width:25px;height:54px;background:var(--yellow);clip-path:polygon(0 0,100% 0,100% 100%,50% 87%,0 100%)}
.parcel-label{position:absolute;bottom:22px;left:19px;width:43px;height:27px;border:6px solid #fff;background:repeating-linear-gradient(90deg,#386e83 0 2px,#fff 2px 4px);border-radius:3px}
.parcel-arrow{position:absolute;right:35px;bottom:27px;font-size:23px;font-weight:800;color:#135570}
.build-label{position:absolute;left:7%;top:324px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfeaf0;padding:12px 17px 12px 11px;border-radius:12px;box-shadow:0 10px 25px #295d6e0c;font-size:12px;font-weight:650;transform:rotate(-3deg)}
.build-icon{background:var(--yellow);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:23px}
.ground{position:absolute;width:65%;height:1px;background:#cbdfe9;bottom:33px;left:19%}
.dot{position:absolute;border-radius:50%}.dot-one{top:28px;right:70px;background:var(--yellow);width:18px;height:18px}.dot-two{left:22px;top:254px;background:var(--sky);width:10px;height:10px}
.cross{position:absolute;font-weight:300;font-size:34px;line-height:1}.cross-one{top:92px;left:24px;color:#54b7da;transform:rotate(15deg)}.cross-two{right:24px;bottom:80px;color:#bf8a00;transform:rotate(15deg)}
.footer{border-top:1px solid #dce9ef;padding-top:22px;color:var(--muted);font-size:11px;line-height:1.6}
.page-code{font-size:10px;letter-spacing:.6px}.page-code span{padding:0 8px;color:#8ca5b1}
@media(min-width:1600px){.main{min-height:650px}}
@media(max-width:900px){.page{padding:30px 32px 23px}.main{gap:0;padding:65px 0}.illustration{transform:scale(.88);transform-origin:center;width:450px;margin-left:-30px}h1{font-size:52px}.description{font-size:16px}.eyebrow{font-size:9px;letter-spacing:1.6px}}
@media(max-width:700px){.page{padding:26px 24px 22px}.wordmark{font-size:31px}.status{font-size:10px;gap:8px}.status>span{width:6px;height:6px;box-shadow:0 0 0 4px #fff1bd}.main{grid-template-columns:1fr;padding:57px 0 15px;gap:6px}.message{max-width:490px}.eyebrow{margin-bottom:21px}h1{font-size:clamp(41px,9.5vw,62px)}.description{margin-top:24px;max-width:390px}.thanks{margin-top:24px}.illustration{width:100%;max-width:440px;height:390px;transform:scale(.91);margin:0}.orbit-one{width:310px;height:310px;left:35px}.orbit-two{width:350px;left:12px}.sheet{height:248px;left:13%;width:70%}.sheet-body{padding:23px}.parcel{left:47%;top:205px;width:153px;height:127px}.build-label{left:4%;top:302px}.ground{bottom:14px}.cross-two{right:0;bottom:48px}.dot-one{right:39px}.footer{align-items:flex-start;flex-wrap:wrap;gap:6px;padding-top:17px}}
@media(max-width:370px){.page{padding-inline:18px}.status{max-width:116px;line-height:1.4}h1{font-size:39px}.illustration{transform:scale(.85);transform-origin:center top;margin-bottom:-45px}.sheet{left:6%;width:81%}.parcel{left:44%}.orbit-one{left:0}.orbit-two{left:-15px}.build-label{left:-3%}.footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}