/* MGB System | Identidad visual 2026. Prototipo independiente. */
:root{--mgb-ink:#142332;--mgb-deep:#101c28;--mgb-cyan:#069bc3;--mgb-blue:#087b9e;--mgb-border:#dce5e9;--mgb-muted:#4a6171;}
body{color:var(--mgb-ink);-webkit-font-smoothing:antialiased}
a,button{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #28bae0;outline-offset:3px}
.top,.preview-strip{background:#101c28;color:#d3e0e7;font-size:11px;letter-spacing:.02em}
.bar,.header{background:#fff;border-bottom:1px solid var(--mgb-border);box-shadow:none}
.navlinks a,.navlinks button,.nav a{font-weight:730}
.navlinks a:hover,.nav a:hover{color:var(--mgb-blue)}
.search{background:#fff;border:1px solid #cbd7de;border-radius:6px}
.search:focus-within{outline:2px solid #79cfe5;outline-offset:2px}
.home-grid{gap:12px;padding-top:18px;grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr)}
.home-primary{background:var(--mgb-deep);border-radius:6px;border-left:5px solid #19add3;padding:54px 54px 42px;min-height:430px}
.home-primary:after,.home-promo:after,.hero-copy:after,.deep-visual:before,.deep-visual:after{display:none!important}
.home-primary .home-label,.home-services .home-label{color:#7bd7ef}
.home-primary h1{font-size:clamp(35px,4vw,57px);max-width:840px;line-height:1.08;letter-spacing:-2.2px;margin:18px 0 17px;font-weight:790}
.home-primary h1 em,.home-services h2 em{font-style:normal;color:#a0e5f3}
.home-primary p{color:#d5e1e7;font-size:15px;line-height:1.75;max-width:640px}
.home-primary .home-links{gap:10px;margin-top:31px}
.home-btn,.primary,.outline,.ex-link,.header-action{border-radius:5px;font-weight:740;box-shadow:none}
.home-btn{padding:13px 17px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;line-height:1.4}
.home-btn.light{background:#fff;color:#172735;border:1px solid #fff}
.home-btn.dark{background:#142332;color:#fff;border:1px solid #142332}
.home-primary .home-btn:not(.light){border-color:#71828d;color:#fff;background:transparent}
.home-btn:hover,.primary:hover,.ex-link:hover{filter:none;box-shadow:0 0 0 2px rgba(0,154,198,.14)}
.home-signature{font-size:12px;color:#b4d3e1;margin-top:25px;border-top:1px solid #ffffff27;padding-top:14px;max-width:570px}
.home-promo-stack{gap:12px}
.home-promo{border:1px solid #d7e3e8;border-radius:6px;padding:26px 29px;min-height:200px;justify-content:space-between}
.home-promo.home-appliance{background:#edf4f5;color:#17303b}
.home-promo.home-security{background:#e7eef3;color:#17303b}
.home-promo small{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#167795}
.home-promo h2{font-size:clamp(23px,2.5vw,31px);font-weight:750;letter-spacing:-.9px;max-width:270px;margin:12px 0}
.home-promo a{color:#0b617e;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;align-self:flex-start}
.home-features{gap:0;padding:0;margin-top:19px;border:1px solid var(--mgb-border);border-left:0;border-right:0}
.home-feature{padding:17px 15px;border-right:1px solid var(--mgb-border);align-items:flex-start;line-height:1.4;font-size:12px}
.home-feature:first-child{padding-left:0}.home-feature:last-child{border-right:0}
.home-feature strong{font-size:19px;line-height:1;color:var(--mgb-blue)}
.home-feature b{font-size:12px;margin-bottom:3px;color:#152a38}
.home-section{padding:60px 0 65px}
.home-heading h2,.sectiontop h2{font-weight:770;letter-spacing:-1.1px}
.home-cats{gap:12px}
.home-cat{background:#fff;border:1px solid var(--mgb-border);border-radius:6px;border-bottom:3px solid #dce7eb;padding:23px;min-height:190px}
.home-cat:hover{transform:none;box-shadow:0 8px 22px #14233212;border-bottom-color:var(--mgb-cyan)}
.home-cat small{font-size:10px;color:#126e8c}
.home-cat h3{font-size:22px;letter-spacing:-.6px}
.home-cat p{font-size:12px;color:#526775;line-height:1.6}
.home-cat strong{color:#0a718f}
.home-services{background:#142332;padding:68px 0}
.home-services-inner{grid-template-columns:.95fr 1.05fr;gap:54px}
.home-services-art{min-height:330px;background:#203545;border-radius:6px;border:1px solid #395062;display:block;padding:37px}
.case-study{display:flex;flex-direction:column;justify-content:center;height:100%;gap:14px}
.case-study>span{font-size:11px;letter-spacing:1.5px;color:#93dcef;font-weight:800}
.case-study>strong{display:block;font-size:clamp(25px,2.6vw,37px);font-weight:740;letter-spacing:-1.2px;line-height:1.18;color:white}
.case-study p{margin:0;color:#d4e1e8;font-size:13px;line-height:1.65}
.case-study a{color:#9ee1f1;font-weight:750;font-size:13px;align-self:flex-start;border-bottom:1px solid #9ee1f1;padding-bottom:4px}
.home-tags span{border-radius:4px}
.home-business{background:#f4f7f8}
.home-business-stats{gap:8px}
.home-business-stats div{border-radius:4px;box-shadow:none}
.home-cta-inner{background:#e9f2f4;border-radius:6px;border-left:4px solid #1295b7}
.product,.product-card,.category-card,.service-card,.ex-card,.hero-copy,.hero-aside,.deep-visual,.filterpanel,.stockflag,.stock,.mgb-advisor-banner,.subnav a{border-radius:6px;box-shadow:none}
.category-card,.hero-aside{background:#f5f8f9}
.hero-copy{background:#142332;border-left:4px solid #159ec4}
.deep-visual{background:#203747}
.ex-card{border-color:var(--mgb-border)}
.ex-link{background:#152b3a}
.ex-trust,.ex-dark{background:#142332}
.ex-soft,.soft-section{background:#f5f8f9}
.ex-section h2,.section h2{font-weight:750}
.service-card .service-icon{border-radius:5px}
.contact{background:#142332}
.actions .view,.actions .quick,.load-more,.loadmore,.header-action,.primary{border-radius:5px}
.mgb-advisor-fab,.mgb-advisor-panel,.mgb-advisor-banner{box-shadow:0 6px 20px #1124361b}
.mgb-advisor-fab{border-radius:7px}
.mgb-advisor-banner{background:#eaf4f6;border:1px solid #c9dce3}
.trust-note{color:#d2e2eb;font-size:12px;line-height:1.6;margin-top:17px}
.repair-proof{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.repair-proof article{border:1px solid var(--mgb-border);padding:28px;background:white;border-radius:6px}
.repair-proof h3{font-size:22px;line-height:1.2;margin:10px 0}
.repair-proof p{color:#526775;font-size:14px;line-height:1.7}
.repair-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.repair-steps article{border:1px solid var(--mgb-border);padding:22px;border-radius:6px;background:#fff}
.repair-steps b{display:block;color:#08799c;font-size:12px;margin-bottom:12px}
.repair-steps h3{margin:0 0 8px;font-size:19px}
.repair-steps p{margin:0;color:#526775;font-size:13px}
.repair-not-ready{border-left:4px solid #1385a9;background:#f0f6f8;padding:25px 30px;border-radius:0 6px 6px 0}
.repair-not-ready h3{margin:5px 0 10px}
.repair-not-ready p{margin:0 0 16px;color:#465d6c;font-size:13px}
@media(max-width:1100px){.home-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr)}.home-primary{padding:40px 34px}.home-feature{padding:15px 10px}}
@media(max-width:800px){.home-grid,.home-services-inner,.repair-proof{grid-template-columns:1fr}.home-services-art{min-height:240px}.repair-steps{grid-template-columns:1fr 1fr}.home-primary h1{font-size:clamp(34px,7vw,48px)}}
@media(max-width:520px){.home-grid{padding-top:10px}.home-primary{padding:34px 23px 28px;min-height:auto}.home-primary h1{font-size:36px;letter-spacing:-1.5px}.home-signature{font-size:11px}.home-primary .home-links{flex-direction:column;align-items:stretch}.home-primary .home-btn{width:100%}.home-promo-stack{grid-template-columns:1fr;gap:10px}.home-promo{padding:22px;min-height:145px}.home-features{grid-template-columns:1fr 1fr}.home-feature{border-bottom:1px solid var(--mgb-border);padding:13px!important}.home-feature:nth-child(even){border-right:0}.home-feature:nth-child(n+3){border-bottom:0}.home-cats{grid-template-columns:1fr 1fr}.home-cat{padding:17px;min-height:160px}.home-cat h3{font-size:18px}.home-services-art{padding:23px}.repair-proof,.repair-steps{grid-template-columns:1fr}.repair-not-ready{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Navegación editorial; evita que el menú compita con la búsqueda */
@media(min-width:801px){.head{flex-wrap:wrap;column-gap:22px;row-gap:0;padding:8px 0}.head .logo{order:0}.head .search{order:1;min-width:260px}.head .navlinks{order:3;width:100%;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px}.home section[id],#catalogo{scroll-margin-top:145px}}
@media(min-width:761px) and (max-width:1130px){.header-line{gap:10px}.nav{gap:10px;font-size:12px}.header-action{padding:9px 10px;font-size:11px}}
@media(max-width:800px){.head .navlinks{gap:6px}.head .navlinks a{padding:7px 5px}.home section[id],#catalogo{scroll-margin-top:85px}}
@media(max-width:520px){.search input{font-size:14px}.home-promo a{font-size:12px}}