/*
 * /assets/css/theme-rosa-cholula.css
 * =================================================================
 * TEMA ROSA CHOLULA (PÚBLICO)
 * =================================================================
 * Creado e integrado por: Juan Alberto
 * Descripción: Un tema vibrante y femenino con un enfoque en tonos
 * rosa y una tipografía moderna y limpia.
 * -----------------------------------------------------------------
 */

/* --- IMPORTACIÓN DE FUENTE ESPECÍFICA --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

/* --- VARIABLES GLOBALES DEL TEMA --- */
html[data-theme='rosa-cholula'] {
    /* Paleta de Colores Principal */
    --primary-color: #ff006a;
    --primary-color-darker: #E0127F;
    --secondary-color: #333333; /* Color oscuro para títulos */
    --accent-color: #ffc107;

    /* Fondos y Superficies */
    --background-color: #F5F5F5;
    --surface-color: #FFFFFF;
    --surface-hover-color: #EAEAEA;
    --border-color: rgba(0, 0, 0, 0.08);

    /* Textos */
    --text-color: #555555;
    --text-muted-color: #777777;
    --text-on-primary-color: #FFFFFF;
    --text-on-secondary-color: #FFFFFF;

    /* Valores RGB */
    --primary-rgb: 255, 0, 106;
    --black-rgb: 0, 0, 0;
    --white-rgb: 255, 255, 255;
    
    /* Tipografía */
    --font-family-base: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
    
    /* Sombras y Bordes */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 5px 15px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);
    --border-radius: 10px;
    --card-border-radius: 12px;
}


/* --- AJUSTES GLOBALES DE COMPONENTES --- */

/* Títulos con la nueva paleta */
html[data-theme='rosa-cholula'] h1,
html[data-theme='rosa-cholula'] h2,
html[data-theme='rosa-cholula'] h3,
html[data-theme='rosa-cholula'] h4,
html[data-theme='rosa-cholula'] h5,
html[data-theme='rosa-cholula'] h6 {
    color: var(--secondary-color);
}

html[data-theme='rosa-cholula'] .section-title {
    color: var(--primary-color);
}

html[data-theme='rosa-cholula'] .section-title::after {
    background: var(--primary-color);
    opacity: 0.7;
}

/* Botones con el estilo rosa */
html[data-theme='rosa-cholula'] .btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--text-on-primary-color);
    box-shadow: 0 4px 10px rgba(var(--primary-rgb), 0.25);
}

html[data-theme='rosa-cholula'] .btn-primary:hover {
    background-color: var(--primary-color-darker);
    border-color: var(--primary-color-darker);
    box-shadow: 0 6px 15px rgba(var(--primary-rgb), 0.35);
}

html[data-theme='rosa-cholula'] .btn-secondary,
html[data-theme='rosa-cholula'] .btn-primary-outline {
    background: #FFFFFF;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
}

html[data-theme='rosa-cholula'] .btn-secondary:hover,
html[data-theme='rosa-cholula'] .btn-primary-outline:hover {
    background: rgba(var(--primary-rgb), 0.05);
    color: var(--primary-color-darker);
}

/* Header */
html[data-theme='rosa-cholula'] .main-header {
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Formulario de Búsqueda */
html[data-theme='rosa-cholula'] .search-bar-wrapper:focus-within {
    box-shadow: 0 0 0 4px rgba(var(--primary-rgb), 0.15);
}

/* Tarjeta de Evento */
html[data-theme='rosa-cholula'] .event-card {
    border: 1px solid var(--border-color);
}
html[data-theme='rosa-cholula'] .event-card-date-badge {
    background-color: var(--primary-color);
}
html[data-theme='rosa-cholula'] .event-card-wrapper:hover .event-card-info {
    background: linear-gradient(to top, rgba(var(--primary-rgb), 0.9) 0%, rgba(var(--primary-rgb), 0.7) 50%, transparent 100%);
}
html[data-theme='rosa-cholula'] .info-cta {
    color: #ffffff !important;
    font-weight: 700;
}

/* Detalle de Evento */
html[data-theme='rosa-cholula'] .evento-header-content {
    background: linear-gradient(to top, rgba(var(--primary-rgb), 0.85) 0%, rgba(var(--primary-rgb), 0.7) 40%, transparent 100%);
}

html[data-theme='rosa-cholula'] .animated-button .text {
     color: var(--primary-color);
}

html[data-theme='rosa-cholula'] .animated-button svg {
    fill: var(--primary-color);
}
html[data-theme='rosa-cholula'] .animated-button:hover .text,
html[data-theme='rosa-cholula'] .animated-button:hover svg {
    color: white;
    fill: white;
}
html[data-theme='rosa-cholula'] .animated-button .circle {
    background-color: var(--primary-color);
}
html[data-theme='rosa-cholula'] .animated-button {
    box-shadow: 0 0 0 2px var(--primary-color);
}

/* --- INICIO DE LA MODIFICACIÓN --- */
/* Se asegura que el título del evento en la página de detalle sea blanco para contrastar con el fondo rosado. */
html[data-theme='rosa-cholula'] .evento-header-content h1 {
    color: var(--text-on-primary-color);
}
/* --- FIN DE LA MODIFICACIÓN --- */