/* Nexora Global Studio · revisión premium 2026-10-29
   Extensión no destructiva del tema Nexora Ultra. */
:root{--nx-ink:#09070d;--nx-purple:#8e5bd2;--nx-muted:#c3bcca;--nx-outline:rgba(245,235,255,.15)}
.nx-premium-hero{
  position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(ellipse at 85% 20%,rgba(87,44,124,.16),transparent 40%),linear-gradient(180deg,#0b0910 0%,#09070b 100%);
  border-bottom:1px solid rgba(255,255,255,.07)
}
.nx-premium-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px);background-size:100% 90px;mask-image:linear-gradient(to right,transparent 30%,black 100%)}
.nx-premium-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:clamp(32px,5vw,90px);align-items:center;min-height:min(790px,92svh);padding-top:clamp(80px,9vw,120px);padding-bottom:clamp(65px,8vw,100px)}
.nx-premium-hero-copy{min-width:0;position:relative;z-index:2}
.nx-label{display:flex;align-items:center;gap:13px;margin:0 0 30px;color:#bda5d1;letter-spacing:.22em;font-size:.69rem;font-weight:720}
.nx-label span{width:23px;height:1px;background:#b892db}
.nx-premium-hero h1{margin:0;max-width:780px;color:#f7f3f9;font-size:clamp(3.2rem,5.5vw,5.75rem);line-height:1.035;letter-spacing:-.064em;font-weight:740}
.nx-premium-hero h1 em{font-style:normal;color:#bea1e8}
.nx-premium-hero-copy>p:not(.nx-label){max-width:550px;margin:28px 0 0;color:#c4bec9;line-height:1.8;font-size:clamp(1rem,1.4vw,1.15rem)}
.nx-premium-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.nx-premium-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 24px;border-radius:9px;border:1px solid transparent;color:#fff;font-weight:690;font-size:.9rem;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;cursor:pointer}
.nx-premium-button:hover{transform:translateY(-2px)}
.nx-solid{background:#7851ac;border-color:#9773c4}
.nx-solid:hover{background:#8e62c3}
.nx-outline{background:transparent;border-color:rgba(255,255,255,.23)}
.nx-outline:hover{border-color:#ad92c9;background:rgba(255,255,255,.045)}
.nx-premium-button:focus-visible,.nx-premium-form input:focus-visible,.nx-premium-form textarea:focus-visible,.nx-premium-form select:focus-visible{outline:2px solid #d3b3fa;outline-offset:3px}
.nx-premium-proof{display:flex;flex-wrap:wrap;gap:24px;margin-top:54px;font-size:.64rem;letter-spacing:.13em;color:#8f8798}
.nx-premium-visual{position:relative;align-self:stretch;min-height:515px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#281e38,#0a0810);border:1px solid rgba(218,201,236,.13);box-shadow:0 35px 85px rgba(0,0,0,.34)}
.nx-premium-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.86) contrast(1.07)}
/* Portada aprobada: la proporción panorámica permite ver a ambos modelos y el logo completo. */
body.home .nx-premium-visual{min-height:0;aspect-ratio:1774 / 887;align-self:center;width:100%;background:#0b0711;border-radius:18px}
body.home .nx-premium-visual img.nx-premium-feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
@media(max-width:560px){body.home .nx-premium-visual{min-height:0;aspect-ratio:1774 / 887;border-radius:14px}}

/* Portada visual sin modelos: identidad Nexora + tecnología abstracta, sin fotografías pesadas. */
.nx-hero-brand-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 12%,rgba(127,70,188,.24),transparent 52%),radial-gradient(ellipse at 80% 70%,rgba(100,52,171,.18),transparent 40%),linear-gradient(145deg,#161020 0%,#08070e 72%)}
.nx-hero-brand-art:before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(90deg,rgba(219,194,255,.08) 1px,transparent 1px),linear-gradient(rgba(219,194,255,.08) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,transparent 3%,#000 40%,transparent 92%)}
.nx-hero-brand-ambient{position:absolute;left:10%;top:8%;width:80%;height:52%;border-radius:50%;background:#5c2896;filter:blur(85px);opacity:.18}
.nx-hero-brand-grid{position:absolute;left:-20%;bottom:1%;width:140%;height:50%;background:linear-gradient(rgba(179,124,228,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(179,124,228,.15) 1px,transparent 1px);background-size:40px 40px;transform:perspective(350px) rotateX(66deg);transform-origin:bottom;opacity:.45}
.nx-hero-brand-lockup{position:absolute;top:10%;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;z-index:2}
.nx-premium-visual img.nx-hero-brand-logo{position:relative;inset:auto;display:block;width:73px;height:73px;max-width:none;object-fit:contain;filter:none;border-radius:50%;box-shadow:0 9px 36px rgba(133,68,196,.18)}
.nx-hero-brand-lockup span{font-size:clamp(1.15rem,2vw,1.8rem);font-weight:720;letter-spacing:.24em;line-height:1.2;padding-left:.24em;color:#f5efff}
.nx-hero-brand-lockup small{font-size:.56rem;letter-spacing:.36em;color:#d2b5e8;font-weight:700;padding-left:.36em}
.nx-hero-dashboard{position:absolute;z-index:1;left:12%;top:41%;width:76%;height:31%;min-height:115px;border:1px solid rgba(201,165,231,.22);border-radius:12px;background:linear-gradient(135deg,rgba(39,27,53,.95),rgba(14,11,26,.97));box-shadow:0 21px 65px rgba(0,0,0,.38),0 0 55px rgba(115,64,179,.11);overflow:hidden}
.nx-hero-dashboard-top{height:31px;border-bottom:1px solid rgba(238,215,255,.10);display:flex;align-items:center;gap:12px;padding:0 12px;font-size:.46rem;letter-spacing:.17em;color:#a999b7}
.nx-hero-dashboard-dots{display:flex;gap:4px}
.nx-hero-dashboard-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#7c628e}
.nx-hero-dashboard-indicator{width:7px;height:7px;border-radius:50%;margin-left:auto;background:#b99adf;box-shadow:0 0 10px rgba(179,118,246,.7)}
.nx-hero-dashboard-panels{display:grid;grid-template-columns:1.7fr 1fr;gap:9px;padding:11px;height:calc(100% - 31px)}
.nx-hero-dashboard-chart,.nx-hero-dashboard-side{position:relative;overflow:hidden;border-radius:6px;border:1px solid rgba(178,134,218,.10);background:rgba(255,255,255,.025)}
.nx-hero-chart-caption{position:absolute;left:8%;top:13%;font-size:.39rem;letter-spacing:.12em;color:#9c87af}
.nx-hero-chart-curve{position:absolute;left:7%;bottom:14%;width:87%;height:66%;background:linear-gradient(to top,rgba(164,106,227,.09),rgba(173,110,236,.82));clip-path:polygon(0 83%,8% 79%,17% 85%,27% 57%,39% 66%,49% 45%,60% 51%,71% 23%,80% 29%,91% 8%,100% 16%,100% 100%,0 100%)}
.nx-hero-chart-base{position:absolute;bottom:16%;left:7%;width:87%;border-top:1px solid rgba(194,150,236,.18)}
.nx-hero-dashboard-side{padding:12px 9px;display:flex;flex-direction:column;justify-content:space-between}
.nx-hero-dashboard-side>span,.nx-hero-dashboard-side>small{color:#a592bb;font-size:.36rem;letter-spacing:.1em}
.nx-hero-bars{display:flex;align-items:end;justify-content:center;gap:6%;height:55%}
.nx-hero-bars i{width:8%;background:linear-gradient(0deg,#4a2c70,#aa76d9);border-radius:3px 3px 0 0}
.nx-hero-bars i:nth-child(1){height:32%}.nx-hero-bars i:nth-child(2){height:54%}.nx-hero-bars i:nth-child(3){height:41%}.nx-hero-bars i:nth-child(4){height:79%}.nx-hero-bars i:nth-child(5){height:61%}.nx-hero-bars i:nth-child(6){height:85%}.nx-hero-bars i:nth-child(7){height:96%}
@media(max-width:560px){.nx-hero-brand-lockup{top:9%}.nx-premium-visual img.nx-hero-brand-logo{width:54px;height:54px}.nx-hero-brand-lockup span{font-size:1.12rem}.nx-hero-dashboard{top:39%;left:9%;width:82%;height:32%}.nx-hero-dashboard-panels{gap:6px;padding:7px}.nx-hero-dashboard-top{height:26px}.nx-hero-dashboard-side{padding:7px 5px}.nx-hero-dashboard-side>span,.nx-hero-dashboard-side>small{font-size:.29rem}}

.nx-premium-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,7,14,.03) 20%,rgba(9,7,14,.25) 48%,rgba(9,7,14,.91) 100%)}
.nx-premium-visual-caption{position:absolute;bottom:36px;left:34px;right:34px;display:grid;gap:12px}
.nx-premium-visual-caption small{font-size:.65rem;letter-spacing:.21em;font-weight:700;color:#e0d4ed}
.nx-premium-visual-caption strong{font-size:clamp(1.6rem,2.4vw,2.75rem);font-weight:670;letter-spacing:-.04em;line-height:1.16;max-width:420px}
.nx-premium-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 26px;color:#817a88;letter-spacing:.12em;font-size:.68rem;font-weight:650}
.nx-premium-hero-foot a{text-decoration:none;color:#c5b0dc}
.nx-premium-hero-foot a:hover{color:#fff}
body.home .projects-section{padding-top:clamp(72px,8vw,110px)}
body.home .projects-section .section-head .eyebrow{color:#baa1d5}
body.home .project-card{border-radius:18px}
body.home .service-card{border-radius:20px}
body.home .service-card-body{background:#141119}
.nx-premium-quote{background:linear-gradient(150deg,#0d0a13 0%,#15101d 100%);border-block:1px solid rgba(255,255,255,.08)}
.nx-premium-quote-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);align-items:start;gap:clamp(40px,7vw,110px)}
.nx-premium-quote-copy{position:sticky;top:130px;padding-top:30px;min-width:0}
.nx-premium-quote-copy h2{margin:0;font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.06;letter-spacing:-.06em;font-weight:720}
.nx-premium-quote-copy h2 span{color:#b597d8}
.nx-premium-quote-copy>p:not(.eyebrow){max-width:480px;color:#c4bbc9;line-height:1.75;font-size:1.04rem;margin-top:24px}
.nx-premium-stages{display:flex;flex-direction:column;gap:16px;margin-top:52px;color:#b5a9bb;font-size:.8rem;letter-spacing:.025em}
.nx-premium-stages span{padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.09);max-width:350px}
.nx-premium-form{padding:clamp(23px,3vw,40px);border:1px solid rgba(211,191,235,.15);background:#181320;border-radius:18px;display:grid;gap:19px;box-shadow:0 30px 70px rgba(0,0,0,.18);min-width:0}
.nx-premium-form-title{display:flex;flex-direction:column;gap:7px;padding-bottom:7px}
.nx-premium-form-title strong{font-size:1.32rem;letter-spacing:-.03em;font-weight:720}
.nx-premium-form-title span{color:#9f95a8;font-size:.84rem}
.nx-premium-form label{display:grid;align-content:start;gap:9px;font-size:.79rem;font-weight:650;color:#eee9f0}
.nx-premium-form input,.nx-premium-form select,.nx-premium-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:50px;border-radius:8px;border:1px solid rgba(239,226,253,.14);background:#110e17;color:#fff;padding:12px 14px;font-size:.9rem;font-weight:450;outline:none}
.nx-premium-form select{appearance:auto}
.nx-premium-form input::placeholder,.nx-premium-form textarea::placeholder{color:#857a8c}
.nx-premium-form textarea{resize:vertical;min-height:100px}
.nx-premium-form input:focus,.nx-premium-form select:focus,.nx-premium-form textarea:focus{border-color:#a88ad2}
.nx-premium-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.nx-premium-submit{width:100%;text-align:center}
.nx-premium-form-note{font-size:.72rem;color:#a79aaa;line-height:1.6;margin:0}
@media(max-width:900px){
 .nx-premium-hero-grid{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:72px;padding-bottom:38px;gap:44px}
 .nx-premium-hero h1{max-width:680px}
 .nx-premium-visual{min-height:410px}
 .nx-premium-quote-grid{grid-template-columns:minmax(0,1fr);gap:34px}
 .nx-premium-quote-copy{position:static;padding-top:0}
 .nx-premium-stages{margin-top:28px;flex-direction:row;flex-wrap:wrap}
}
@media(max-width:560px){
 .nx-premium-hero-grid{padding-top:55px;gap:30px}
 .nx-label{font-size:.58rem;letter-spacing:.16em;margin-bottom:24px}
 .nx-premium-hero h1{font-size:clamp(2.55rem,10.4vw,4rem);letter-spacing:-.065em}
 .nx-premium-hero-copy>p:not(.nx-label){font-size:.98rem;margin-top:21px;line-height:1.7}
 .nx-premium-actions{margin-top:28px}
 .nx-premium-actions .nx-premium-button{width:100%}
 .nx-premium-proof{margin-top:33px;gap:13px;font-size:.56rem}
 .nx-premium-visual{min-height:360px;border-radius:14px}
 .nx-premium-visual-caption{left:20px;right:20px;bottom:24px}
 .nx-premium-visual-caption strong{font-size:1.65rem}
 .nx-premium-hero-foot{padding-bottom:22px;font-size:.53rem}
 .nx-premium-quote-copy h2{font-size:clamp(2.3rem,9vw,3.2rem)}
 .nx-premium-two{grid-template-columns:minmax(0,1fr)}
 .nx-premium-form{padding:20px;gap:17px}
 .nx-premium-stages{display:grid}
}
/* Portada 2.0: ampliar la foto manteniendo a ambos modelos y el logo visibles. */
@media(min-width:1101px){
 body.home .nx-premium-hero .shell.nx-premium-hero-grid{
   width:min(calc(100% - 64px),1340px);
   grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);
   gap:clamp(22px,2.5vw,36px);
   min-height:clamp(610px,75svh,760px);
   padding-block:clamp(64px,6vw,90px);
   align-items:start;
 }
 body.home .nx-premium-hero h1{font-size:clamp(3.25rem,5vw,5.4rem)}
 body.home .nx-premium-hero .nx-premium-visual{width:100%;max-width:none;aspect-ratio:1774 / 887;align-self:start;margin-top:0}
}
@media(min-width:901px) and (max-width:1100px){
 body.home .nx-premium-hero .shell.nx-premium-hero-grid{
   grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
   gap:26px;
   align-items:start;
 }
 body.home .nx-premium-hero .nx-premium-visual{align-self:start;margin-top:0}
 body.home .nx-premium-hero h1{font-size:clamp(3rem,4.7vw,4.1rem)}
}
@media(prefers-reduced-motion:reduce){.nx-premium-button{transition:none}}

/* Orden real de la portada 2026-11-02. El tema base usa main flex con órdenes
   heredados que colocaban el cotizador antes del portafolio. */
body.home main > .nx-premium-hero{order:0}
body.home main > #proyectos.nx-portfolio-band{order:1}
body.home main > .nx-premium-quote{order:2}
body.home main > .product-section{order:3}
body.home main > #servicios{order:4}
body.home main > .brand-strip{order:5}
body.home main > .studio-section{order:6}
body.home main > .process-section{order:7}
body.home main > .careers-cta{order:8}
body.home main > .cta-section{order:9}
/* Portafolio inmediato bajo la portada: franja horizontal con proyectos reales. */
body.home #proyectos.nx-portfolio-band{padding:34px 0 46px;background:#09080d;border-top:1px solid rgba(255,255,255,.075)}
body.home #proyectos.nx-portfolio-band .section-head{align-items:end;display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}
body.home #proyectos.nx-portfolio-band .section-head h2{font-size:clamp(1.6rem,2.75vw,2.8rem);line-height:1.08;letter-spacing:-.045em;font-weight:730;max-width:690px;margin:0}
body.home #proyectos.nx-portfolio-band .section-head .eyebrow{margin:0 0 11px;color:#b99adc;font-size:.65rem}
body.home #proyectos.nx-portfolio-band .section-head>p{max-width:330px;color:#9e96a8;font-size:.86rem;line-height:1.6;margin:0}
body.home #proyectos.nx-portfolio-band .project-marquee{padding:8px 0 16px}
body.home #proyectos.nx-portfolio-band .project-track{animation-duration:68s}
body.home #proyectos.nx-portfolio-band .project-marquee .project-card{flex-basis:clamp(290px,29vw,400px)!important;width:clamp(290px,29vw,400px)!important;height:clamp(220px,21.75vw,300px)!important;border-radius:16px;box-shadow:0 16px 44px rgba(0,0,0,.19)}
body.home #proyectos.nx-portfolio-band .project-overlay{left:19px;right:19px;bottom:16px}
body.home #proyectos.nx-portfolio-band .project-overlay strong{font-size:1.33rem}
body.home #proyectos.nx-portfolio-band .project-brand-card{background:#0d1219}
body.home #proyectos.nx-portfolio-band .project-brand-card .project-brand-scene{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;padding:20px 22px}
body.home #proyectos.nx-portfolio-band .project-brand-delta .project-brand-scene{background:radial-gradient(circle at 78% 62%,rgba(178,135,50,.16),transparent 50%),linear-gradient(140deg,#0a2331 0%,#10292c 52%,#08131b 100%)}
body.home #proyectos.nx-portfolio-band .project-brand-360 .project-brand-scene{background:linear-gradient(128deg,rgba(175,33,50,.08),transparent 52%),linear-gradient(135deg,#242429 0%,#151519 58%,#0c0b0e 100%)}
body.home #proyectos.nx-portfolio-band .project-brand-topline{position:relative;z-index:2;display:flex;align-items:center;gap:7px;font-size:.54rem;letter-spacing:.13em;color:rgba(255,255,255,.7);font-weight:650;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:10px}
body.home #proyectos.nx-portfolio-band .project-brand-topline span:last-child{margin-left:auto;font-size:.46rem;color:rgba(255,255,255,.45)}
body.home #proyectos.nx-portfolio-band .project-brand-dot{height:7px;width:7px;border-radius:50%;background:#d0ac61;flex:none}
body.home #proyectos.nx-portfolio-band .project-brand-360 .project-brand-dot{background:#c44754}
body.home #proyectos.nx-portfolio-band .project-brand-feature{position:relative;z-index:2;margin-top:23px;display:grid;gap:8px;max-width:240px}
body.home #proyectos.nx-portfolio-band .project-brand-feature>span:first-child{color:#aebbc2;font-size:.55rem;letter-spacing:.16em}
body.home #proyectos.nx-portfolio-band .project-brand-feature strong{font-weight:760;font-size:clamp(1.7rem,3.1vw,2.8rem);line-height:.9;letter-spacing:-.05em;color:#f1eadb}
body.home #proyectos.nx-portfolio-band .project-brand-360 .project-brand-feature strong{color:#f4f3f3}
body.home #proyectos.nx-portfolio-band .project-brand-feature strong span{color:#c64d5b}
body.home #proyectos.nx-portfolio-band .project-brand-feature-mark{display:none}
body.home #proyectos.nx-portfolio-band .project-brand-facets{position:absolute;right:-4%;top:25%;width:48%;height:69%;transform:skewY(-11deg);display:grid;grid-template-columns:repeat(4,1fr);gap:5px;opacity:.73}
body.home #proyectos.nx-portfolio-band .project-brand-facets i{display:block;border:1px solid rgba(141,188,208,.3);background:repeating-linear-gradient(0deg,rgba(86,143,161,.2) 0 2px,transparent 2px 13px),linear-gradient(135deg,#193f54,#0b1c2e);box-shadow:0 9px 28px rgba(0,0,0,.18)}
body.home #proyectos.nx-portfolio-band .project-brand-360 .project-brand-facets{width:46%;right:-8%;top:21%;opacity:.88;transform:skewY(-14deg);gap:8px}
body.home #proyectos.nx-portfolio-band .project-brand-360 .project-brand-facets i{background:linear-gradient(158deg,rgba(255,255,255,.08),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.16);border-bottom:4px solid rgba(177,36,51,.6)}
body.home #proyectos.nx-portfolio-band .project-brand-card::after{background:linear-gradient(180deg,transparent 32%,rgba(7,6,10,.19) 57%,rgba(7,6,10,.92) 100%)}
@media(max-width:860px){
 body.home #proyectos.nx-portfolio-band{padding:27px 0 32px}
 body.home #proyectos.nx-portfolio-band .section-head{align-items:start;flex-direction:column;gap:10px;margin-bottom:14px}
 body.home #proyectos.nx-portfolio-band .section-head h2{font-size:clamp(1.8rem,5.8vw,2.45rem)}
 body.home #proyectos.nx-portfolio-band .section-head>p{max-width:560px}
}
@media(max-width:560px){
 body.home #proyectos.nx-portfolio-band .project-marquee .project-card{flex-basis:80vw!important;width:80vw!important;height:62vw!important;max-height:310px!important}
 body.home #proyectos.nx-portfolio-band .project-brand-feature{margin-top:18px}
 body.home #proyectos.nx-portfolio-band .project-brand-feature strong{font-size:2.15rem}
 body.home #proyectos.nx-portfolio-band .project-brand-topline span:last-child{font-size:.42rem}
}
@media(prefers-reduced-motion:reduce){body.home #proyectos.nx-portfolio-band .project-track{animation:none!important}}