.elementor-26242 .elementor-element.elementor-element-018feba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:62px;--padding-bottom:62px;--padding-left:62px;--padding-right:62px;}.elementor-26242 .elementor-element.elementor-element-018feba:not(.elementor-motion-effects-element-type-background), .elementor-26242 .elementor-element.elementor-element-018feba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-26242 .elementor-element.elementor-element-fe9f32f > .elementor-widget-container{margin:50px 0px 50px 0px;padding:0px 0px 0px 0px;}.elementor-26242 .elementor-element.elementor-element-fe9f32f{text-align:center;}.elementor-26242 .elementor-element.elementor-element-fe9f32f .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-26242 .elementor-element.elementor-element-7143921{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26242 .elementor-element.elementor-element-7143921:not(.elementor-motion-effects-element-type-background), .elementor-26242 .elementor-element.elementor-element-7143921 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26242 .elementor-element.elementor-element-5ec20b9{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:090px;--margin-bottom:0px;--margin-left:350px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26242 .elementor-element.elementor-element-5ec20b9:not(.elementor-motion-effects-element-type-background), .elementor-26242 .elementor-element.elementor-element-5ec20b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26242 .elementor-element.elementor-element-5ec20b9.e-con{--align-self:center;}.elementor-26242 .elementor-element.elementor-element-22b0c70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26242 .elementor-element.elementor-element-9d95ca1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26242 .elementor-element.elementor-element-10446f7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26242 .elementor-element.elementor-element-10446f7.e-con{--align-self:center;}.elementor-26242 .elementor-element.elementor-element-1da7d64 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26242 .elementor-element.elementor-element-1da7d64.elementor-element{--align-self:flex-start;}.woocommerce .elementor-26242 .elementor-element.elementor-element-1da7d64 .woocommerce-product-details__short-description{color:#0F0F0F;font-size:19px;}.elementor-26242 .elementor-element.elementor-element-8a7d71b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:102px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26242 .elementor-element.elementor-element-66e6313{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-26242 .elementor-element.elementor-element-66e6313:not(.elementor-motion-effects-element-type-background), .elementor-26242 .elementor-element.elementor-element-66e6313 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-26242 .elementor-element.elementor-element-ea65f72{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26242 .elementor-element.elementor-element-5d29bd9{width:100%;max-width:100%;}.elementor-26242 .elementor-element.elementor-element-5d29bd9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-26242 .elementor-element.elementor-element-5ec20b9{--width:89%;}.elementor-26242 .elementor-element.elementor-element-22b0c70{--width:50%;}.elementor-26242 .elementor-element.elementor-element-10446f7{--width:50%;}}@media(max-width:1024px){.elementor-26242 .elementor-element.elementor-element-5ec20b9{--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-26242 .elementor-element.elementor-element-5ec20b9{--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-5ec20b9 *//* ==========================================================================
   NUEVO: FORZAR CENTRADO DEL CONTENEDOR PADRE (Aislado para no romper el footer)
   ========================================================================== */

/* Apuntamos ÚNICAMENTE al ID de la fila de tus productos (5ec20b9) */
.elementor-element-5ec20b9 > .e-con.e-child {
    justify-content: center !important; 
}

/* Forzamos que la columna derecha tome el alto de la izquierda */
.elementor-element-10446f7 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; 
    height: 100% !important; 
}

/* Ajuste a la caja de especificaciones */
.woocommerce-product-details__short-description {
    margin-top: auto !important; 
    margin-bottom: auto !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea65f72 *//* ==========================================================================
   9. FOOTER PERSONALIZADO (Fondo #808c91 y Textos Negros)
   ========================================================================== */

/* Contenedor principal del Footer */
.maq-footer-custom {
    background-color: #808c91 !important; /* <--- NUEVO FONDO GRIS */
    padding: 60px 20px 0 20px;
    width: 100%;
}

.maq-footer-container {
    max-width: 1300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 50px;
    padding-bottom: 50px;
}

/* Títulos y Textos de las columnas */
.maq-footer-col h4 {
    color: #0f0f0f !important; /* Negro industrial */
    font-size: 22px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    margin-bottom: 15px !important;
    letter-spacing: 0.5px;
}

/* --- NUEVO: Línea amarilla debajo de los títulos de ubicación --- */
.maq-title-line::after {
    content: '';
    display: block;
    width: 60px; /* Ancho de la línea */
    height: 3px; /* Grosor de la línea */
    background-color: #f5b400; /* Amarillo del tema */
    margin-top: 8px; /* Espacio entre el texto y la línea */
    border-radius: 2px; /* Bordes ligeramente redondeados (opcional) */
}

.maq-footer-col p {
    color: #1a1a1a !important; /* Gris súper oscuro, casi negro */
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
}

/* =========================================
   MAPAS (Escala de grises por defecto -> Color en hover)
   ========================================= */
.maq-footer-map {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #0f0f0f; /* Borde negro en lugar de gris */
    transition: all 0.3s ease;
}

.maq-footer-map:hover {
    border-color: #f5b400; /* Borde se hace amarillo */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.maq-footer-map iframe {
    display: block;
    width: 100%;
    height: 220px;
    /* Filtro para que el mapa se vea gris elegante y combine con el fondo */
    filter: grayscale(100%) opacity(0.8); 
    transition: filter 0.4s ease;
}

.maq-footer-map:hover iframe {
    /* Al pasar el mouse, el mapa recupera su color y brillo */
    filter: grayscale(0%) opacity(1); 
}

/* =========================================
   MENÚ DE ENLACES
   ========================================= */
.maq-footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.maq-footer-menu li {
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(15, 15, 15, 0.15); /* Línea divisoria muy sutil y oscura */
    padding-bottom: 10px;
}

.maq-footer-menu li:last-child {
    border-bottom: none;
}

.maq-footer-menu li a {
    color: #0f0f0f !important; /* Letras negras por defecto */
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

/* Flechita amarilla antes de cada enlace */
.maq-footer-menu li a::before {
    content: '▸';
    color: #f5b400;
    margin-right: 8px;
    font-size: 18px;
    transition: transform 0.3s ease;
}

.maq-footer-menu li a:hover {
    color: #ffffff !important; /* Letras se vuelven blancas en hover para contrastar perrón */
    transform: translateX(6px);
}

/* =========================================
   BARRA INFERIOR (COPYRIGHT)
   ========================================= */
.maq-footer-bottom {
    /* Truco para romper el contenedor y forzar 100% de la pantalla */
    width: 100vw; 
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    
    /* Tu código original */
    background-color: #0f0f0f;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0;
    text-align: center;
}

.maq-footer-bottom p {
    margin: 0 !important;
    font-size: 13px !important;
    color: #ffffff !important;
    font-weight: 600;
}
/* =========================================
   DISEÑO RESPONSIVO (MÓVILES Y TABLETS)
   ========================================= */
@media (max-width: 960px) {
    .maq-footer-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .maq-footer-menu-col {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .maq-footer-container {
        grid-template-columns: 1fr; 
        gap: 40px;
    }
    .maq-footer-menu-col {
        grid-column: span 1;
    }
    .maq-footer-col h4 {
        font-size: 20px !important;
    }
    .maq-footer-map iframe {
        height: 180px;
    }
}/* End custom CSS */
/* Start custom CSS *//* ==========================================================================
   ESTILOS MAESTROS GENERALES - SINGLE PRODUCT MAQ
   ========================================================================== */

/* Tipografía ruda para el título dinámico */
.product_title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
}

/* Caja de especificaciones (Fondo Gris) */
.maq-specs-box {
    color: #cccccc;
    font-size: 16px;
    line-height: 1.8;
}

/* Contenedor elegante para el formulario Fluent Forms */
.maq-form-container {
    background-color: #121212;
    border: 1px solid #222222;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
    max-width: 650px !important; /* Tope de ancho */
    margin: 0 auto !important;   /* Centrado */
}
.maq-form-container:hover {
    border-color: #ffaa00;
}

/* ==========================================================================
   SISTEMA DE PLACAS DE TRANSICIÓN (HTML/CSS)
   ========================================================================== */
.maq-transicion-placa { 
    width: 100%; 
    height: 50px; 
    display: flex; 
    align-items: flex-start; 
    margin-top: -1px; 
    position: relative; 
    z-index: 10; 
}
.maq-bloque-negro { width: 45%; height: 100%; background: #0f0f0f; border-bottom-right-radius: 40px; }
.maq-bloque-blanco { width: 45%; height: 100%; background: #ffffff; border-bottom-right-radius: 40px; }
.maq-bloque-gris { width: 45%; height: 100%; background: #1a1a1a; border-bottom-right-radius: 40px; }
.maq-bloque-amarillo { width: 15%; height: 35px; background: #ffaa00; border-bottom-right-radius: 25px; border-bottom-left-radius: 20px; margin-left: -20px; z-index: -1; }

@media (max-width: 900px) {
    .maq-bloque-negro, .maq-bloque-blanco, .maq-bloque-gris { width: 65%; }
}

/* ==========================================================================
   1. CONTROL DE ESCRITORIO (GALERÍA Y DESCRIPCIÓN CENTRADAS)
   ========================================================================== */

/* --- CONTENEDOR DE LA GALERÍA --- */
.wlpro-product-thumbnails.images {
    background-color: #0f0f0f !important;
    padding: 25px !important;
    border-radius: 16px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #222222 !important;
    
    /* Evita que se haga enorme en pantallas grandes */
    max-width: 800px !important; 
    width: 100% !important;
    margin: 0 auto !important; /* Centrado horizontal */
}

/* Imagen principal rectangular fija (3:2) */
.wl-thumbnails-image-area .woocommerce-product-gallery__image {
    margin-bottom: 20px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.wl-thumbnails-image-area .woolentor-learg-img img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2 !important; /* Corta a rectángulo perfecto */
    object-fit: cover !important; 
    object-position: center center !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.4) !important;
    transition: transform 0.5s ease !important;
    display: block !important;
    position: relative !important;
}

/* Slider de miniaturas inferior */
.woolentor-thumbnails {
    padding: 0 35px !important; 
    position: relative !important;
}
.woolentor-thumbnails .slick-slide img {
    width: calc(100% - 8px) !important;
    margin: 0 auto !important;
    aspect-ratio: 1 / 1 !important; /* Corta a cuadrado perfecto */
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 2px solid transparent !important;
    opacity: 0.5 !important;
    transition: all 0.3s ease !important;
}
.woolentor-thumbnails .slick-slide:hover img,
.woolentor-thumbnails .slick-current img {
    border-color: #ffaa00 !important;
    opacity: 1 !important;
    transform: translateY(-2px);
}

/* Flechas del slider estilo MAQ */
.woolentor-thumbnails .slick-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-color: #1a1a1a !important;
    border: 1px solid #ffaa00 !important;
    color: #ffaa00 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}
.woolentor-thumbnails .slick-arrow:hover { background-color: #ffaa00 !important; color: #0f0f0f !important; }
.woolentor-thumbnails .woolentor-slick-prev { left: 0 !important; }
.woolentor-thumbnails .woolentor-slick-next { right: 0 !important; }

/* --- CONTENEDOR DE LA DESCRIPCIÓN --- */
.elementor-widget-woocommerce-product-short-description {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Centrado vertical absoluto en escritorio */
    align-items: center !important;    /* Centrado horizontal */
}

.woocommerce-product-details__short-description {
    background-color: #1a1a1a !important; 
    padding: 40px !important; 
    border-radius: 12px !important;
    border-left: 6px solid #ffaa00 !important; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.3) !important;
    margin: 0 !important;
    
    /* Control de tamaño máximo en escritorio para que no se vea tosca */
    max-width: 580px !important;
    width: 100% !important;
    height: auto !important;
}

/* Tipografía ruda y grande */
.woocommerce-product-details__short-description p,
.woocommerce-product-details__short-description li {
    color: #ffffff !important; 
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 19px !important; 
    line-height: 1.7 !important;
    font-weight: 800 !important; 
    margin-bottom: 12px !important;
}
.woocommerce-product-details__short-description ul { list-style-type: none !important; padding-left: 0 !important; margin: 0 !important; }
.woocommerce-product-details__short-description ul li::before {
    content: "•"; color: #ffaa00; font-weight: 900 !important; font-size: 22px !important; display: inline-block; width: 1em; margin-left: -1em;
}

/* ==========================================================================
   2. TRABAJO RESPONSIVO (MÓVILES Y TABLETS)
   ========================================================================== */
@media (max-width: 1024px) {
    
    /* Rompemos el ancho fijo de escritorio para que use el del celular */
    .wlpro-product-thumbnails.images,
    .woocommerce-product-details__short-description {
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Forzamos espacio de separación vertical entre la galería y el texto */
    .wlpro-product-thumbnails.images {
        margin-bottom: 30px !important;
    }

    /* Desactivamos el centrado vertical de escritorio para que fluya hacia abajo en celular */
    .elementor-widget-woocommerce-product-short-description {
        height: auto !important;
        display: block !important;
    }

    /* Ajustamos paddings y letras en móvil para que no se saturen la pantalla */
    .woocommerce-product-details__short-description {
        padding: 25px !important;
    }
    
    .woocommerce-product-details__short-description p,
    .woocommerce-product-details__short-description li {
        font-size: 16px !important; 
        line-height: 1.6 !important;
    }

    /* Estilización fina de miniaturas y flechas en móvil */
    .woolentor-thumbnails {
        padding: 0 30px !important;
    }
    .woolentor-thumbnails .slick-slide img {
        width: calc(100% - 6px) !important;
    }
}/* End custom CSS */