/* MAQELEC SpA - Sistema visual centralizado */
:root{--navy:#031326;--navy-2:#061b33;--blue:#1f6fb0;--green:#4f9f22;--green-2:#6fbd33;--ink:#f4f1ea;--white:#071727;--muted:#4b5b68;--panel:rgba(255,255,255,.72);--line:rgba(3,19,38,.12);--radius-xl:34px;--radius-lg:24px;--shadow:0 30px 90px rgba(3,19,38,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Space Grotesk',system-ui,sans-serif;background:var(--ink);color:var(--white);line-height:1.5;overflow-x:hidden}::selection{background:var(--green);color:#06111d}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:0 auto}
.header{position:fixed;top:0;left:0;width:100%;z-index:50;background:rgba(244,241,234,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(3,19,38,.12)}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand-logo{height:58px;width:auto;display:block;filter:drop-shadow(0 0 16px rgba(31,111,176,.18))}.nav-actions{display:flex;align-items:center;gap:14px}.nav-links{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;white-space:nowrap}.nav-links a{display:inline-flex;align-items:center;gap:7px;padding:14px 15px;border:1px solid transparent;border-radius:999px;color:#253545;white-space:nowrap}.nav-links a:hover{color:#031326;border-color:rgba(31,111,176,.25);background:rgba(31,111,176,.08)}.nav-icon{color:var(--blue)}.social-link{width:55px;height:55px;border-radius:999px;border:1px solid rgba(3,19,38,.12);background:rgba(255,255,255,.72);display:grid;place-items:center;transition:.25s}.social-link img{width:31px;height:31px;object-fit:contain}.menu-toggle{display:none;appearance:none;border:1px solid rgba(31,111,176,.32);background:rgba(31,111,176,.08);border-radius:14px;width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:#1f6fb0;position:relative}.menu-toggle span:before,.menu-toggle span:after{content:"";position:absolute;left:0;width:22px;height:2px;background:#1f6fb0}.menu-toggle span:before{top:-7px}.menu-toggle span:after{top:7px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 27px;border-radius:999px;background:linear-gradient(135deg,var(--green),var(--green-2));color:#06111d;font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:13px;border:1px solid rgba(79,159,34,.42);box-shadow:0 18px 46px rgba(79,159,34,.18);transition:.28s ease}.btn:hover{transform:translateY(-3px)}.btn-secondary{background:rgba(3,19,38,.04);color:#031326;border-color:rgba(3,19,38,.14);box-shadow:none}.btn-tech{background:linear-gradient(135deg,#082b52,#1f6fb0);color:#fff!important;border:1px solid rgba(31,111,176,.58)!important;box-shadow:0 0 22px rgba(31,111,176,.22)}
.hero,.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 22%,rgba(31,111,176,.14),transparent 28%),radial-gradient(circle at 18% 76%,rgba(79,159,34,.10),transparent 24%),linear-gradient(135deg,#f8f6f0 0%,#f4f1ea 48%,#e8e2d7 100%)}.hero{min-height:100vh;display:flex;align-items:center;padding:148px 0 76px}.page-hero{padding:150px 0 70px}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,38,.035) 1px,transparent 1px),linear-gradient(rgba(3,19,38,.028) 1px,transparent 1px);background-size:58px 58px;opacity:.55}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:58px}.brand-callout{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:11px 15px;border-left:4px solid var(--blue);background:rgba(31,111,176,.08);color:#12314f;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.brand-callout strong{color:#031326}h1,h2{font-family:'Archivo',sans-serif;margin:0;text-transform:uppercase}h1{font-size:clamp(3.4rem,8.8vw,7.8rem);line-height:.85;letter-spacing:-.085em}.page-hero h1{font-size:clamp(3rem,7vw,6rem)}.gradient-text{background:linear-gradient(90deg,#031326 0%,#1f6fb0 50%,#4f9f22 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.page-hero p{max-width:680px;margin:28px 0 34px;color:#4b5b68;font-size:clamp(1rem,1.7vw,1.18rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:15px}.brand-panel{position:relative;min-height:590px;border:1px solid rgba(31,111,176,.18);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.48));box-shadow:var(--shadow);overflow:hidden}.brand-panel:after{content:"MAQELEC";position:absolute;left:26px;right:26px;bottom:34px;text-align:center;font-family:'Archivo';font-size:clamp(3.6rem,7.5vw,7.4rem);font-weight:900;letter-spacing:-.09em;color:rgba(3,19,38,.055);line-height:.75}.panel-chip{position:absolute;top:28px;left:28px;z-index:2;color:#4b5b68;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.24em;border:1px solid rgba(3,19,38,.12);padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.72)}.logo-orbit{position:absolute;inset:70px 32px 120px;display:grid;place-items:center}.hero-logo{position:relative;z-index:2;width:min(430px,92%)}.panel-metrics{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(3,19,38,.10);background:rgba(255,255,255,.72);backdrop-filter:blur(12px)}.metric{padding:20px;border-right:1px solid rgba(3,19,38,.08)}.metric b{display:block;color:#031326;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.metric span{display:block;color:#5c6a76;margin-top:7px;font-size:13px}
section{position:relative;padding:96px 0;border-top:1px solid rgba(3,19,38,.08);background:#f4f1ea}.section-head{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:end;margin-bottom:42px}h2{font-size:clamp(2.4rem,5.4vw,5.2rem);line-height:.88;letter-spacing:-.075em}.section-head p{margin:0;color:var(--muted);font-size:1.05rem}.service-strip,.articles-grid,.product-strip,.trust-grid,.manual-grid{display:grid;gap:16px}.service-strip{grid-template-columns:repeat(4,1fr)}.visual-card,.article-card,.product-card,.trust-item,.manual-card{position:relative;background:rgba(255,255,255,.74);border:1px solid rgba(3,19,38,.10);border-radius:var(--radius-lg);overflow:hidden;transition:.28s ease}.visual-card{min-height:310px;display:flex;align-items:flex-end;padding:22px;background-size:cover;background-position:top center}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,19,38,.82),rgba(3,19,38,.08))}.visual-card-content{position:relative;z-index:1}.visual-card h3{font-family:'Archivo';font-size:1.35rem;line-height:1;text-transform:uppercase;margin:0 0 8px;color:#fff}.visual-card p{color:#e8f2f8;margin:0 0 14px}.mini-link{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#8fd9ff}.module{padding:92px 0;background:linear-gradient(180deg,#f4f1ea,#e8e2d7)}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.module-card{border:1px solid rgba(31,111,176,.16);border-radius:32px;background:rgba(255,255,255,.72);overflow:hidden;box-shadow:var(--shadow)}.module-card img{display:block;width:100%;height:100%;max-height:620px;object-fit:cover;object-position:top center}.module-content p{color:var(--muted)}.module-list{display:grid;gap:14px;margin-top:26px}.module-list div{border:1px solid rgba(3,19,38,.10);background:rgba(255,255,255,.62);border-radius:18px;padding:16px}.module-list b{display:block;color:#031326;text-transform:uppercase}.module-list span{color:#5c6a76}.product-strip{grid-template-columns:repeat(5,1fr)}.product-card{padding:18px;background:rgba(255,255,255,.72)}.product-card img{width:100%;height:150px;object-fit:cover;object-position:top center;border-radius:16px;margin-bottom:14px}.product-card b{display:block;color:#031326;text-transform:uppercase}.product-card span{display:block;color:#5c6a76;font-size:.82rem;margin:8px 0}.tracking-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tracking-card,.contact-form{padding:32px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.56));border:1px solid rgba(3,19,38,.10);box-shadow:var(--shadow)}.tracking-card h3,.contact-form h3{margin:0 0 24px;font-family:'Archivo';text-transform:uppercase;color:#031326}.tracking-form{display:flex;gap:10px}.tracking-form input{width:100%;padding:16px 18px;border-radius:999px;border:1px solid rgba(3,19,38,.14);background:rgba(255,255,255,.75);color:#031326;outline:0}.vip-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.manual-grid{grid-template-columns:repeat(4,1fr)}.manual-card{padding:24px;min-height:250px;display:flex;flex-direction:column}.manual-card h3{font-family:'Archivo';text-transform:uppercase;line-height:1;margin:0 0 12px}.manual-card p{color:#5c6a76}.manual-card .btn{margin-top:auto}.article-card img{width:100%;height:190px;object-fit:cover;object-position:top center}.article-card div{padding:18px}.article-card h3{margin:0;color:#031326}.article-card p{color:#5c6a76}.cta{background:linear-gradient(135deg,#e8e2d7,#f8f6f0)}.cta-box{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center}.cta p{color:var(--muted)}footer{padding:54px 0;background:#e8e2d7;border-top:1px solid rgba(3,19,38,.10);color:#4b5b68}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:32px}.footer-logo{height:42px;width:auto;display:block;margin-bottom:10px}.footer-col h4{margin:0 0 14px;color:#031326;text-transform:uppercase;font-size:.9rem}.footer-col p,.footer-col a{display:block;color:#4b5b68;margin:8px 0;font-size:.92rem}.whatsapp-float{position:fixed;left:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:12px}.wa-help{background:#25D366;color:white;padding:14px 16px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-weight:800}.wa-help small{display:block;font-weight:500}.wa-button{width:70px;height:70px;border-radius:999px;background:#25D366;display:grid;place-items:center}.wa-button img{width:44px;height:44px;object-fit:contain}
.contact-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}.contact-aside{position:relative;padding:32px;border-radius:30px;background:linear-gradient(160deg,rgba(31,111,176,.10),rgba(255,255,255,.68));border:1px solid rgba(31,111,176,.16);box-shadow:var(--shadow);overflow:hidden}.contact-aside h2{font-size:clamp(2rem,3.8vw,3.5rem)}.contact-aside p{color:var(--muted)}.contact-points{display:grid;gap:12px;margin-top:24px}.contact-points div{padding:14px;border-radius:18px;background:rgba(255,255,255,.65);border:1px solid rgba(3,19,38,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{display:grid;gap:8px;min-width:0}.form-field.full{grid-column:1/-1}.form-field label{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;color:#1f6fb0;font-weight:900}.contact-form input,.contact-form select,.contact-form textarea{appearance:none;-webkit-appearance:none;width:100%;min-height:56px;padding:16px 18px;border-radius:16px;border:1px solid rgba(31,111,176,.22);background-color:#fffdf8;color:#031326;font-family:'Space Grotesk',system-ui,sans-serif;font-size:.96rem;outline:0;box-shadow:0 0 0 1px rgba(3,19,38,.03) inset}.contact-form select{background-image:linear-gradient(45deg,transparent 50%,#1f6fb0 50%),linear-gradient(135deg,#1f6fb0 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:46px}.contact-form textarea{min-height:190px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#7b8792}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(31,111,176,.72);box-shadow:0 0 0 4px rgba(31,111,176,.12)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.form-hint{color:#5c6a76;font-size:.9rem}
@media(max-width:1120px){.nav-links{font-size:12px;gap:4px}.nav-links a{padding:12px 10px}.brand-logo{height:48px}.social-link{width:48px;height:48px}}
@media(max-width:1020px){.hero-grid,.section-head,.cta-box,.module-grid,.tracking-grid,.vip-login-grid,.contact-shell{grid-template-columns:1fr}.brand-panel{min-height:520px}.service-strip,.product-strip,.articles-grid,.manual-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.menu-toggle{display:inline-flex}.nav-actions{position:relative}.nav-links{display:none;position:absolute;top:64px;right:0;width:min(320px,calc(100vw - 28px));padding:14px;background:rgba(244,241,234,.98);border:1px solid rgba(31,111,176,.22);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.18);z-index:80;white-space:normal}.nav-links.open{display:grid;gap:8px}.nav-links a{width:100%;justify-content:flex-start}.nav-links .btn{justify-content:center}.social-link{display:none}}
@media(max-width:620px){.container{width:min(100% - 26px,1180px)}.hero{padding-top:112px;min-height:auto}.brand-logo{height:42px}h1{font-size:clamp(2.65rem,15vw,4.5rem)}.hero-actions .btn,.cta .btn{width:100%}.brand-panel{min-height:390px}.panel-metrics{grid-template-columns:1fr}.metric{padding:13px 16px;border-right:0;border-bottom:1px solid rgba(3,19,38,.08)}.module-card img{max-height:330px}.visual-card{min-height:230px}.product-card img{height:125px}section,.module{padding:56px 0}.nav{height:78px}.service-strip,.product-strip,.articles-grid,.manual-grid,.form-grid{grid-template-columns:1fr}.tracking-form{flex-direction:column}.contact-form,.contact-aside{padding:22px;border-radius:24px}.form-actions{display:grid}.form-actions .btn{width:100%}.wa-help{display:none}.whatsapp-float{left:auto;right:18px}.wa-button{width:58px;height:58px}.wa-button img{width:36px;height:36px}}

.manual-library{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:22px;align-items:start}.manual-card-featured{min-height:0;padding:36px;background:linear-gradient(145deg,#fff,#eef6f8)}.manual-card-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:34px}.manual-card-meta span{padding:7px 11px;border-radius:999px;background:#e5f5e7;color:#237b2b;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.manual-card-meta small{color:#647580;font-weight:700}.manual-card-featured h2{max-width:760px;margin:0 0 18px;font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.055em}.manual-card-featured>p{max-width:760px;font-size:1.04rem;line-height:1.65}.manual-card-list{display:grid;gap:10px;margin:26px 0 32px;padding-left:20px;color:#223845}.manual-card-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.manual-text-link{color:#097ebc;font-weight:900}.manual-notice{padding:30px;border:1px solid rgba(91,170,199,.28);border-radius:16px;background:#0c2d39;color:#eaf5f7;box-shadow:0 12px 28px rgba(31,59,72,.12)}.manual-notice h3{margin:12px 0 18px;font-family:'Archivo';font-size:1.65rem;line-height:1.05}.manual-notice p{color:#c9dce2;line-height:1.6}.manual-notice strong{display:block;margin-top:26px;color:#fff}.manual-notice .kicker{color:#78d4f2}@media(max-width:860px){.manual-library{grid-template-columns:1fr}.manual-card-featured{padding:26px}.manual-card-meta{align-items:flex-start;flex-direction:column;margin-bottom:24px}}
.manual-notice-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.5fr) minmax(250px,1fr);column-gap:34px}.manual-notice-wide .kicker,.manual-notice-wide h3{grid-column:1}.manual-notice-wide p,.manual-notice-wide strong{grid-column:2}.manual-notice-wide strong{margin-top:0}@media(max-width:860px){.manual-notice-wide{grid-column:auto;display:block}.manual-notice-wide strong{margin-top:26px}}
.manual-library{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:860px){.manual-library{grid-template-columns:1fr}}

/* Overrides home estilo catálogo industrial con paleta real MAQELEC */
body.jao-inspired{--mq-blue:#1F3B48!important;--mq-blue-dark:#16303B!important;--mq-electric:#097EBC!important;--mq-cyan:#5BAAC7!important;--mq-yellow:#3D983F!important;--mq-yellow-dark:#2F7D33!important;--mq-green:#3D983F!important}
body.jao-inspired .ma-nav,body.jao-inspired .ma-footer{background:#1F3B48!important}
body.jao-inspired .ma-cta{background:linear-gradient(135deg,#1F3B48,#16303B)!important}
body.jao-inspired .ma-search{border-color:#097EBC!important}
body.jao-inspired .ma-search button,body.jao-inspired .ma-btn.blue{background:#097EBC!important;color:#fff!important;box-shadow:0 12px 24px rgba(9,126,188,.22)!important}
body.jao-inspired .ma-btn{background:#3D983F!important;color:#fff!important;box-shadow:0 12px 26px rgba(61,152,63,.24)!important}
body.jao-inspired .ma-btn:hover{background:#2F7D33!important}
body.jao-inspired .ma-btn.white{background:#fff!important;color:#1F3B48!important;box-shadow:none!important}
body.jao-inspired .ma-eyebrow,body.jao-inspired .ma-link,body.jao-inspired .ma-service-dropdown strong{color:#097EBC!important}
body.jao-inspired .ma-hero-dots span:first-child,body.jao-inspired .ma-pill,body.jao-inspired .ma-whatsapp{background:#3D983F!important}
body.jao-inspired .ma-checks span:before{color:#3D983F!important}
body.jao-inspired .ma-cap-card{color:#1F3B48!important}
body.jao-inspired .ma-menu a:hover{background:rgba(91,170,199,.18)!important}
body.jao-inspired .ma-hero-card:before,body.jao-inspired .ma-side-card:before{background:radial-gradient(circle at 12% 18%,rgba(91,170,199,.16),transparent 26%)!important}

/* Ajuste de luminosidad: fotos a color y menos opacidad visual */
body.jao-inspired{background:#f7f9fb!important}
body.jao-inspired .ma-hero,body.jao-inspired .ma-band{background:#f7f9fb!important}
body.jao-inspired .ma-section.alt{background:#f8fafc!important}
body.jao-inspired .ma-hero-card{background-image:linear-gradient(90deg,rgba(31,59,72,.46),rgba(31,59,72,.12)),url('Imagen5.png')!important}
body.jao-inspired .ma-side-card.one{background-image:linear-gradient(90deg,rgba(31,59,72,.38),rgba(31,59,72,.08)),url('Imagen2.png')!important}
body.jao-inspired .ma-side-card.two{background-image:linear-gradient(90deg,rgba(31,59,72,.42),rgba(31,59,72,.10)),url('Imagen4.png')!important}
body.jao-inspired .ma-service-card img,body.jao-inspired .ma-project-main img,body.jao-inspired .ma-project-list img{filter:saturate(1.22) contrast(1.07) brightness(1.06)!important}
body.jao-inspired .ma-service-card{border-color:rgba(91,170,199,.30)!important;box-shadow:0 12px 28px rgba(31,59,72,.08)!important;background:#fff!important}
body.jao-inspired .ma-service-card:hover{box-shadow:0 18px 38px rgba(9,126,188,.16)!important;border-color:rgba(9,126,188,.38)!important}
body.jao-inspired .ma-cap-card,body.jao-inspired .ma-quote-box,body.jao-inspired .ma-project-main,body.jao-inspired .ma-project-list article{background:#fff!important;border-color:rgba(91,170,199,.26)!important;box-shadow:0 10px 24px rgba(31,59,72,.07)!important}
body.jao-inspired .ma-btn{background:linear-gradient(135deg,#3D983F,#4FBF55)!important;box-shadow:0 14px 30px rgba(61,152,63,.32)!important}
body.jao-inspired .ma-btn:hover{background:linear-gradient(135deg,#2F7D33,#43AE49)!important}
body.jao-inspired .ma-search{box-shadow:0 0 0 3px rgba(9,126,188,.07)!important;background:#fff!important}
body.jao-inspired .ma-search button{background:linear-gradient(135deg,#097EBC,#1496D8)!important}