/*
Theme Name: Bomberos
Theme URI: https://example.com/bomberos
Author: Nexia
Author URI: https://example.com
Description: Un tema básico para los bomberos creado por Nexia.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bomberos
*/

/* Apple SD Gothic Neo Regular */
@font-face {
    font-family: 'Apple SD Gothic Neo';
    src: url('assets/fonts/AppleSDGothicNeo/AppleSDGothicNeoR.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* AR One Sans */
@font-face {
    font-family: 'AR One Sans';
    src: url('assets/fonts/AROneSans/AROneSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AR One Sans';
    src: url('assets/fonts/AROneSans/AROneSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'AR One Sans';
    src: url('assets/fonts/AROneSans/AROneSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'AR One Sans';
    src: url('assets/fonts/AROneSans/AROneSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Bakbak One */
@font-face {
    font-family: 'Bakbak One';
    src: url('assets/fonts/Bakbak One/BakbakOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Plus Jakarta Sans */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('assets/fonts/Plus Jakarta/PlusJakartaSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('assets/fonts/Plus Jakarta/PlusJakartaSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('assets/fonts/Plus Jakarta/PlusJakartaSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('assets/fonts/Plus Jakarta/PlusJakartaSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

/* Añade las demás variantes según lo necesites */

/* Square 721 BT */
@font-face {
    font-family: 'Square 721 BT';
    src: url('assets/fonts/Square721BT/SQR721B.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #1C1B1B;
}

.barra-menu-home {
    background-color: #1C1B1B !important;
}

h1.titulo-menu-texto {
    font-family: Apple SD Gothic Neo;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.contenedor-img-logo-svg {
    margin-left: 36px !important;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 22px;
}



.menu-item-type-custom a {
    font-family: AR One Sans;
    font-size: 24px;
    font-weight: 600;
    line-height: 32.64px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFF !important;
    text-decoration: none;
}



/* Estilos para el bloque de emergencias */
.img-telefono-emergencia {
    background-color: #FF0000;
    /* Fondo azul */
    border-radius: 6px;
    /* Borde redondeado */
    padding: 10px;
    /* Padding alrededor */
    margin-right: 21px;
    /* Espacio entre los elementos */
    display: flex;
    align-items: center;
    /* Centrar contenido verticalmente */
    justify-content: center;
    /* Centrar contenido horizontalmente */
}

span.texto-emergencia-numero {
    font-family: AR One Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 19.04px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

span.text-white.fono-emergencia-numero {
    font-family: AR One Sans;
    font-size: 24px;
    font-weight: 700;
    line-height: 32.64px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.texto-derecha-fono-emergencia {
    padding-right: 78px;
}

.columnas-contacto-info {
    margin-bottom: 40px;
}

.img-logo-rrss {
    margin-right: 13px;
}

.row-contacto-informacion {
    padding-left: 96px
}

.titulo-navegacion-footer {
    font-family: Apple SD Gothic Neo;
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 22px;

}

.menu-footer-link li a {
    font-family: Apple SD Gothic Neo !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 28.8px !important;
    text-align: left !important;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 22px;
}

.custom-gap {
    gap: 90px;
}

/* Elimina los puntos de la lista */
.menu-footer-link ul {
    list-style-type: none;
    /* Elimina los puntos (bullets) */
    padding-left: 0;
    /* Elimina el relleno de la lista */
    margin: 0;
    /* Elimina márgenes predeterminados */
}

/* Estilo para los elementos de la lista */
.menu-footer-link li {
    margin-bottom: 21px;
    /* Espaciado entre los elementos de la lista (opcional) */
}

/* Estilo para los enlaces dentro de los <li> */
.menu-footer-link li a {
    text-decoration: none;
    /* Elimina el subrayado de los enlaces */
    color: inherit;
    /* Hereda el color de texto del elemento contenedor */
}

/* Opción para un hover estilizado */
.menu-footer-link li a:hover {
    color: #184D9B;
    /* Color al pasar el mouse (puedes cambiarlo) */
}


.social-icon {
    font-size: 31px;
    /* Tamaño del icono */
    margin-right: 15px;
    /* Espacio entre los iconos */
    color: #fff;
    /* Color de los iconos */
    transition: color 0.3s ease;
    /* Efecto de transición para color */
}


.footer-total {
    background-color: #0E1E32;
}

.footer-line {
    border: 0;
    height: 1px;
    background: #ffffff;
    margin: 0 auto;
}

.footer-label {
    font-size: 14px;
    color: #ffffff;
}

.footer-total .text-center i {
    color: #ffffff;
}

.footer-total .text-center p {
    margin: 0;
    font-size: 14px;
    color: #ffffff;
}

.footer-total img {
    display: block;
    margin: 0 auto;
}

.svg-container {
    display: flex;
    gap: 54px;
    /* Espacio entre los SVG */
    justify-content: center;
    /* Alineación central opcional */
    align-items: center;
    /* Alineación vertical opcional */
}

.svg-wrapper {
    display: inline-block;
    /* Asegura que cada SVG se respete como bloque independiente */
}

.titulo-contacto-footer {
    font-family: Apple SD Gothic Neo;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.6px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.link-contacto a {
    font-family: Apple SD Gothic Neo;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-decoration: none !important;
    color: #FFFFFF;
}

.link-contacto {
    font-family: Apple SD Gothic Neo;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-decoration: none !important;
    color: #FFFFFF;
    margin-top: 15px;
}

@media (max-width: 767px) {
    .custom-gap {
        gap: 10px;
        margin-bottom: 40px;
    }

    .contenedor-logo-footer {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .row-contacto-informacion {
        padding-left: 0px;
    }

    .row.row-contacto-informacion {
        margin-top: 50px;
    }

    .svg-container {
        gap: 10px;
    }

}