:root{color-scheme:dark;--bg:#000;--panel:#090b0f;--line:#24282e;--text:#f4f4f2;--muted:#9da1a9;--gold:#e9bd73;--accent:#e9bd73;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#000;color:var(--text);overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}img{max-width:100%}.progress{position:fixed;z-index:40;top:0;left:0;width:0;height:2px;background:var(--gold);pointer-events:none}.top{position:sticky;top:0;z-index:30;min-height:76px;padding:12px clamp(18px,5vw,84px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(0,0,0,.92);border-bottom:1px solid #1d1e21;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:760;letter-spacing:.13em}.brand img{width:40px;height:40px;object-fit:contain}.brand small{display:block;font-size:9px;font-weight:550;letter-spacing:.23em;color:#aaa}.top nav{display:flex;gap:clamp(12px,2vw,32px);font-size:13px;color:#b7b7bb}.top nav a:hover,.footer a:hover{color:var(--gold)}.back{border:1px solid #444;padding:12px 16px;border-radius:30px;font-size:12px;white-space:nowrap}.back:hover{border-color:var(--gold)}.hero{position:relative;min-height:660px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;max-width:1500px;margin:auto;padding:75px clamp(22px,6vw,95px) 100px}.hero-glow{position:absolute;right:3%;top:8%;width:50%;height:80%;background:radial-gradient(ellipse,rgba(173,123,62,.13),transparent 68%);pointer-events:none}.eyebrow{color:var(--gold);letter-spacing:.25em;font-weight:700;font-size:11px}.hero h1{font-size:clamp(44px,5.3vw,85px);letter-spacing:-.068em;line-height:1.06;margin:22px 0 25px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{font-size:clamp(15px,1.3vw,19px);color:var(--muted);max-width:560px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{min-height:48px;border-radius:10px;padding:15px 23px;font-weight:750;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:#111}.primary:hover{background:#ffd698}.secondary{border-color:#444;background:#101114;color:#eee}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#a6a7a8;font-size:11px}.hero-art{position:relative;min-height:420px;display:grid;place-items:center;perspective:1000px}.halo{position:absolute;width:80%;aspect-ratio:1;border:1px solid #55412a;border-radius:50%;opacity:.36;box-shadow:0 0 100px #4e361b30}.hero-screen{position:relative;width:min(100%,580px);aspect-ratio:1.38;background:#080809;border:9px solid #292b30;border-radius:17px;box-shadow:0 35px 75px #000,0 0 0 1px #777;transform:rotateY(-9deg) rotateX(3deg);overflow:hidden}.hero-screen-top{display:flex;justify-content:space-between;padding:9px 14px;background:#131519;color:#85868b;font-size:10px}.hero-screen-top span:first-child{color:#d7a95e}.hero-screen-body{height:90%;padding:34px;background:radial-gradient(circle at 75% 60%,#3e2b1a,#0d0d0d 52%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-screen-logo{font-family:Georgia,serif;font-size:25px;color:#e6c088}.hero-screen-logo small{font:9px system-ui;letter-spacing:.2em;display:block}.tiny{font-size:9px;letter-spacing:.2em;margin-top:40px;color:#d9b47a}.hero-screen-body strong{font-family:Georgia,serif;font-size:clamp(24px,3vw,43px);line-height:1.2;margin:10px 0 22px}.fake-action{background:#d5aa6c;color:#16120d;border-radius:20px;padding:9px 17px;font-size:11px}.floating-chip{position:absolute;background:#15120e;border:1px solid #6e512d;border-radius:9px;padding:12px 18px;color:#e9d5b8;font-size:11px;box-shadow:0 10px 30px #000}.chip-one{top:5%;right:0}.chip-two{bottom:8%;left:0}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.25em;color:#999;white-space:nowrap}.scroll-cue span{display:inline-block;margin-left:12px;animation:down 2s infinite}@keyframes down{50%{transform:translateY(7px)}}.section{max-width:1480px;margin:auto;padding:105px clamp(20px,5vw,85px)}.section-heading{max-width:780px;margin-bottom:42px}.section-heading h2{font-size:clamp(32px,4vw,59px);letter-spacing:-.055em;line-height:1.1;margin:14px 0}.section-heading p{color:var(--muted);line-height:1.75;font-size:15px}.studio-section{max-width:none;background:#080808;border-top:1px solid #171717;border-bottom:1px solid #171717}.studio-section>.section-heading,.studio-layout{max-width:1310px;margin-left:auto;margin-right:auto}.studio-layout{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:22px;align-items:stretch}.studio-controls,.preview-wrap,.quote-options,.quote-form{background:#0e0e0f;border:1px solid #29282a;border-radius:18px;padding:25px}.control-title{font-size:11px;font-weight:800;letter-spacing:.15em;padding-bottom:23px;border-bottom:1px solid #29282a}.dot,.preview-caption i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79c6a0;margin-right:7px}.studio-controls label,.field-label{display:block;font-size:12px;color:#c6c6c7;margin:24px 0 10px}.studio-controls select,.quote-form select,.quote-form input,.quote-form textarea{width:100%;min-width:0;background:#171718;border:1px solid #353535;border-radius:9px;color:#fff;padding:14px;font-size:14px;outline-offset:2px}.swatches,.devices{display:flex;gap:10px}.swatch{width:35px;height:35px;border-radius:50%;border:3px solid #151515;background:var(--sw)}.swatch.active{outline:2px solid white}.device{flex:1;min-height:42px;border:1px solid #373737;border-radius:8px;background:#181818;color:#aaa;font-size:12px}.device.active{border-color:var(--gold);color:var(--gold);background:#261f16}.control-note{font-size:11px;line-height:1.6;color:#8b8b8b;margin:25px 0}.full{width:100%}.preview-wrap{padding:18px;min-width:0}.preview-caption,.preview-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#929293;font-size:10px;letter-spacing:.1em;flex-wrap:wrap}.preview-caption{padding:5px 7px 18px}.preview-bottom{padding:15px 7px 0}.device-stage{min-height:440px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(ellipse,#2a231c,#090909 65%);border-radius:12px;padding:22px}.device-frame{--frame-width:100%;width:var(--frame-width);max-width:730px;transition:width .3s;border:8px solid #33353a;border-bottom-width:13px;border-radius:13px;background:#090909;box-shadow:0 16px 30px #000;position:relative}.device-frame[data-device="tablet"]{--frame-width:68%}.device-frame[data-device="mobile"]{--frame-width:35%;min-width:185px;border-radius:24px;border-width:8px}.device-camera{position:absolute;top:-5px;left:50%;height:3px;width:28px;border-radius:4px;background:#151515;transform:translateX(-50%)}.device-screen{aspect-ratio:1.58;overflow:hidden}.device-frame[data-device="tablet"] .device-screen{aspect-ratio:.9}.device-frame[data-device="mobile"] .device-screen{aspect-ratio:.52}.device-base{position:absolute;bottom:-21px;left:-4%;width:108%;height:8px;background:linear-gradient(#85868a,#242529);border-radius:0 0 55% 55%}.device-frame[data-device="mobile"] .device-base,.device-frame[data-device="tablet"] .device-base{display:none}.demo-site{--demo-accent:#e9bd73;--demo-bg:#11100f;--demo-fg:#fff;--demo-secondary:#241d15;background:var(--demo-bg);color:var(--demo-fg);height:100%;display:flex;flex-direction:column;font-family:Georgia,serif}.demo-site[data-style="minimalista"]{--demo-bg:#f6f4f0;--demo-fg:#151515;--demo-secondary:#e8e5e0;font-family:Arial,sans-serif}.demo-site[data-style="moderno"]{--demo-bg:#0c1420;--demo-fg:#f7fbff;--demo-secondary:#162a3d;font-family:Arial,sans-serif}.demo-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 22px;border-bottom:1px solid #8882}.demo-brand{font-size:18px;letter-spacing:.13em;color:var(--demo-accent)}.demo-brand small{display:block;font:7px Arial;letter-spacing:.24em}.demo-links{font:10px Arial;color:var(--demo-fg);opacity:.7;white-space:nowrap}.demo-nav button,.demo-copy button{border:1px solid var(--demo-accent);background:transparent;color:var(--demo-accent);padding:8px 11px;border-radius:30px;font:10px Arial}.demo-hero{flex:1;display:grid;grid-template-columns:1.12fr .88fr;min-height:0}.demo-copy{padding:clamp(16px,3vw,40px) clamp(15px,3vw,37px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.demo-kicker{font:9px Arial;letter-spacing:.15em;color:var(--demo-accent)}.demo-copy h3{font-size:clamp(18px,2.4vw,37px);line-height:1.12;margin:14px 0}.demo-copy p{font:11px/1.5 Arial;opacity:.65;max-width:290px}.demo-copy button{background:var(--demo-accent);color:#111;border:0;margin-top:12px}.demo-visual{display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,var(--demo-secondary),var(--demo-bg) 70%)}.demo-visual>span:first-child{font-size:clamp(45px,8vw,105px);color:var(--demo-accent);position:relative;z-index:2}.visual-rings{position:absolute;width:75%;aspect-ratio:1;border:1px solid var(--demo-accent);border-radius:50%;opacity:.3;box-shadow:0 0 0 28px #ffffff05,0 0 0 60px #ffffff05}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 18px 15px}.demo-cards div{border:1px solid #9993;padding:9px;display:grid;gap:4px}.demo-cards span{font:9px Arial;color:var(--demo-accent)}.demo-cards strong{font:11px Arial}.demo-cards small{font:9px Arial;opacity:.6}.device-frame[data-device="mobile"] .demo-nav{padding:10px}.device-frame[data-device="mobile"] .demo-links{display:none}.device-frame[data-device="mobile"] .demo-brand{font-size:11px}.device-frame[data-device="mobile"] .demo-nav button{font-size:8px;padding:6px}.device-frame[data-device="mobile"] .demo-hero{grid-template-columns:1fr;grid-template-rows:1fr .8fr}.device-frame[data-device="mobile"] .demo-copy{padding:12px}.device-frame[data-device="mobile"] .demo-copy h3{font-size:17px;margin:6px 0}.device-frame[data-device="mobile"] .demo-copy p{font-size:8px;margin:2px 0}.device-frame[data-device="mobile"] .demo-kicker{font-size:6px}.device-frame[data-device="mobile"] .demo-copy button{font-size:8px;margin-top:5px;padding:6px}.device-frame[data-device="mobile"] .demo-visual>span:first-child{font-size:48px}.device-frame[data-device="mobile"] .demo-cards{padding:6px;gap:3px}.device-frame[data-device="mobile"] .demo-cards div{padding:4px}.device-frame[data-device="mobile"] .demo-cards span,.device-frame[data-device="mobile"] .demo-cards small{display:none}.device-frame[data-device="mobile"] .demo-cards strong{font-size:7px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.portfolio-card{text-align:left;border:1px solid #2b2b2b;border-radius:14px;padding:16px;background:#0d0d0d;color:#fff;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .2s}.portfolio-card:hover{border-color:var(--gold);transform:translateY(-3px)}.portfolio-number{color:var(--gold);font-size:10px;letter-spacing:.12em}.portfolio-illustration{height:165px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:70px;color:#ebbd79;background:radial-gradient(circle,#4e311b,#17110d 70%);border-radius:8px}.portfolio-illustration small{font:14px Georgia;letter-spacing:.3em}.portfolio-illustration.shop{background:radial-gradient(circle,#34363b,#121417 70%);color:#c8d3ec}.portfolio-illustration.corporate{background:radial-gradient(circle,#1d3446,#10151a 70%);color:#79c5ed}.portfolio-illustration.personal{background:radial-gradient(circle,#3a2a37,#151115 70%);color:#dfb5d3}.portfolio-card>strong{font-size:20px}.portfolio-card>span:not(.portfolio-number):not(.portfolio-illustration){font-size:12px;color:#aaa}.portfolio-card b{font-size:11px;color:var(--gold);margin-top:12px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{background:#0b0b0c;border:1px solid #222;padding:28px;border-radius:14px}.feature>span{font-size:30px;color:var(--gold)}.feature h3{font-size:17px;margin:18px 0 8px}.feature p{font-size:13px;line-height:1.7;color:#a5a5a5}.process-section{border-top:1px solid #171717;border-bottom:1px solid #171717}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.timeline article{border-top:1px solid #755832;padding-top:22px}.timeline b{color:var(--gold);font-size:34px;font-weight:400}.timeline h3{font-size:18px}.timeline p{color:#a6a6a6;font-size:13px;line-height:1.7}.quote-section{max-width:none;background:#080808}.quote-section>.section-heading,.quote-grid{max-width:1300px;margin-left:auto;margin-right:auto}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quote-options h3,.quote-form h3{font-size:22px;margin-top:0}.quote-options>p{font-size:13px;color:#aaa}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.check-grid label{border:1px solid #303030;border-radius:9px;padding:13px;font-size:13px;display:flex;gap:9px;align-items:center;cursor:pointer}.check-grid label:has(input:checked){border-color:var(--gold);background:#241b11}.check-grid input{accent-color:var(--gold);width:17px;height:17px}.scope-note{border:1px solid #45351e;background:#1c1710;border-radius:10px;padding:20px;display:flex;gap:12px}.scope-note>span{color:var(--gold);font-size:24px}.scope-note strong{font-size:14px}.scope-note p{font-size:12px;line-height:1.7;color:#b7ad9d;margin-bottom:0}.quote-form label{display:block;font-size:12px;color:#ccc;margin:18px 0}.quote-form input,.quote-form select,.quote-form textarea{display:block;margin-top:9px;resize:vertical}.selection-summary{color:#e5c18b;font-size:12px;border:1px solid #4b3820;background:#1b1610;border-radius:8px;padding:13px;margin:20px 0}.privacy-note{font-size:11px;color:#898989;line-height:1.7}.faq-list{max-width:900px}.faq-list details{border-bottom:1px solid #292929;padding:20px 0}.faq-list summary{cursor:pointer;font-size:16px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:'+';color:var(--gold);font-size:23px}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;color:#aaa;line-height:1.8}.footer{border-top:1px solid #242424;padding:40px clamp(20px,5vw,85px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:#aaa}.footer>div:first-child{display:flex;align-items:center;gap:12px}.footer img{width:38px;height:38px}.footer strong{color:white;letter-spacing:.13em}.footer span,.footer a,.footer small{font-size:11px}.footer>div:nth-child(2){display:flex;gap:20px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1100px){.top nav{gap:12px}.hero{grid-template-columns:1fr 1fr;padding-left:35px;padding-right:35px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:260px minmax(0,1fr)}.device-stage{min-height:390px}.demo-links{display:none}}@media(max-width:760px){.top{padding:10px 18px;flex-wrap:wrap}.top nav{order:3;overflow:auto;width:100%;padding:7px 0 2px;white-space:nowrap;justify-content:space-between}.back{padding:9px;font-size:11px}.hero{grid-template-columns:1fr;padding:70px 22px 85px;min-height:auto}.hero-art{min-height:330px}.hero-screen{width:min(95%,480px)}.hero-screen-body{padding:25px}.hero h1{font-size:clamp(43px,10vw,70px)}.section{padding:72px 20px}.studio-layout,.quote-grid{grid-template-columns:1fr}.studio-controls{display:grid;grid-template-columns:1fr;gap:0}.studio-controls label,.field-label{margin-top:16px}.device-stage{min-height:380px;padding:12px}.features{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.footer{align-items:flex-start}}@media(max-width:480px){.brand{font-size:17px}.brand img{width:30px;height:30px}.brand small{font-size:7px}.hero-art{min-height:270px}.hero-screen-body strong{font-size:25px}.hero-points{gap:10px}.section-heading h2{font-size:35px}.portfolio-grid,.features{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.device-stage{min-height:300px}.device-frame{border-width:5px}.device-frame[data-device="mobile"]{min-width:160px}.demo-nav{padding:8px}.demo-brand{font-size:12px}.demo-nav button{font-size:8px;padding:6px}.demo-copy{padding:13px}.demo-copy h3{font-size:20px;margin:8px 0}.demo-copy p{font-size:9px}.demo-cards{padding:5px;gap:4px}.demo-cards div{padding:5px}.demo-cards strong{font-size:8px}.demo-cards small{font-size:7px}.floating-chip{font-size:9px;padding:8px}.preview-caption,.preview-bottom{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}.btn,.portfolio-card,.device-frame{transition:none}}

/* ONIX BUSINESS - PLANES, CONTACTO Y PERSONALIZACIÓN */
.business-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.business-plan{position:relative;border:1px solid #343434;border-radius:24px;background:linear-gradient(155deg,#131313,#080808);padding:32px;display:flex;flex-direction:column;gap:12px}.business-plan.featured{border-color:#e9bd73;box-shadow:0 0 42px #e9bd7314}.business-plan h3{font-size:clamp(23px,2.4vw,34px);margin:0}.business-plan p{color:#b9b9b9;margin:0 0 10px}.business-plan ul{padding-left:19px;color:#d6d6d6;line-height:2;flex:1}.business-plan li::marker{color:#e9bd73}.plan-icon{font-size:32px;color:#e9bd73}.plan-tag{position:absolute;top:15px;right:17px;color:#e9bd73;font-size:10px;letter-spacing:.14em}.plan-select{border:1px solid #e9bd73;color:#e9bd73;border-radius:14px;background:#e9bd7310;padding:15px;font-weight:700;cursor:pointer}.plan-select:hover{background:#e9bd73;color:#080808}.plans-disclaimer{color:#aaa;font-size:13px;margin-top:18px}.contact-business{max-width:800px;margin:auto;border:1px solid #37302a;border-radius:30px;background:linear-gradient(150deg,#16120d,#090909 60%);padding:clamp(26px,5vw,56px);text-align:center}.contact-business h3{font-size:clamp(28px,4vw,44px);margin:6px 0}.contact-business p{color:#bbb;line-height:1.7}.contact-orb{font-size:38px;color:#e9bd73}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;text-align:left;margin:28px 0}.contact-fields label{font-size:13px;color:#d4c1a2}.contact-fields select{width:100%;background:#171717;border:1px solid #414141;color:white;padding:15px;border-radius:12px}.whatsapp-business{display:flex;align-items:center;justify-content:center;gap:15px;background:#1fa855;color:white!important;padding:19px;border-radius:16px;text-decoration:none;font-weight:800;transition:transform .2s,background .2s}.whatsapp-business:hover{background:#168943;transform:translateY(-3px)}.whatsapp-business svg{width:32px;height:32px;flex-shrink:0}.whatsapp-business small{display:block;font-weight:400;font-size:12px;margin-top:3px}.studio-controls input:not([type=checkbox]),.studio-controls textarea{box-sizing:border-box;width:100%;padding:12px;background:#111;color:#fff;border:1px solid #383838;border-radius:10px}.studio-controls textarea{resize:vertical}.studio-controls .demo-check{display:flex;align-items:center;gap:8px}.studio-controls .demo-check input{accent-color:#e9bd73}.demo-site[data-radius=square] *{border-radius:0!important}.demo-site[data-radius=pill] button,.demo-site[data-radius=pill] .demo-card{border-radius:50px!important}.demo-site[data-font=serif]{font-family:Georgia,serif}.demo-site[data-font=mono]{font-family:monospace}@media(max-width:850px){.business-plans{grid-template-columns:1fr}.contact-fields{grid-template-columns:1fr}}@media(max-width:480px){.whatsapp-business{padding:14px;font-size:13px}.business-plan{padding:24px}}