/*
 * Blog Content Carousel — complemento del content-carousel.css original de Listeo.
 * No sustituye la estética de Listeo: únicamente garantiza fondo, scroll y compatibilidad.
 */

.al-blog-tag-carousel-widget .carousel-wrapper {
    overflow: hidden;
    width: 100%;
}

.al-blog-tag-carousel-widget .carousel-track {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.al-blog-tag-carousel-widget .carousel-track::-webkit-scrollbar {
    display: none;
}

.al-blog-tag-carousel-widget .carousel-card {
    flex-shrink: 0;
}

.al-blog-tag-carousel-widget .card-taxonomy .card-content,
.al-blog-tag-carousel-widget .card-taxonomy .card-title,
.al-blog-tag-carousel-widget .card-taxonomy .taxonomy-description,
.al-blog-tag-carousel-widget .card-taxonomy .taxonomy-icon,
.al-blog-tag-carousel-widget .card-taxonomy .taxonomy-icon i,
.al-blog-tag-carousel-widget .card-taxonomy .taxonomy-icon svg {
    color: var(--al-blog-card-text, #fff);
}

.al-blog-tag-carousel-widget .card-taxonomy {
    text-decoration: none !important;
}

.al-blog-tag-carousel-widget .carousel-tab {
    cursor: pointer;
}


/* v1.2 — fondo blindado en la propia tarjeta */
.elementor-widget-al-blog-tag-carousel .carousel-card.card-taxonomy {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
}

.elementor-widget-al-blog-tag-carousel .carousel-card.card-taxonomy .card-content {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


/* ==========================================================
   v1.3 — estructura idéntica al carrusel original de Listeo
   ========================================================== */

.al-blog-tag-carousel-widget .carousel-card.card-taxonomy {
    position: relative !important;
    background: transparent !important;
}

/* El fondo real lo pinta card-content, igual que en Listeo */
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy .card-content {
    position: relative !important;
    z-index: 1;
}

/* Enlace invisible que cubre toda la tarjeta sin alterar el CSS de Listeo */
.al-blog-tag-carousel-widget .al-blog-card-overlay-link {
    position: absolute !important;
    inset: 0 !important;
    z-index: 20 !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Evitar que los estilos globales de enlaces modifiquen título/contenido */
.al-blog-tag-carousel-widget .al-blog-card-overlay-link:hover,
.al-blog-tag-carousel-widget .al-blog-card-overlay-link:focus,
.al-blog-tag-carousel-widget .al-blog-card-overlay-link:active {
    background: transparent !important;
    box-shadow: none !important;
    outline: none;
}

/* El texto no debe recibir hover propio */
.al-blog-tag-carousel-widget .card-title,
.al-blog-tag-carousel-widget .taxonomy-description,
.al-blog-tag-carousel-widget .taxonomy-icon {
    pointer-events: none;
}


/* ==========================================================
   v1.4 — eliminar parpadeo/hover heredado de Listeo
   ========================================================== */

/* La tarjeta y su contenido no deben cambiar geométricamente al hover */
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy,
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy:hover,
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy .card-content,
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy:hover .card-content {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

/* Tampoco título, icono o descripción */
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy .card-title,
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy:hover .card-title,
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy .taxonomy-icon,
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy:hover .taxonomy-icon,
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy .taxonomy-description,
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy:hover .taxonomy-description {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Neutralizar posibles capas decorativas del CSS original */
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy::before,
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy::after,
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy .card-content::before,
.al-blog-tag-carousel-widget .carousel-card.card-taxonomy .card-content::after {
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

/* El enlace invisible no participa visualmente en ningún hover */
.al-blog-tag-carousel-widget .al-blog-card-overlay-link,
.al-blog-tag-carousel-widget .al-blog-card-overlay-link:hover,
.al-blog-tag-carousel-widget .al-blog-card-overlay-link:focus,
.al-blog-tag-carousel-widget .al-blog-card-overlay-link:active {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    background: transparent !important;
    color: transparent !important;
}