/*
 * Estilos del bloque "EVENTO ACTUALIZADO" inyectado por TE_Renderer.
 *
 * Estructura (4 partes, cada una con su propia clase):
 *   .te-newer-edition-notice          -> la caja completa (contenedor)
 *   .te-newer-edition-notice__title   -> "📍 EVENTO ACTUALIZADO"
 *   .te-newer-edition-notice__subtext -> "Este artista se presenta..."
 *   .te-newer-edition-notice__list    -> <ul> de links
 *   .te-newer-edition-notice__link    -> cada <a> individual
 */

:root {
    /* Colores de marca. AJUSTAR a los hex exactos del sitio: estos son
     * placeholders razonables (azul/naranja) hasta que confirmes los
     * valores reales desde tu hoja de estilos del tema. */
    --te-color-blue: #1a4d8f;
    --te-color-orange: #f5a623;
    --te-color-border: #e0e0e0;
    --te-color-text-muted: #666666;
}

.te-newer-edition-notice {
    /* Mismo patrón visual que el resto de bloques del sitio: borde delgado
     * gris, sin sombra ni fondo de color. */
    border: 1px solid var(--te-color-border);
    background-color: #fff;

    /* Padding consistente con el resto de la página. Si tu tema usa un
     * valor de padding estándar distinto (revisa .entry-content o el
     * contenedor de MEC), ajusta este valor para que combine exacto. */
    padding: 20px 24px;

    /* Separación del título arriba, y más espacio abajo para no sentirse
     * "pegado" al contenido principal, tal como lo pediste. */
    margin-top: 16px;
    margin-bottom: 32px;
}

/* --- Nota de especificidad ---
 * Los selectores de aquí en adelante van ANIDADOS bajo el contenedor
 * (.te-newer-edition-notice .te-newer-edition-notice__title), no sueltos
 * como una sola clase. Esto es a propósito: tu tema probablemente tiene
 * reglas tipo ".entry-content p" o similar aplicando tipografía a TODOS
 * los párrafos del contenido, y esas reglas combinan clase+etiqueta, lo
 * que les da MÁS especificidad que una sola clase suelta. Anidar dos
 * clases (0,2,0) le gana a clase+etiqueta (0,1,1), sin necesitar
 * !important. */

.te-newer-edition-notice .te-newer-edition-notice__title {
    margin: 0 0 8px 0;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--te-color-blue);
}

.te-newer-edition-notice .te-newer-edition-notice__subtext {
    margin: 0 0 12px 0;
    font-size: 0.95rem;
    color: var(--te-color-text-muted);
}

.te-newer-edition-notice .te-newer-edition-notice__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.te-newer-edition-notice .te-newer-edition-notice__item {
    margin: 0;
    padding: 0;
}

.te-newer-edition-notice .te-newer-edition-notice__item + .te-newer-edition-notice__item {
    /* Separación entre links cuando hay más de uno (festival con varios
     * performers apuntando a eventos distintos). */
    margin-top: 6px;
}

.te-newer-edition-notice .te-newer-edition-notice__link {
    color: var(--te-color-orange);
    font-weight: 600;
    text-decoration: none;
}

.te-newer-edition-notice .te-newer-edition-notice__link:hover,
.te-newer-edition-notice .te-newer-edition-notice__link:focus {
    text-decoration: underline;
}

.te-newer-edition-notice .te-newer-edition-notice__disclaimer.te-newer-edition-notice__disclaimer {
    margin: 16px 0 0 0;
    padding-top: 12px;
    border-top: 1px solid var(--te-color-border);
    font-size: 0.8rem;
    line-height: 1.5;
    color: var(--te-color-text-muted);
}