/*
 Theme Name:   Divi Child Leotta
 Theme URI:    https://leotta.com.ar
 Description:  Divi Child Theme para migración CPT, taxonomías y Shortcodes personalizados de página de producto y home.
 Author:       eWapp AI Assistant
 Author URI:   https://ewapp.com
 Template:     Divi
 Version:      1.0.0
*/

/* 
 * Agrega aquí tu CSS personalizado. 
 * Las grillas de los shortcodes tienen CSS en línea para la demostración rápida,
 * pero puedes mover las clases aquí.
 */

.leotta-scoll-carousel {
    display: flex;
    overflow-x: auto;
    gap: 20px;
    padding-bottom: 10px;
    scroll-snap-type: x mandatory;
}

.leotta-scoll-carousel>* {
    scroll-snap-align: start;
}

/* Ocultar scrollbar para un look más limpio */
.leotta-scoll-carousel::-webkit-scrollbar {
    height: 6px;
}

.leotta-scoll-carousel::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}

/* Fix fancybox z-index to be above Divi header */
.fancybox-container {
    z-index: 999999 !important;
}
.leotta-scroll-wrapper{
    overflow:hidden;
    width:100%;
    position:relative;
}

.leotta-scoll-carousel{
    display:flex;
    gap:20px;
    width:max-content;
    animation: leottaAutoScroll 100s linear infinite;
}

.leotta-scoll-carousel:hover{
    animation-play-state:paused;
}

.leotta-featured-card{
    flex:0 0 220px;
    min-width:220px;
    padding:20px;
    border-radius:12px;
    background:#fff;
    box-shadow:0 4px 15px rgba(0,0,0,0.06);
    text-align:center;
}

.leotta-featured-image{
    height:150px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    margin-bottom:15px;
}

.leotta-featured-logo{
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
}

.leotta-featured-logo img{
    max-height:100%;
    max-width:80%;
}

.leotta-featured-title{
    font-size:14px;
    margin:0;
    font-weight:700;
    text-transform:uppercase;
    line-height:1.3;
}

@keyframes leottaAutoScroll{
    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }
}