/* MGB System · Páginas Hogar y Servicios · Octubre 2026 */
:root{--navy:#122337;--navy2:#173754;--blue:#009bd0;--cyan:#38c2ed;--muted:#64748b;--line:#e2e9f0;--soft:#f6f9fc;--white:#fff;--radius:17px;--shadow:0 10px 35px #13253b10}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:98px}
body{margin:0;background:#fff;color:var(--navy);font:15px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #57c9ed;outline-offset:2px}
.container{width:min(1290px,calc(100% - 40px));margin:auto}
.preview-strip{padding:8px 20px;text-align:center;background:#10233a;color:#e0f0f7;font-size:12px}.preview-strip b{color:#66d9f9}
.header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 12px #182d4210}
.header-line{min-height:80px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;justify-content:center;width:96px;height:78px;flex-shrink:0}
.brand img{width:84px;height:74px;object-fit:contain}
.nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:13px;font-weight:750}
.nav a{padding:10px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:#0a87b4;border-bottom-color:#16b5e6}
.header-action{padding:10px 15px;border-radius:11px;background:var(--navy);color:#fff;font-size:12px;font-weight:800}
.header-action:hover{background:#1b5471;color:#fff}
.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;width:42px;height:42px;font-size:22px;color:var(--navy)}
.breadcrumb{font-size:12px;color:#627487;padding:17px 0}.breadcrumb a:hover{color:#078dbd}
.kicker{display:block;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:850;color:#0b92c4}
.heading{font-size:clamp(29px,3.3vw,46px);line-height:1.12;letter-spacing:-1.5px;margin:12px 0 15px}
.heading em{font-style:normal;color:var(--blue)}
.lead{color:#64748b;font-size:15px;line-height:1.75;max-width:750px}
.primary,.outline{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:850;white-space:normal;text-align:center}
.primary{background:var(--navy);color:#fff;border:1px solid var(--navy)}.primary:hover{background:#234969}
.outline{border:1px solid #bcd9e6;color:#147ba0;background:#fff}.outline:hover{background:#eefdff}
.hero{padding:36px 0 43px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:24px;align-items:stretch}
.hero-copy{border-radius:21px;min-height:345px;background:linear-gradient(130deg,#12243a,#164364);color:#fff;padding:47px 45px;position:relative;overflow:hidden}
.hero-copy:after{content:"";position:absolute;width:390px;height:390px;border:2px solid #75dffc33;border-radius:50%;right:-170px;top:-120px;box-shadow:0 0 0 80px #ffffff07,0 0 0 150px #ffffff07;pointer-events:none}
.hero-copy .kicker{color:#7bdcf6}.hero-copy .heading{max-width:680px;font-size:clamp(34px,3.8vw,52px);position:relative}
.hero-copy p{color:#ccdfeb;max-width:605px;position:relative}.hero-copy .actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px;position:relative;z-index:1}
.hero-copy .primary{background:#fff;color:#14304a;border-color:#fff}.hero-copy .outline{background:#ffffff0d;color:#fff;border-color:#bcd8e880}
.hero-aside{border:1px solid #dceaf1;border-radius:21px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#e9f8fd,#f4f8fa)}
.hero-aside .hero-symbol{font-size:71px;line-height:1;color:#118dbb}
.hero-aside h2{font-size:25px;letter-spacing:-.6px;line-height:1.15;margin:13px 0 9px}.hero-aside p{font-size:13px;color:#657b89;line-height:1.65}
.hero-aside a{font-size:13px;font-weight:850;color:#087b9f}
.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafdff}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:18px 0}
.benefit{display:flex;gap:13px;align-items:center;font-size:12px;color:#62758a}.benefit strong{font-size:20px;color:#0b96c5}.benefit b{display:block;color:#273f54;font-size:12px}
.section{padding:55px 0}
.section h2{font-size:clamp(26px,2.65vw,35px);letter-spacing:-1px;line-height:1.2;margin:9px 0 10px}
.section-heading{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:21px}
.section-heading p{color:var(--muted);font-size:13px;margin:0;max-width:700px}
.section-heading .outline{align-self:center}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.category-card{border:1px solid var(--line);padding:19px 18px 15px;min-height:146px;border-radius:15px;background:linear-gradient(140deg,#fff,#f1f8fb);display:flex;flex-direction:column;text-align:left;gap:4px}
.category-card:hover,.category-card:focus-visible{border-color:#8ad5ec;box-shadow:var(--shadow);transform:translateY(-2px)}
.category-card .cat-emoji{font-size:25px;display:block}.category-card b{font-size:16px;line-height:1.25}.category-card small{font-size:11px;color:#61748a}.category-card span:last-child{font-size:11px;font-weight:800;color:#0785b2;margin-top:auto;padding-top:7px}
.soft-section{background:var(--soft)}
.store-control{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:19px;border-radius:15px;border:1px solid var(--line);background:#fff;margin-bottom:18px}
.store-control input,.store-control select{padding:10px 12px;border:1px solid #cedce5;border-radius:9px;background:#fff;color:var(--navy);min-width:0}
.store-control .store-search{flex:2 1 250px}
.store-control select{flex:1 1 170px}
.store-control button{border:1px solid #c8dfe9;color:#0d7096;background:#fff;padding:10px 13px;border-radius:9px;font-weight:800;font-size:12px}
.store-stats{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;font-size:13px;color:#64748b}
.store-stats strong{color:var(--navy)}.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.product-card{background:#fff;border:1px solid var(--line);border-radius:15px;min-width:0;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,transform .2s}
.product-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.product-card>a{height:100%;display:flex;flex-direction:column;min-width:0}
.product-photo{position:relative;background:#f8fafc;height:196px;display:flex;align-items:center;justify-content:center;padding:10px}
.product-photo img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.product-photo .no-photo{font-size:34px;color:#bac4d0}
.stock{position:absolute;z-index:2;top:9px;left:9px;font-size:10px;font-weight:800;border:1px solid #ddd;border-radius:7px;padding:4px 7px;background:#fff;box-shadow:0 2px 8px #121c2c14;pointer-events:none}
.stock.good{color:#13804a;background:#eafff2;border-color:#c5efd9}.stock.none{color:#a83d36;background:#fff2f0;border-color:#f3cec9}
.product-data{padding:15px;display:flex;flex-direction:column;flex:1;gap:6px}
.product-brand{font-size:11px;text-transform:uppercase;font-weight:850;color:#0b90bb}
.product-data h3{font-size:13px;font-weight:750;line-height:1.45;margin:0;min-height:57px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.product-price{margin-top:auto;padding-top:9px;font-size:19px;font-weight:900;letter-spacing:-.2px}
.product-more{font-size:12px;color:#0a81a6;font-weight:800;padding-top:4px}
.load-more{display:block;padding:12px 25px;margin:23px auto 0;border:1px solid #b8d7e3;border-radius:10px;background:#fff;color:#117a9c;font-size:13px;font-weight:850}
.empty{grid-column:1/-1;text-align:center;padding:40px;background:#fff;border:1px dashed #bfcfdb;border-radius:13px}
.empty strong{display:block;margin-bottom:4px}.empty p{color:var(--muted);margin:0;font-size:13px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.service-card{border:1px solid var(--line);border-radius:17px;padding:25px;background:#fff;display:flex;flex-direction:column;min-height:290px;transition:box-shadow .18s}
.service-card:hover{box-shadow:var(--shadow)}.service-card .service-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#e5f7fc;color:#087ba4;border-radius:14px;font-size:23px}
.service-card h3{font-size:21px;letter-spacing:-.5px;line-height:1.25;margin:20px 0 11px}.service-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 20px}
.service-card a{font-size:13px;font-weight:850;color:#0d7fa9;margin-top:auto}
.deep-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.deep-grid h2{font-size:clamp(27px,3vw,39px);line-height:1.2}.deep-grid p{color:var(--muted);line-height:1.8}
.deep-list{display:grid;gap:13px;margin-top:25px}
.deep-list-item{display:flex;gap:13px;align-items:flex-start}.deep-list-item>span{flex-shrink:0;width:27px;height:27px;border:1px solid #a2ddeb;color:#0e91bc;border-radius:8px;text-align:center;line-height:25px;font-size:13px;font-weight:800}
.deep-list-item b{display:block;font-size:13px}.deep-list-item small{font-size:12px;color:#65768a}
.deep-visual{background:linear-gradient(145deg,#132f48,#1a5775);min-height:360px;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;overflow:hidden}
.deep-visual:before,.deep-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid #b9e8ff2f}.deep-visual:before{width:340px;height:340px}.deep-visual:after{width:500px;height:500px}
.deep-visual strong{font-size:clamp(30px,5vw,60px);line-height:1.15;letter-spacing:-2px;position:relative;z-index:1;text-align:center}
.deep-visual em{color:#6cdbfc;font-style:normal}
.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:16px 4px}.faq summary{font-weight:800;cursor:pointer;font-size:15px;list-style-position:outside}.faq p{font-size:13px;color:var(--muted);line-height:1.8}
.contact{padding:56px 0;background:#132a40;color:#fff}
.contact-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px}.contact .kicker{color:#75e0ff}.contact h2{font-size:clamp(26px,3vw,37px);line-height:1.2;letter-spacing:-.9px;margin:12px 0}
.contact p{font-size:13px;color:#c2d7e6;max-width:670px}.contact .primary{background:#fff;border-color:#fff;color:#163046}
.footer{background:#0d1b2c;color:#dce5ee;padding:33px 0}.footer-flex{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-brand{background:#fff;border-radius:10px;padding:7px;display:inline-flex}.footer-brand img{width:77px;height:72px}
.footer p{font-size:11px;color:#a9bac9;max-width:620px}.footer a{color:#aee9ff;font-size:12px}.footer a:hover{text-decoration:underline}
.subnav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;font-size:12px}.subnav a{background:#f0f7fc;border:1px solid #d4e9f3;border-radius:99px;padding:7px 12px;font-weight:750;color:#216d87}
.note{font-size:11px;color:#6c7e90}
.mgb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visual-soft{background:#f2f8fa}
@media(max-width:1050px){.nav{gap:15px}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-grid{grid-template-columns:1.4fr 1fr}}
@media(max-width:760px){.container{width:calc(100% - 26px)}.header-line{min-height:68px;flex-wrap:wrap;gap:6px}.brand{height:68px}.brand img{height:64px}.menu-toggle{display:block}.header-action{font-size:11px;padding:9px}.nav{display:none;order:10;flex-basis:100%;margin-left:0;padding:12px;border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:10px 7px}.hero{padding:20px 0 33px}.hero-grid{grid-template-columns:1fr}.hero-copy{min-height:300px;padding:32px 25px}.hero-aside{padding:22px;min-height:170px}.hero-aside .hero-symbol{font-size:45px}.benefit-grid{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deep-grid{grid-template-columns:1fr}.deep-visual{min-height:240px}.section{padding:42px 0}.product-photo{height:165px}}
@media(max-width:490px){.header-line{gap:8px}.header-action{display:none}.hero-copy .heading{font-size:35px}.hero-copy p{font-size:13px}.hero-copy .actions{flex-direction:column;align-items:flex-start}.benefit-grid{grid-template-columns:1fr}.category-grid{gap:9px}.category-card{padding:14px;min-height:135px}.category-card b{font-size:14px}.store-control{padding:13px}.store-control select,.store-control input{flex:1 1 100%}.store-grid{gap:10px}.product-photo{height:145px}.product-data{padding:10px}.product-data h3{font-size:12px}.product-price{font-size:16px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.contact{padding:39px 0}}


/* Catálogo específico de secciones Informática y Seguridad */
.section-store{display:grid;grid-template-columns:242px minmax(0,1fr);gap:22px;align-items:start}
.section-sidebar{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px;position:sticky;top:95px;max-height:calc(100vh - 110px);overflow-y:auto}
.section-sidebar h3{font-size:15px;margin:0 0 13px}.section-sidebar h3:not(:first-child){font-size:12px;margin:20px 0 9px;padding-top:14px;border-top:1px solid var(--line);color:#51647a}
.section-sidebar .field{margin:11px 0;display:flex;flex-direction:column;gap:5px}
.section-sidebar label{color:#526276;font-size:11px;font-weight:800}
.section-sidebar input,.section-sidebar select{width:100%;min-width:0;border:1px solid #d3e1e9;border-radius:9px;background:#fff;padding:10px 9px;font-size:12px;color:#273d54}
.section-sidebar .filter-clear{display:flex;width:100%;padding:10px;font-size:12px;margin:16px 0}
.section-sidebar .note{line-height:1.6}
.section-products{min-width:0}.section-products .store-control{margin-bottom:15px;padding:12px}
.section-products .store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-card.active{border-color:#58bfe2;background:#e8f8ff}
button.primary{cursor:pointer}
@media(max-width:1050px){.section-store{grid-template-columns:220px minmax(0,1fr)}.section-products .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.section-store{grid-template-columns:1fr}.section-sidebar{position:static;max-height:none}.section-sidebar .field{display:inline-flex;width:calc(50% - 9px);margin-right:9px;vertical-align:top}.section-sidebar #technicalFilters{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 10px}.section-sidebar #technicalFilters .field{width:100%}.section-products .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){.section-sidebar .field{width:100%;margin-right:0}.section-sidebar #technicalFilters{grid-template-columns:1fr}.section-products .store-control{flex-direction:column;align-items:stretch}.section-products .store-control>*{width:100%}}

.service-actions{display:flex;flex-direction:column;gap:5px;margin-top:auto}.service-actions a{margin-top:0}

/* Filtros técnicos dinámicos para categorías de Hogar */
.home-dynamic-filters{border:1px solid #d8e8f0;border-radius:13px;padding:14px 18px;background:#fff;margin:-6px 0 20px}
.home-dynamic-filters[hidden]{display:none}
.dynamic-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 13px;margin-top:10px}
.dynamic-filter-grid .field{display:flex;flex-direction:column;gap:5px}
.dynamic-filter-grid label{color:#53667b;font-size:11px;font-weight:800}
.dynamic-filter-grid select{width:100%;min-width:0;border:1px solid #d5e4eb;background:#fff;color:#243c54;border-radius:9px;padding:9px 11px;font-size:12px}
@media(max-width:900px){.dynamic-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){.dynamic-filter-grid{grid-template-columns:1fr}}