/* Nexovant · capa visual v2 (paleta del logo:azul marino + azul cielo) */
:root{--bg:#f5f6f8;--panel:#eff1f3;--panel-2:#111c33;--line:rgba(170,200,255,0.12);--text:#141e29;--muted:#2e445d;--mint:#0b72b7;--mint-2:#3d8fe0;--accent-2:#8b7bff;--grad:linear-gradient(120deg,#5cb8f5 0%,#7d9bff 55%,#a48bff 100%);--radius:16px;--shadow:0 20px 50px -20px rgba(21,30,40,0.21)}
body{font-size:16px;line-height:1.65;background:radial-gradient(1200px 600px at 85% -10%,rgba(61,143,224,0.18),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(139,123,255,0.1),transparent 60%),var(--bg);background-attachment:fixed}
.ambient{display:none}
.topbar{position:sticky;top:0;z-index:50;height:74px;background:rgba(245,246,248,0.72);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line);width:100%;padding-inline:max(32px,calc((100% - 1160px)/2))}
.brand-logo{border-radius:10px;box-shadow:0 0 0 1px rgba(21,30,40,0.052),0 8px 24px -8px rgba(92,184,245,0.3)}
.nav{gap:28px;font-size:14px;color:var(--muted)}
.nav a{position:relative;padding:6px 0;transition:color .2s}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover{color:var(--text)}.nav a:hover::after{transform:scaleX(1)}
.top-cta{border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;border:1px solid rgba(92,184,245,0.4);transition:background .2s,border-color .2s}
.top-cta:hover{background:rgba(92,184,245,0.12);border-color:var(--mint)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,0.03);font-size:12px;letter-spacing:.14em}
.hero h1{letter-spacing:-.045em;font-weight:700}
.hero h1 span,h2 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.hero-lede{font-size:clamp(17px,1.6vw,20px);color:var(--muted);max-width:34ch}
h2{letter-spacing:-.035em}
.section-index{font-size:12px;letter-spacing:.16em;color:var(--mint)}
.button{font-size:15px;gap:12px;border-radius:999px}
.button-primary{background:var(--grad);color:#0b121a;padding:15px 26px;border-radius:999px;box-shadow:0 12px 30px -10px rgba(92,184,245,0.36);transition:transform .2s,box-shadow .2s,filter .2s}
.button-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(125,155,255,0.45);filter:brightness(1.05)}
.text-link,.card-link{font-size:14px;font-weight:600;color:var(--mint)}
.service-card,.pricing-card,.account-card,.studio-panel,.step,.omx-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,0.045),rgba(255,255,255,0.01));box-shadow:var(--shadow);transition:transform .3s ease,border-color .3s,box-shadow .3s}
.service-card:hover,.pricing-card:hover,.omx-card:hover{transform:translateY(-4px);border-color:rgba(92,184,245,0.45);box-shadow:0 30px 60px -25px rgba(61,143,224,0.27)}
.service-card p,.step p,.intro-content p,.method-heading p{font-size:15px;color:var(--muted)}
.service-card h3{font-size:24px;letter-spacing:-.02em}
.step{padding:22px}.steps{gap:18px}
.pricing-card.featured{border-color:rgba(139,123,255,0.55);background:linear-gradient(160deg,rgba(125,155,255,0.14),rgba(255,255,255,0.02))}
textarea,input,select{border-radius:12px!important;border:1px solid var(--line)!important;background:rgba(247,248,248,0.7)!important;color:var(--text)!important;font-size:15px!important;transition:border-color .2s,box-shadow .2s}
textarea:focus,input:focus{border-color:var(--mint)!important;box-shadow:0 0 0 4px rgba(92,184,245,0.108);outline:none}
textarea:disabled,input:disabled{opacity:.55;cursor:not-allowed}
.web-login-note{border-radius:12px;border-left:3px solid var(--mint);background:rgba(92,184,245,0.08);font-size:14px;color:var(--text)}
.gate-cta{display:inline-block;margin-left:6px;padding:6px 14px;border-radius:999px;background:var(--grad);color:#0b121a!important;font-weight:700}
form.is-locked .prompt-chips button{opacity:.5;pointer-events:none}
.footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.footer-legal a:hover{color:var(--text)}
.closing-mark{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Omnexia */
.omx{padding-block:90px}.omx-head{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:34px}
.omx-head h2{font-size:clamp(34px,4.4vw,54px);line-height:1.08;margin:14px 0 0}.omx-head p{color:var(--muted);font-size:17px}
.omx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.omx-card{padding:28px;position:relative;overflow:hidden}
.omx-card h3{font-size:24px;margin:14px 0 8px;letter-spacing:-.02em}.omx-card p,.omx-card li{color:var(--muted);font-size:15px}
.omx-card ul{padding-left:18px;margin:14px 0 22px}.omx-card li{margin:6px 0}
.omx-tag{display:inline-block;font-size:11px;letter-spacing:.14em;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--mint)}
.omx-tag.soon{color:#7448ff;border-color:rgba(164,139,255,0.4)}
.omx-card img{width:56px;height:56px;border-radius:14px;object-fit:cover;float:right}
.omx-hero{padding-block:70px 30px}.omx-hero h1{font:700 clamp(42px,6vw,72px)/1.05 var(--display);letter-spacing:-.045em;margin:18px 0}
.omx-hero p{font-size:19px;color:var(--muted);max-width:52ch}.omx-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.button-ghost{padding:14px 22px;border:1px solid var(--line);color:var(--text)}.button-ghost:hover{border-color:var(--mint)}
.preview-unavailable{max-width:620px;margin:12vh auto;text-align:center;padding:44px 32px}
/* animaciones suaves */
@media (prefers-reduced-motion:no-preference){
 .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
 .reveal.is-visible{opacity:1;transform:none}
 .hero-copy>*{animation:rise .8s ease both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}
 @keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
}
@media(max-width:850px){.topbar{padding-inline:20px;height:66px}.omx-head,.omx-grid{grid-template-columns:1fr}.omx{padding-block:60px}.wrap{width:calc(100% - 40px)}.hero h1{letter-spacing:-.04em}.nav.nav-open{background:rgba(245,246,248,0.97);backdrop-filter:blur(14px);border-radius:0 0 16px 16px}}
@media(max-width:560px){.hero h1{font-size:clamp(42px,12vw,56px)}.button-primary{width:100%}.hero-actions{flex-wrap:wrap;gap:16px}.service-card h3{font-size:21px}}
.hero-art,.service-graphic{filter:hue-rotate(55deg) saturate(1.15)}
@media(max-width:560px){.hero-art{display:none}}
.button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.4)}
/* ===== Paleta v3: verde Nexovant (#3EF0B0, brillo de su mascota) y azul Omnexia (#25BCF6, de la osa) ===== */
:root{--nx:#0a7c53;--nx-2:#1fc996;--omx:#07759f;--omx-2:#3d7bf5;--mint:var(--nx);--mint-2:var(--nx-2);--grad:linear-gradient(120deg,#3ef0b0 0%,#2fd6c8 60%,#25bcf6 100%);--grad-omx:linear-gradient(120deg,#25bcf6 0%,#3d7bf5 100%)}
body{background:radial-gradient(1100px 560px at 85% -10%,rgba(62,240,176,0.13),transparent 60%),radial-gradient(900px 500px at -10% 35%,rgba(37,188,246,0.1),transparent 60%),var(--bg)}
.omx .section-index,.omx-hero .section-index,.omx-tag{color:var(--omx)}
.omx em,.omx-hero h1 span{background:var(--grad-omx)!important;-webkit-background-clip:text!important;background-clip:text!important}
.omx .button-primary,.omx-hero .button-primary,.omx-scope .button-primary{background:var(--grad-omx);box-shadow:0 12px 30px -10px rgba(37,188,246,0.36)}
.omx-card:hover{border-color:rgba(37,188,246,0.5);box-shadow:0 30px 60px -25px rgba(37,188,246,0.24)}
.hero-art,.service-graphic{filter:none}
/* Mascota */
.mascot{display:flex;flex-direction:column;align-items:center;gap:14px;--glow:var(--nx)}
.mascot-omnexia{--glow:var(--omx)}
.mascot-figure{position:relative;width:min(240px,60vw)}
.mascot-figure img{position:relative;width:100%;height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(21,30,40,0.175))}
.mascot-glow{position:absolute;inset:18% 10% 0;border-radius:50%;background:radial-gradient(closest-side,var(--glow),transparent);opacity:.28;filter:blur(24px)}
.mascot-ui{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:340px;text-align:center}
.mascot-play,.mascot-stop{border:1px solid color-mix(in srgb,var(--glow) 55%,transparent);background:color-mix(in srgb,var(--glow) 12%,transparent);color:var(--text);border-radius:999px;padding:9px 16px;font-weight:600;font-size:14px;cursor:pointer}
.mascot-play:hover,.mascot-stop:hover{background:color-mix(in srgb,var(--glow) 22%,transparent)}
.mascot-subs{flex-basis:100%;margin:4px 0 0;padding:10px 14px;border-radius:12px;background:rgba(247,248,248,0.85);border:1px solid var(--line);font-size:15px;line-height:1.45;min-height:3em}
.mascot[data-compact] .mascot-figure{width:96px}.mascot[data-compact] .mascot-ui{max-width:260px}
.mascot-corner{position:fixed;right:18px;bottom:18px;z-index:60;padding:10px;border-radius:20px;background:rgba(245,246,248,0.8);backdrop-filter:blur(10px);border:1px solid var(--line)}
.mascot-corner .mascot-play,.mascot-corner .mascot-stop{font-size:12px;padding:7px 12px}
.hero .mascot{position:absolute;right:4%;top:120px}
.omx-mascot{display:flex;justify-content:center;margin:30px 0}
@media (prefers-reduced-motion:no-preference){
 .mascot-figure{animation:m-float 4.5s ease-in-out infinite}
 .mascot-figure img{animation:m-wave 6s ease-in-out infinite;transform-origin:50% 90%}
 .mascot-glow{animation:m-pulse 3.2s ease-in-out infinite}
 .mascot.is-talking .mascot-glow{animation:m-talk .45s ease-in-out infinite alternate}
 @keyframes m-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
 @keyframes m-wave{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-5deg)}82%{transform:rotate(4deg)}88%{transform:rotate(-3deg)}94%{transform:rotate(1deg)}}
 @keyframes m-pulse{0%,100%{opacity:.22;transform:scale(1)}50%{opacity:.4;transform:scale(1.06)}}
 @keyframes m-talk{from{opacity:.35;transform:scale(1)}to{opacity:.75;transform:scale(1.14)}}
}
.mascot.is-talking .mascot-glow{opacity:.6}
@media(max-width:980px){.hero .mascot{position:static;margin:30px auto 0}.hero-art{display:none}}
@media(max-width:560px){.mascot-corner{right:10px;bottom:10px;padding:6px}.mascot-corner .mascot-ui{display:none}.mascot-corner .mascot-figure{width:60px}}
.hero .mascot,.hero-mascot{position:static;align-self:center;justify-self:center}
.omx-hero h1 span{color:transparent}
@media(max-width:850px){.omx-hero{grid-template-columns:1fr!important}}
@media(min-width:851px) and (max-width:1180px){.nav{gap:16px;font-size:13px}.top-cta{padding:9px 13px}}
@media(max-width:850px){.nav.nav-open{background:#f1f3f4!important;box-shadow:0 20px 40px rgba(21,30,40,0.175);z-index:70}}
.addon-card{margin-top:20px;border-color:rgba(37,188,246,0.35)}
.addon-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center}
.addon-price{font-size:15px;color:var(--muted)}.addon-price b{font:700 26px var(--display);color:var(--omx);margin-right:6px}
.addon-video{margin:0}.addon-video video{width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;background:#ffffff;border:1px solid var(--line)}
.addon-video figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.webstudio{padding-block:80px}.webstudio-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:30px}
.webstudio-head h2{font-size:clamp(32px,4vw,50px);line-height:1.1;margin:14px 0 0}.webstudio-head p{color:var(--muted);font-size:17px}
.showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.showcase a{display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:transform .3s,border-color .3s}
.showcase a:hover{transform:translateY(-4px);border-color:rgba(62,240,176,0.5)}
.showcase img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}
.showcase span{display:flex;justify-content:space-between;padding:14px 16px;font-weight:600}.showcase small{color:var(--muted);font-weight:400}
.omx-band{background:linear-gradient(180deg,rgba(37,188,246,0.07),transparent 70%);border-top:1px solid rgba(37,188,246,0.18)}
@media(max-width:850px){.addon-grid,.webstudio-head,.showcase{grid-template-columns:1fr}}
@media(min-width:851px){.pricing-grid-two{grid-template-columns:repeat(3,1fr)}}
.omx-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:10px 0 30px}
.omx-intro-single{grid-template-columns:1fr;justify-items:center}
.omx-video{margin:0;justify-self:center;max-width:360px;width:100%}.omx-video video{width:100%;height:auto;aspect-ratio:512/576;border-radius:16px;border:1px solid rgba(37,188,246,0.35);background:#ffffff;box-shadow:0 20px 50px -20px rgba(37,188,246,0.24)}
.omx-video figcaption{font-size:13px;color:var(--muted);margin-top:8px;text-align:center}
@media(max-width:850px){.omx-intro{grid-template-columns:1fr}}
@media(min-width:851px){.pricing-grid-two{grid-template-columns:repeat(2,1fr)}}
.mascot-corner-omx{border-color:rgba(37,188,246,0.35)}
.mascot-corner .mascot-subs{position:absolute;right:0;bottom:calc(100% + 10px);width:min(320px,80vw);text-align:left;box-shadow:0 12px 30px rgba(21,30,40,0.175)}
.mascot-corner .mascot-ui{position:relative}
@media(max-width:560px){.mascot-corner .mascot-ui{display:flex}.mascot-corner .mascot-play,.mascot-corner .mascot-stop{font-size:0;padding:8px 10px}.mascot-corner .mascot-play span,.mascot-corner .mascot-stop span{font-size:13px}}
@media(max-width:560px){.mascot-corner .mascot[data-compact] .mascot-figure{width:58px}.mascot-corner .mascot{gap:6px}}
.hero{grid-template-columns:1fr;min-height:auto;padding-bottom:70px}.hero-copy{max-width:780px}

.pricing-card a.button-primary,.pricing-card a.button-primary:visited{color:#0a1119}

/* ===== Tema «blanco» (vista previa) ===== */
:root{--bg:#ffffff;--panel:#f6f8fb;--panel-2:#eef2f7;--text:#0b1b2b;--muted:#4a5a6b;--line:rgba(11,27,43,.11);--grad-text:linear-gradient(120deg,#08805d 0%,#08788f 55%,#0a6fa8 100%);--grad-omx-text:linear-gradient(120deg,#0a6fa8 0%,#2a55c9 100%);--shadow:0 14px 36px -22px rgba(11,27,43,.28)}
body{background:radial-gradient(1100px 560px at 85% -10%,rgba(62,240,176,.10),transparent 60%),radial-gradient(900px 500px at -10% 35%,rgba(37,188,246,.07),transparent 60%),#fff;color:var(--text)}
.topbar{background:rgba(255,255,255,.86)}
.hero h1 span,h2 em,.closing-mark{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.omx em,.omx-hero h1 span{background:var(--grad-omx-text)!important;-webkit-background-clip:text!important;background-clip:text!important}
.service-card,.pricing-card,.account-card,.studio-panel,.step,.omx-card{background:#fff;box-shadow:var(--shadow)}
.service-card:hover,.pricing-card:hover,.omx-card:hover{box-shadow:0 26px 50px -26px rgba(11,27,43,.32)}
.eyebrow{background:#fff}
.top-cta{background:#0b1b2b;color:#fff;border-color:#0b1b2b}.top-cta:hover{background:#163250;border-color:#163250}
.button-ghost{background:#fff}
.mascot-corner{background:rgba(255,255,255,.92);box-shadow:0 12px 30px -16px rgba(11,27,43,.35)}
.mascot-figure img{filter:drop-shadow(0 14px 22px rgba(11,27,43,.22))}
@media(max-width:850px){.nav.nav-open{background:#fff!important;box-shadow:0 20px 40px rgba(11,27,43,.15)}}
.ws-tg{background:linear-gradient(135deg,#17729f 0%,#125c86 100%)!important}

/* Omnexia Social · ejemplos de uso */
.omx-showcase{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.omx-showcase-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 4px;font-weight:700;color:var(--text);font-size:15px}
.omx-showcase-sub{margin:14px 0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.omx-shots{display:grid;grid-auto-flow:column;grid-auto-columns:min(200px,62%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:thin;overscroll-behavior-x:contain}
.omx-shots:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:12px}
.omx-shot{margin:0;scroll-snap-align:start}
.omx-shot img{display:block;width:100%;height:auto;border-radius:18px}
.omx-shot figcaption{margin-top:8px;font-size:13px;line-height:1.45;color:var(--muted)}
.omx-shot figcaption b{color:var(--text)}
.omx-showcase-note{margin:4px 0 0;font-size:12px;color:var(--muted)}
@media(max-width:560px){.omx-shots{grid-auto-columns:72%}}
.omx-card .omx-shot img{width:100%;height:auto;float:none;object-fit:contain;border-radius:18px}
@media(min-width:851px){.omx-grid{align-items:start}.omx-shots{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding-bottom:4px}.omx-shot figcaption{font-size:12.5px}}
.omx-shot a{display:block;border-radius:18px}.omx-shot a:hover img{box-shadow:0 10px 26px -14px rgba(11,27,43,.4)}

/* Página de planes: misma lectura que la portada, por encima de account.css */
.pricing-main h1{font:700 clamp(40px,6vw,64px)/1.08 var(--display);letter-spacing:-.045em;margin:14px 0 12px}
.pricing-main h1 em{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.pricing-main .pricing-lede{font-size:clamp(16px,1.5vw,18px);line-height:1.65;max-width:68ch;color:var(--muted)}
.pricing-main .pricing-lede b{color:var(--text)}
.plan-jump{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 4px}
.plan-jump a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;color:var(--text)}
.plan-jump a:hover{border-color:rgba(37,188,246,.65);color:var(--text)}
.pricing-main .pricing-grid{gap:20px;margin:22px 0 8px;align-items:stretch}
.pricing-main .pricing-card,.pricing-main #mascota-exclusiva{scroll-margin-top:96px}
.pricing-main .pricing-card{min-height:0;padding:26px 24px;align-items:stretch;background:#fff}
.pricing-main .pricing-card.omx-scope{border-color:rgba(37,188,246,.45)}
.pricing-main .pricing-card.featured{border-color:rgba(10,111,168,.5);background:linear-gradient(165deg,rgba(10,111,168,.08),#fff 46%);box-shadow:0 18px 40px -24px rgba(10,111,168,.45)}
.pricing-main .pricing-card>span{font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--mint)}
.pricing-main .pricing-card h2{font:700 26px/1.2 var(--display);letter-spacing:-.03em;margin:10px 0 8px}
.pricing-main .pricing-card p{min-height:0;font-size:15px;line-height:1.6;color:var(--muted)}
.pricing-main .plan-price{margin:12px 0 4px}
.pricing-main .plan-price strong{font:700 34px/1.1 var(--display);letter-spacing:-.03em;color:var(--text);margin:0}
.pricing-main .plan-period{font:600 16px/1.2 var(--font);letter-spacing:0;color:var(--muted);margin-left:4px}
.pricing-main .pricing-card ul{margin:12px 0 20px;padding-left:1.15rem;font-size:15px;line-height:1.55;color:var(--text)}
.pricing-main .pricing-card li{margin:7px 0}
.pricing-main .pricing-card .button-primary{width:100%;margin-top:auto;min-height:48px;font-size:15px;text-align:center}
.pricing-main .plan-alt{margin:12px 0 0;font-size:14px}
.plan-promo{font-weight:700;color:var(--text)}
.plan-was,.plan-after{color:var(--muted)}
.addon-price s,.plan-price s,.plan-was s,.plan-promo s{font-size:16px;font-weight:600;color:var(--muted);text-decoration:line-through;margin-left:6px}
.pricing-card .plan-price{min-height:0;margin:10px 0 4px;font-size:15px}
.pricing-card .plan-price strong{font:700 32px/1.1 var(--display);letter-spacing:-.03em;color:var(--text)}
.pricing-card .plan-promo,.pricing-card .plan-was,.pricing-card .plan-after{min-height:0;margin:0 0 8px;font-size:15px;line-height:1.45}
.omx-ejemplos .omx-showcase{margin-top:0;padding-top:0;border-top:0}
.pricing-main .plan-notes{display:grid;gap:12px;margin-top:22px}
.pricing-main .pricing-note{font-size:15px;line-height:1.6;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--mint)}
.pricing-main .pricing-note b{font-size:16px;color:var(--text)}
.pricing-main .pricing-note span{color:var(--muted)}
@media(max-width:759px){.pricing-main .pricing-grid,.pricing-main .pricing-grid-two{grid-template-columns:1fr}.pricing-main{padding-top:36px}}
@media(prefers-reduced-motion:reduce){.pricing-main .pricing-card,.pricing-main .pricing-card:hover{transition:none;transform:none}}
/* Portada: avatar de Omnexia compacto a un lado del texto (18-10-2026) */
.omx-head.omx-head-side{grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:center}
.omx-head-side .omx-head-text p{margin:18px 0 0;max-width:600px}
.omx-mascot.omx-mascot-side{margin:0;justify-self:end;width:300px;padding:18px 16px;border-radius:22px;border:1px solid rgba(37,188,246,.28);background:#fff;box-shadow:0 18px 40px -24px rgba(11,27,43,.3)}
.omx-mascot-side .mascot-figure{width:140px}
.omx-mascot-side .mascot-ui{max-width:268px}
.omx-mascot-side .mascot-subs{font-size:14px}
@media(max-width:850px){
 .omx-head.omx-head-side{grid-template-columns:1fr;gap:22px}
 .omx-mascot.omx-mascot-side{justify-self:stretch;width:auto;max-width:420px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 14px}
 .omx-mascot-side .mascot-figure{width:84px;flex:0 0 84px}
 .omx-mascot-side .mascot-ui{flex:1 1 150px;justify-content:flex-start;text-align:left;max-width:none}
 .omx-mascot-side .mascot-play,.omx-mascot-side .mascot-stop{font-size:13px;padding:8px 13px}
}
/* Precios sin texto introductorio: del título a los planes (18-10-2026) */
.pricing-main h1+.plan-jump{margin-top:20px}
/* Estudio web: ejemplo del panel (chat + vista previa) en marco de navegador (18-10-2026) */
.ew-panel-demo{padding-top:34px}
.ew-panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px 30px;margin-bottom:18px}
.ew-panel-head h2{font:700 clamp(26px,3.2vw,38px)/1.12 var(--display);letter-spacing:-.03em;margin:0}
.ew-panel-head h2 em{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.ew-panel-head p{margin:0;color:var(--muted);font-size:17px;max-width:46ch}
.ew-browser{margin:0;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -34px rgba(11,27,43,.38)}
.ew-browser-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#f6f8fa;border-bottom:1px solid var(--line)}
.ew-browser-bar span{width:10px;height:10px;border-radius:50%;background:#dfe4ea}
.ew-browser-bar i{font-style:normal;font-size:12px;color:var(--muted);margin-left:10px;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ew-browser-shot{position:relative}
.ew-browser-shot img{display:block;width:100%;height:auto}
.ew-shot-tag{margin-left:auto;flex:0 0 auto;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.04em;color:#4b5563;background:#fff;border:1px solid var(--line);padding:3px 9px;border-radius:999px}
@media(max-width:600px){.ew-panel-demo{padding-top:22px}.ew-panel-head p{font-size:15px}.ew-browser{border-radius:14px}.ew-browser-bar{padding:8px 10px}.ew-browser-bar span{width:8px;height:8px}.ew-shot-tag{font-size:10px;padding:2px 7px}}
/* Portada: Estudio web con texto + botón a un lado y ejemplo del panel al otro (18-10-2026) */
.webstudio-head.webstudio-head-side{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:48px}
.ws-head-text p{margin:16px 0 0}
.ws-head-cta{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ws-head-cta .button{margin-top:6px}
.ws-webs-link{font-weight:600}
@media(max-width:850px){.webstudio-head.webstudio-head-side{grid-template-columns:1fr;gap:24px}.ws-head-shot{max-width:520px;width:100%}}
/* Portada: ejemplo del panel en el hero (bajo la frase; a la derecha en escritorio) (18-10-2026) */
.hero-shot{margin:24px 0 0;max-width:560px}
.hero-shot .ew-browser-bar{padding:8px 12px}
@media(min-width:1000px){
 .hero .hero-copy{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);column-gap:52px;align-items:center}
 .hero .hero-copy h1{font-size:clamp(48px,4.7vw,70px)}
 .hero .proof{margin-top:34px}
 .hero .hero-copy>.eyebrow{justify-self:start}
 .hero .hero-copy>*{grid-column:1}
 .hero .hero-copy>.hero-shot{grid-column:2;grid-row:1 / span 6;align-self:center;margin:0;max-width:none;width:100%}
}
@media(max-width:600px){.hero-shot{margin-top:20px;border-radius:14px}.hero-shot .ew-browser-bar{padding:6px 10px}.hero-shot .ew-browser-bar span{width:7px;height:7px}.hero-shot .ew-browser-bar i{display:none}}

/* ===== Avatar v3 (robot N): sin recuadro, flotando, solo CSS ===== */
.mascot-corner{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;padding:0!important}
.mascot-corner .mascot-glow{display:none}
.mascot-corner .mascot-figure{width:104px!important;animation:nx3-float 4s ease-in-out infinite}
.mascot-corner .mascot-figure img{transform-origin:50% 100%;animation:nx3-sway 6s ease-in-out infinite,nx3-lights 3.2s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(11,27,43,.28)) drop-shadow(0 0 4px rgba(37,188,246,.35))}
.mascot-corner:hover .mascot-figure img{animation:nx3-hello .9s ease-in-out 2,nx3-lights 1.6s ease-in-out infinite}
@keyframes nx3-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes nx3-sway{0%,100%{transform:rotate(0)}25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}86%{transform:rotate(-4deg)}90%{transform:rotate(3deg)}94%{transform:rotate(0)}}
@keyframes nx3-hello{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@keyframes nx3-lights{0%,100%{filter:drop-shadow(0 10px 14px rgba(11,27,43,.28)) drop-shadow(0 0 3px rgba(37,188,246,.25)) brightness(1)}50%{filter:drop-shadow(0 10px 14px rgba(11,27,43,.28)) drop-shadow(0 0 12px rgba(37,188,246,.75)) brightness(1.06)}}
@media(max-width:560px){.mascot-corner .mascot-figure{width:72px!important}}
@media(prefers-reduced-motion:reduce){.mascot-corner .mascot-figure,.mascot-corner .mascot-figure img,.mascot-corner:hover .mascot-figure img{animation:none!important}}

/* ===== Galería de vídeos de mascotas ===== */
.mascot-reel{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.mascot-reel h4{margin:0 0 12px;font-size:16px}
.mascot-reel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,210px));gap:16px}
.mascot-reel-item{margin:0}
.mascot-reel-item video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:16px;background:#f2f3f5;border:1px solid var(--line)}
.mascot-reel-item figcaption{margin-top:8px;font-size:13px;line-height:1.35;color:var(--muted)}
.mascot-reel-item figcaption b{display:block;color:var(--text);font-size:14px}
@media(max-width:560px){.mascot-reel-grid{grid-template-columns:repeat(2,1fr);gap:10px}}