.elementor-244 .elementor-element.elementor-element-70b0cb69{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-244 .elementor-element.elementor-element-70b0cb69:not(.elementor-motion-effects-element-type-background), .elementor-244 .elementor-element.elementor-element-70b0cb69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-244 .elementor-element.elementor-element-177aa69f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-244 .elementor-element.elementor-element-3a1329e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;column-gap:0px;text-align:start;font-family:"Oxygen", Sans-serif;font-size:14px;font-weight:500;color:#FFFFFF;}.elementor-244 .elementor-element.elementor-element-65526d34{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -13px;padding:0px 0px 0px 0px;text-align:start;font-family:"Raleway", Sans-serif;font-size:14px;font-weight:500;}.elementor-244 .elementor-element.elementor-element-45e3d30e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-244 .elementor-element.elementor-element-1fee357d{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-244 .elementor-element.elementor-element-1fee357d:not(.elementor-motion-effects-element-type-background), .elementor-244 .elementor-element.elementor-element-1fee357d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-244 .elementor-element.elementor-element-3a1329e0{width:100%;max-width:100%;text-align:center;}.elementor-244 .elementor-element.elementor-element-65526d34{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-244 .elementor-element.elementor-element-70b0cb69{--content-width:1140px;}.elementor-244 .elementor-element.elementor-element-177aa69f{--width:100%;}.elementor-244 .elementor-element.elementor-element-45e3d30e{--width:20%;}.elementor-244 .elementor-element.elementor-element-1fee357d{--content-width:1140px;}}/* Start custom CSS for text-editor, class: .elementor-element-65526d34 */.footer-copyright {
    color: #ffffff;
    font-size: 14px;
    font-family: 'OXYGEN', sans-serif;     /* ← Cambia aquí la fuente */
    text-align: center;                     /* o left / right según necesites */
    padding: 0px 0;
}

/* Estilo del enlace Ecuanegos */
.ecuanegos-link {
    color: #ffffff !important;              /* Color blanco por defecto */
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.ecuanegos-link:hover {
    color: #B21621 !important;              /* ← Color hover (cámbialo aquí) */
}

/* ==================== COMENTARIOS PARA CAMBIAR FÁCILMENTE ==================== */
/*
    Cómo modificar rápidamente:
    
    1. Tamaño de letra:
       font-size: 14px;     ← Cambia el 14px al tamaño que quieras
    
    2. Fuente:
       font-family: 'Raleway', sans-serif;   ← Cambia 'Raleway' por la fuente que uses
    
    3. Color del enlace normal:
       color: #ffffff !important;
    
    4. Color al pasar el mouse (hover):
       color: #B54712 !important;   ← Cambia este código de color
    
    5. Alineación del texto:
       text-align: center;   ← Puedes poner: left, right o center
*//* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-285efc15 *//* Contenedor principal para manejar la alineación */
.visitas-container {
    display: flex;
    justify-content: flex-end; /* Alineado a la derecha en PC */
    width: 100%;
}

/* Caja que contiene el texto y el número */
.visitas-box {
    display: flex;
    align-items: center;
    gap: 8px; /* Espacio entre la palabra Visitas y el número */
    font-family: 'oxygen', sans-serif; /* Usamos la fuente institucional */
    white-space: nowrap; /* Evita que se rompa en dos líneas */
}

.visitas-label {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

/* Estilo del número (Naranja llamativo) */
.visitas-numero {
    color: #B21621; /* Un naranja más vibrante y profesional */
    font-size: 16px;
    font-weight: 800;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
    .visitas-container {
        justify-content: center; /* Se centra en móviles */
    }
    .visitas-box {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62f9f9c4 *//* ==================== BARRA PROTECCIÓN DE DATOS ==================== */
/* Barra inferior de consentimiento de datos personales */

.banner-proteccion-datos {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #2C2C2C;           /* ← Color de fondo de la barra */
    color: #ffffff;                /* ← Color del texto general */
    padding: 16px 20px;            /* ← Espaciado interno (arriba/abajo - izquierda/derecha) */
    box-shadow: 0 -4px 15px rgba(0,0,0,0.2);
    z-index: 99999;
    font-size: 15px;               /* ← Tamaño de letra en escritorio */
    line-height: 1.5;
    font-family: 'Raleway', sans-serif;   /* ← FUENTE PRINCIPAL - Cámbiala aquí */
}

/* Contenedor del contenido */
.banner-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.banner-content p {
    margin: 0;
    flex: 1;
    font-family: 'Raleway', sans-serif;   /* ← Fuente del párrafo */
}

/* ==================== BOTÓN "ACEPTAR" ==================== */
.btn-aceptar-banner {
    background: #B21621;           /* ← Color principal del botón */
    color: #fff;                   /* ← Color del texto del botón */
    border: none;
    padding: 12px 32px;            /* ← Espaciado interno del botón */
    border-radius: 8px;            /* ← Bordes redondeados */
    font-weight: 600;
    cursor: pointer;
    font-size: 15px;
    white-space: nowrap;
    transition: all 0.3s ease;
    font-family: 'Raleway', sans-serif;   /* ← Fuente del botón */
}

.btn-aceptar-banner:hover {
    background: #7a0202;           /* ← Color del botón al pasar el mouse (hover) */
    transform: translateY(-2px);
}

/* ==================== ENLACE "Más información aquí" ==================== */
.banner-content a {
    color: #9A0303 !important;     /* ← Color del enlace */
    text-decoration: underline;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: 'Raleway', sans-serif;   /* ← Fuente del enlace */
}

.banner-content a:hover {
    color: #7a0202 !important;     /* ← Color del enlace al pasar el mouse */
    text-decoration: none;
}

/* ==================== RESPONSIVE - MÓVILES ==================== */
@media (max-width: 768px) {
    .banner-content {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .banner-proteccion-datos {
        padding: 18px 15px;        /* ← Espaciado en móviles */
        font-size: 14.5px;         /* ← Tamaño de letra en móviles */
    }
    
    .btn-aceptar-banner {
        padding: 13px 40px;        /* ← Botón más ancho en móviles */
    }
}

/* ==================== GUÍA RÁPIDA PARA CAMBIAR ==================== */
/*
    Dónde cambiar según cada web:

    1. Fuente principal (Raleway):
       → Cambia 'Raleway', sans-serif  por la fuente que quieras (ej: 'Montserrat', 'Roboto', etc.)

    2. Color de fondo de la barra:
       → background: #2C2C2C;

    3. Color principal (botón y enlace):
       → #9A0303   ← Cambia este color

    4. Color hover (botón y enlace):
       → #7a0202   ← Cambia este color

    5. Color del texto general:
       → color: #ffffff;

    6. Tamaño de letra en escritorio:
       → font-size: 15px;   (en .banner-proteccion-datos)

    7. Tamaño de letra en móviles:
       → font-size: 14.5px; (dentro del @media)

    8. Espaciado de la barra:
       → padding: 16px 20px;
*//* End custom CSS */