/* Vistio Business Premium v0.4 | Negro, oro y movimiento editorial. */
:root{--bg:#08090b;--surface:#111215;--surface2:#16171a;--surface3:#1d1c1b;--line:#34302a;--text:#f6f2e9;--muted:#b1aaa0;--gold:#d6b67d;--gold-light:#f1dfb8;--gold-dark:#9b793e}
html{color-scheme:dark}body{background:#08090b!important;background-image:radial-gradient(ellipse 50vw 58vw at 78% 7%,#7558291c,transparent 76%),radial-gradient(ellipse 45vw 53vw at -12% 55%,#57422211,transparent 79%),linear-gradient(125deg,#07080a,#0c0d0f 65%,#08090b)!important}
body::before{background-image:linear-gradient(110deg,transparent 31%,#f0cb8310 32%,transparent 33%,transparent 65%,#f0cb8307 66%,transparent 67%)!important;background-size:180% 180%!important;opacity:.52!important;animation:goldenRay 24s linear infinite}
body::after{content:"";position:fixed;z-index:-1;pointer-events:none;width:38vw;height:38vw;min-width:310px;min-height:310px;right:-11vw;top:12vh;background:radial-gradient(circle,#bd914122,transparent 66%);filter:blur(25px);animation:goldOrb 15s ease-in-out infinite alternate}
@keyframes goldenRay{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes goldOrb{0%{transform:translate(0,0) scale(.85);opacity:.3}100%{transform:translate(-15vw,19vh) scale(1.5);opacity:.7}}
@keyframes premiumReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes floatPremium{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}
@keyframes rimGold{0%,100%{box-shadow:0 0 0 1px #c5a56833,0 30px 80px #0008}50%{box-shadow:0 0 0 1px #e2c58c70,0 25px 95px #c29c3617}}
#landing .hero-copy{animation:premiumReveal .8s both}#landing .hero-art{animation:premiumReveal 1s .15s both}
.hero h1 .accent,.sectionhead h2 span,.experience-copy h2 em{color:#e7c68f!important}
.hero:before{background:radial-gradient(ellipse,#cba3672d,transparent 72%)!important}
.hero-art .art-halo{background:radial-gradient(circle,#d1a25e48,transparent 68%)!important}
.hero-card-tilt{animation:floatPremium 8s ease-in-out infinite,rimGold 9s ease-in-out infinite;transform:rotate(-5deg)!important}
.hero-card-banner{background:radial-gradient(circle at 75% 10%,#e8c68c42,transparent 50%),linear-gradient(140deg,#67502f,#25211b 68%,#111214)!important}
.hero-card-avatar{background:#dcc49b!important}.hero-card-orbit{border-color:#ebcb81aa!important;box-shadow:0 0 0 38px #ebcb8215,0 0 0 85px #ebcb820c!important}
.sample-qr{background:linear-gradient(150deg,#29241d,#141416)!important;border-color:#a58a55!important}
.sample-link-buttons i{border:1px solid #b795555c!important;background:#ffffff0c!important}
.sample-collection{background:linear-gradient(140deg,#584629,#191918)!important}
.marquee,.feature,.plan,.sidebar,.workspace-body,.infobox,.formbox,.data-list,.module-card{border-color:#373127!important}
.feature,.plan,.sidebar,.infobox,.formbox,.data-list,.module-card{background:linear-gradient(150deg,#171716f0,#101114ee)!important}
.feature:hover,.plan:hover,.module-card:hover{border-color:#c6a364a0!important;box-shadow:0 19px 50px #0007,0 0 35px #b78d2520}
#landing .feature-picture{background:radial-gradient(circle at 65% 15%,#c6a46b39,transparent 55%),linear-gradient(140deg,#3d3124,#141518)!important}
#landing .experience-section{background:linear-gradient(125deg,#15130f,#0b0d10 85%)!important}
.workspace-shell{animation:premiumReveal .4s both}
.sidebar{background:linear-gradient(165deg,#181611,#0d0e10 65%)!important}
.side-user{display:flex;gap:12px;align-items:center}.side-user .avatar{width:48px;height:48px;flex:none;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#c9ab70,#655334);color:#171310;font-size:16px;font-weight:900;border:2px solid #ad935c}.side-user .avatar img{width:100%;height:100%;object-fit:cover}.side-user strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.side-user .tiny{font-size:9px;letter-spacing:.03em;text-transform:none}
.view-title,.dashboard-hero h2{letter-spacing:-.057em}.dashboard-hero{background:radial-gradient(circle at 80% 20%,#dfb46421,transparent 50%),linear-gradient(130deg,#221d15,#141414 75%)!important;isolation:isolate}.dashboard-hero .eyebrow{color:#e5c68b}.dashboard-hero em{color:#f1d49c!important}.dash-phone-sample{background:linear-gradient(165deg,#3a2d19,#131316)!important;border-color:#91764b!important;animation:floatPremium 9s ease-in-out infinite}
.dashboard-hero:before{content:"";position:absolute;width:380px;height:380px;right:8%;top:6%;border:1px solid #c6a46132;border-radius:50%;box-shadow:0 0 0 65px #c6a4610c;pointer-events:none}
.module-card{transition:transform .25s ease,box-shadow .25s ease}.module-card:hover{transform:translateY(-5px)}
/* Template selector: visual composition thumbnails */
.template-choices{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:12px!important}
.template-choice{min-height:164px!important;border-radius:15px!important;transition:transform .2s ease,border-color .2s ease;background:#171717!important;overflow:hidden}
.template-choice:hover{transform:translateY(-4px)}.template-choice:has(input:checked){border-color:#d8b77e!important;box-shadow:0 0 0 1px #d8b77e,0 12px 45px #d6ae5124!important}
.template-swatch{height:77px!important;display:flex!important;align-items:stretch!important;gap:0!important;border-radius:10px!important;overflow:hidden;background:#251f17!important}
.template-swatch i{border-radius:0!important;flex:1}.template-swatch i:nth-child(1){background:linear-gradient(145deg,#a5875c,#282019)}.template-swatch i:nth-child(2){background:#e6d2af;flex:.5}.template-swatch i:nth-child(3){background:#191919;flex:.7}
.template-choice.t-ocean .template-swatch i:nth-child(1){background:#27556e;flex:1.6}.template-choice.t-ocean .template-swatch i:nth-child(2){background:#eff4f5;flex:1.1}.template-choice.t-ocean .template-swatch i:nth-child(3){display:none}
.template-choice.t-emerald .template-swatch{border-radius:35px 35px 7px 7px!important;background:#1d4c3f!important}.template-choice.t-emerald .template-swatch i{border-radius:50%!important;width:48px;flex:none;height:48px;margin:auto 4px;background:#d9ede0}
.template-choice.t-onyx .template-swatch i:nth-child(1){background:#e6e3dc}.template-choice.t-onyx .template-swatch i:nth-child(2){background:#111}.template-choice.t-onyx .template-swatch i:nth-child(3){background:#d1cfc7}
.template-choice.t-rose .template-swatch i:nth-child(1){background:#ae5067;border-radius:0 80px 0 0!important}.template-choice.t-rose .template-swatch i:nth-child(2){background:#fff0e5}.template-choice.t-rose .template-swatch i:nth-child(3){background:#8e4960;border-radius:70px 0 0 0!important}
.template-choice.t-sand .template-swatch{background:#e7dcc6!important}.template-choice.t-sand .template-swatch i:nth-child(1){background:#e6d9bf;flex:1.8}.template-choice.t-sand .template-swatch i:nth-child(2){background:#977651;flex:.5}.template-choice.t-sand .template-swatch i:nth-child(3){background:#463726;flex:.3}
.template-choice.t-creator .template-swatch i:nth-child(1){background:#dc5e7a;flex:1.8}.template-choice.t-creator .template-swatch i:nth-child(2){background:#ffe2aa}.template-choice.t-creator .template-swatch i:nth-child(3){background:#332c57}
.template-choice.t-industrial .template-swatch{background:repeating-linear-gradient(0deg,#1b303d,#1b303d 13px,#b2bbc019 14px)!important}.template-choice.t-industrial .template-swatch i:nth-child(1){background:transparent}.template-choice.t-industrial .template-swatch i:nth-child(2){background:#c9aa69}.template-choice.t-industrial .template-swatch i:nth-child(3){background:#2b4859}
.premium-editor{animation:premiumReveal .45s both}.upload-field{margin:13px 0}.upload-field>label{display:block}.upload-field input[type=text]{width:100%}.upload-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px}.upload-control{display:inline-flex;align-items:center;justify-content:center;background:#2b251b!important;color:#e9c991!important;border:1px solid #8b7248!important;padding:9px 15px!important;border-radius:10px;font-size:11px;font-weight:800;cursor:pointer;position:relative;overflow:hidden}.upload-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-control.uploading{opacity:.5;pointer-events:none}.upload-control.uploading:after{content:'Subiendo…';position:absolute;inset:0;background:#191919;display:grid;place-items:center}.upload-actions small{font-size:10px;color:#99918b}.section-intro{padding:20px 0;margin-top:28px;border-top:1px solid #4e4130}.section-intro h3{font-size:23px;margin:6px 0}.section-intro p{color:#b0a9a0;max-width:530px;font-size:12px}
.account-layout{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(320px,1.25fr);gap:22px}.account-showcase,.account-form{border:1px solid #4f422f;border-radius:22px;padding:35px;background:radial-gradient(circle at 80% 8%,#ad8c3d22,transparent 50%),#151515}.account-showcase{text-align:center}.account-photo{width:118px;height:118px;border-radius:50%;overflow:hidden;margin:35px auto 15px;border:3px solid #d6b67d;background:linear-gradient(135deg,#a58455,#26201a);display:grid;place-items:center;color:white;font-size:40px;font-weight:800;box-shadow:0 15px 40px #0009}.account-photo img{width:100%;height:100%;object-fit:cover}.account-showcase h2{margin:15px 0 0;font-size:28px}.account-showcase p{color:#b6a78d}.account-plan{display:inline-block;margin-top:25px;border:1px solid #87734f;padding:7px 15px;border-radius:50px;font-size:10px;color:#dfc38c}.account-form h3{font-size:25px;margin-top:0}.account-form p{color:#afa6a0;margin-bottom:24px}
#auth-register-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}
.url-locked{font-size:11px;border:1px solid #64553c;padding:9px 12px;color:#d5bd90;border-radius:9px}
/* Live previews: cards have distinct compositions, not color-only variations. */
.preview-stage:has(.preview-v4-card),.preview-stage:has(.preview-v4-site){display:flex;justify-content:center;padding:24px!important}
.preview-v4-card{--c:#d6b780;width:min(100%,330px);min-height:575px;overflow:hidden;border-radius:24px;border:1px solid #9a8258;box-shadow:0 22px 48px #0009;background:#171717;color:#f8f4ee;position:relative;display:flex;flex-direction:column;transition:.25s}
.v4card-hero{height:220px;position:relative;overflow:hidden;background:radial-gradient(circle at 73% 17%,#dbb57563,transparent 48%),linear-gradient(120deg,#665131,#1c1d21)}
.v4card-cover,.v4card-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.v4card-cover{filter:brightness(.55)}.v4card-portrait{width:72%;left:auto;object-position:top center;mask-image:linear-gradient(90deg,transparent,#000 26%)}
.v4card-stamp{position:absolute;left:19px;top:18px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.19em;z-index:2}.v4card-shapes{position:absolute;border:1px solid #f0d9af73;width:250px;height:250px;border-radius:50%;right:-100px;top:-140px;box-shadow:0 0 0 33px #d6b77d14}
.v4card-info{position:relative;z-index:1;padding:0 24px 22px;flex:1}.v4card-initials{width:76px;height:76px;display:grid;place-items:center;margin:-35px 0 17px;border:4px solid #1a1a1a;background:#d9ba81;color:#201a12;border-radius:18px;font-size:19px;font-weight:800;overflow:hidden}.v4card-initials img{width:100%;height:100%;object-fit:cover}.v4card-overline{letter-spacing:.17em;font-size:8px;color:#d4b378}.v4card-info h3{margin:9px 0 4px;letter-spacing:-.06em;font-size:33px;line-height:1.05}.v4card-role{font-size:12px;color:#d9c29d}.v4card-bio{font-size:11px;color:#b8b6b6;line-height:1.7;margin:19px 0 25px}.v4card-actions{display:flex;align-items:center;gap:8px}.v4card-actions>span{height:31px;width:31px;display:grid;place-items:center;border-radius:50%;background:#edebea;color:#151515}.v4card-actions b{margin-left:auto;font-size:10px;color:#e7c88f}.v4card-bottom{padding:16px 24px;color:#b9a37e;border-top:1px solid #575040;font-size:8px;letter-spacing:.12em}
.preview-v4-card.style-ocean{background:#f1f3f4;color:#1b2731;display:grid;grid-template-columns:42% 58%;min-height:510px;border-radius:8px}.style-ocean .v4card-hero{height:100%;background:linear-gradient(130deg,#2a718a,#122739)}.style-ocean .v4card-portrait{width:100%;mask-image:none}.style-ocean .v4card-cover{filter:brightness(.7)}.style-ocean .v4card-info{padding:55px 14px 24px}.style-ocean .v4card-initials{display:none}.style-ocean .v4card-info h3{font-size:26px}.style-ocean .v4card-bio{color:#606b71}.style-ocean .v4card-role{color:#216581}.style-ocean .v4card-overline{color:#28728e}.style-ocean .v4card-bottom{grid-column:1/-1;color:#285572;background:#e4e9e9}
.preview-v4-card.style-emerald{background:#18362f;text-align:center;border-radius:33px}.style-emerald .v4card-hero{height:125px;background:radial-gradient(circle,#73b19a66,transparent 67%),#174d41}.style-emerald .v4card-portrait{display:none}.style-emerald .v4card-info{padding:0 30px 40px}.style-emerald .v4card-initials{width:120px;height:120px;border-radius:50%;margin:-61px auto 20px;border-color:#18362f}.style-emerald .v4card-actions{justify-content:center}.style-emerald .v4card-bio{color:#c6dfd4}.style-emerald .v4card-role{color:#a8e2c5}
.preview-v4-card.style-onyx{border-radius:0;background:#e8e5e0;color:#131313}.style-onyx .v4card-hero{height:295px;background:#565656;filter:grayscale(1)}.style-onyx .v4card-portrait{width:100%;mask-image:none}.style-onyx .v4card-info{padding:30px}.style-onyx .v4card-initials{display:none}.style-onyx .v4card-info h3{font-size:41px;text-transform:uppercase}.style-onyx .v4card-role,.style-onyx .v4card-overline{color:#575757}.style-onyx .v4card-bio{color:#515151}.style-onyx .v4card-bottom{color:#444}
.preview-v4-card.style-rose{background:#fff1ea;color:#492a32;border-radius:35px 35px 11px 11px}.style-rose .v4card-hero{height:265px;background:linear-gradient(135deg,#ed9eaf,#a64866);border-radius:0 0 65% 15%}.style-rose .v4card-info{padding:25px}.style-rose .v4card-initials{display:none}.style-rose .v4card-overline,.style-rose .v4card-role{color:#9c4a6d}.style-rose .v4card-bio{color:#77575f}.style-rose .v4card-bottom{color:#ad7284}
.preview-v4-card.style-sand{background:#eee2cc;color:#332a20;border-radius:3px}.style-sand .v4card-hero{height:180px;background:#bca282}.style-sand .v4card-stamp{color:#fff}.style-sand .v4card-info{padding:32px}.style-sand .v4card-initials{width:94px;height:94px;border-radius:0;float:right;margin:-65px 0 10px 10px}.style-sand .v4card-overline,.style-sand .v4card-role{color:#8e6845}.style-sand .v4card-bio{color:#695f55}.style-sand .v4card-bottom{color:#8b744c}
.preview-v4-card.style-creator{background:#271f3e}.style-creator .v4card-hero{height:340px;background:linear-gradient(130deg,#dc6679,#4e3d8b)}.style-creator .v4card-info{padding:18px 24px}.style-creator .v4card-initials{display:none}.style-creator .v4card-info h3{font-size:39px}.style-creator .v4card-role{color:#ffc0a9}.style-creator .v4card-shapes{border-radius:20px;transform:rotate(28deg)}
.preview-v4-card.style-industrial{background:#1c2932;border-radius:6px}.style-industrial .v4card-hero{height:155px;background:repeating-linear-gradient(0deg,#2a4656,#2a4656 30px,#9fb5bf22 31px)}.style-industrial .v4card-info{padding:30px}.style-industrial .v4card-initials{border-radius:0;margin-top:-65px}.style-industrial .v4card-info h3{font-size:31px;text-transform:uppercase;letter-spacing:-.04em}.style-industrial .v4card-role{color:#d5b778}.style-industrial .v4card-bio{border-left:3px solid #cda867;padding-left:12px}
/* Link preview is a mini-webpage with rich tiles, not a profile card. */
.preview-stage:has(.preview-v4-site){display:block;padding:12px!important}.preview-v4-site{width:100%;max-width:520px;margin:auto;background:#eeeae1;color:#241d17;min-height:530px;border-radius:15px;overflow:hidden;box-shadow:0 18px 50px #0009}.v4site-top{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;font-size:10px;letter-spacing:.1em;background:#131313;color:#e5ce99}.v4site-top span{opacity:.65}.v4site-hero{min-height:204px;padding:38px 30px;position:relative;isolation:isolate;display:flex;justify-content:end;flex-direction:column;background:radial-gradient(circle at 80% 0,#c3a67966,transparent 60%),linear-gradient(135deg,#564329,#101010);color:white;overflow:hidden}.v4site-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.v4site-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0003);z-index:-1}.v4site-hero>span{font-size:8px;letter-spacing:.19em;color:#ebd09e}.v4site-hero h3{font-size:34px;line-height:1.07;margin:13px 0 3px;letter-spacing:-.06em}.v4site-hero p{font-size:11px;color:#e1d6c8}.v4site-body{padding:25px}.v4site-body>span{font-size:9px;color:#927249;letter-spacing:.2em}.v4site-body h4{font-size:29px;letter-spacing:-.055em;margin:6px 0}.v4site-body>p{font-size:11px;color:#746858}.v4site-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.v4site-tile{min-width:0;background:white;border-radius:13px;overflow:hidden;padding-bottom:12px}.v4site-media{aspect-ratio:1.2;display:grid;place-items:center;background:linear-gradient(140deg,#e6d3b5,#967b53);color:#fff}.v4site-media img{width:100%;height:100%;object-fit:cover}.v4site-tile b,.v4site-tile small{display:block;padding:0 9px}.v4site-tile b{font-size:11px;margin-top:8px}.v4site-tile small{color:#8b7962;font-size:9px}.v4site-links{margin-top:17px;display:flex;flex-wrap:wrap;gap:7px}.v4site-links span{background:#222;color:#fff;font-size:9px;padding:8px 11px;border-radius:30px}.site-coral .v4site-hero{background:linear-gradient(135deg,#9f5966,#4e1b35)}.site-slate .v4site-hero{background:linear-gradient(140deg,#375568,#111b2c)}.site-mint .v4site-hero{background:linear-gradient(140deg,#477b69,#193129)}
@media(max-width:1080px){.account-layout{grid-template-columns:1fr}.preview-stage:has(.preview-v4-site){padding:4px!important}}
@media(max-width:580px){#auth-register-fields{grid-template-columns:1fr}.template-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important}.preview-stage:has(.preview-v4-card){padding:12px!important}.preview-v4-card{max-width:310px}.account-showcase,.account-form{padding:22px}.hero-card-tilt{animation:none!important}}
@media(prefers-reduced-motion:reduce){body::before,body::after,.hero-card-tilt,.dash-phone-sample{animation:none!important}#landing .hero-copy,#landing .hero-art,.workspace-shell,.premium-editor{animation:none!important}*{scroll-behavior:auto!important}}
/* Restore brand consistency in every workspace surface: eliminate leftover violet/purple from 0.3 */
.formbox-head,.premium-editor .formbox-head{background:radial-gradient(circle at 85% 5%,#b38b3b26,transparent 42%),linear-gradient(130deg,#211b12,#151515)!important;border-bottom:1px solid #695535!important}
.preview-stage,.live-preview-column{background:radial-gradient(circle at 70% 10%,#bc8d3326,transparent 50%),linear-gradient(140deg,#1c1914,#101114)!important;border-color:#51442b!important}
.view-kicker,.view-title{color:var(--text)}.formbox-head .eyebrow,.live-label,.section-intro .eyebrow{color:#e3c38c!important}
.workspace-top,.workspace-footer{border-color:#4b3b22!important}
input:focus,textarea:focus,select:focus{outline-color:#d4b47a!important;border-color:#d4b47a!important}
.preview-v4-card,.preview-v4-site{box-shadow:0 18px 55px #000b,0 0 0 1px #8e75485a}