/* PROINTEX — Identidad unificada V7. El inicio aprobado permanece inalterado. */
@view-transition{navigation:auto}
::view-transition-old(root){animation: .14s ease-in both pxFadeOut}
::view-transition-new(root){animation: .25s ease-out both pxFadeIn}
@keyframes pxFadeOut{to{opacity:0}}
@keyframes pxFadeIn{from{opacity:0}}
html{scroll-padding-top:110px}
body.site-internal{--px-dark:#07162d;--px-blue:#103b69;--px-red:#d91c20;--px-light:#e7eff8;background:#e7eff8;color:#0c2d51}
body.site-internal .wrap{width:min(1180px,calc(100% - 52px));margin-inline:auto}
/* Same floating white navbar as the approved homepage, over the same navy atmosphere */
body.site-internal .site-header,
html[data-theme="dark"] body.site-internal .site-header{position:relative;top:auto;z-index:80;height:auto;min-height:0;padding:14px 0 13px;background:linear-gradient(114deg,#07162d,#0b2547 65%,#123b65);border:0;box-shadow:none;backdrop-filter:none}
body.site-internal .site-header .nav-shell{position:relative;display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 52px));min-height:74px;height:auto;gap:13px;padding:9px 13px 9px 24px;margin:auto;background:linear-gradient(118deg,rgba(255,255,255,.98),rgba(233,243,253,.97));border:1px solid rgba(255,255,255,.85);border-radius:24px;box-shadow:0 12px 38px rgba(0,14,34,.27);color:#163254;backdrop-filter:blur(18px)}
body.site-internal .logo-link{width:174px;flex:none}
body.site-internal .logo-link img{width:100%;filter:none}
body.site-internal .desktop-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:0}
body.site-internal .desktop-nav a,
html[data-theme="dark"] body.site-internal .desktop-nav a{font:800 11px/1.3 'Manrope',system-ui,sans-serif;display:flex;align-items:center;justify-content:center;min-height:40px;height:auto;padding:10px 9px;color:#243c58;border-radius:12px;background:transparent;box-shadow:none;white-space:nowrap;letter-spacing:0}
body.site-internal .desktop-nav a:hover,
body.site-internal .desktop-nav a.nav-active,
html[data-theme="dark"] body.site-internal .desktop-nav a:hover,
html[data-theme="dark"] body.site-internal .desktop-nav a.nav-active{color:#17437c;background:rgba(170,208,245,.34);box-shadow:none}
body.site-internal .desktop-nav a.nav-active::after{height:2px;bottom:2px;left:12px;right:12px;background:#e12c26}
body.site-internal .nav-whatsapp{height:43px;min-height:43px;flex:none;border-radius:14px;padding:0 16px;background:linear-gradient(145deg,#ec322c,#b9121b);box-shadow:0 8px 24px rgba(196,19,28,.26);color:#fff;font-size:11px}
body.site-internal .theme-toggle,
html[data-theme="dark"] body.site-internal .theme-toggle{margin:0;order:2;min-height:42px;height:42px;border:1px solid #c4d7e9;border-radius:13px;background:#eff7fd;color:#17416c;box-shadow:none}
body.site-internal .cart-trigger,
html[data-theme="dark"] body.site-internal .cart-trigger{order:3;min-height:43px;height:43px;background:#f1f7fd;color:#17416c;border:1px solid #c4d7e9;border-radius:13px}
body.site-internal .menu-toggle{order:4;background:#eaf3fc;border:1px solid #bfd2e3}
body.site-internal .mobile-menu{top:94px}
/* A full site family of heroes: same proportions, accent block, ambient blue, photoreal transparent products. */
body.site-internal .px-hero{--px-glow:rgba(52,153,230,.34);position:relative;isolation:isolate;overflow:hidden;padding:30px 0 0;min-height:570px;color:#f7fbff;background:linear-gradient(116deg,#07162d 0%,#0b2142 45%,#144b7d 80%,#081a35 100%);border:0;border-radius:0}
body.site-internal .px-hero--red{--px-glow:rgba(220,55,59,.26);background:linear-gradient(114deg,#07162d 0%,#0c2346 45%,#19416a 75%,#163354 100%)}
body.site-internal .px-hero--ice{--px-glow:rgba(138,197,255,.30);background:linear-gradient(116deg,#081c39 0%,#0f3053 58%,#255d88 100%)}
body.site-internal .px-hero::before{content:"";position:absolute;pointer-events:none;inset:-25% -10% 0 18%;background:radial-gradient(ellipse 540px 380px at 73% 56%,var(--px-glow),transparent 73%);filter:blur(35px);animation:pxAmbient 12s ease-in-out infinite alternate;z-index:-1}
body.site-internal .px-hero::after{content:"";position:absolute;pointer-events:none;right:-12%;bottom:-50%;width:620px;height:510px;background:radial-gradient(ellipse,rgba(62,140,223,.12),transparent 68%);filter:blur(45px);z-index:-1}
@keyframes pxAmbient{to{transform:translate(-7%,6%) scale(1.16)}}
body.site-internal .px-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.99fr);gap:16px;align-items:center;min-height:440px}
body.site-internal .px-hero-copy{position:relative;z-index:5;min-width:0;padding:10px 0 36px}
body.site-internal .px-hero-kicker{font:800 10px/1.6 'Manrope',system-ui,sans-serif;color:#b2dafa;letter-spacing:.11em;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px;text-transform:uppercase}
body.site-internal .px-hero-kicker i{height:7px;width:7px;background:#e42a25;box-shadow:0 0 0 4px rgba(228,42,37,.17);border-radius:99px;flex:none}
body.site-internal .px-hero-slash{color:#789dc2}
body.site-internal .px-hero-copy h1{font:900 clamp(63px,6vw,91px)/.93 'Barlow Condensed','Arial Narrow',Impact,sans-serif;margin:0 0 24px;letter-spacing:-.023em;text-transform:uppercase;color:#fff;max-width:100%;overflow-wrap:normal}
body.site-internal .px-headline-line{display:block;max-width:100%;white-space:nowrap}
body.site-internal .px-headline-line.px-spotline{margin:.055em 0 .13em}
body.site-internal .px-highlight{display:inline-block;width:max-content;max-width:100%;padding:0 .12em .07em;margin:0 .01em;background:linear-gradient(145deg,#f7352e,#d6171d 57%,#ae101d);border-radius:15px;border:1px solid rgba(255,139,125,.58);box-shadow:inset 0 1px 0 rgba(255,207,200,.48),0 12px 29px rgba(190,13,29,.27);color:#fff;transform:skew(-3deg)}
body.site-internal .px-hero-copy p{font:500 clamp(13px,1.15vw,15px)/1.85 'Manrope',sans-serif;color:#c8dff5;max-width:450px;margin:0 0 24px}
body.site-internal .px-hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
body.site-internal .px-hero-btn,body.site-internal .px-hero-ghost{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:13px 17px;border-radius:14px;font:800 11px/1.2 'Manrope',sans-serif;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.15);transition:transform .25s,background .25s}
body.site-internal .px-hero-btn{background:linear-gradient(135deg,#ee322a,#bd111b);border:1px solid #f7484099}
body.site-internal .px-hero-ghost{background:linear-gradient(130deg,#ffffff1e,#e1f0ff11);border:1px solid #d0eaff70}
body.site-internal .px-hero-btn:hover,body.site-internal .px-hero-ghost:hover{transform:translateY(-3px)}
body.site-internal .px-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:435px;align-self:stretch;isolation:isolate;min-width:0}
body.site-internal .px-hero-visual img{position:relative;z-index:2;max-width:112%;width:112%;height:405px;object-fit:contain;filter:drop-shadow(0 26px 23px rgba(0,9,24,.35));animation:pxFloat 7s ease-in-out infinite}
@keyframes pxFloat{50%{transform:translateY(-10px)}}
body.site-internal .px-hero-glow{z-index:-1;position:absolute;inset:17% 0 7%;background:radial-gradient(ellipse at center,rgba(83,158,227,.25),transparent 68%);filter:blur(28px);pointer-events:none}
body.site-internal .px-art-monogram{font:900 clamp(120px,20vw,310px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.1em;color:rgba(136,207,255,.12);transform:skew(-6deg)}
body.site-internal .px-hero-art-note{position:absolute;z-index:3;right:0;bottom:24px;display:flex;gap:12px;align-items:center;justify-content:flex-end;color:#a9d1f6;font:800 9px/1.5 'Manrope',sans-serif;letter-spacing:.12em;pointer-events:none}
body.site-internal .px-hero-art-note strong{font:800 25px/1 'Barlow Condensed',sans-serif;color:#fff;letter-spacing:0}
body.site-internal .px-hero-rail{min-height:59px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(175,218,255,.25);color:#9fbedc;font:800 9px/1.5 'Manrope',sans-serif;letter-spacing:.09em}
body.site-internal .px-hero-rail b{color:#d8edff}
body.site-internal .px-hero-rail i{display:inline-block;width:29px;height:1px;background:#e12a25;vertical-align:middle;margin:0 8px}
/* Under the hero, background is shared with home instead of a bright full-bleed slab. */
body.site-internal .equipment-gallery,body.site-internal .auto-store-content,body.site-internal .shop-main,body.site-internal .docs-zone,body.site-internal .about-content,body.site-internal .contact-zone{background:#e7eff8;color:#112e50}
body.site-internal .equipment-gallery,body.site-internal .auto-store-content,body.site-internal .docs-zone{padding-top:68px}
body.site-internal .section-line{color:#21507b;border-color:#c2d7ea}
/* Detail pages share identical header, and product/machine hero are navy family. */
body.site-internal .px-showroom-aligned{position:relative;background:linear-gradient(116deg,#07162d,#0b2142 45%,#144b7d 85%,#091c37);border-radius:0 0 29px 29px;isolation:isolate}
body.site-internal .px-showroom-aligned::after{content:"";z-index:-1;position:absolute;right:6%;top:3%;width:500px;height:480px;background:radial-gradient(ellipse,rgba(65,155,229,.22),transparent 70%);filter:blur(26px);pointer-events:none}
body.site-internal .px-showroom-aligned .machine-showroom-copy h1{font:900 clamp(62px,6.6vw,96px)/.95 'Barlow Condensed',sans-serif;letter-spacing:-.023em;color:#fff}
body.site-internal .px-showroom-aligned .machine-showroom-copy h1 .px-highlight{font-family:'Barlow Condensed',sans-serif;line-height:1.02}
body.site-internal .px-showroom-aligned .machine-showroom-art::before{display:none}
body.site-internal .single-product{background:#e7eff8}
/* dark mode keeps content surfaces predictable, never glossy clutter */
html[data-theme="dark"] body.site-internal .equipment-gallery,html[data-theme="dark"] body.site-internal .auto-store-content,
html[data-theme="dark"] body.site-internal .shop-main,html[data-theme="dark"] body.site-internal .docs-zone,
html[data-theme="dark"] body.site-internal .about-content,html[data-theme="dark"] body.site-internal .contact-zone{background:#0b192d;color:#ecf5ff}
html[data-theme="dark"] body.site-internal .section-line{color:#adceec;border-color:#335373}
html[data-theme="dark"] body.site-internal .px-hero,html[data-theme="dark"] body.site-internal .px-showroom-aligned{color:#fff}
/* Ensure no older light/red-specific hero style leaks into shared components. */
body.site-internal .px-hero h1 *,html[data-theme="dark"] body.site-internal .px-hero h1 *{text-transform:uppercase}
body.site-internal .px-hero .px-highlight,html[data-theme="dark"] body.site-internal .px-hero .px-highlight{color:#fff}
@media(max-width:1150px){body.site-internal .site-header .nav-shell{gap:10px}body.site-internal .desktop-nav a,html[data-theme="dark"] body.site-internal .desktop-nav a{padding-inline:7px;font-size:10px}body.site-internal .px-hero-copy h1{font-size:clamp(60px,6.4vw,78px)}}
@media(max-width:980px){body.site-internal .desktop-nav,body.site-internal .nav-whatsapp{display:none}body.site-internal .menu-toggle{display:flex;margin-left:0}body.site-internal .theme-toggle{margin-left:auto}body.site-internal .mobile-menu{top:0;padding-top:86px}body.site-internal .px-hero-inner{grid-template-columns:1fr 1fr}body.site-internal .px-hero-copy h1{font-size:clamp(56px,7vw,74px)}}
@media(max-width:760px){body.site-internal .wrap{width:calc(100% - 36px)}body.site-internal .site-header,html[data-theme="dark"] body.site-internal .site-header{padding:10px 0}body.site-internal .site-header .nav-shell{width:calc(100% - 24px);padding:7px 10px 7px 15px;min-height:63px;border-radius:18px}body.site-internal .logo-link{width:137px}body.site-internal .px-hero{min-height:0;padding-top:29px}body.site-internal .px-hero-inner{display:flex;flex-direction:column;gap:0;align-items:stretch}body.site-internal .px-hero-copy{padding:0 0 8px}body.site-internal .px-hero-copy h1{font-size:clamp(50px,10.9vw,72px);line-height:.95;margin-bottom:18px}body.site-internal .px-hero-kicker{margin-bottom:17px;font-size:9px}body.site-internal .px-hero-copy p{font-size:13px;max-width:520px;margin-bottom:16px}body.site-internal .px-hero-actions{gap:8px}body.site-internal .px-hero-btn,body.site-internal .px-hero-ghost{min-height:44px;padding:12px 13px;font-size:10px}body.site-internal .px-hero-visual{min-height:280px;height:280px;align-self:stretch}body.site-internal .px-hero-visual img{height:280px;max-width:100%;width:100%}body.site-internal .px-hero-art-note{bottom:0}body.site-internal .px-hero-rail{min-height:54px;font-size:8px}body.site-internal .equipment-gallery,body.site-internal .auto-store-content,body.site-internal .docs-zone{padding-top:48px}body.site-internal .px-showroom-aligned .machine-showroom-copy h1{font-size:clamp(48px,11vw,73px)} }
@media(max-width:420px){body.site-internal .logo-link{width:126px}body.site-internal .px-hero-copy h1{font-size:clamp(43px,10.2vw,53px)}body.site-internal .px-hero-visual{height:252px;min-height:252px}body.site-internal .px-hero-visual img{height:250px}body.site-internal .px-hero-rail{flex-wrap:wrap;padding:10px 0;gap:4px}body.site-internal .px-hero-art-note{font-size:8px}body.site-internal .px-showroom-aligned .machine-showroom-copy h1{font-size:clamp(43px,10.8vw,55px)} }
@media(max-width:340px){body.site-internal .site-header .nav-shell{width:calc(100% - 14px);gap:5px;padding-inline:8px}body.site-internal .logo-link{width:112px}body.site-internal .px-hero-copy h1{font-size:clamp(37px,10.5vw,43px)}body.site-internal .px-hero-btn,body.site-internal .px-hero-ghost{font-size:9px} }
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}body.site-internal .px-hero::before,body.site-internal .px-hero-visual img{animation:none}}
/* Navbar: EXACT same open full-width silhouette as the approved homepage (no extra capsule). */
body.site-internal .site-header,
html[data-theme="dark"] body.site-internal .site-header{padding:0;background:#e7eff8;border:0;box-shadow:none}
body.site-internal .site-header .nav-shell{width:min(1248px,calc(100% - 72px));min-height:82px;padding:10px 0;gap:13px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
body.site-internal .desktop-nav a,
html[data-theme="dark"] body.site-internal .desktop-nav a{color:#243c58}
html[data-theme="dark"] body.site-internal .site-header{background:linear-gradient(115deg,#08192f,#112e51)}
html[data-theme="dark"] body.site-internal .site-header .nav-shell{background:transparent;box-shadow:none;border:0}
html[data-theme="dark"] body.site-internal .desktop-nav a{color:#d2e4f6}
html[data-theme="dark"] body.site-internal .desktop-nav a:hover,
html[data-theme="dark"] body.site-internal .desktop-nav a.nav-active{color:#fff;background:rgba(129,185,238,.15)}
html[data-theme="dark"] body.site-internal .theme-toggle,
html[data-theme="dark"] body.site-internal .cart-trigger{background:#173553;color:#e8f5ff;border-color:#416488}
body.site-internal .px-hero-copy h1{font-size:clamp(60px,5.7vw,83px)}
body.site-internal .px-hero-art-note strong{font-size:17px}
body.site-internal .px-showroom-aligned .machine-showroom-copy h1{font-size:clamp(60px,5.5vw,80px)}
body.site-internal .px-showroom-aligned .machine-showroom-copy h1 .px-highlight{white-space:nowrap;font-size:.88em}
@media(max-width:980px){body.site-internal .site-header .nav-shell{min-height:69px;width:calc(100% - 32px)}body.site-internal .px-hero-copy h1{font-size:clamp(52px,6.7vw,72px)}}
@media(max-width:760px){body.site-internal .site-header .nav-shell{min-height:68px;width:calc(100% - 32px);padding:5px 0}body.site-internal .logo-link{width:150px}body.site-internal .px-hero-copy h1{font-size:clamp(45px,10.7vw,67px)}body.site-internal .px-hero-art-note{display:none}body.site-internal .px-showroom-aligned .machine-showroom-copy h1{font-size:clamp(45px,10vw,60px)}}
@media(max-width:420px){body.site-internal .logo-link{width:143px}body.site-internal .px-hero-copy h1{font-size:clamp(40px,10.0vw,48px)}body.site-internal .px-showroom-aligned .machine-showroom-copy h1{font-size:clamp(41px,9.8vw,50px)}body.site-internal .px-showroom-aligned .machine-showroom-copy h1 .px-highlight{font-size:.84em}}
@media(max-width:360px){body.site-internal .logo-link{width:112px}body.site-internal .px-hero-copy h1{font-size:37px}body.site-internal .px-showroom-aligned .machine-showroom-copy h1{font-size:38px}}

/* Hero media backgrounds */
body.site-internal .px-hero{position:relative;overflow:hidden;isolation:isolate}
body.site-internal .px-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4;opacity:.26;filter:saturate(.9)}
body.site-internal .px-hero-video-overlay{position:absolute;inset:0;z-index:-3;background:linear-gradient(100deg,rgba(6,20,40,.9) 0%,rgba(8,23,44,.82) 36%,rgba(10,37,67,.62) 68%,rgba(6,20,40,.88) 100%)}
body.site-internal .px-hero-ambient{position:absolute;inset:0;pointer-events:none;z-index:-2}
body.site-internal .px-hero-visual--photo img{width:95%;max-width:95%;height:360px;object-fit:cover;border-radius:26px;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 54px rgba(0,6,18,.34);animation:none;filter:none}
body.site-internal .px-hero-visual--photo::before{content:"";position:absolute;inset:10% 12%;border-radius:34px;background:radial-gradient(ellipse at center,rgba(82,156,212,.22),transparent 68%);filter:blur(24px);z-index:-1}
@media(max-width:760px){body.site-internal .px-hero-video{opacity:.2}body.site-internal .px-hero-visual--photo img{width:100%;max-width:100%;height:260px;border-radius:22px}}

/* Full transparent industrial machine on Machinery hero (no photograph frame). */
body.site-internal .px-hero-visual--cutout img{width:112%;max-width:112%;height:410px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 24px 20px rgba(0,10,24,.38))}
body.site-internal .px-hero-visual--cutout:before{content:none}
@media(max-width:760px){body.site-internal .px-hero-visual--cutout img{width:100%;max-width:100%;height:270px}}
@media(prefers-reduced-motion:reduce){.px-hero-video,.hero-bg-video{display:none!important}}
