/* ============================================================
   CONBCON 2026 — Estilos compartilhados entre paginas internas
   (palestrantes, palestranteDetalhe, contato)

   Replica do index.css: regras de menuMobile + footer + responsivo
   que precisam estar disponiveis sem carregar o index.css inteiro.
   ============================================================ */

/* ---------- Esconder elementos mobile no desktop ---------- */
._1000 .botaoMenu,
._1000 .menuMobile{display: none;}

/* ---------- Footer (port do index.css) ---------- */
footer{
    background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1901 335'%3E%3Cpath d='M1920 340.378H0V0C251.535 47.0545 572.86 74.3779 961.998 74.3779C1349.08 74.3779 1669.06 46.5979 1920 0V340.378Z' fill='%230D1338'/%3E%3C/svg%3E") no-repeat center top #040413;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
    footer::before{content: '';background: #0D1338;width: 1871px;height: 330px;position: absolute;left: 50%;transform: translateX(-50%);top: -18px;border-radius: 100%;filter: blur(164px);}
    footer::after{content: "";width: 858px;height: 394px;background: url('../img/bussolaFooter.svg') no-repeat;background-size: contain;position: absolute;bottom: -161px;left: 50%;transform: translateX(-50%);pointer-events: none;}

    footer .centro{width: 100%;max-width: 1320px;display: flex;justify-content: space-between;margin: 0 auto;padding: 127px 20px 78px;position: relative;z-index: 1;color: #4B6AB3;}

        footer .centro .left{text-align: left;}
        footer .centro .left a:link,
        footer .centro .left a:active,
        footer .centro .left a:visited{line-height: 22px;font-weight: 500;font-size: 15px;display: inline-block;color: #FFFFFF;text-decoration: underline;transition: all 0.5s ease;}
        footer .centro .left a:hover{color: #41C9FF;}

        footer .centro .left a.botaoLogo:link,
        footer .centro .left a.botaoLogo:active,
        footer .centro .left a.botaoLogo:visited{width: 100%;max-width: 216px;height: 69px;text-decoration: none;transition: all 0.5s ease;}
        footer .centro .left a.botaoLogo:hover{filter: drop-shadow(0px 0px 10px #44C4E0) drop-shadow(0px 9px #00000080);}
        footer .centro .left a.botaoLogo figure{width: 100%;height: 100%;}
        footer .centro .left a.botaoLogo figure img{width: 100%;height: 100%;object-fit: contain;filter: drop-shadow(0px 10px transparent) drop-shadow(0px 9px transparent);}

        footer .centro .left p{line-height: 22px;font-weight: 400;font-size: 15px;padding: 0 0 16px;width: 100%;max-width: 255px;}

        footer .centro .right{text-align: right;}
        footer .centro .right .botao{display: flex;gap: 34px;justify-content: right;padding: 22px 0 25px;}
        footer .centro .right .botao a{font-weight: 600;font-size: 18px;line-height: 22px;display: block;text-decoration: none;color: #FFFFFF;transition: all 0.5s ease;}
        footer .centro .right .botao a:hover{filter: brightness(1);color: #41C9FF;}
        footer .centro .right p{font-weight: 400;font-size: 14px;line-height: 22px;}

/* User menu (logado): regras do dropdown desktop, userBox mobile e separador
   foram movidas para estilos.css (sempre carregado) e atendem home + internas. */

/* ---------- Menu Mobile (port do index.css _320) ---------- */
._320 a.botaoMenu:link,
._320 a.botaoMenu:active,
._320 a.botaoMenu:visited{width: fit-content;display: flex;align-items: center;justify-content: flex-end;gap: 10px;transition: all 0.5s ease;padding: 11px 20px;}
    ._320 a.botaoMenu svg{width: 28px;height: 29px;}
    ._320 a.botaoMenu svg path{stroke: #FFFFFF;}

._320 .boxTopo .centro .topoMenu:has(.menuMobile){width: 100%;max-width: 440px;display: flex;justify-content: space-between;align-items: center;flex-direction: row;gap: 20px;padding: 10px 20px;position: fixed;top: 0;left: 50%;transform: translateX(-50%);background: #00002ff2;z-index: 999;margin-bottom: 0;}

._320 .menuMobileAtivo{overflow: hidden;}

._320 .boxTopo .centro .menuMobile{
    width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    position: fixed;
    top: 0;
    right: -80px;
    z-index: 9999;
    transition: all 0.5s ease;
    height: 100%;
    min-height: 100vh;
    background: #00002f;
    overflow: hidden;
}
._320 .menuMobileAtivo .boxTopo .centro .menuMobile{width: calc(100% - 66px);right: 0;}

._320 .boxTopo .centro .menuMobile .topoMenu{display: flex;width: 100%;align-items: center;justify-content: center;height: auto;padding: 12px 14px;border-radius: 0;background: radial-gradient(50% 100% at 50% 100%, #0048A5 0%, #000B3F 81.25%, #00002F 100%);margin: 0;overflow: hidden;}
._320 .boxTopo .centro .menuMobile .topoMenu figure{display: flex;align-items: center;justify-content: center;width: 188px;min-width: 188px;height: 37px;margin: 0 auto;}
._320 .boxTopo .centro .menuMobile .topoMenu figure img{object-fit: contain;}

._320 .boxTopo .centro .menuMobile > a.botaoMenu:link,
._320 .boxTopo .centro .menuMobile > a.botaoMenu:active,
._320 .boxTopo .centro .menuMobile > a.botaoMenu:visited{background: #214FEE;box-shadow: 0 3px 0 0 #ffffff38 inset, -16px 0 32px -8px #12309899 inset, 16px 0 32px -8px #12309899 inset;width: 66px;height: 60px;position: absolute;left: -66px;top: 0;}

._320 .boxTopo .centro .menuMobile nav.menu{width: 100%;padding: 28px 24px;}
._320 .boxTopo .centro .menuMobile nav.menu ul{display: flex;flex-direction: column;gap: 4px;align-items: flex-start;}
._320 .boxTopo .centro .menuMobile nav.menu ul li{width: 100%;}
._320 .boxTopo .centro .menuMobile nav.menu ul li a{display: block;padding: 14px 0;border-bottom: 1px solid rgba(167,187,255,.10);}
._320 .boxTopo .centro .menuMobile nav.menu ul li a b{font: 400 18px/22px "Oswald";text-transform: uppercase;color: #fff;letter-spacing: .05em;}
._320 .boxTopo .centro .menuMobile nav.menu ul li a.entrar{display: flex;align-items: center;gap: 8px;border-bottom: 0;margin-top: 12px;}
._320 .boxTopo .centro .menuMobile nav.menu ul li a.entrar b{color: #5e7ff2;}

/* Mobile: empurra o conteudo da hero para baixo do topo fixed */
._320 .boxTopo .centro{padding-top: 80px !important;}

/* ---------- Footer mobile ---------- */
._320 footer{height: auto;background: #0d1338;position: relative;}
._320 footer::after{display: none;}
._320 footer .centro{padding: 40px 20px 40px;flex-direction: column;align-items: center;gap: 20px;}
._320 footer .centro .left{text-align: center;}
._320 footer .centro .left a.botaoLogo{display: block;margin: 0 auto;}
._320 footer .centro .left a.botaoLogo img{width: 100%;max-width: 200px;height: auto;margin: 0 auto;}
._320 footer .centro .left p{text-align: center;font-size: 14px;line-height: 21px;padding-bottom: 0;max-width: 320px;}
._320 footer .centro .right{text-align: center;}
._320 footer .centro .right .botao{justify-content: center;padding: 12px 0;}