/* Referência: cabeçalho das páginas internas de elitecampinas.com.br.
   O escopo e as unidades em px impedem que o Bootstrap e o rem do SisQ alterem o componente. */
#sisq-elite-header {
    all: initial;
    display: block;
    position: relative;
    isolation: isolate;
    z-index: 100;
    width: 100%;
    font: 400 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #fff;
    text-align: left;
}
#sisq-elite-header *, #sisq-elite-header *::before, #sisq-elite-header *::after {
    box-sizing: border-box;
}
#sisq-elite-header * {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    color: inherit;
    letter-spacing: normal;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    float: none;
}
#sisq-elite-header [hidden] { display: none !important; }
#sisq-elite-header a { text-decoration: none; background: transparent; }
#sisq-elite-header button { cursor: pointer; background: transparent; border-radius: 0; }
#sisq-elite-header a:focus-visible, #sisq-elite-header button:focus-visible { outline: 2px solid #00d0ff; outline-offset: 3px; }
#sisq-elite-header ul { list-style: none; }
#sisq-elite-header .sgeh-container { width: 100%; margin: 0 auto; padding: 0 12px; }
#sisq-elite-header .sgeh-nav { background: #001c81; font-family: Jost, sans-serif; }
#sisq-elite-header .sgeh-nav-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
#sisq-elite-header .sgeh-brand { display: block; width: 200px; max-width: 200px; min-height: 89.63px; padding: 5px 0; margin-right: auto; font-size: 17px; line-height: 1.5; white-space: nowrap; }
#sisq-elite-header .sgeh-brand img { display: block; max-width: 100%; width: 200px; height: auto; vertical-align: middle; }
#sisq-elite-header .sgeh-cta { display: inline-block; padding: 6px 12px; border: 1px solid #ff9c36; border-radius: 200px; background: #fd710d; color: #fff; text-align: center; font: 400 16px/24px Jost, sans-serif; transition: background-color .5s, border-color .5s; }
#sisq-elite-header .sgeh-cta:hover { background: transparent; border-color: rgba(187,246,255,.8); }
#sisq-elite-header .sgeh-cta-mobile { display: none; margin-top: 8px; }
#sisq-elite-header .sgeh-menu-button { padding: 4px 12px; font-size: 20px; line-height: 1; }
#sisq-elite-header .sgeh-menu-icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; background: center / 100% no-repeat url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.8)' stroke-width='2' stroke-linecap='round' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
#sisq-elite-header .sgeh-panel { position: fixed; inset: 0 0 0 auto; width: 400px; max-width: 100%; z-index: 1055; display: flex; flex-direction: column; background: #001c81; visibility: hidden; transform: translateX(100%); transition: transform .3s ease-in-out, visibility .3s; }
#sisq-elite-header .sgeh-panel.sgeh-open { visibility: visible; transform: none; }
#sisq-elite-header .sgeh-panel-header { display: flex; align-items: center; justify-content: space-between; padding: 16px; }
#sisq-elite-header .sgeh-panel-title { font-size: 20px; line-height: 30px; font-weight: 500; text-transform: uppercase; }
#sisq-elite-header .sgeh-close { box-sizing: content-box; width: 16px; height: 16px; padding: 8px; margin: -8px -8px -8px 0; font-size: 0; opacity: .5; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") center / 16px auto no-repeat; }
#sisq-elite-header .sgeh-close:hover { opacity: 1; }
#sisq-elite-header .sgeh-panel-body { flex-grow: 1; padding: 16px; overflow-y: auto; overscroll-behavior: contain; }
#sisq-elite-header .sgeh-links { display: flex; flex-direction: column; margin: 0 auto; }
#sisq-elite-header .sgeh-item { position: relative; }
#sisq-elite-header .sgeh-link { display: block; padding: 8px 0; color: #fff; font-size: 18px; font-weight: 400; line-height: 27px; letter-spacing: 1px; transition: color .5s; }
#sisq-elite-header .sgeh-link:hover { color: #00d0ff; }
#sisq-elite-header .sgeh-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }
#sisq-elite-header .sgeh-submenu { display: none; min-width: 160px; padding: 8px 0; background: #0048cb; color: #fff; border-radius: 6px; box-shadow: 0 8px 24px rgba(110,110,110,.2); text-align: left; font-size: 16px; line-height: 24px; }
#sisq-elite-header .sgeh-dropdown.sgeh-expanded > .sgeh-submenu { display: block; }
#sisq-elite-header .sgeh-sublink { display: block; padding: 4px 16px; font-weight: 400; white-space: normal; }
#sisq-elite-header .sgeh-sublink:hover, #sisq-elite-header .sgeh-sublink:focus { background: #0072ff; color: #fff; }
#sisq-elite-header .sgeh-backdrop { position: fixed; inset: 0; z-index: 1050; background: rgba(0,0,0,.5); }
#sisq-elite-header .sgeh-hero { position: relative; padding: 40px 0; background: #001c81 url("https://elitecampinas.com.br/wp-content/themes/elitecampinas/assets/images/fachada-NOVA-editada.jpg") center / cover no-repeat; background-blend-mode: luminosity; text-align: center; }
#sisq-elite-header .sgeh-overlay { position: absolute; inset: 0; background: linear-gradient(#001c81 10%, rgba(0,36,118,.88) 100%); }
#sisq-elite-header .sgeh-hero-inner { position: relative; z-index: 1; }
#sisq-elite-header .sgeh-title-column { margin: 0 -12px; padding: 0 12px; }
#sisq-elite-header .sgeh-title { display: block; margin: 0 0 8px; font: 900 51.2px/1.2 Mulish, sans-serif; color: #fff; overflow-wrap: break-word; }
#sisq-elite-header .sgeh-breadcrumb { display: block; margin-top: 4px; margin-bottom: 16px; font-size: 16px; line-height: 24px; }
#sisq-elite-header .sgeh-breadcrumb a { color: #0d6efd; text-decoration: underline; }
#sisq-elite-header .sgeh-breadcrumb a:hover { color: #0a58ca; }
@media (min-width: 576px) { #sisq-elite-header .sgeh-hero-inner { max-width: 540px; } }
@media (min-width: 768px) { #sisq-elite-header .sgeh-hero-inner { max-width: 720px; } }
@media (min-width: 992px) {
    #sisq-elite-header .sgeh-hero-inner { max-width: 960px; }
    #sisq-elite-header .sgeh-title-column { width: calc(66.66666667% + 16px); margin-left: calc(16.66666667% - 8px); }
    #sisq-elite-header .sgeh-link { padding-left: 10px; padding-right: 10px; }
}
@media (min-width: 1200px) {
    #sisq-elite-header .sgeh-container { max-width: 1140px; }
    #sisq-elite-header .sgeh-nav-inner { flex-wrap: nowrap; }
    #sisq-elite-header .sgeh-cta-desktop { order: 3; }
    #sisq-elite-header .sgeh-menu-button, #sisq-elite-header .sgeh-panel-header, #sisq-elite-header .sgeh-backdrop { display: none; }
    #sisq-elite-header .sgeh-panel { position: static; width: auto; height: auto; flex-grow: 1; flex-direction: row; visibility: visible; transform: none; transition: none; background: transparent; }
    #sisq-elite-header .sgeh-panel-body { display: flex; padding: 0; overflow: visible; flex-grow: 0; }
    #sisq-elite-header .sgeh-links { flex-direction: row; }
    #sisq-elite-header .sgeh-link { white-space: nowrap; }
    #sisq-elite-header .sgeh-submenu { position: absolute; top: 100%; left: 0; z-index: 1000; max-height: calc(100vh - 100px); overflow-y: auto; max-width: calc(100vw - 24px); }
    #sisq-elite-header .sgeh-sublink { white-space: nowrap; }
    #sisq-elite-header .sgeh-dropdown:last-of-type .sgeh-submenu { left: auto; right: 0; }
}
@media (min-width: 1400px) { #sisq-elite-header .sgeh-container { max-width: 1320px; } }
@media (max-width: 450px) {
    #sisq-elite-header .sgeh-cta-desktop { display: none; }
    #sisq-elite-header .sgeh-cta-mobile { display: inline-block; }
}
@media (prefers-reduced-motion: reduce) {
    #sisq-elite-header .sgeh-panel, #sisq-elite-header .sgeh-cta, #sisq-elite-header .sgeh-link { transition: none; }
}
