/* Shared navigation: same header on the home, city and alarm pages. */
/* Clip decorative overflow without creating a scrolling ancestor of the sticky header. */
@supports(overflow:clip){html,body{overflow-x:clip!important;overflow-y:visible!important}}
.site-header .header-inner{position:relative}
.site-header .main-nav a[aria-current="page"]{color:#e2c58f}
.site-header .btn-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;line-height:1.15}
.sam-call-label{display:block;font-size:.8rem;font-weight:600;white-space:nowrap}
.sam-call-number{display:block;font-size:.65rem;font-weight:500;letter-spacing:.035em;white-space:nowrap}
.sam-menu-button{display:none}
.alarm-home-promo{background:#122029!important;border:1px solid #d5b66f55}
.alarm-home-promo p{color:#ddd9d1!important}
@media(min-width:1051px){
 .site-header .header-inner{gap:12px;min-height:80px;flex-wrap:wrap}
 .site-header .brand{margin-right:auto}
 .site-header .btn-header{order:2;min-height:44px;font-size:.86rem;padding:11px 20px}
 .site-header .btn-header .sam-call-label{font-size:.84rem}.site-header .btn-header .sam-call-number{font-size:.67rem}
 .site-header .main-nav{order:4}
 .sam-menu-button:not([hidden]){display:flex;order:3;flex:none;min-width:98px;min-height:44px;align-items:center;justify-content:center;gap:11px;color:#f3ede2;border:1px solid #ffffff36;border-radius:5px;padding:10px 14px;cursor:pointer;font-family:inherit;background:#ffffff05}
 .sam-menu-button:hover{background:#ffffff12;border-color:#d9c18d}
 .sam-menu-label{font-size:.76rem;letter-spacing:.015em}
 .sam-menu-icon{display:block;width:19px;height:15px;position:relative}
 .sam-menu-icon i{display:block;height:1.5px;width:100%;position:absolute;background:currentColor;left:0;transition:transform .18s,opacity .18s}
 .sam-menu-icon i:nth-child(1){top:1px}.sam-menu-icon i:nth-child(2){top:7px}.sam-menu-icon i:nth-child(3){top:13px}
 .site-header.sam-nav-ready .main-nav{display:none!important}
 .site-header.sam-menu-open .main-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:5px;position:absolute;top:calc(100% + 8px);right:0;left:auto;width:430px;padding:14px;background:rgba(13,23,30,.98);border:1px solid #d6ba8055;border-radius:9px;box-shadow:0 18px 40px #0005}
 .site-header .main-nav a{padding:13px 14px;min-height:46px;font-size:.76rem;letter-spacing:.025em;color:#eee7db;line-height:1.6;border-radius:5px}
 .site-header .main-nav a[href="/installation-alarme"]{background:#d5b66f16;color:#f0d7a5}
 .site-header .main-nav a:hover,.site-header .main-nav a:focus-visible{background:#ffffff12;color:white}
 .sam-menu-button[aria-expanded="true"] .sam-menu-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .sam-menu-button[aria-expanded="true"] .sam-menu-icon i:nth-child(2){opacity:0}
 .sam-menu-button[aria-expanded="true"] .sam-menu-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}
@media(max-width:1050px){
 .site-header .header-inner{display:flex!important;flex-wrap:wrap;gap:10px!important;min-height:72px!important;padding:10px 0!important}
 .site-header .brand{margin-right:auto;flex:1;min-width:0}
 .site-header .brand img{width:120px!important;max-width:100%!important;max-height:46px!important;height:auto!important}
 .site-header .btn-header{order:2;flex:none;padding:10px 12px;font-size:.79rem!important;min-height:44px;min-width:0;white-space:nowrap}
 .site-header .btn-header::after{display:none!important}
 .sam-menu-button:not([hidden]){display:flex;order:3;flex:0 0 44px;width:44px;min-height:44px;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:#eee7d9;background:transparent;border:1px solid #ffffff30;border-radius:5px;font-family:inherit;cursor:pointer}
 .sam-menu-icon{display:block;width:19px;height:15px;position:relative}
 .sam-menu-icon i{display:block;height:1.5px;width:100%;position:absolute;background:currentColor;left:0;transition:transform .18s,opacity .18s}
 .sam-menu-icon i:nth-child(1){top:1px}.sam-menu-icon i:nth-child(2){top:7px}.sam-menu-icon i:nth-child(3){top:13px}
 .sam-menu-label{font-size:8px;letter-spacing:.06em;line-height:1.1}
 .site-header .main-nav{order:4;display:flex!important;flex-wrap:wrap;width:100%;gap:0;padding:8px 0;border-top:1px solid #ffffff24}
 .site-header .main-nav a{padding:12px 14px;font-size:.82rem;min-height:44px;color:#eee7db;letter-spacing:.025em}
 .site-header.sam-nav-ready .main-nav{display:none!important}
 .site-header.sam-menu-open .main-nav{display:grid!important;grid-template-columns:1fr 1fr;position:absolute;top:calc(100% + 10px);left:0;right:0;width:100%;padding:10px;background:rgba(13,23,30,.98);border:1px solid #d6ba8055;border-radius:9px;box-shadow:0 18px 40px #0005;max-height:calc(100dvh - 170px);overflow-y:auto}
 .site-header .main-nav a[href="/installation-alarme"]{color:#f0d7a5;background:#d5b66f16;border-radius:5px}
 .site-header .main-nav a:hover,.site-header .main-nav a:focus-visible{background:#ffffff12;color:white}
 .sam-menu-button[aria-expanded="true"] .sam-menu-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .sam-menu-button[aria-expanded="true"] .sam-menu-icon i:nth-child(2){opacity:0}
 .sam-menu-button[aria-expanded="true"] .sam-menu-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}
@media(max-width:360px){
 .site-header .header-inner{gap:7px!important}
 .site-header .brand img{width:98px!important}
 .site-header .btn-header{padding:9px 8px;font-size:.73rem!important}
}
@media(prefers-reduced-motion:reduce){.sam-menu-icon i{transition:none}}