/* ==========================================================================
   GOLDTICKET V25 - TÍTULO ARRIBA + FECHA
   ========================================================================== */

/* 1. VARIABLES */
:root {
    --barra-alto: 48px;
    --gold-color: #D4AF37;
    --black-color: #000000;
}

/* 2. FORZAR HEADER Y BUSCADOR */
body .elementor-widget-button .elementor-button,
body .elementor-widget-icon .elementor-icon,
body .gold-search form.woocommerce-product-search {
    height: var(--barra-alto) !important;
    min-height: var(--barra-alto) !important;
    max-height: var(--barra-alto) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

body .gold-search form.woocommerce-product-search {
    background-color: #ffffff;
    border-radius: 50px;
    padding: 0 0 0 20px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    width: 750px !important;
    max-width: 100%;
}
body .gold-search form.woocommerce-product-search input[type="search"] {
    height: 100% !important; border: none !important; font-size: 15px; color: #333; padding: 0 !important;
}
body .gold-search form.woocommerce-product-search button[type="submit"] {
    height: 38px !important; background-color: var(--gold-color) !important; color: #fff !important;
    border-radius: 50px !important; border: none !important; padding: 0 25px !important;
    margin-right: 5px !important; font-weight: 700; font-size: 12px;
}
body .elementor-widget-button .elementor-button { padding: 0 20px !important; }
body .elementor-widget-icon .elementor-icon { width: var(--barra-alto) !important; padding: 0 !important; }

/* 3. LIMPIEZA DE ELEMENTOS SOBRANTES */
body .woocommerce-breadcrumb, 
body .elementor-widget-woocommerce-breadcrumb,
body .woocommerce-loop-product__title,
body .product_meta,
body .woocommerce-product-details__short-description,
body .product-template-default .summary > p.price,
body .elementor-widget-woocommerce-product-price,
body .product .summary > .ticket-pricing-grid,
/* OCULTAR PESTAÑA DESCRIPCIÓN Y SU TÍTULO, PERO DEJAR CONTENIDO */
body .woocommerce-tabs ul.tabs, 
body .woocommerce-tabs .panel h2 {
    display: none !important;
}

/* 4. BOTONES NEGROS */
body .single_add_to_cart_button.button,
body .elementor-widget-products .button,
body ul.products li.product .button,
body .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    background-color: var(--black-color) !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    border: none !important;
}
body .single_add_to_cart_button.button { width: 100% !important; margin-bottom: 10px !important; }

/* ==========================================================================
   5. SECCIÓN DE ENTRADAS - RESET DE ESPACIOS
   ========================================================================== */

/* ELIMINAR CUALQUIER SALTO DE LÍNEA O PÁRRAFO INTRUSO */
body .woovr-variation-radio br,
body .woovr-variation-radio p {
    display: none !important; margin: 0 !important; height: 0 !important;
}

/* CONTENEDOR PRINCIPAL */
body .woovr-variation-radio {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important; /* Distancia entre cajas */
    width: 100% !important;
    margin: 0 !important; 
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* RESETEAR TODOS LOS HIJOS DIRECTOS */
body .woovr-variation-radio > * {
    margin-top: 0 !important; margin-bottom: 0 !important;
    padding-top: 0 !important; padding-bottom: 0 !important;
}

/* LA TARJETA INDIVIDUAL */
body .woovr-variation-radio .woovr-variation-item {
    margin: 0 !important; 
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 6px !important;
    padding: 10px 10px !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
    width: 100% !important;
    box-sizing: border-box !important;
    line-height: normal !important;
}

/* OCULTAR FOTO Y RADIO */
body .woovr-variation-image, 
body .woovr-variation-item img { display: none !important; }

body .woovr-variation-radio input[type="radio"] {
    position: absolute; opacity: 0; width: 100%; height: 100%;
    top: 0; left: 0; z-index: 10; cursor: pointer;
}

/* TÍTULO DE LA ENTRADA */
body .woovr-variation-radio label {
    display: flex !important; justify-content: center !important;
    width: 100% !important; 
    margin: 0 !important; padding: 0 !important;
    border: none !important; height: auto !important;
    pointer-events: none;
}

body .woovr-variation-name {
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    text-align: center !important;
    color: #222;
    display: block !important;
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
}

/* --- TABLA DE PRECIOS --- */
body .ticket-pricing-grid {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: transparent;
    border-top: 1px dashed #ddd;
    padding-top: 10px !important; 
    padding-bottom: 2px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body .ticket-col {
    display: flex; flex-direction: column; align-items: center; text-align: center; 
    position: relative;
    padding: 0 40px !important; 
    border-right: 1px solid #eee;
}
body .ticket-col:last-child { border-right: none !important; }

body .ticket-label {
    font-size: 9px !important; font-weight: 900 !important; color: #555 !important; 
    text-transform: uppercase; margin-bottom: 5px !important; letter-spacing: 0.5px;
}

body .ticket-val.ticket-base { font-size: 13px !important; font-weight: 700 !important; color: var(--black-color) !important; margin: 0 !important; }
body .ticket-val.ticket-fee { font-size: 12px !important; font-weight: 600 !important; color: #777 !important; margin: 0 !important; }
body .ticket-val.ticket-total { font-size: 14px !important; font-weight: 800 !important; color: var(--gold-color) !important; margin: 0 !important; }

/* DESCRIPCIÓN */
body .woovr-variation-description {
    display: block !important;
    font-size: 10px !important;
    color: #666 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    margin-top: 5px !important;
    padding-top: 8px !important;
    border-top: 1px solid #eee !important;
}

/* ESTADOS ACTIVOS */
body .woovr-variation-item:has(input:checked),
body .woovr-variation-item.woovr-selected,
body .woovr-variation-item.selected {
    background-color: var(--black-color) !important;
    border-color: var(--gold-color) !important;
    transform: scale(1.005);
    z-index: 5;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

body .woovr-variation-item:has(input:checked) .woovr-variation-name,
body .woovr-variation-item.selected .woovr-variation-name { color: #ffffff !important; }
body .woovr-variation-item:has(input:checked) .ticket-label,
body .woovr-variation-item.selected .ticket-label { color: #aaa !important; }
body .woovr-variation-item:has(input:checked) .ticket-col,
body .woovr-variation-item.selected .ticket-col { border-right-color: #444 !important; }
body .woovr-variation-item:has(input:checked) .ticket-val.ticket-base,
body .woovr-variation-item.selected .ticket-val.ticket-base { color: #fff !important; }
body .woovr-variation-item:has(input:checked) .ticket-pricing-grid,
body .woovr-variation-item.selected .ticket-pricing-grid { border-top-color: #444 !important; }
body .woovr-variation-item:has(input:checked) .woovr-variation-description,
body .woovr-variation-item.selected .woovr-variation-description { border-top-color: #444 !important; color: #ccc !important; }

/* ==========================================================================
   6. CAMBIO DE TÍTULOS Y FECHA (MODIFICADO)
   ========================================================================== */

/* A) Contenedor del título (H1) */
body h1.product_title, 
body .product_title, 
body .entry-title {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    
    /* ESTO LO SUBE PARA ALINEAR CON LA FOTO */
    margin-top: -5px !important; 
    padding-top: 0 !important;
    margin-bottom: 25px !important;
    
    position: relative !important;
    display: flex !important;       /* Permite apilar elementos */
    flex-direction: column !important;
    align-items: center !important; /* Centrar horizontalmente */
    width: 100% !important;
    text-align: center !important; 
}

/* B) TÍTULO PRINCIPAL (Usamos ::before) */
body h1.product_title::before, 
body .product_title::before,
body .entry-title::before {
    content: "YERIN - CENTRO CULTURAL CEINA"; 
    font-size: 28px !important;
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio entre título y fecha */
}

/* C) FECHA (Usamos ::after) */
body h1.product_title::after, 
body .product_title::after,
body .entry-title::after {
    content: "6 DE FEBRERO 2026"; 
    font-size: 16px !important;      /* Letra más pequeña */
    line-height: 1.2 !important;
    color: #444444 !important;       /* Color gris oscuro */
    font-weight: 600 !important;
    letter-spacing: 1px !important;  /* Separación de letras */
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
}
/* ==========================================================================
   PARCHE FINAL: OCULTAR TÍTULO DUPLICADO "YERIN" DE ABAJO
   ========================================================================== */

/* 1. Ocultar el título estándar de WooCommerce en listas/inicio */
.woocommerce-loop-product__title,
h2.woocommerce-loop-product__title,
h3.woocommerce-loop-product__title {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 2. Ocultar cualquier H2 o H3 que esté dentro de una tarjeta de producto en el inicio */
.home ul.products li.product h2,
.home ul.products li.product h3,
.elementor-widget-woocommerce-products .elementor-widget-container h2,
.elementor-widget-woocommerce-products .elementor-widget-container h3 {
    display: none !important;
}

/* 3. (Opción agresiva) Ocultar texto que esté justo encima del botón "Ver evento" */
/* Esto busca un título h2 o h3 inmediatamente antes de un enlace o botón */
h2:has(+ .button),
h3:has(+ .button),
h2:has(+ .elementor-button),
h3:has(+ .elementor-button) {
    display: none !important;
}

/* 4. Si es un widget de título de Elementor suelto en la tarjeta */
.elementor-location-archive .elementor-widget-heading .elementor-heading-title {
    display: none !important;
}
/* ==========================================================================
   LIMPIEZA PÁGINA DE EVENTOS (ARCHIVE)
   ========================================================================== */

/* 1. Ocultar título gigante "EVENTOS" y la frase "Mostrando el único resultado" */
.post-type-archive-product .woocommerce-products-header__title.page-title,
.post-type-archive-product .woocommerce-result-count,
.tax-product_cat .woocommerce-products-header__title.page-title,
.tax-product_cat .woocommerce-result-count {
    display: none !important;
}

/* 2. Ocultar Estrellas en el listado */
ul.products li.product .star-rating,
ul.products li.product .star-rating-container {
    display: none !important;
}

/* 3. Ocultar la tabla de precios (Grid) y precios normales en el listado */
/* Solo dejamos el botón "Ver evento" */
ul.products li.product .ticket-pricing-grid,
ul.products li.product .price {
    display: none !important;
}
/* Solo para asegurar que se vea bien en celulares */
.video-responsive iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9; /* Mantiene la proporción rectangular */
}
/* ==========================================================================
   ANIMACIONES Y COLORES HOVER (VERSIÓN NUCLEAR)
   ========================================================================== */

/* 1. ASEGURAR QUE EL MOUSE DETECTE LA TARJETA */
body .woovr-variation-radio .woovr-variation-item {
    position: relative !important;
    z-index: 1 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease !important;
    cursor: pointer !important;
    transform-style: preserve-3d;
}

/* El input debe dejar pasar el click pero no bloquear el hover visual */
body .woovr-variation-radio input[type="radio"] {
    z-index: 20 !important;
    cursor: pointer !important;
}

/* 2. EFECTO DE LEVANTARSE (GENÉRICO PARA TODOS) */
body .woovr-variation-radio .woovr-variation-item:hover {
    transform: translateY(-5px) !important;
    z-index: 30 !important; /* Traer al frente */
}

/* -----------------------------------------------------------
   ASIGNACIÓN DE COLORES
   Usamos DOBLE estrategia: Orden (1,2,3,4) + Nombres probables
----------------------------------------------------------- */

/* === CARD 1: GENERAL (VERDE) === */
/* Intenta por orden 1 O por nombre 'general' */
body .woovr-variation-radio .woovr-variation-item:nth-of-type(1):hover,
body .woovr-variation-radio .woovr-variation-item[data-value*="general"]:hover {
    border: 2px solid #28a745 !important;
    box-shadow: 0 10px 25px rgba(40, 167, 69, 0.4) !important;
}
body .woovr-variation-radio .woovr-variation-item:nth-of-type(1):hover .woovr-variation-name,
body .woovr-variation-radio .woovr-variation-item[data-value*="general"]:hover .woovr-variation-name {
    color: #28a745 !important;
}

/* === CARD 2: GOLDEN (DORADO) === */
body .woovr-variation-radio .woovr-variation-item:nth-of-type(2):hover,
body .woovr-variation-radio .woovr-variation-item[data-value*="golden"]:hover {
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.5) !important;
    background-color: #fffff5 !important;
}
body .woovr-variation-radio .woovr-variation-item:nth-of-type(2):hover .woovr-variation-name,
body .woovr-variation-radio .woovr-variation-item[data-value*="golden"]:hover .woovr-variation-name {
    color: #D4AF37 !important;
}

/* === CARD 3: VIP GENERAL (FUCSIA) === */
body .woovr-variation-radio .woovr-variation-item:nth-of-type(3):hover,
body .woovr-variation-radio .woovr-variation-item[data-value*="vip-general"]:hover {
    border: 2px solid #ff00ff !important;
    box-shadow: 0 10px 25px rgba(255, 0, 255, 0.4) !important;
    background-color: #fff5ff !important;
}
body .woovr-variation-radio .woovr-variation-item:nth-of-type(3):hover .woovr-variation-name,
body .woovr-variation-radio .woovr-variation-item[data-value*="vip-general"]:hover .woovr-variation-name {
    color: #ff00ff !important;
}

/* === CARD 4: VIPP (NEGRO) === */
body .woovr-variation-radio .woovr-variation-item:nth-of-type(4):hover,
body .woovr-variation-radio .woovr-variation-item[data-value*="vipp"]:hover {
    border: 2px solid #000000 !important;
    background-color: #000000 !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
}

/* TEXTOS EN BLANCO PARA EL FONDO NEGRO */
body .woovr-variation-radio .woovr-variation-item:nth-of-type(4):hover *,
body .woovr-variation-radio .woovr-variation-item[data-value*="vipp"]:hover * {
    color: #ffffff !important;
}

/* EXCEPCIONES EN DORADO PARA EL NEGRO */
body .woovr-variation-radio .woovr-variation-item:nth-of-type(4):hover .ticket-val.ticket-total,
body .woovr-variation-radio .woovr-variation-item[data-value*="vipp"]:hover .ticket-val.ticket-total,
body .woovr-variation-radio .woovr-variation-item:nth-of-type(4):hover .woovr-variation-name,
body .woovr-variation-radio .woovr-variation-item[data-value*="vipp"]:hover .woovr-variation-name {
    color: #D4AF37 !important;
}

/* BORDES GRISES PARA EL NEGRO */
body .woovr-variation-radio .woovr-variation-item:nth-of-type(4):hover .ticket-col,
body .woovr-variation-radio .woovr-variation-item[data-value*="vipp"]:hover .ticket-col,
body .woovr-variation-radio .woovr-variation-item:nth-of-type(4):hover .ticket-pricing-grid,
body .woovr-variation-radio .woovr-variation-item[data-value*="vipp"]:hover .ticket-pricing-grid,
body .woovr-variation-radio .woovr-variation-item:nth-of-type(4):hover .woovr-variation-description,
body .woovr-variation-radio .woovr-variation-item[data-value*="vipp"]:hover .woovr-variation-description {
    border-color: #555555 !important;
}
/* ==========================================================================
   AJUSTE DE TAMAÑOS: PRECIOS Y DESCRIPCIÓN (AGRANDAR)
   ========================================================================== */

/* 1. Títulos de las columnas (PRECIO, CARGO, TOTAL) */
body .ticket-label {
    font-size: 12px !important;   /* Antes era 9px */
    letter-spacing: 1px !important;
    margin-bottom: 8px !important; /* Un poco más de aire con el número */
}

/* 2. El número del PRECIO BASE */
body .ticket-val.ticket-base {
    font-size: 18px !important;   /* Antes era 13px */
}

/* 3. El número del CARGO (fee) */
body .ticket-val.ticket-fee {
    font-size: 16px !important;   /* Antes era 12px */
}

/* 4. El número del TOTAL (El dorado) */
body .ticket-val.ticket-total {
    font-size: 20px !important;   /* Antes era 14px */
}

/* 5. La DESCRIPCIÓN de abajo */
body .woovr-variation-description {
    font-size: 14px !important;   /* Antes era 10px */
    line-height: 1.5 !important;  /* Más separación entre líneas para leer mejor */
    font-weight: 500 !important;  /* Un poco más grueso para que se note */
    color: #444 !important;       /* Un gris un poco más oscuro para mejor contraste */
    padding-top: 12px !important;
    margin-top: 8px !important;
}
/* ==========================================================================
   DESCRIPCIÓN EN NEGRO (TEXTO OSCURO)
   ========================================================================== */

/* 1. Forzar color negro a todo el contenedor de la descripción */
#tab-description, 
.woocommerce-Tabs-panel--description {
    color: #000000 !important;
}

/* 2. Asegurar que los párrafos y listas también sean negros */
.woocommerce-Tabs-panel--description p,
.woocommerce-Tabs-panel--description li,
.woocommerce-Tabs-panel--description span {
    color: #000000 !important;
    opacity: 1 !important; /* Elimina cualquier transparencia que lo haga ver gris */
}

/* 3. (Opcional) Si quieres los títulos de adentro más negros aún */
.woocommerce-Tabs-panel--description h1,
.woocommerce-Tabs-panel--description h2,
.woocommerce-Tabs-panel--description h3,
.woocommerce-Tabs-panel--description strong {
    color: #000000 !important;
}
/* ==========================================================================
   CORRECCIÓN MÓVIL (TICKETS CORTADOS)
   ========================================================================== */

@media (max-width: 767px) {
    
    /* 1. Quitar el relleno gigante de las columnas de precio */
    body .ticket-col {
        padding: 0 2px !important; /* Antes era 40px, lo bajamos al mínimo */
        flex: 1 !important;        /* Obliga a que las 3 columnas tengan el mismo ancho */
        width: 33% !important;
        min-width: 0 !important;   /* Permite que se encoja si es necesario */
    }

    /* 2. Ajustar tamaño de las etiquetas (PRECIO, CARGO, TOTAL) para que no se rompan */
    body .ticket-label {
        font-size: 9px !important; 
        letter-spacing: 0 !important; /* Quitar separación de letras para ganar espacio */
    }

    /* 3. Ajustar un poco los números para que no sean gigantes en móvil */
    body .ticket-val.ticket-base,
    body .ticket-val.ticket-fee {
        font-size: 13px !important;
    }
    body .ticket-val.ticket-total {
        font-size: 15px !important;
    }

    /* 4. Asegurar que la tarjeta contenedora no tenga márgenes que roben espacio */
    body .woovr-variation-radio .woovr-variation-item {
        padding: 10px 5px !important; /* Menos relleno en los bordes de la tarjeta */
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 5. Forzar que el contenedor principal de variaciones ocupe el 100% */
    body .woovr-variation-radio {
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
}
/* ==========================================================================
   ARREGLO DEFINITIVO FOTO MÓVIL (FUERZA BRUTA)
   ========================================================================== */

/* Corrección final centrado imagen móvil */
@media (max-width: 767px) {
    .woocommerce-product-gallery, 
    .product .images {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
    }
}
/* Cambiar color del ícono de menú hamburguesa a NEGRO */
.site-header .menu-toggle,
.elementor-menu-toggle,
.elementor-menu-toggle i,
.elementor-menu-toggle svg {
    color: #000000 !important;
    fill: #000000 !important; /* Por si es un SVG */
    border-color: #000000 !important; /* Por si tiene borde */
}

/* Si el botón tiene fondo azul, quitarlo */
.site-header .menu-toggle {
    background-color: transparent !important;
}
/* ==========================================================================
   FORZAR ÍCONO DE MENÚ A NEGRO (SOLUCIÓN DEFINITIVA)
   ========================================================================== */

/* 1. Atacar al botón contenedor (Fondo y Bordes) */
.site-header .menu-toggle,
.elementor-menu-toggle,
.mobile-menu-toggle,
button.menu-toggle {
    background-color: transparent !important; /* Quita el fondo azul si es una caja */
    border-color: #000000 !important;
    color: #000000 !important;
}

/* 2. Atacar a las líneas internas (Iconos de fuente) */
.site-header .menu-toggle i,
.elementor-menu-toggle i,
.elementor-menu-toggle::before,
.menu-toggle::before {
    color: #000000 !important;
}

/* 3. Atacar a las líneas si son vectores (SVG) - ESTE SUELE SER EL CULPABLE */
.elementor-menu-toggle svg,
.elementor-menu-toggle path,
.menu-toggle svg,
.menu-toggle path,
.site-header .menu-toggle svg path {
    fill: #000000 !important;   /* Pinta el relleno de negro */
    stroke: #000000 !important; /* Pinta las líneas de negro */
    color: #000000 !important;
}

/* 4. Caso específico de temas como Astra o Hello Elementor */
.main-header-menu-toggle .ast-mobile-menu-trigger-fill,
.ast-header-break-point .main-header-menu-toggle {
    fill: #000000 !important;
    color: #000000 !important;
}
/* ==========================================================================
   CSS MODO DIOS: FORZAR BOTONES CARRITO A NEGRO
   ========================================================================== */

/* Usamos "html body" para tener más fuerza que el tema */
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
html body.woocommerce-cart button[name="apply_coupon"],
html body .woocommerce-cart .coupon .button {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    padding: 12px 20px !important; /* Forzamos tamaño por si se achica */
}

/* Efecto Hover (Dorado) */
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
html body.woocommerce-cart button[name="apply_coupon"]:hover {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #ffffff !important;
}
/* ==========================================================================
   FORZAR COLOR NEGRO EN BLOQUES MODERNOS (GUTENBERG / WOOCOMMERCE BLOCKS)
   ========================================================================== */

/* Botón principal (Place Order / Finalizar Compra) */
.wc-block-components-button:not(.is-link) {
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

/* Efecto al pasar el mouse (Hover) */
.wc-block-components-button:not(.is-link):hover {
    background-color: #D4AF37 !important; /* Dorado */
    border-color: #D4AF37 !important;
    color: #ffffff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}

/* Forzar también en el Carrito (Bloques) */
.wc-block-cart__submit-button {
    background-color: #000000 !important;
}
.wc-block-cart__submit-button:hover {
    background-color: #D4AF37 !important;
}
/* ==========================================================================
   LIMPIEZA FINAL CARRITO: OCULTAR BOTONES SOBRANTES
   ========================================================================== */

/* 1. Ocultar botón "Actualizar carrito" (El celeste a la derecha) */
/* WooCommerce actualiza automático o no es necesario verlo si no cambian cantidades */
body.woocommerce-cart button[name="update_cart"] {
    display: none !important;
}

/* 2. Ocultar botón "Seguir comprando" */
/* Este es el que sale arriba en la barra de notificaciones */
.woocommerce-message a.button,
.woocommerce-message .button.wc-forward,
.woocommerce-error a.button,
.woocommerce-info a.button {
    display: none !important;
}
/* ==========================================================================
   DISEÑO CARRITO: 2 COLUMNAS + COLORES DORADOS
   ========================================================================== */

/* --- 1. COLORES: AZUL A DORADO --- */

/* Nombre del producto (Enlace) */
body.woocommerce-cart .product-name a {
    color: #D4AF37 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* Barra de notificaciones (La que sale arriba cuando agregas algo) */
.woocommerce-message {
    border-top-color: #D4AF37 !important;
}
.woocommerce-message::before {
    color: #D4AF37 !important; /* El ícono del check */
}

/* Enlaces generales dentro de la tabla */
body.woocommerce-cart a {
    color: #D4AF37;
}

/* --- 2. DISEÑO: TOTALES A LA DERECHA (FLEXBOX) --- */

/* Solo aplicamos esto en pantallas grandes (PC/Tablet) */
@media (min-width: 900px) {
    
    /* Convertimos el contenedor principal en una caja flexible */
    .woocommerce-cart .woocommerce {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important; /* Para que los totales no se estiren */
    }

    /* COLUMNA IZQUIERDA: La tabla de productos */
    .woocommerce-cart .woocommerce-cart-form {
        width: 65% !important; /* Ocupa el 65% del ancho */
        margin-right: 2% !important;
    }

    /* COLUMNA DERECHA: Los totales del carrito */
    .woocommerce-cart .cart-collaterals {
        width: 33% !important; /* El resto del espacio */
        margin-top: 0 !important;
    }
    
    /* Ajuste visual para la caja de totales */
    .cart_totals {
        width: 100% !important;
        float: none !important;
        border: 1px solid #eee; /* Opcional: un borde suave */
        padding: 20px;
        border-radius: 5px;
        background: #fafafa; /* Fondo ligero para destacar */
    }
}

/* Ajuste móvil: Asegurar que en celular vuelvan a apilarse uno sobre otro */
@media (max-width: 899px) {
    .woocommerce-cart .woocommerce-cart-form,
    .woocommerce-cart .cart-collaterals {
        width: 100% !important;
    }
}
/* Ocultar botón volver arriba (flecha azul) */
#ast-scroll-top, .scroll-to-top, .back-to-top {
    display: none !important;
}

/* Ocultar créditos del footer */
.site-footer .copyright-bar, .ast-footer-copyright {
    display: none !important;
}
/* --- CAMBIAR COLOR AVISO CUPÓN A DORADO --- */

/* 1. La línea superior y el fondo */
.woocommerce-info {
    border-top-color: #B8860B !important; /* Color Dorado */
    background-color: #fdf8e8 !important; /* Un fondo crema muy suave para quitar el tono azulado */
}

/* 2. El icono del cuadrado a la izquierda */
.woocommerce-info::before {
    color: #B8860B !important;
}

/* 3. El texto del enlace "Haz clic aquí..." */
.woocommerce-info a {
    color: #B8860B !important;
    font-weight: bold; /* Opcional: para que resalte más */
}

/* 4. Efecto al pasar el mouse por el enlace (Hover) */
.woocommerce-info a:hover {
    color: #8B6508 !important; /* Un dorado un poco más oscuro */
}
/* --- BOTÓN REALIZAR PEDIDO EN NEGRO --- */

/* Estado normal del botón */
#place_order {
    background-color: #000000 !important; /* Fondo Negro */
    color: #ffffff !important; /* Texto Blanco */
    border: 1px solid #000000 !important; /* Borde Negro */
}

/* Estado al pasar el mouse (Hover) */
/* Lo ponemos gris muy oscuro para que el usuario sepa que puede hacer clic */
#place_order:hover {
    background-color: #333333 !important; 
    border-color: #333333 !important;
}
/* --- BOTÓN ENVIAR FORMULARIO DE CONTACTO (NEGRO) --- */

/* Estilos para el botón normal */
input[type="submit"], 
button[type="submit"],
.wpcf7-submit, 
.gform_button,
.wpforms-submit {
    background-color: #000000 !important; /* Fondo Negro */
    color: #ffffff !important; /* Texto Blanco */
    border: 1px solid #000000 !important; /* Borde Negro */
    padding: 10px 25px; /* Un poco de espacio interno para que se vea bien */
    border-radius: 4px; /* Bordes ligeramente redondeados (opcional) */
    transition: all 0.3s ease; /* Suavizar el cambio de color */
}

/* Estilos al pasar el mouse (Hover) */
input[type="submit"]:hover, 
button[type="submit"]:hover,
.wpcf7-submit:hover, 
.gform_button:hover,
.wpforms-submit:hover {
    background-color: #333333 !important; /* Gris oscuro */
    border-color: #333333 !importan    cursor: pointer; /* Asegura que salga la manito */
}



 /* ==========================================
   1. ALINEACIÓN CONTENEDOR (1115px)
   ========================================== */
.woocommerce ul.products {
    max-width: 1115px !important;
    width: 100% !important;
    margin: 0 auto !important; /* Centra el bloque en la pantalla */
    
    /* Esto evita que el Newsletter se suba (Arregla el overlap) */
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 columnas exactas */
    gap: 20px !important;
}

/* 2. LIMPIEZA DE TARJETAS */
.woocommerce ul.products li.product {
    width: auto !important; /* Deja que el Grid decida el ancho */
    margin: 0 !important;
    float: none !important; /* Quita los flotados que rompen el móvil */
}

/* ==========================================
   3. ARREGLO FINAL DEL NEWSLETTER (SOLAPAMIENTO)
   ========================================== */
.newsletter-gold-section {
    clear: both !important;       /* Obliga a bajar */
    margin-top: 50px !important;  /* Espacio de seguridad arriba del texto */
    display: block !important;
    width: 100% !important;
    position: relative !important;
}

/* ==========================================
   4. MÓVIL (Celulares)
   ========================================== */
@media (max-width: 768px) {
    .woocommerce ul.products {
        /* En móvil, 1 sola columna grande y ordenada */
        grid-template-columns: 1fr !important; 
        padding: 0 20px !important;
    }
    
    /* Aseguramos espacio en móvil para que no se monte */
    .newsletter-gold-section {
        margin-top: 60px !important; 
    }
}
  
/* ==========================================================================
   PARCHE DE SEGURIDAD: LIMPIEZA DE CARRITO Y CONTACTO
   ========================================================================== */

/* 1. ELIMINAR EL TÍTULO "YERIN" FORZADO FUERA DE LA FICHA DE PRODUCTO */
/* Esto hace que en el carrito y widgets salgan los nombres reales */
body:not(.single-product) h1.product_title::before,
body:not(.single-product) .product_title::before,
body:not(.single-product) .entry-title::before,
body:not(.single-product) h1.product_title::after,
body:not(.single-product) .product_title::after,
body:not(.single-product) .entry-title::after {
    content: none !important;
    display: none !important;
}

/* 2. RESTAURAR EL TÍTULO ORIGINAL PEQUEÑO EN LISTAS/WIDGETS */
body:not(.single-product):not(.home):not(.post-type-archive-product) .product_title,
body:not(.single-product):not(.home):not(.post-type-archive-product) .entry-title,
body:not(.single-product):not(.home):not(.post-type-archive-product) .woocommerce-loop-product__title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #000 !important;
    height: auto !important;
    width: auto !important;
    visibility: visible !important;
    display: block !important;
    margin: 0 !important;
    opacity: 1 !important;
}

/* 3. OCULTAR LA INFO GIGANTE (FECHA/UBICACIÓN) EN CONTACTO Y CARRITO */
/* Solo permitimos que se vea en el Home (.home) y la Tienda de Eventos (.post-type-archive-product) */
body:not(.home):not(.post-type-archive-product) .titulo-goldticket-visible,
body:not(.home):not(.post-type-archive-product) .info-evento-card,
body:not(.home):not(.post-type-archive-product) .etiqueta-finalizado-detector {
    display: none !important;
}

/* 4. ARREGLAR CUADRÍCULA EN CONTACTO Y CARRITO */
/* Reseteamos el ancho para que no intenten ser de 1115px */
body:not(.home):not(.post-type-archive-product) .woocommerce ul.products {
    display: block !important;
    max-width: 100% !important;
    grid-template-columns: none !important;
}

body:not(.home):not(.post-type-archive-product) .woocommerce ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
}
/* ==========================================================================
   DISEÑO CARRITO VACÍO (GOLDTICKET STYLE)
   ========================================================================== */

/* 1. CENTRAR TODO EL CONTENIDO VERTICAL Y HORIZONTALMENTE */
body.woocommerce-cart .woocommerce {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 400px !important; /* Le damos altura para que no se vea pegado arriba */
    text-align: center !important;
}

/* 2. ESTILIZAR EL MENSAJE "TU CARRITO ESTÁ VACÍO" */
/* Quitamos ese cuadro amarillo feo y lo hacemos texto grande */
body.woocommerce-cart .cart-empty.woocommerce-info {
    background-color: transparent !important;
    border: none !important;
    color: #000000 !important;
    font-size: 30px !important;
    font-weight: 900 !important; /* Letra gruesa */
    text-transform: uppercase;
    margin-bottom: 30px !important;
    padding: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

/* Ocultar el icono pequeño cuadrado de la izquierda por defecto */
body.woocommerce-cart .cart-empty.woocommerce-info::before {
    display: none !important;
}

/* 3. AGREGAR UN ICONO DE BOLSA GIGANTE (Opcional, se ve muy pro) */
/* Usamos un emoji o un caracter unicode para simular la bolsa vacía */
body.woocommerce-cart .cart-empty.woocommerce-info::after {
    content: "🛍️";  /* Puedes cambiarlo por una imagen si prefieres */
    font-size: 80px !important;
    display: block !important;
    margin-bottom: 20px !important;
    order: -1; /* Pone el icono ARRIBA del texto */
    opacity: 0.5; /* Un poco transparente para estilo */
    filter: grayscale(100%); /* Lo hace gris para que combine con el negro */
}

/* 4. BOTÓN "VOLVER A LA TIENDA" (NEGRO GOLDTICKET) */
body.woocommerce-cart p.return-to-shop {
    margin: 0 !important;
}

body.woocommerce-cart p.return-to-shop a.button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    padding: 15px 40px !important; /* Botón grande y cómodo */
    border-radius: 50px !important; /* Redondeado estilo píldora */
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
}

/* Efecto al pasar el mouse (Hover) */
body.woocommerce-cart p.return-to-shop a.button:hover {
    background-color: #333333 !important; /* Gris oscuro */
    border-color: #333333 !important;
    transform: translateY(-3px); /* Se levanta un poquito */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
}
/* OCULTAR TÍTULO DEL SITIO AL LADO DEL LOGO */
.site-title, 
.ast-site-title-wrap,
.site-branding-text {
    display: none !important;
}
/* ==========================================================================
   CORRECCIÓN TABLET (SIMETRÍA Y ANCHOS)
   ========================================================================== */

/* Aplicar SOLO entre 768px y 1100px (Tablets y Laptops pequeñas) */
@media (min-width: 768px) and (max-width: 1150px) {

    /* 1. CONTENEDOR DE ELEMENTOR (Donde están los botones y el buscador) */
    /* Obligamos a que permita saltos de línea (wrap) y centre todo */
    .elementor-section .elementor-container,
    .elementor-widget-wrap {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important; /* Espacio entre los botones */
    }

    /* 2. BOTONES (Santiago, Fechas) */
    /* Que no se estiren, solo ocupen lo necesario */
    body .elementor-widget-button,
    body .elementor-widget-button .elementor-button {
        width: auto !important;
        flex-grow: 0 !important;
        margin-bottom: 0 !important;
    }

    /* 3. BUSCADOR: ELIMINAR EL ANCHO FIJO DE 750PX */
    body .gold-search form.woocommerce-product-search {
        /* Forzamos que baje a una nueva línea */
        flex-basis: 95% !important; 
        width: 95% !important; 
        max-width: 95% !important;
        
        margin-top: 15px !important; /* Separación con los botones de arriba */
        margin-left: auto !important;
        margin-right: auto !important;
        
        /* Asegurar altura */
        height: 50px !important; 
        min-height: 50px !important;
    }

    /* 4. ARREGLAR INTERIOR DEL BUSCADOR (Para que el botón 'Search' no se aplaste) */
    body .gold-search form.woocommerce-product-search input[type="search"] {
        flex: 1 !important; /* Ocupa todo el espacio disponible */
        width: auto !important;
        min-width: 0 !important; /* Evita desbordes */
    }

    body .gold-search form.woocommerce-product-search button[type="submit"] {
        flex-shrink: 0 !important; /* PROHIBIDO encogerse */
        width: auto !important;
    }
}
/* ======================================================
   ESTILO MERCADO PAGO - CHECKOUT API (GOLDTICKET)
   ====================================================== */

/* 1. El contenedor del formulario de tarjeta */
#payment .payment_method_woo-mercado-pago-custom {
    background-color: #f9f9f9 !important; /* Fondo claro suave */
    padding: 20px !important;
    border-radius: 8px !important;
    border: 1px solid #ddd !important;
}

/* 2. Los inputs (donde escriben el número) */
.mp-form-control, 
.mp-input-text {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    height: 45px !important;
    background: #fff !important;
}

/* 3. Títulos de los campos (Número de tarjeta, Nombre, etc) */
.mp-label, 
.mp-input-label {
    color: #333 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
}

/* 4. Si aparece un botón azul dentro del iframe, intentamos forzarlo a negro */
/* Nota: A veces MP protege esto con iframes, pero esto ayuda a los elementos externos */
#mp-pay-button, 
button.mp-pay-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
}

/* 5. Mensajes de error */
.mp-error {
    color: #d9534f !important;
    font-size: 12px !important;
    margin-top: 5px !important;
}
/* Ocultar sección de Información Adicional y Notas */
.woocommerce-additional-fields {
    display: none !important;
}






/* CAMBIO PARA EL NUEVO EVENTO (Reemplaza 1234 con el ID real) */

/* Cambiar el nombre del Artista */
body.postid-1496 h1.product_title::before,
body.postid-1496 .product_title::before {
    content: "WAYBETTER - CLUB FREEDOM" !important;
}

/* Cambiar la fecha */
body.postid-1496 h1.product_title::after,
body.postid-1496 .product_title::after {
    content: "5 DE ABRIL" !important;
}

/* ==========================================================================
   EXCEPCIÓN PRODUCTO ID 1496 (TÍTULO + FECHA - VERSIÓN FINAL)
   ========================================================================== */

/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-1496 h1.product_title,
body.postid-1496 .product_title,
body.postid-1496 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-1496 h1.product_title::before,
body.postid-1496 .product_title::before,
body.postid-1496 .entry-title::before {
    /* EDITAR AQUÍ EL NOMBRE DEL EVENTO */
    content: "WAYBETTER – TEATRO COUSIÑO" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-1496 h1.product_title::after,
body.postid-1496 .product_title::after,
body.postid-1496 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "5 DE ABRIL 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-1496 div.product,
body.postid-1496 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Aumentamos el espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-1496 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-1496 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-1496 h1.product_title::after {
        font-size: 14px !important;
    }
}
/* ==================================================
   DISEÑO 3 COLUMNAS LIMPIAS (CORRECCIÓN FINAL)
   ================================================== */

/* 1. CONTENEDOR PRINCIPAL */
.variable-items-wrapper .variable-item {
    min-height: 0 !important;
    margin-bottom: 6px !important;
    padding: 0 !important;
    width: 100% !important; 
}

/* 2. WRAPPER INTERNO */
.ticket-design-wrapper {
    padding: 8px 15px !important; 
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. TÍTULO */
.ticket-header-name {
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1 !important;
    border-bottom: 1px dashed #ddd !important;
    text-align: center !important;
}

/* 4. GRID DE PRECIOS */
.ticket-pricing-grid {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 6px !important;
    padding-bottom: 2px !important;
    margin: 0 !important;
    border: none !important;
    width: 100% !important;
}

/* 5. COLUMNAS (33% Exacto para las 3 primeras) */
.ticket-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    height: 35px !important;
    padding: 0 5px !important;
    border-right: 1px solid #eee !important;
    
    /* FUERZA BRUTA: Las columnas ocupan 33.3% */
    flex: 1 1 33.33% !important; 
    width: 33.33% !important;
    max-width: 33.33% !important; 
}

/* 6. OCULTAR EL CHECK (MÉTODO NUCLEAR) */

/* A) Ocultar el círculo del check directamente */
.check-circle {
    display: none !important; 
}

/* B) Ocultar específicamente la 4ta columna (donde está el check) */
.ticket-col:nth-child(4) {
    display: none !important;
}

/* C) Ocultar cualquier cosa después de la 3ra columna (basura invisible) */
.ticket-col:nth-child(n+4) {
    display: none !important;
}

/* 7. QUITAR BORDE A LA COLUMNA "TOTAL" (La 3ra) */
.ticket-col:nth-child(3) {
    border-right: none !important;
}

/* 8. ETIQUETAS */
.ticket-label {
    font-size: 8px !important;
    font-weight: 700 !important;
    color: #666 !important;
    text-transform: uppercase;
    margin-bottom: 0px !important;
    line-height: 10px !important;
    letter-spacing: 0.5px !important;
    width: 100% !important;
    text-align: center !important;
}

/* 9. VALORES */
.ticket-val {
    margin-top: 0 !important;
    line-height: 1.2 !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
}

.ticket-val.ticket-base, 
.ticket-val.ticket-fee {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #000 !important;
}

.ticket-val.ticket-total {
    font-size: 15px !important;
}

/* 10. DESCRIPCIÓN */
.woovr-variation-description {
    font-size: 10px !important;
    color: #666 !important;
    margin-top: 6px !important;
    padding-top: 6px !important;
    border-top: 1px solid #f0f0f0 !important;
    line-height: 1.2 !important;
    min-height: 24px !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
/* ==================================================
   LIMPIEZA FINAL: OCULTAR DETALLES DUPLICADOS ABAJO
   ================================================== */

/* 1. Ocultar la descripción nativa (Esto elimina la tabla repetida abajo) */
.woocommerce-variation-description {
    display: none !important;
}

/* 2. Ocultar el precio suelto que a veces aparece abajo */
.woocommerce-variation-price,
.single_variation .price {
    display: none !important;
}

/* 3. Limpiar espacios vacíos que quedan entre los botones y el botón de compra */
.single_variation_wrap .woocommerce-variation {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

/* 4. (Opcional) Ajustar el mensaje de "Sin existencias" / "Stock" */
/* Esto hace que si falta stock, el mensajito rojo se pegue bien al botón */
.woocommerce-variation-availability {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    font-weight: bold;
}
/* ==================================================
   LIMPIEZA TOTAL (MODO FANTASMA)
   Oculta: Tabla repetida, Precio, Disponibilidad y Stock
   ================================================== */

/* 1. Ocultar la descripción (Tabla duplicada) */
.woocommerce-variation-description {
    display: none !important;
}

/* 2. Ocultar el precio suelto */
.woocommerce-variation-price,
.single_variation .price {
    display: none !important;
}

/* /* ==================================================
   SEMÁFORO LIMPIO: OCULTAR "Disponibilidad:" Y NÚMEROS
   ================================================== */

/* 1. EL TRUCO MAESTRO: HACER INVISIBLE TODO EL CONTENEDOR */
/* Al poner font-size: 0, desaparece "Disponibilidad:", "X en stock", etc. */
.woocommerce-variation-availability {
    font-size: 0 !important; 
    line-height: 0 !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    color: transparent !important;
}

/* 2. Asegurar que etiquetas internas tampoco estorben */
.woocommerce-variation-availability label,
.woocommerce-variation-availability span:not(.stock) {
    display: none !important;
}

/* ==============================================
   CASO 1: HAY STOCK -> "DISPONIBLE" (VERDE)
   ============================================== */
/* Hacemos visible SOLO nuestro mensaje nuevo */
.woocommerce-variation-availability .stock.in-stock::after {
    content: "DISPONIBLE"; 
    
    font-size: 14px !important;  /* Restauramos el tamaño visible */
    line-height: 1.5 !important;
    font-weight: 800 !important;
    color: #28a745 !important;   /* Verde */
    text-transform: uppercase;
    letter-spacing: 1px;
    
    display: block !important;
}

/* ==============================================
   CASO 2: SIN STOCK -> "AGOTADO" (ROJO)
   ============================================== */
.woocommerce-variation-availability .stock.out-of-stock::after {
    content: "AGOTADO";
    
    font-size: 14px !important;  /* Restauramos el tamaño visible */
    line-height: 1.5 !important;
    font-weight: 800 !important;
    color: #d9534f !important;   /* Rojo */
    text-transform: uppercase;
    letter-spacing: 1px;
    
    display: block !important;
}



/* ==================================================
   LIMPIEZA DE CABECERA (ADIÓS "LIMPIAR" Y LÍNEAS)
   ================================================== */

/* 1. Ocultar el enlace "LIMPIAR" */
a.reset_variations {
    display: none !important;
    visibility: hidden !important;
}

/* 2. Quitar la línea gris divisoria y bordes de la tabla de selección */
form.variations_form .variations,
form.variations_form .variations tr,
form.variations_form .variations td,
form.variations_form .variations th {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* 3. (Opcional) Si también quieres borrar el título "Tipo de Entrada" */
/* Descomenta la siguiente línea si quieres borrarlo: */
/* form.variations_form label { display: none !important; } */


/* ==================================================
   ADIÓS TÍTULO DE ATRIBUTO ("Tipo de Entrada : XXX")
   ================================================== */

/* 1. Ocultar la etiqueta de texto */
form.variations_form label,
.variations .label,
.variations th.label {
    display: none !important;
}

/* 2. Ocultar la celda de la tabla donde vive el título */
/* Esto es importante para que no quede un hueco vacío a la izquierda o arriba */
.variations td.label,
.variations th.label {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
}

/* 3. Asegurar que el contenedor de las tarjetas ocupe el 100% del ancho */
.variations td.value {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
}
/* ==========================================================================
   AJUSTE FINO: QUITAR ESPACIO DENTRO DE LA TARJETA (ARRIBA DEL TÍTULO)
   ========================================================================== */

/* 1. Reducir el relleno superior de la tarjeta completa */
body .woovr-variation-radio .woovr-variation-item {
    /* El primer valor es ARRIBA. Lo bajamos de 10px a 2px */
    padding: 2px 10px 10px 10px !important; 
}

/* 2. Si estás usando el diseño interno (ticket-design-wrapper) */
/* Esto elimina el espacio extra si se está usando la estructura de 3 columnas */
.ticket-design-wrapper {
    padding-top: 0 !important;
}

/* 3. Asegurar que el texto del título no tenga "aire" arriba */
body .woovr-variation-name,
.ticket-header-name {
    margin-top: 0 !important;
    padding-top: 0 !important;
    line-height: 1 !important; /* Aprieta la altura de línea para que no ocupe espacio invisible */
}

/* 4. Asegurar que la etiqueta contenedora (label) no empuje hacia abajo */
body .woovr-variation-radio label {
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-items: flex-start !important; /* Fuerza a pegarse arriba */
}


/* ==========================================================================
   AJUSTE FINAL: FORZAR TÍTULO HACIA ARRIBA (VERSION AGRESIVA)
   ========================================================================== */

/* 1. Eliminar absolutamente todo el relleno superior de la tarjeta */
body .woovr-variation-radio .woovr-variation-item {
    padding-top: 0 !important;
    overflow: hidden !important; /* Asegura que nada se salga si subimos mucho */
}

/* 2. Eliminar espacio del contenedor interno (si existe) */
.ticket-design-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 3. TRUCO DEL MARGEN NEGATIVO EN EL TÍTULO */
/* Esto "come" el espacio invisible de la propia letra */
body .woovr-variation-name,
.ticket-header-name {
    margin-top: -25px !important; /* Juega con este valor: -2px, -5px, -8px... */
    padding-top: 5px !important; /* Compensamos para que no se corte la letra, pero suba el bloque */
    line-height: 1 !important;   /* Línea apretada */
    display: block !important;
}

/* 4. Si el título tiene borde abajo (la línea punteada), aseguramos que suba todo junto */
.ticket-header-name {
    margin-bottom: 5px !important; /* Reajustamos el espacio de abajo para no romper lo demás */
}
/* ==========================================================================
   TÍTULO Y FECHA PERSONALIZADOS - YERIN (ID 30)
   ========================================================================== */

/* 1. OCULTAR TÍTULO ORIGINAL Y POSICIONAR EL NUEVO ARRIBA */
body.postid-30 h1.product_title, 
body.postid-30 .product_title, 
body.postid-30 .entry-title {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA ABSOLUTO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-30 h1.product_title::before, 
body.postid-30 .product_title::before,
body.postid-30 .entry-title::before {
    content: "YERIN - CENTRO CULTURAL CEINA" !important;
    
    font-size: 28px !important;
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important;
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-30 h1.product_title::after, 
body.postid-30 .product_title::after,
body.postid-30 .entry-title::after {
    content: "6 DE FEBRERO 2026" !important;
    
    font-size: 16px !important;
    line-height: 1.2 !important;
    color: #444444 !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO SUPERIOR (PARA QUE EL TÍTULO NO TAPE LA FOTO) */
body.postid-30 div.product,
body.postid-30 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Espacio para que quepa el título */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL (ID 30) */
@media (max-width: 767px) {
    body.postid-30 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-30 h1.product_title::before {
        font-size: 22px !important; /* Título un poco más chico en móvil */
        padding: 0 10px !important;
    }
}
/* ==========================================================================
   ALINEACIÓN ESCRITORIO: SUBIR ENTRADAS PARA IGUALAR FOTO
   ========================================================================== */

@media (min-width: 900px) {
    /* Seleccionamos la columna derecha (Resumen) y la forzamos a subir */
    body .product .summary.entry-summary {
        margin-top: -30px !important; /* <--- EDITA ESTE NÚMERO */
        padding-top: 0 !important;
        display: block !important;
    }
    
    /* Aseguramos que el formulario de tickets no tenga espacio extra arriba */
    body .product .summary.entry-summary form.cart {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}


/* AJUSTE TARJETA EXTRA (PARA QUE SE VEA IDÉNTICA) */
a.extra-ticket-click {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important; /* El padding interno ya lo maneja el ticket-design-wrapper */
    margin: 0 !important;
    background-color: #ffffff !important;
    color: inherit !important;
    border: 1px solid #ccc !important; /* Asegurar borde gris inicial */
}

/* Efecto Hover: Borde Negro y Sombra (Igual que las otras) */
a.extra-ticket-click:hover {
    border: 2px solid #000000 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
    z-index: 10;
}

/* Forzar que los textos se vean negros (porque al ser enlace se ponen azules a veces) */
a.extra-ticket-click .ticket-header-name,
a.extra-ticket-click .ticket-val {
    color: #000000 !important;
}
a.extra-ticket-click .ticket-val.ticket-total {
    color: #D4AF37 !important; /* Dorado */
}
.extra-ticket-selectable {
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
}
.extra-ticket-selectable:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}





/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-1731 h1.product_title,
body.postid-1731 .product_title,
body.postid-1731 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-1731 h1.product_title::before,
body.postid-1731 .product_title::before,
body.postid-1731 .entry-title::before {
    /* EDITAR AQUÍ EL NOMBRE DEL EVENTO */
    content: "FESTIVAL FOOD TRUCK VERANO - PARQUE PALACIO HACIENDA" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-1731 h1.product_title::after,
body.postid-1731 .product_title::after,
body.postid-1731 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "31 DE ENERO - 1 DE FEBRERO 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-1731 div.product,
body.postid-1731 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Aumentamos el espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-1731 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-1731 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-1731 h1.product_title::after {
        font-size: 14px !important;
    }
}
/* 

/* ==================================================
   OCULTAR SECCIÓN "RELATED / SIMILAR POST"
   ================================================== */

/* 1. Ocultar el bloque de Jetpack (El más probable) */
#jp-relatedposts, 
.jp-relatedposts {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* 2. Ocultar otros plugins comunes de "Related Posts" */
.related-posts,
.yarpp-related,
.crp_related,
.al_related_posts {
    display: none !important;
}

/* 3. Ocultar título y líneas sobrantes que a veces quedan */
h3.sd-title,
.sharedaddy {
    display: none !important;
}








/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-1942 h1.product_title,
body.postid-1942 .product_title,
body.postid-1942 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-1942 h1.product_title::before,
body.postid-1942 .product_title::before,
body.postid-1942 .entry-title::before {
    /* EDITAR AQUÍ EL NOMBRE DEL EVENTO */
    content: "LYON LA F - HASTA EL CIELO SESSION 1" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-1942 h1.product_title::after,
body.postid-1942 .product_title::after,
body.postid-1942 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "24 DE ENERO 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-1942 div.product,
body.postid-1942 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Aumentamos el espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-1942 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-1942 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-1942 h1.product_title::after {
        font-size: 14px !important;
    }
}
/* 


/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-1903 h1.product_title,
body.postid-1903 .product_title,
body.postid-1903 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-1903 h1.product_title::before,
body.postid-1903 .product_title::before,
body.postid-1903 .entry-title::before {
    /* EDITAR AQUÍ EL NOMBRE DEL EVENTO */
    content: "MAMBORAP - UNDER CAUPO" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-1903 h1.product_title::after,
body.postid-1903 .product_title::after,
body.postid-1903 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "27 DE MARZO 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-1903 div.product,
body.postid-1903 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Aumentamos el espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-1903 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-1903 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-1942 h1.product_title::after {
        font-size: 14px !important;
    }
}
/* 


/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-2054 h1.product_title,
body.postid-2054 .product_title,
body.postid-2054 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-2054 h1.product_title::before,
body.postid-2054 .product_title::before,
body.postid-2054 .entry-title::before {
    /* EDITAR AQUÍ EL NOMBRE DEL EVENTO */
    content: "DE LA JOYA - CLUB ACONCAGUA" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-2054 h1.product_title::after,
body.postid-2054 .product_title::after,
body.postid-2054 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "30 DE ENERO 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-2054 div.product,
body.postid-2054 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Aumentamos el espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-2054 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-2054 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-2054 h1.product_title::after {
        font-size: 14px !important;
    }


}
/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-2603 h1.product_title,
body.postid-2603 .product_title,
body.postid-2603 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-2603 h1.product_title::before,
body.postid-2603 .product_title::before,
body.postid-2603 .entry-title::before {
    /* EDITAR AQUÍ EL NOMBRE DEL EVENTO */
    content: "VĒRRÜCKT PRESENTA AREA ONE" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-2603 h1.product_title::after,
body.postid-2603 .product_title::after,
body.postid-2603 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "15 DE FEBRERO 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-2603 div.product,
body.postid-2603 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Aumentamos el espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-2603 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-2603 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-2603 h1.product_title::after {
        font-size: 14px !important;
    }
}

/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-2603 h1.product_title,
body.postid-2603 .product_title,
body.postid-2603 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-2603 h1.product_title::before,
body.postid-2603 .product_title::before,
body.postid-2603 .entry-title::before {
    /* EDITAR AQUÍ EL NOMBRE DEL EVENTO */
    content: "MICRÓFONO ABIERTO EN EL PANTANO" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-2603 h1.product_title::after,
body.postid-2603 .product_title::after,
body.postid-2603 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "17 DE FEBRERO 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-2603 div.product,
body.postid-2603 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Aumentamos el espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-2603 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-2603 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-2603 h1.product_title::after {
        font-size: 14px !important;
    }
}


/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-2911 h1.product_title,
body.postid-2911 .product_title,
body.postid-2911 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-2911 h1.product_title::before,
body.postid-2911 .product_title::before,
body.postid-2911 .entry-title::before {
    /* EDITAR AQUÍ EL NOMBRE DEL EVENTO */
    content: "SZG - GUILTY CLUB" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-2911 h1.product_title::after,
body.postid-2911 .product_title::after,
body.postid-2911 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "21 DE MARZO 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-2911 div.product,
body.postid-2911 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Aumentamos el espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-2911 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-2911 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-2911 h1.product_title::after {
        font-size: 14px !important;
    }
}

/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-2950 h1.product_title,
body.postid-2950 .product_title,
body.postid-2950 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-2950 h1.product_title::before,
body.postid-2950 .product_title::before,
body.postid-2950 .entry-title::before {
    /* EDITAR AUÍ EL NOMBRE DEL EVENTO */
    content: "MICROFONO ABIERTO EN EL PANTANO" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-2950 h1.product_title::after,
body.postid-2950 .product_title::after,
body.postid-2950 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "27 DE MARZO 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-2950 div.product,
body.postid-2950 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Aumentamos el espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-2911 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-2911 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-2911 h1.product_title::after {
        font-size: 14px !important;
    }
}
/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-3015 h1.product_title,
body.postid-3015 .product_title,
body.postid-3015 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-3015 h1.product_title::before,
body.postid-3015 .product_title::before,
body.postid-3015 .entry-title::before {
    /* EDITAR AQUÍ EL NOMBRE DEL EVENTO */
    content: "VERRUCKT 8 DE MARZO" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-3015 h1.product_title::after,
body.postid-3015 .product_title::after,
body.postid-3015 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "8 DE MARZO 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-3015 div.product,
body.postid-3015 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-3015 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-3015 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-3015 h1.product_title::after {
        font-size: 14px !important;
    }
}

/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-3074 h1.product_title,
body.postid-3074 .product_title,
body.postid-3074 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-3074 h1.product_title::before,
body.postid-3074 .product_title::before,
body.postid-3074 .entry-title::before {
    /* EDITAR AQUÍ EL NOMBRE DEL EVENTO */
    content: "VERRUCKT 360° BASEL VENUE" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-3074 h1.product_title::after,
body.postid-3074 .product_title::after,
body.postid-3074 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "18 DE ABRIL 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-3074 div.product,
body.postid-3074 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-3074 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-3015 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-3074 h1.product_title::after {
        font-size: 14px !important;
    }
}

/* 1. OCULTAR TEXTO "PROTEGIDO..." Y POSICIONAR EL BLOQUE ARRIBA */
body.postid-3159 h1.product_title,
body.postid-3159 .product_title,
body.postid-3159 .entry-title {
    font-size: 0 !important;      /* Oculta el texto real */
    color: transparent !important;
    
    /* POSICIONAMIENTO ARRIBA DE TODO */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 10 !important;
    text-align: center !important;
    
    /* Para que los elementos hijos (título y fecha) se apilen verticalmente */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. EL TÍTULO (PARTE DE ARRIBA) */
body.postid-3159 h1.product_title::before,
body.postid-3159 .product_title::before,
body.postid-3159 .entry-title::before {
    /* EDITAR AQUÍ EL NOMBRE DEL EVENTO */
    content: "VERRUCKT - GUILTY CLUB" !important;
    
    font-size: 28px !important;   /* Tamaño grande */
    line-height: 1.2 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 5px !important; /* Espacio antes de la fecha */
}

/* 3. LA FECHA (PARTE DE ABAJO) */
body.postid-3159 h1.product_title::after,
body.postid-3159 .product_title::after,
body.postid-3159 .entry-title::after {
    /* EDITAR AQUÍ LA FECHA */
    content: "22 DE MARZO 2026" !important;
    
    font-size: 16px !important;    /* Tamaño más pequeño */
    line-height: 1.2 !important;
    color: #444444 !important;     /* Color gris oscuro */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    display: block !important;
    visibility: visible !important;
}

/* 4. CREAR ESPACIO PARA QUE NO SE MONTE ENCIMA DE LA FOTO */
body.postid-3159 div.product,
body.postid-3159 .elementor-widget-woocommerce-product-page {
    padding-top: 80px !important; /* Espacio para que quepan las dos líneas */
    position: relative !important;
}

/* 5. AJUSTE PARA MÓVIL */
@media (max-width: 767px) {
    body.postid-3159 div.product {
        padding-top: 100px !important; /* Más espacio en celular */
    }
    body.postid-3159 h1.product_title::before {
        font-size: 22px !important;
        padding: 0 10px !important;
    }
    body.postid-3159 h1.product_title::after {
        font-size: 14px !important;
    }
}