.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#5F1B29;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 📦 CONTENEDOR PRINCIPAL - CUADRÍCULA 2x2 CON FLEXBOX */
.mil-products-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    gap: 20px; /* Espaciado entre los elementos */
    width: 100%;
}

/* 📦 CONTENEDOR DE CADA PRODUCTO - AHORA MÁS GRANDE */
.mil-product-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: calc(50% - 20px); /* Ahora ocupa más espacio */
    max-width: 500px; /* Se agranda más */
    height: 600px; /* Aumentamos la altura */
    margin-bottom: 20px; /* Espaciado entre filas */
}

/* 📸 IMAGEN DEL PRODUCTO - AHORA MÁS GRANDE */
.mil-product-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
}

/* 🎨 EFECTO DE ZOOM OUT Y OSCURECIMIENTO */
.mil-product-card:hover img {
    transform: scale(1.1);
    filter: brightness(50%);
}

/* 🏷 TITULO PRINCIPAL (Ejemplo: "Panadería") */
.mil-title {
    position: absolute;
    top: 42%; /* Ajuste para centrar mejor */
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    color: white;
    font-size: 1.8em; /* Más grande */
    font-weight: bold;
    z-index: 10;
    width: 100%;
}

/* 📝 SUBTITULO / TEXTO SECUNDARIO (Ejemplo: "Volokno") */
.mil-subtitle {
    position: absolute;
    top: 50%; /* Ajuste para colocarlo debajo del título */
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    color: white;
    font-size: 1.2em; /* Más grande */
    z-index: 10;
    width: 100%;
}

/* 🎯 MOSTRAR TEXTOS AL HACER HOVER */
.mil-product-card:hover .mil-title,
.mil-product-card:hover .mil-subtitle {
    opacity: 1;
    transform: translate(-50%, -55%);
}

/* ➖ LÍNEA DECORATIVA */
.mil-line {
    width: 50px;
    height: 5px;
    background-color: #5F1B29;
    margin-top: 10px;
    transition: width 0.5s ease-in-out;
    opacity: 0;
}

/* 🎯 MOSTRAR LA LÍNEA AL HACER HOVER */
.mil-product-card:hover .mil-line {
    width: 100px;
    opacity: 1;
}

/* 📱 RESPONSIVE: ADAPTAR A MÓVILES */
@media screen and (max-width: 768px) {
    .mil-products-container {
        flex-direction: column;
        align-items: center;
    }

    .mil-product-card {
        width: 90%;
        max-width: 450px;
        height: 400px;
    }

    .mil-title {
        font-size: 1.5em;
    }

    .mil-subtitle {
        font-size: 1em;
    }
}
/* 🔗 ESTILO PARA LOS ENLACES SOLO EN ESTA PÁGINA */
body.page-id-XXX a { 
    color: white !important; /* Color blanco por defecto */
    text-decoration: none; /* Quita el subrayado */
    transition: color 0.3s ease-in-out;
}

/* 🔗 COLOR AL PASAR EL MOUSE */
body.page-id-XXX a:hover {
    color: #5F1B29 !important; /* Color de Modex al hacer hover */
}

/* 🔗 COLOR AL HACER CLIC */
body.page-id-XXX a:active {
    color: #5F1B29 !important; /* Color de Modex cuando se hace clic */
}/* End custom CSS */