/* GF Monitoramentos - responsive mobile navigation and footer */
@media (max-width:767px){
body.page-id-11,body.elementor-page-11{overflow-x:clip}
.page-id-11 .elementor-element-4e6ffd6,.elementor-page-11 .elementor-element-4e6ffd6{background-image:url('https://gfmonitoramentos.com.br/wp-content/uploads/2026/07/hero-mobile-gf-v2.webp')!important;background-position:center center!important}
.page-id-11 .elementor-element-4e6ffd6::before,.elementor-page-11 .elementor-element-4e6ffd6::before{background-image:linear-gradient(180deg,rgba(0,23,49,.28) 0%,rgba(0,23,49,.12) 38%,rgba(0,23,49,.78) 76%,#001731 100%),linear-gradient(90deg,rgba(0,23,49,.82) 0%,rgba(0,23,49,.42) 62%,rgba(0,23,49,.16) 100%)!important;opacity:1!important}
.page-id-11 .elementor-element-8080247,.elementor-page-11 .elementor-element-8080247{position:relative;z-index:80}
.page-id-11 .elementor-element-33d1654,.elementor-page-11 .elementor-element-33d1654,.page-id-11 .elementor-element-ce7eb56,.elementor-page-11 .elementor-element-ce7eb56{display:none!important}
.page-id-11 .elementor-element-gf-mobile-menu,.elementor-page-11 .elementor-element-gf-mobile-menu{width:48px;max-width:48px;flex:0 0 48px;margin-inline-start:auto}
.gf-mobile-nav__toggle,.gf-mobile-nav__close,
.gf-mobile-nav__toggle:hover,.gf-mobile-nav__toggle:focus,.gf-mobile-nav__toggle:active,
.gf-mobile-nav__close:hover,.gf-mobile-nav__close:focus,.gf-mobile-nav__close:active{-webkit-appearance:none!important;appearance:none!important;background:transparent!important;background-color:transparent!important;border:1px solid transparent!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;cursor:pointer}
.gf-mobile-nav__toggle{width:48px;height:48px;padding:12px!important;display:flex;flex-direction:column;justify-content:center;gap:5px}
.gf-mobile-nav__toggle span{display:block;width:22px;height:2px;margin-inline-start:auto;background:currentColor;transition:transform .25s ease,opacity .2s ease}
.gf-mobile-nav__toggle span:nth-child(2){width:16px}
.gf-mobile-nav__toggle:hover,.gf-mobile-nav__close:hover{background:rgba(225,175,74,.06)!important;border-color:rgba(225,175,74,.34)!important;color:#e1af4a!important}
.gf-mobile-nav__toggle:focus-visible,.gf-mobile-nav__close:focus-visible{background:rgba(225,175,74,.06)!important;border-color:#e1af4a!important;color:#e1af4a!important;outline:2px solid rgba(225,175,74,.25);outline-offset:2px}
.gf-mobile-nav__backdrop{position:fixed;inset:0;z-index:9998;background:rgba(2,2,14,.72);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
.gf-mobile-nav__drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:9999;width:min(86vw,340px);height:100dvh;padding:24px 22px;display:flex;flex-direction:column;background:#02020e;border-inline-start:1px solid rgba(225,175,74,.35);box-shadow:-24px 0 70px rgba(0,0,0,.38);transform:translateX(102%);visibility:hidden;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s ease}
.gf-mobile-nav.is-open .gf-mobile-nav__backdrop{opacity:1;visibility:visible}
.gf-mobile-nav.is-open .gf-mobile-nav__drawer{transform:translateX(0);visibility:visible}
.gf-mobile-nav__top{min-height:48px;display:flex;align-items:center;justify-content:space-between;color:#e1af4a;font:700 12px/1 "JetBrains Mono",monospace;letter-spacing:1.6px;text-transform:uppercase}
.gf-mobile-nav__close{width:48px;height:48px;padding:0!important;font:300 27px/1 Arial,sans-serif!important}
.gf-mobile-nav nav{display:flex;flex-direction:column;margin-top:28px}
.gf-mobile-nav nav a{min-height:54px;display:flex;align-items:center;padding:14px 2px;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);font:700 14px/1.3 "JetBrains Mono",monospace;letter-spacing:.7px;text-decoration:none;text-transform:uppercase}
.gf-mobile-nav nav a:hover,.gf-mobile-nav nav a:focus-visible{color:#e1af4a}
.gf-mobile-nav nav .gf-mobile-nav__whatsapp{justify-content:center;margin-top:24px;padding-inline:18px;background:#e1af4a;border:0;color:#1d1d1d}
html.gf-mobile-menu-open{overflow:hidden}
.page-id-11 .elementor-element-22f94ebc .elementor-icon-list-items,.elementor-page-11 .elementor-element-22f94ebc .elementor-icon-list-items{display:flex;flex-direction:column;align-items:center}
.page-id-11 .elementor-element-22f94ebc .elementor-icon-list-item,.elementor-page-11 .elementor-element-22f94ebc .elementor-icon-list-item{justify-content:center;text-align:center}
.page-id-11 .elementor-element-515a183 .elementor-icon-box-wrapper,.elementor-page-11 .elementor-element-515a183 .elementor-icon-box-wrapper,.page-id-11 .elementor-element-64278e53 .Copyright,.elementor-page-11 .elementor-element-64278e53 .Copyright{justify-content:center;text-align:center}
.page-id-11 #whatsapp,.elementor-page-11 #whatsapp{width:min(250px,calc(100vw - 24px))}
@media (max-width:520px){
.page-id-11 #gfQuoteModal .gf-quote-modal__dialog,.elementor-page-11 #gfQuoteModal .gf-quote-modal__dialog{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:8px auto!important;grid-template-rows:auto minmax(0,1fr)!important}
.page-id-11 #gfQuoteModal .gf-quote-modal__visual,.elementor-page-11 #gfQuoteModal .gf-quote-modal__visual{padding:24px 18px 18px!important}
.page-id-11 #gfQuoteModal .gf-quote-modal__visual h2,.elementor-page-11 #gfQuoteModal .gf-quote-modal__visual h2{font-size:clamp(28px,8.5vw,32px)!important;line-height:1!important;margin:14px 0!important;letter-spacing:-.025em!important}
.page-id-11 #gfQuoteModal .gf-quote-modal__visual p,.elementor-page-11 #gfQuoteModal .gf-quote-modal__visual p{font-size:15px!important;line-height:1.45!important}
.page-id-11 #gfQuoteModal .gf-quote-modal__signal,.elementor-page-11 #gfQuoteModal .gf-quote-modal__signal{margin-top:20px!important;gap:7px!important}
.page-id-11 #gfQuoteModal .gf-quote-modal__signal span,.elementor-page-11 #gfQuoteModal .gf-quote-modal__signal span{width:34px!important;height:3px!important}
.page-id-11 #gfQuoteModal .gf-quote-modal__close,.elementor-page-11 #gfQuoteModal .gf-quote-modal__close,.page-id-11 #gfQuoteModal .gf-quote-modal__close:hover,.page-id-11 #gfQuoteModal .gf-quote-modal__close:focus,.elementor-page-11 #gfQuoteModal .gf-quote-modal__close:hover,.elementor-page-11 #gfQuoteModal .gf-quote-modal__close:focus{top:12px!important;right:12px!important;width:44px!important;height:44px!important;padding:0!important;border:1px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:26px!important}
.page-id-11 #gfQuoteModal .gf-quote-modal__close:hover,.page-id-11 #gfQuoteModal .gf-quote-modal__close:focus-visible,.elementor-page-11 #gfQuoteModal .gf-quote-modal__close:hover,.elementor-page-11 #gfQuoteModal .gf-quote-modal__close:focus-visible{border-color:rgba(225,175,74,.45)!important;background:rgba(225,175,74,.07)!important;color:#e1af4a!important}
.page-id-11 #gfQuoteModal .gf-quote-modal__content,.elementor-page-11 #gfQuoteModal .gf-quote-modal__content{min-height:0!important;padding:22px 16px 24px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.page-id-11 #gfQuoteModal .gf-quote-modal__topline,.page-id-11 #gfQuoteModal .gf-quote-modal__progress,.elementor-page-11 #gfQuoteModal .gf-quote-modal__topline,.elementor-page-11 #gfQuoteModal .gf-quote-modal__progress{margin-right:0!important}
.page-id-11 #gfQuoteModal .gf-quote-modal__topline,.elementor-page-11 #gfQuoteModal .gf-quote-modal__topline{gap:10px!important;font-size:10px!important;letter-spacing:1px!important}
.page-id-11 #gfQuoteModal .gf-quote-modal__progress,.elementor-page-11 #gfQuoteModal .gf-quote-modal__progress{margin-bottom:24px!important}
.page-id-11 #gfQuoteModal .gf-quote-step h3,.elementor-page-11 #gfQuoteModal .gf-quote-step h3{font-size:clamp(26px,7.5vw,30px)!important;line-height:1.04!important}
.page-id-11 #gfQuoteModal .gf-quote-help,.elementor-page-11 #gfQuoteModal .gf-quote-help{margin:12px 0 18px!important;font-size:15px!important;line-height:1.48!important}
.page-id-11 #gfQuoteModal .gf-quote-options button,.elementor-page-11 #gfQuoteModal .gf-quote-options button{min-height:56px!important;padding:13px 14px!important;font-size:11.5px!important}
}
}
@media (prefers-reduced-motion:reduce){.gf-mobile-nav__drawer,.gf-mobile-nav__backdrop,.gf-mobile-nav__toggle span{transition:none}}
@media (min-width:768px) and (max-width:1024px){
body.page-id-11,body.elementor-page-11{overflow-x:clip}
}