/*
Theme Name:   hóyMac
Theme URI:    https://hoymac.com/
Description:  Tema personalizado para hoyMac.
Author:       ektorcaba
Author URI:   https://hoymac.com/
Template:     twentytwentyfive
Version:      1.0.0
Text Domain:  hoymac
*/

/* Tus estilos personalizados a partir de aquí si no quieres usar el CSS adicional del editor */



/* Estilo base para móvil: sin relleno */
.p-responsive {
    padding: 0px !important;
}

/* Cambia a 30px cuando la pantalla es de Escritorio (Desktop / Tablet grande) */
@media (min-width: 769px) {
    .p-responsive {
        padding: 30px !important;
    }
}



/* Contenedor del Query Loop: lo forzamos a ser un carrusel horizontal */
ul.carrusel-fijados {
    display: flex !important;
    overflow-x: auto !important;
    
    /* CAMBIO CLAVE: Usamos 'proximity' en lugar de 'mandatory' */
    /* Esto permite que el JavaScript desplace el bloque suavemente sin que el CSS lo bloquee a mitad de camino */
    scroll-snap-type: x proximity !important; 
    
    scroll-behavior: smooth;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; 
}

ul.carrusel-fijados::-webkit-scrollbar {
    display: none; 
}

/* Cada Post individual dentro del carrusel */
ul.carrusel-fijados > li {
    flex: 0 0 100% !important; /* Cada post ocupa el 100% del ancho */
    max-width: 100% !important;
    scroll-snap-align: start !important; /* Efecto imán al deslizar */
    margin: 0 !important;
    padding: 0 !important;
}

/* Ajuste opcional para móviles si tus columnas se apilan */
@media (max-width: 781px) {
    ul.carrusel-fijados .wp-block-columns {
        flex-direction: column !important;
    }
}

.podcast-icon{

}