/* Paneles de navegación basados en el diseño del proyecto SINÁPTICO. */
html{scroll-padding-top:175px}.nav-shell{height:auto;min-height:145px;display:flex;flex-wrap:wrap;gap:0 30px;padding-top:12px;align-items:center}.header .brand{margin-right:auto}.header .brand-logo{width:72px;height:72px}.header .brand-name{font-size:31px}.header .brand-caption{display:block;font-size:8px;max-width:none}.header .brand-caption small{font-size:8px}.header-contact{display:flex;align-items:center;gap:26px;font-size:12px}.header-contact>a:first-child{font-weight:600}.header-catalog{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--gold)}.header-catalog svg{width:22px;height:22px}.header .mega-nav{width:100%;flex:1 0 100%;height:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:12px;gap:20px}.mega-group{padding:0;border:0;background:transparent;margin:0;position:static}.mega-group>summary{position:relative;display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--navy);padding:19px 0;white-space:nowrap}.mega-group>summary::-webkit-details-marker{display:none}.mega-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .16s}.mega-group[open] .mega-chevron{transform:rotate(225deg);margin-top:4px}.header .mega-direct{color:var(--navy);font-size:13px;padding:19px 0}.header .mega-direct.active:after{display:none}.mega-group>summary:after,.header .mega-direct:after{content:"";display:block;position:absolute;left:0;right:0;bottom:10px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .18s}.mega-group>summary:hover:after,.mega-group[open]>summary:after,.mega-group>summary:focus-visible:after,.header .mega-direct:hover:after{transform:scaleX(1)}.mega-group[open]>summary,.mega-group>summary:hover{color:var(--gold)}.mega-group>summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.mega-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1180px,calc(100vw - 48px));background:white;border:1px solid var(--line);border-top:3px solid var(--yellow);border-radius:0 0 20px 20px;box-shadow:0 18px 40px #062b4824;padding:25px;max-height:calc(100dvh - 180px);overflow-y:auto}.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px}.header .mega-card{display:flex;align-items:flex-start;gap:14px;padding:15px;border:0;border-radius:10px;white-space:normal;transition:background .16s}.mega-card svg{width:27px;height:27px;flex-shrink:0;color:var(--gold);margin-top:2px}.mega-card strong{display:block;font-size:14px;color:var(--navy);line-height:1.4;font-weight:600}.mega-card small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:6px;font-weight:400}.header .mega-card:hover,.header .mega-card:focus-visible{background:#f6f5ef;color:var(--navy)}.header .mega-nav>.nav-cta{margin:8px 0;padding:11px 18px;font-size:11px}.mega-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:16px;padding:17px 15px 0;font-size:11px;color:var(--muted)}.mega-footer a{color:var(--gold);font-weight:600}.menu-toggle{display:none}.mega-nav .active{color:var(--gold)}
@media(max-width:1050px){html{scroll-padding-top:90px}.nav-shell{min-height:76px;height:76px;padding-top:0;flex-wrap:nowrap;gap:15px}.header .brand-logo{width:58px;height:58px}.header .brand-name{font-size:26px}.header .brand-caption{font-size:6px}.header .brand-caption small{font-size:6px}.header-contact{display:none}.menu-toggle{display:flex;flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{display:block;width:19px;height:2px;background:var(--navy)}.header .mega-nav{display:none;position:absolute;top:76px;left:0;right:0;width:100%;margin:0;padding:15px 25px 25px;max-height:calc(100dvh - 76px);overflow-y:auto;background:#fff;border-top:1px solid var(--line);box-shadow:0 16px 28px #062b4820;height:auto;gap:0}.header .mega-nav.open{display:flex;flex-direction:column;align-items:stretch}.mega-group>summary{padding:16px 8px;justify-content:space-between;border-bottom:1px solid var(--line);font-size:15px;white-space:normal}.header .mega-direct{padding:15px 8px;font-size:15px}.mega-panel{position:static;transform:none;width:100%;max-height:none;overflow:visible;border:0;border-radius:0;box-shadow:none;background:#f6f7f7;padding:7px 5px}.mega-grid{display:block}.header .mega-card{padding:13px 12px;border-bottom:1px solid #e2e6e8;border-radius:0;gap:12px}.mega-card svg{width:21px;height:21px}.mega-card strong{font-size:13px;font-weight:500}.mega-card small{display:none}.mega-footer{padding:14px 12px 8px;margin:0;display:block;font-size:10px}.mega-footer>span{display:none}.header .mega-nav>.nav-cta{margin-top:20px;justify-content:space-between;padding:15px 18px;font-size:12px}.mega-group>summary:after{bottom:6px}.mega-group[open]>summary:after{transform:scaleX(0)}.mega-group[open]>summary{color:var(--gold)}}
@media(max-width:600px){.nav-shell{height:70px;min-height:70px}.header .mega-nav{top:70px;max-height:calc(100dvh - 70px);padding-inline:17px}.header .brand-logo{width:50px;height:50px}.header .brand-name{font-size:24px}.header .brand-caption{font-size:5px;max-width:100px}.header .brand-caption small{font-size:5px}.menu-toggle{width:36px;height:36px}.header .brand{gap:8px}.header .brand-caption{padding-left:8px}}
@media(max-width:360px){.header .brand-caption{display:none}}
@media(max-width:1050px){.header .mega-nav{max-height:calc(100dvh - 110px);overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){.mega-group>summary:after,.mega-chevron,.mega-card{transition:none}}