:root {
    --bg-main-color: #ffffff;
    --tipografias: #043D4F;
    --tipografias-inactivo: rgba(4, 61, 79, 0.5);
    --separador-bg: rgba(4, 61, 79, 1);
    --itemactivo: rgba(4, 61, 79, 1);
    --separador-text: #ffffff;
    --bs-heading-color:var(--tipografias);
    --icono-cerrar: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 30 25" style="enable-background:new 0 0 30 25;" xml:space="preserve"><path d="M12.8,12.4c-0.2-0.1-0.4-0.2-0.5-0.4c-3-3-6-6-9-9C2.9,2.7,2.7,2.3,2.7,1.8c0-0.6,0.3-1.1,0.9-1.4c0.6-0.3,1.2-0.2,1.7,0.2 c0.1,0.1,0.2,0.2,0.4,0.3c3,3,5.9,5.9,8.9,8.9c0.1,0.1,0.2,0.3,0.3,0.5c0.2-0.2,0.4-0.3,0.5-0.5c3-3,6-6,9-9 c0.4-0.4,0.8-0.6,1.3-0.6c0.6,0,1.1,0.3,1.4,0.9c0.3,0.6,0.2,1.2-0.2,1.7c-0.1,0.2-0.3,0.3-0.4,0.4c-2.9,2.9-5.9,5.9-8.8,8.8 c-0.1,0.1-0.3,0.2-0.5,0.4c0.2,0.2,0.3,0.3,0.4,0.4c3,3,6,6,9,9c0.3,0.3,0.5,0.7,0.6,1.1c0.2,0.7-0.2,1.3-0.8,1.6 c-0.6,0.3-1.3,0.3-1.8-0.2c-0.3-0.3-0.6-0.5-0.8-0.8c-2.8-2.8-5.6-5.6-8.4-8.4c-0.1-0.1-0.2-0.2-0.4-0.4c-0.1,0.1-0.3,0.3-0.4,0.4 c-3,3-6,6-9,9C4.9,24.9,4,25,3.3,24.5c-0.8-0.6-0.9-1.7-0.1-2.5c1.2-1.2,2.4-2.4,3.6-3.7C8.8,16.4,10.7,14.5,12.8,12.4z" fill="%23000000"/></svg>');
}

body {
    font-family: 'SEAT', sans-serif !important;
    background-color: var(--bg-main-color);
    color: var(--tipografias);
    font-size: 18px;
    font-weight: 300;
    min-height: 100vh;
}

strong {
    font-weight: bold !important;
}

#body-agenda .bloque-agenda .hora-agenda {
    background-color: var(--separador-bg);
    color: var(--separador-text);
    padding-top: 6px !important;
}

.navbar-toggler.collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

#navbarSupportedContent .nav-link {
    color: var(--tipografias);
}

#navbarSupportedContent .nav-link.active {
    color: var(--tipografias);
}