/*
Theme Name: Hespérides 2026
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Description: Tema hijo para Twenty Twenty-Five.
Author: Tu Nombre
Author URI: https://tusitio.com
Template: twentytwentyfive
Version: 1.0.0
Text Domain: twentytwentyfive-child
*/

/* Tus personalizaciones de CSS empiezan aquí */

/* EL RECUADRO LIMPIO */
.mi-recuadro-cristal {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
    
    /* Espaciado interno */
    padding: 50px !important;
    
	/* CONTROL DE ANCHO CON MARGEN MÍNIMO */
    width: 92% !important; /* Esto garantiza un margen del 4% a cada lado en móviles */
    max-width: 1000px !important; /* En pantallas grandes no pasará de aquí */
    margin: 40px auto !important; /* El 'auto' lo mantiene centrado */
    
    /* Esto es vital para que el vídeo no se salga por las esquinas */
    overflow: visible !important; 
    display: block !important;
}

/* EL VÍDEO DENTRO DE ESTE GRUPO */
.mi-recuadro-cristal .wp-block-embed-youtube.alignwide {
    width: calc(100% + 80px) !important;
    max-width: calc(100% + 80px) !important;
    margin-left: -40px !important;
    margin-right: -40px !important;
}

.mi-recuadro-cristal .wp-block-embed-youtube iframe {
    width: 100% !important;
    aspect-ratio: 16 / 9;
    border-radius: 4px;
}


.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	border-color:white !important;
}

.current-menu-item {
	color: #b08037;
}


/* 1. Aplicamos el estilo a todos los h2 de la web */
h2:first-of-type {
    text-align: center;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    display: block;
}

h2:first-of-type::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 204, 0, 0.7) 50%, 
        transparent 100%
    );
}

/* 2. EXCEPCIÓN: Quitamos el estilo en la tienda y productos */
/* .woocommerce selecciona la tienda, .archive las categorías y .product los productos sueltos */
.woocommerce h2, 
.woocommerce-page h2, 
.archive h2 {
    text-align: inherit; /* Vuelve a la alineación original (normalmente izquierda) */
    padding-bottom: 0;
    margin-bottom: inherit;
}

.woocommerce h2::after, 
.woocommerce-page h2::after, 
.archive h2::after {
    display: none; /* Elimina la línea degradada por completo */
}



/* MOSTRAR EN NEGRITA LOS CONCIERTOS PASADOS */
.nombre-evento {
	font-weight: bold;
}

/* FORZAR ROBOTO EN EL MENÚ DE NAVEGACIÓN */
.wp-block-navigation, 
.wp-block-navigation-item, 
.wp-block-navigation-item__content,
.wp-block-navigation-link {
    font-family: 'Roboto', sans-serif !important;
}

/* Por si el tema usa una variable interna de WordPress */
.wp-block-navigation {
    --wp--preset--font-family--yataghan: 'Roboto', sans-serif !important;
    --wp--style--font-family--navigation: 'Roboto', sans-serif !important;
}


h2.wc-block-mini-cart__title {
	mask-image: none;
}