/* =========================================
   ESTILOS BASE DO TEMA (Cores, Topo e Rodapé)
   ========================================= */

/* 1. Barra de topo e navegação na Cor Exata do Logo (#113660) */
div.logobar, .navbar-default {
    background-color: #113660 !important; 
    color: #ffffff !important;
    border: none !important;
}

/* Espaçamento seguro para a barra do logótipo */
div.logobar {
    padding: 15px 0 !important;
    overflow: hidden !important; /* Garante que a barra "engole" o logótipo e não o deixa fugir */
}

.logobar .container {
    border-bottom: none !important;
}

/* 2. Cor dos links no menu principal */
.logobar a, .navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
    font-weight: 500;
    transition: all 0.2s ease;
}

/* 3. Hover e estado ativo dos links principais */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #0A223D !important; /* Azul ligeiramente mais escuro para o hover */
    color: #ffffff !important;
}

/* =========================================
   4. LOGOBAR (ALINHAMENTO SEGURO COM FLOATS)
   ========================================= */

/* O teu Logótipo */
.navbar-brand {
    font-size: 0 !important; 
    background-image: url('https://conf.researchr.org/getImage/ecsa-2027/orig/Logo_bluebg_cut.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    
    /* Tamanho fixo e alinhamento clássico à esquerda */
    width: 180px !important; 
    height: 90px !important; 
    display: block !important;
    float: left !important; 
    margin: 0 !important; 
    padding: 0 !important;
    border: none !important;
    outline: none !important;
}

/* O Texto da Data / Local */
.place {
    float: right !important; /* Encosta ao lado direito do logótipo */
    margin: 0 0 0 30px !important; /* Dá 30px de espaço entre o logótipo e o texto */
    padding: 25px 0 0 0 !important; /* Empurra o texto para baixo para o alinhar com o centro do logo */
    text-align: left !important; 
    font-size: 16px !important;
    color: #d1e6f5 !important;
    line-height: 1.4 !important;
}

/* Oculta os textos secundários antigos do sistema */
.place2 {
    display: none !important;
}

/* =========================================
   5. DROPDOWNS E FOOTER
   ========================================= */

.dropdown-menu {
    border: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 8px 0;
}

.dropdown-menu > li > a {
    padding: 8px 20px;
    color: #333333;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.dropdown-menu > li > a:hover {
    background-color: #f0f4f8; 
    color: #113660; 
}

.footer {
    background-color: #113660 !important;
    color: #ffffff !important;
    border-top: none !important;
    padding: 40px 0;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
.footer .text-muted, .footer span {
    color: #ffffff !important;
}

.footer a {
    color: #d1e6f5 !important;
}

.footer a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}


/* =========================================
   ESTILOS BASE DOS ÍCONES (MÁSCARAS)
   ========================================= */

/* Global (Menu Attending e Main Committees) */
.dropdown-menu a[href*="ecsa-2027-venue"]::before,
.dropdown-menu a[href*="traveling"]::before,
.dropdown-menu a[href*="registration"]::before,
.dropdown-menu a[href*="accomodation"]::before,
.dropdown-menu a[href*="local-information"]::before,
.dropdown-menu a[href*="sustainability"]::before,
.dropdown-menu a[href*="visa-information"]::before,
.dropdown-menu a[href*="ecsa-2027-organising-committee"]::before,
.dropdown-menu a[href*="ecsa-2027-steering-committee"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    margin-right: 8px;
    background-color: #777;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: background-color 0.2s ease;
}

/* Apenas dentro do Menu Tracks */
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-technical-track"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-industrial-track"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-open-science-track"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-registered-reports-track"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-journal-first-track"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-tool-and-demo-track"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-doctoral-symposium"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-workshop-and-tutorial-track"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsaasisas"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsacasa"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsaidea-arch"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    margin-right: 8px;
    background-color: #777;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: background-color 0.2s ease;
}

/* MUDA A COR DO ÍCONE PARA O AZUL DO BANNER NO HOVER */
.dropdown-menu a:hover::before {
    background-color: #113660 !important;
}

/* =========================================
   MAPEAMENTO DE ÍCONES (SVG ENCODED)
   ========================================= */

.dropdown-menu a[href*="ecsa-2027-venue"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'/%3E%3C/svg%3E"); }
.dropdown-menu a[href*="traveling"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z'/%3E%3C/svg%3E"); }
.dropdown-menu a[href*="registration"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M144 144v48H304V144c0-26.5-21.5-48-48-48H192c-26.5 0-48 21.5-48 48zM224 0c70.7 0 128 57.3 128 128v16h48c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H48c-35.3 0-64-28.7-64-64V208c0-35.3 28.7-64 64-64H96V128C96 57.3 153.3 0 224 0zM80 400c0 8.8 7.2 16 16 16h256c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16zm0-80c0 8.8 7.2 16 16 16h256c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16zm0-80c0 8.8 7.2 16 16 16h256c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M144 144v48H304V144c0-26.5-21.5-48-48-48H192c-26.5 0-48 21.5-48 48zM224 0c70.7 0 128 57.3 128 128v16h48c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H48c-35.3 0-64-28.7-64-64V208c0-35.3 28.7-64 64-64H96V128C96 57.3 153.3 0 224 0zM80 400c0 8.8 7.2 16 16 16h256c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16zm0-80c0 8.8 7.2 16 16 16h256c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16zm0-80c0 8.8 7.2 16 16 16h256c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16z'/%3E%3C/svg%3E"); }
.dropdown-menu a[href*="accomodation"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M32 32c17.7 0 32 14.3 32 32V320H288V160c0-17.7 14.3-32 32-32H544c53 0 96 43 96 96V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V416H32v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V64C-32 46.3-17.7 32 0 32s32 14.3 32 32zm144 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M32 32c17.7 0 32 14.3 32 32V320H288V160c0-17.7 14.3-32 32-32H544c53 0 96 43 96 96V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V416H32v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V64C-32 46.3-17.7 32 0 32s32 14.3 32 32zm144 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160z'/%3E%3C/svg%3E"); }
.dropdown-menu a[href*="local-information"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M240 32C240 14.3 254.3 0 272 0H384c17.7 0 32 14.3 32 32V64h48c26.5 0 48 21.5 48 48V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48H96V32c0-17.7 14.3-32 32-32H240zM96 112V416h48V112H96zm144 0V416h48V112H240zm144 0V416h48V112H384zM160 208v48h48V208H160zm0 112v48h48V320H160zm144-112v48h48V208H304zm0 112v48h48V320H304z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M240 32C240 14.3 254.3 0 272 0H384c17.7 0 32 14.3 32 32V64h48c26.5 0 48 21.5 48 48V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48H96V32c0-17.7 14.3-32 32-32H240zM96 112V416h48V112H96zm144 0V416h48V112H240zm144 0V416h48V112H384zM160 208v48h48V208H160zm0 112v48h48V320H160zm144-112v48h48V208H304zm0 112v48h48V320H304z'/%3E%3C/svg%3E"); }
.dropdown-menu a[href*="sustainability"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M374.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-320 320c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l320-320zM128 128C128 57.3 185.3 0 256 0h96c17.7 0 32 14.3 32 32v96c0 70.7-57.3 128-128 128H160c-17.7 0-32-14.3-32-32V128z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M374.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-320 320c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l320-320zM128 128C128 57.3 185.3 0 256 0h96c17.7 0 32 14.3 32 32v96c0 70.7-57.3 128-128 128H160c-17.7 0-32-14.3-32-32V128z'/%3E%3C/svg%3E"); }
.dropdown-menu a[href*="visa-information"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M96 32C60.7 32 32 60.7 32 96V416c0 35.3 28.7 64 64 64H352c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H96zM224 256a48 48 0 1 1 0-96 48 48 0 1 1 0 96zm0 32c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H96z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M96 32C60.7 32 32 60.7 32 96V416c0 35.3 28.7 64 64 64H352c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H96zM224 256a48 48 0 1 1 0-96 48 48 0 1 1 0 96zm0 32c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H96z'/%3E%3C/svg%3E"); }

.dropdown-menu a[href*="ecsa-2027-organising-committee"]::before,
.dropdown-menu a[href*="ecsa-2027-steering-committee"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62.8 71.7 111.4h137.4c17.7 0 32-14.3 32-32 0-53-43-96-96-96zm-320 0c-53 0-96 43-96 96 0 17.7 14.3 32 32 32h137.4c2.8-48.6 31.4-89.3 71.7-111.4-11.6-11.5-27.5-18.6-45.1-18.6h-64zm112-48c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80zm112 48h-32c-15.6 0-30 4.6-42.3 12.4C269.9 311.3 288 339.5 288 371v13c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-13c0-31.5 18.1-59.7 44.3-82.6-12.3-7.8-26.7-12.4-42.3-12.4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62.8 71.7 111.4h137.4c17.7 0 32-14.3 32-32 0-53-43-96-96-96zm-320 0c-53 0-96 43-96 96 0 17.7 14.3 32 32 32h137.4c2.8-48.6 31.4-89.3 71.7-111.4-11.6-11.5-27.5-18.6-45.1-18.6h-64zm112-48c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80zm112 48h-32c-15.6 0-30 4.6-42.3 12.4C269.9 311.3 288 339.5 288 371v13c0 17.7 14.3 32 32 32h192c17.7 0 32-14.3 32-32v-13c0-31.5 18.1-59.7 44.3-82.6-12.3-7.8-26.7-12.4-42.3-12.4z'/%3E%3C/svg%3E"); }

#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-technical-track"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E"); }
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-industrial-track"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M487.4 315.7l-42.6-24.6c2.2-11.7 3.5-23.8 3.5-36.1s-1.3-24.4-3.5-36.1l42.6-24.6c11.6-6.7 15.6-21.6 8.9-33.2l-32-55.4c-6.7-11.6-21.6-15.6-33.2-8.9l-42.6 24.6c-9.5-7.5-20.1-13.7-31.5-18.4V54.3c0-13.3-10.7-24-24-24h-64c-13.3 0-24 10.7-24 24v48.7c-11.4 4.7-22 10.9-31.5 18.4L114.6 90.8c-11.6-6.7-26.5-2.7-33.2 8.9l-32 55.4c-6.7 11.6-2.7 26.5 8.9 33.2l42.6 24.6C88.7 224.4 87.4 236.5 87.4 248.8s1.3 24.4 3.5 36.1l-42.6 24.6c-11.6 6.7-15.6 21.6-8.9 33.2l32 55.4c6.7 11.6 21.6 15.6 33.2 8.9l42.6-24.6c9.5 7.5 20.1 13.7 31.5 18.4v48.7c0 13.3 10.7 24 24 24h64c13.3 0 24-10.7 24-24v-48.7c11.4-4.7 22-10.9 31.5-18.4l42.6 24.6c11.6 6.7 26.5 2.7 33.2-8.9l32-55.4c6.7-11.6 2.7-26.5-8.9-33.2zM256 336c-48.6 0-88-39.4-88-88s39.4-88 88-88 88 39.4 88 88-39.4 88-88 88z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M487.4 315.7l-42.6-24.6c2.2-11.7 3.5-23.8 3.5-36.1s-1.3-24.4-3.5-36.1l42.6-24.6c11.6-6.7 15.6-21.6 8.9-33.2l-32-55.4c-6.7-11.6-21.6-15.6-33.2-8.9l-42.6 24.6c-9.5-7.5-20.1-13.7-31.5-18.4V54.3c0-13.3-10.7-24-24-24h-64c-13.3 0-24 10.7-24 24v48.7c-11.4 4.7-22 10.9-31.5 18.4L114.6 90.8c-11.6-6.7-26.5-2.7-33.2 8.9l-32 55.4c-6.7 11.6-2.7 26.5 8.9 33.2l42.6 24.6C88.7 224.4 87.4 236.5 87.4 248.8s1.3 24.4 3.5 36.1l-42.6 24.6c-11.6 6.7-15.6 21.6-8.9 33.2l32 55.4c6.7 11.6 21.6 15.6 33.2 8.9l42.6-24.6c9.5 7.5 20.1 13.7 31.5 18.4v48.7c0 13.3 10.7 24 24 24h64c13.3 0 24-10.7 24-24v-48.7c11.4-4.7 22-10.9 31.5-18.4l42.6 24.6c11.6 6.7 26.5 2.7 33.2-8.9l32-55.4c6.7-11.6 2.7-26.5-8.9-33.2zM256 336c-48.6 0-88-39.4-88-88s39.4-88 88-88 88 39.4 88 88-39.4 88-88 88z'/%3E%3C/svg%3E"); }
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-open-science-track"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 256H152V152.9c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v16c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-16C376 68 307.5-.3 223.5 0 139.5.3 72 69.5 72 153.5V256H48c-26.5 0-48 21.5-48 48v160c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 256H152V152.9c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v16c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-16C376 68 307.5-.3 223.5 0 139.5.3 72 69.5 72 153.5V256H48c-26.5 0-48 21.5-48 48v160c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E"); }
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-registered-reports-track"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-journal-first-track"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm64 236c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm64 236c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z'/%3E%3C/svg%3E"); }
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-tool-and-demo-track"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L242.3 171.9c-9.4-3.2-19.4-4.9-29.7-4.9-53 0-96 43-96 96 0 11.1 1.9 21.7 5.3 31.6L14 402.1c-18.7 18.7-18.7 49.1 0 67.9l22 22c18.7 18.7 49.1 18.7 67.9 0l107.7-107.7c9.9 3.4 20.5 5.3 31.6 5.3 53 0 96-43 96-96 0-10.3-1.6-20.2-4.9-29.7L471.6 101c21.9-21.9 21.9-57.3 0-79.2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L242.3 171.9c-9.4-3.2-19.4-4.9-29.7-4.9-53 0-96 43-96 96 0 11.1 1.9 21.7 5.3 31.6L14 402.1c-18.7 18.7-18.7 49.1 0 67.9l22 22c18.7 18.7 49.1 18.7 67.9 0l107.7-107.7c9.9 3.4 20.5 5.3 31.6 5.3 53 0 96-43 96-96 0-10.3-1.6-20.2-4.9-29.7L471.6 101c21.9-21.9 21.9-57.3 0-79.2z'/%3E%3C/svg%3E"); }
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-doctoral-symposium"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M622.34 153.18L332.66 12.02a24 24 0 0 0-21.32 0L21.66 153.18a24 24 0 0 0 0 42.14l129.56 63.12V364c0 14.85 10.13 27.91 24.72 31.33L301.24 443a23.85 23.85 0 0 0 13.52 0l125.3-27.55c14.59-3.42 24.72-16.48 24.72-31.33V258.44l129.56-63.12a24 24 0 0 0 0-42.14zM432 358l-112 24.64L208 358v-64.25l112 54.59 112-54.59z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M622.34 153.18L332.66 12.02a24 24 0 0 0-21.32 0L21.66 153.18a24 24 0 0 0 0 42.14l129.56 63.12V364c0 14.85 10.13 27.91 24.72 31.33L301.24 443a23.85 23.85 0 0 0 13.52 0l125.3-27.55c14.59-3.42 24.72-16.48 24.72-31.33V258.44l129.56-63.12a24 24 0 0 0 0-42.14zM432 358l-112 24.64L208 358v-64.25l112 54.59 112-54.59z'/%3E%3C/svg%3E"); }
#tracks-in-navbar .dropdown-menu a[href*="ecsa-2027-workshop-and-tutorial-track"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M624 416H16c-8.8 0-16 7.2-16 16v16c0 26.5 21.5 48 48 48h544c26.5 0 48-21.5 48-48v-16c0-8.8-7.2-16-16-16zM576 48H64c-35.3 0-64 28.7-64 64v224c0 35.3 28.7 64 64 64h512c35.3 0 64-28.7 64-64V112c0-35.3-28.7-64-64-64z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M624 416H16c-8.8 0-16 7.2-16 16v16c0 26.5 21.5 48 48 48h544c26.5 0 48-21.5 48-48v-16c0-8.8-7.2-16-16-16zM576 48H64c-35.3 0-64 28.7-64 64v224c0 35.3 28.7 64 64 64h512c35.3 0 64-28.7 64-64V112c0-35.3-28.7-64-64-64z'/%3E%3C/svg%3E"); }
#tracks-in-navbar .dropdown-menu a[href*="ecsaasisas"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsacasa"]::before,
#tracks-in-navbar .dropdown-menu a[href*="ecsaidea-arch"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M278.9 9.1c-15.5-7.7-34.3-1.4-42.1 14.1l-160 320c-7.7 15.5-1.4 34.3 14.1 42.1s34.3 1.4 42.1-14.1l160-320c7.7-15.5 1.4-34.3-14.1-42.1zm299.4 199l-113.1-90.5c-12.7-10.2-31.5-8-41.7 4.7s-8 31.5 4.7 41.7L513.7 256l-85.5 68.4c-12.7 10.2-14.9 29-4.7 41.7 6.3 7.9 15.9 11.9 25.4 11.9 5.8 0 11.6-1.5 16.3-5.2l113.1-90.5c11.1-8.9 11.1-25.9 0-34.8zM61.7 256l85.5-68.4c12.7-10.2 14.9-29 4.7-41.7s-29-14.9-41.7-4.7L17.1 232.2c-11.1 8.9-11.1 25.9 0 34.8l113.1 90.5c4.7 3.7 10.5 5.2 16.3 5.2 9.5 0 19.1-4 25.4-11.9 10.2-12.7 8-31.5-4.7-41.7L61.7 256z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M278.9 9.1c-15.5-7.7-34.3-1.4-42.1 14.1l-160 320c-7.7 15.5-1.4 34.3 14.1 42.1s34.3 1.4 42.1-14.1l160-320c7.7-15.5 1.4-34.3-14.1-42.1zm299.4 199l-113.1-90.5c-12.7-10.2-31.5-8-41.7 4.7s-8 31.5 4.7 41.7L513.7 256l-85.5 68.4c-12.7 10.2-14.9 29-4.7 41.7 6.3 7.9 15.9 11.9 25.4 11.9 5.8 0 11.6-1.5 16.3-5.2l113.1-90.5c11.1-8.9 11.1-25.9 0-34.8zM61.7 256l85.5-68.4c12.7-10.2 14.9-29 4.7-41.7s-29-14.9-41.7-4.7L17.1 232.2c-11.1 8.9-11.1 25.9 0 34.8l113.1 90.5c4.7 3.7 10.5 5.2 16.3 5.2 9.5 0 19.1-4 25.4-11.9 10.2-12.7 8-31.5-4.7-41.7L61.7 256z'/%3E%3C/svg%3E"); }

/* Separador Workshops */
#tracks-in-navbar .dropdown-menu li:has(a[href*="ecsacasa"])::before {
    content: "Workshops";
    display: block;
    padding: 12px 5px 4px 5px;
    color: #777;
    font-size: 12px;
    line-height: 1.2;
}

/* =========================================
   UNIFORMIZAÇÃO DAS CAIXAS E BOTÕES
   ========================================= */

.panel-primary > .panel-heading,
.panel-info > .panel-heading {
    background-color: #113660 !important;
    color: #ffffff !important;
    border-color: #113660 !important;
}

.panel-primary,
.panel-info {
    border-color: #113660 !important;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.btn-primary {
    background-color: #113660 !important;
    color: #ffffff !important;
    border-color: #113660 !important;
}

.nav-pills > li > a {
    color: #113660 !important;
}

.nav-pills > li > a:hover {
    background-color: #f0f4f8 !important; 
    color: #0A223D !important;
}

/* =========================================
   6. CORREÇÕES PARA MOBILE (TELEMÓVEIS)
   ========================================= */
@media (max-width: 767px) {
    /* 1. Forçar fundo BRANCO nos sub-menus (igual ao PC) */
    .navbar-default .navbar-nav .open .dropdown-menu {
        background-color: #ffffff !important;
        border-radius: 4px !important;
        margin: 5px 15px !important; /* Cria um efeito de caixa solta */
        box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
        border: none !important;
    }

    /* 2. Forçar texto cinza escuro nos sub-menus */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .dropdown-header {
        color: #333333 !important;
    }

    /* 3. Efeito ao passar o dedo/rato no mobile */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #f0f4f8 !important;
        color: #113660 !important;
    }

    /* 4. Ícones cinzas (default) no mobile */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a::before {
        background-color: #777777 !important;
    }
    
    /* Ícones azuis ao passar o dedo */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover::before,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus::before {
        background-color: #113660 !important;
    }

    /* 5. Título estático "Workshops" em cinza */
    #tracks-in-navbar .dropdown-menu li:has(a[href*="ecsacasa"])::before {
        color: #777777 !important;
    }

    /* 6. Alinhamento da Data/Local debaixo do logótipo para não "encavalar" */
    .place {
        float: none !important;
        margin: 10px 0 0 0 !important;
        padding: 0 15px !important;
        display: block !important;
        text-align: left !important;
    }

    /* Ajuste de segurança para o Logótipo no telemóvel */
    .navbar-brand {
        margin-left: 15px !important;
    }
}

/* =========================================
   7. TEMPORÁRIO
   ========================================= */

/* Ocultar a aba Tracks temporariamente */
#tracks-in-navbar {
    display: none !important;
}