/* ==========================================================================
   1. PROTECCIÓN DE LA CABECERA Y ESPACIOS EN BLANCO
   ========================================================================== */


/* ==========================================================================
   2. HERO BANNER GLOBAL (PÁGINA PRINCIPAL DE TODOS LOS EVENTOS)
   ========================================================================== */
.hero-eventos-camara {
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: 600px !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important; /* La forma más segura de hacer 100% ancho */
    margin-top: -190px !important;
    z-index: 10 !important;
    
    background-image: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)), url('/wp-content/uploads/2026/09/Networking-en-Ponce-con-Empresarios-del-Area-Sur-Foto-4.jpg') !important;
    background-color: #111827 !important;
    background-size: cover !important;
    background-position: center 35% !important;
    background-repeat: no-repeat !important;
    
    padding: 200px 20px 80px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 40px !important;
}

.hero-eventos-contenido h1 {
    color: #FFFFFF !important;
    font-size: 44px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
    text-align: center !important;
}

.hero-eventos-contenido p {
    color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
    text-align: center !important;

}

/* Ocultar el banner global cuando se visita un evento individual */
body.single-tribe_events .hero-eventos-camara {
    display: none !important;
}

/* ==========================================================================
   3. BANNER INDIVIDUAL (CREADO CON ELEMENTOR PARA UN SOLO EVENTO)
   ========================================================================== */
.banner-evento-full {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important; 
    margin-top: -150px !important;
}

/* ==========================================================================
   4. TIPOGRAFÍA Y DISEÑO DE UI (LISTAS, BOTONES, TARJETAS)
   ========================================================================== */
#tribe-events-pg-template,
#tribe-events-pg-template *,
.tribe-events,
.tribe-events *,
.datepicker,
.datepicker *,
body .tribe-events-calendar-list__month-separator-text {
    font-family: 'Poppins', sans-serif !important;
}

/* Tarjetas de Eventos */
.tribe-events-calendar-list__event-featured-image-wrapper,
.tribe-events-calendar-list__event-featured-image {
    display: none !important;
}

.tribe-events .tribe-events-calendar-list__month-separator-text,
.tribe-events-calendar-list__month-separator time {
    color: #9E1B22 !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
}

.tribe-events-calendar-list__event-row,
.tribe-events .tribe-events-calendar-list__event-row {
    background-color: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 25px !important;
}

.tribe-events-calendar-list__event-row:hover,
.tribe-events .tribe-events-calendar-list__event-row:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-3px) !important;
    border-color: #9E1B22 !important;
}

/* Etiquetas de fecha */
.tribe-events-calendar-list__event-date-tag,
.tribe-events .tribe-events-calendar-list__event-date-tag {
    background-color: #F8FAFC !important;
    border: 1px solid #CBD5E1 !important;
    border-top: 5px solid #9E1B22 !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    text-align: center !important;
    min-width: 80px !important;
}

.tribe-events-calendar-list__event-date-tag-weekday {
    color: #9E1B22 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.tribe-events-calendar-list__event-date-tag-daynum {
    color: #1E293B !important;
    font-size: 28px !important;
    font-weight: 800 !important;
}

/* Textos de las tarjetas */
.tribe-events-calendar-list__event-details { flex: 1 !important; }

.tribe-events-calendar-list__event-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-bottom: 10px !important;
}

.tribe-events-calendar-list__event-title-link {
    color: #1E293B !important;
    text-decoration: none !important;
}

.tribe-events-calendar-list__event-title-link:hover { color: #9E1B22 !important; }

.tribe-events-calendar-list__event-datetime {
    color: #64748B !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

/* Botones y Búsqueda */
.tribe-events .tribe-events-c-search__button,
.tribe-events .tribe-events-c-top-bar__datepicker-button,
.tribe-common .tribe-common-c-btn,
body .tribe-events .tribe-events-c-subscribe-dropdown__button {
    background-color: #9E1B22 !important;
    border-color: #9E1B22 !important;
    color: #FFFFFF !important;
}

.tribe-events .tribe-events-c-search__button:hover,
.tribe-events .tribe-events-c-top-bar__datepicker-button:hover,
.tribe-common .tribe-common-c-btn:hover,
body .tribe-events .tribe-events-c-subscribe-dropdown__button:hover {
    background-color: #7A1318 !important;
    border-color: #7A1318 !important;
}

.tribe-events .tribe-events-c-nav__prev,
.tribe-events .tribe-events-c-nav__next,
body .tribe-events .tribe-common-c-btn.tribe-events-c-nav__prev,
body .tribe-events .tribe-common-c-btn.tribe-events-c-nav__next {
    background: transparent !important;
    border: none !important;
    color: #9E1B22 !important;
}

.tribe-events .tribe-events-c-nav__prev svg,
.tribe-events .tribe-events-c-nav__next svg,
.tribe-events .tribe-common-svgicon { fill: #9E1B22 !important; }

.tribe-events .tribe-events-c-view-selector__list-item-link--active,
.tribe-events .tribe-events-c-view-selector__list-item-link:hover,
.tribe-events .tribe-events-c-top-bar__today-button,
body .tribe-events .tribe-events-c-subscribe-dropdown__list-item-link {
    color: #9E1B22 !important;
}