.elementor-24867 .elementor-element.elementor-element-562137e{--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;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24867 .elementor-element.elementor-element-43fbe3c .elementor-repeater-item-0274c0b .swiper-slide-bg{background-color:#E3DCE7;background-image:url(https://detodo24.com/wp-content/uploads/2026/03/1773940188-fashionevent_build1100x400_hp_banner_lifestyle.png);background-size:cover;}.elementor-24867 .elementor-element.elementor-element-43fbe3c .elementor-repeater-item-e0bd9ff .swiper-slide-bg{background-color:#E3DCE7;background-image:url(https://detodo24.com/wp-content/uploads/2026/03/1767478677-drops_hero_01025.png);background-size:cover;}.elementor-24867 .elementor-element.elementor-element-43fbe3c .elementor-repeater-item-a67019c .swiper-slide-bg{background-color:#E3DCE7;background-image:url(https://detodo24.com/wp-content/uploads/2026/03/1741948008-untitled-121100x400_hp_banner_lifestyle.png);background-size:cover;}.elementor-24867 .elementor-element.elementor-element-43fbe3c .swiper-slide{transition-duration:calc(5000ms*1.2);height:572px;}.elementor-24867 .elementor-element.elementor-element-43fbe3c .swiper-slide-contents{max-width:66%;}.elementor-24867 .elementor-element.elementor-element-43fbe3c .swiper-slide-inner{text-align:center;}.elementor-24867 .elementor-element.elementor-element-0b0b8d0 .motta-product-carousel--elementor .motta-swiper-button{width:44px;}.elementor-24867 .elementor-element.elementor-element-f7d9e30 .motta-heading{font-weight:700;}.elementor-24867 .elementor-element.elementor-element-bac4baf .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:0px;--swiper-pagination-bullet-vertical-gap:0px;width:11px;height:11px;}.elementor-24867 .elementor-element.elementor-element-ae72578 .motta-product-carousel--elementor .motta-swiper-button{width:44px;}.elementor-24867 .elementor-element.elementor-element-a5dac8e .motta-product-carousel--elementor .motta-swiper-button{width:44px;}.elementor-24867 .elementor-element.elementor-element-45ce42c{--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;}.elementor-24867 .elementor-element.elementor-element-643cd46 .elementor-repeater-item-0274c0b .swiper-slide-bg{background-color:#E3DCE7;}.elementor-24867 .elementor-element.elementor-element-643cd46 .elementor-repeater-item-e0bd9ff .swiper-slide-bg{background-color:#E3DCE7;}.elementor-24867 .elementor-element.elementor-element-643cd46 .elementor-repeater-item-a67019c .swiper-slide-bg{background-color:#E3DCE7;}.elementor-24867 .elementor-element.elementor-element-643cd46 .swiper-slide{transition-duration:calc(5000ms*1.2);height:572px;}.elementor-24867 .elementor-element.elementor-element-643cd46 .swiper-slide-contents{max-width:66%;}.elementor-24867 .elementor-element.elementor-element-643cd46 .swiper-slide-inner{text-align:center;}.elementor-24867 .elementor-element.elementor-element-e4a208b .motta-product-carousel--elementor .motta-swiper-button{width:44px;}.elementor-24867 .elementor-element.elementor-element-8a79ca2 .motta-heading{font-weight:700;}.elementor-24867 .elementor-element.elementor-element-ddad9a0 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:0px;--swiper-pagination-bullet-vertical-gap:0px;width:11px;height:11px;}.elementor-24867 .elementor-element.elementor-element-f988957 .motta-product-carousel--elementor .motta-swiper-button{width:44px;}.elementor-24867 .elementor-element.elementor-element-012cb20 .motta-product-carousel--elementor .motta-swiper-button{width:44px;}.elementor-24867 .elementor-element.elementor-element-331a694{--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;}.elementor-24867 .elementor-element.elementor-element-e088cbe .elementor-repeater-item-27e587f .swiper-slide-bg{background-color:#FFE5F8;}.elementor-24867 .elementor-element.elementor-element-e088cbe .elementor-repeater-item-ed8f6a6 .swiper-slide-bg{background-color:#FFE5F8;}.elementor-24867 .elementor-element.elementor-element-e088cbe .elementor-repeater-item-d1f2c66 .swiper-slide-bg{background-color:#FFE5F8;}.elementor-24867 .elementor-element.elementor-element-e088cbe .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-24867 .elementor-element.elementor-element-e088cbe .swiper-slide-contents{max-width:66%;}.elementor-24867 .elementor-element.elementor-element-e088cbe .swiper-slide-inner{text-align:center;}.elementor-24867 .elementor-element.elementor-element-e088cbe .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:0px;}.elementor-24867 .elementor-element.elementor-element-1b4fffc .motta-product-carousel--elementor .motta-swiper-button{width:44px;}.elementor-24867 .elementor-element.elementor-element-3327158 .motta-heading{font-weight:700;}.elementor-24867 .elementor-element.elementor-element-3f606a4 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:0px;--swiper-pagination-bullet-vertical-gap:0px;width:11px;height:11px;}.elementor-24867 .elementor-element.elementor-element-528393e .motta-product-carousel--elementor .motta-swiper-button{width:44px;}.elementor-24867 .elementor-element.elementor-element-576dd53 .motta-product-carousel--elementor .motta-swiper-button{width:44px;}@media(max-width:1024px){.elementor-24867 .elementor-element.elementor-element-643cd46 .swiper-slide-contents{max-width:70%;}}@media(max-width:767px){.elementor-24867 .elementor-element.elementor-element-30caee0.elementor-element{--align-self:center;}.elementor-24867 .elementor-element.elementor-element-e088cbe .swiper-slide{height:537px;}.elementor-24867 .elementor-element.elementor-element-e088cbe .swiper-slide-contents{max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-45d05fd */.dt-rewards-banner-v2 {
    width: 100%;
    text-align: center;
    padding: 10px 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* FONDO AÑADIDO */
    background-color: #EBEBEB !important; 
    
    /* OPCIONAL: Si quieres que tenga esquinas redondeadas como el banner de abajo */
    /* border-radius: 8px; */
}

.dt-rewards-text-v2 {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.dt-rewards-link-v2 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 13px !important; 
    font-weight: 500 !important; 
    color: #000000 !important; 
    text-decoration: underline; 
    text-decoration-thickness: 1px;
    text-underline-offset: 3px; 
    
    display: flex;
    align-items: center;
    gap: 6px; 
    transition: all 0.3s ease;
}

.dt-rewards-link-v2:hover {
    color: #F26419 !important; /* El texto también cambia a naranja en hover */
    text-decoration-color: #F26419; 
}

/* La flechita lateral */
.dt-arrow-v2 {
    display: inline-block;
    width: 6px; 
    height: 6px;
    border-top: 1.5px solid #000; /* Un poquito más gruesa para que se vea */
    border-right: 1.5px solid #000;
    transform: rotate(45deg);
    margin-left: 2px;
    flex-shrink: 0; 
}

/* Cambio de color de flecha en hover */
.dt-rewards-link-v2:hover .dt-arrow-v2 {
    border-color: #F26419 !important;
}

@media (max-width: 767px) {
    .dt-rewards-link-v2 {
        font-size: 12px !important; 
        justify-content: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbec315 *//* 1. CONTENEDOR MAESTRO - FUERZA EL 100% DEL ANCHO */
    .dt-desktop-header-container {
        width: 100% !important;
        display: block !important;
        margin: 30px 0 20px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    /* 2. LA FILA FLEX - SEPARA LOS EXTREMOS */
    .dt-header-row {
        display: flex !important;
        justify-content: space-between !important; /* ESTO EMPUJA EL LINK AL FINAL DERECHO */
        align-items: center !important;
        width: 100% !important;
        border-bottom: 2px solid #F0F0F0 !important; /* Línea base elegante */
        padding-bottom: 12px !important;
    }

    /* 3. CAJA DEL TÍTULO */
    .dt-title-box {
        flex: 1 !important;
    }

    .dt-desktop-title {
        font-family: 'Inter', sans-serif !important;
        color: #000000 !important;
        text-transform: none !important; /* Mantiene minúsculas */
        font-size: 18px !important; /* Tamaño premium para escritorio */
        font-weight: 700 !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    /* 4. CAJA DEL LINK - ALINEADA A LA DERECHA */
    .dt-link-box {
        flex: 0 0 auto !important;
        text-align: right !important;
    }

    .dt-desktop-link {
        font-family: 'Inter', sans-serif !important;
        color: #F26419 !important; /* Naranja Detodo24 */
        text-decoration: none !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        transition: 0.3s ease !important;
        white-space: nowrap !important;
    }

    .dt-desktop-link i {
        font-size: 11px !important;
    }

    .dt-desktop-link:hover {
        color: #00063D !important;
        transform: translateX(5px) !important;
    }/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-bac4baf *//* 1. SUBIR LOS DOTS AL ÁREA VISIBLE */
/* Esto evita que se cree ese espacio gris vacío debajo del carrusel */
.elementor-24867 .elementor-element.elementor-element-bac4baf .elementor-swiper,
.elementor-24867 .elementor-element.elementor-element-bac4baf .elementor-image-carousel-wrapper {
    position: relative !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.elementor-24867 .elementor-element.elementor-element-bac4baf .swiper-pagination {
    position: absolute !important;
    bottom: 10px !important; /* Ajustado para que no tape las marcas */
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
    width: auto !important;
    line-height: 1 !important;
}

/* 2. ESTILO DE DOTS DETODO24 (Blanco y Naranja) */
.elementor-24867 .elementor-element.elementor-element-bac4baf .swiper-pagination-bullet {
    background: #00063D !important; /* Azul para que se vea en fondos claros */
    opacity: 0.2 !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
    border-radius: 50% !important;
    border: none !important;
}

.elementor-24867 .elementor-element.elementor-element-bac4baf .swiper-pagination-bullet-active {
    background: #F26419 !important; /* Tu Naranja vibrante */
    opacity: 1 !important;
    width: 22px !important; /* Efecto píldora editorial */
    border-radius: 10px !important;
}

/* 3. FIX MÓVIL PARA CARACAS (Evita el desborde horizontal) */
@media (max-width: 767px) {
    .elementor-24867 .elementor-element.elementor-element-bac4baf .swiper-pagination {
        bottom: 5px !important;
    }
    .elementor-24867 .elementor-element.elementor-element-bac4baf .swiper-pagination-bullet {
        width: 6px !important;
        height: 6px !important;
    }
    .elementor-24867 .elementor-element.elementor-element-bac4baf .swiper-pagination-bullet-active {
        width: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7df5c23 *//* 1. VARIABLES Y RESET LOCAL */
    .dt-micro-slider {
        --dt-orange: #F26419;
        --dt-blue: #00063D;
        --dt-gray: #EBEBEB;
        
        width: 100% !important;
        border-radius: 12px;
        overflow: hidden;
        font-family: 'Inter', sans-serif !important;
        margin: 15px 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-sizing: border-box;
    }

    .dt-micro-slide {
        padding: 15px 25px;
        min-height: 85px;
        display: flex !important;
        align-items: center;
        transition: all 0.3s ease;
        box-sizing: border-box;
        width: 100%;
    }

    /* FONDOS */
    .dt-bg-light { background-color: var(--dt-gray) !important; }
    .dt-bg-primary { background-color: var(--dt-orange) !important; }

    .dt-micro-content {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        gap: 20px;
    }

    .dt-micro-info {
        display: flex !important;
        align-items: center;
        gap: 15px;
        text-align: left;
    }

    /* COLORES DE TEXTO */
    .dt-bg-light .dt-text-block { color: var(--dt-blue) !important; }
    .dt-bg-primary .dt-text-block { color: #FFFFFF !important; }
    
    .dt-micro-info h4 { 
        margin: 0 0 2px 0 !important; 
        font-size: 15px !important; 
        font-weight: 800 !important; 
        text-transform: uppercase !important;
        line-height: 1.2 !important;
    }
    
    .dt-micro-info span { 
        margin: 0 !important; 
        font-size: 12px !important; 
        opacity: 0.9; 
        display: block !important;
    }

    /* BOTONES ESTILO PILL */
    .dt-btn-secondary {
        background-color: var(--dt-blue) !important;
        color: #FFFFFF !important;
        padding: 12px 24px !important;
        border-radius: 50px !important;
        text-decoration: none !important;
        font-weight: 800 !important;
        font-size: 11px !important;
        white-space: nowrap;
        transition: 0.3s ease !important;
        display: inline-block !important;
        text-align: center;
    }

    .dt-btn-secondary:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0, 6, 61, 0.2);
    }

    .dt-icon-circle {
        background: rgba(0, 6, 61, 0.08);
        width: 46px;
        height: 46px;
        border-radius: 50% !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        color: var(--dt-blue);
        flex-shrink: 0;
        font-size: 18px;
    }

    /* 2. AJUSTE TABLETA (768px a 1024px) */
    @media (max-width: 1024px) and (min-width: 768px) {
        .dt-micro-slide { padding: 15px 20px; }
        .dt-micro-info h4 { font-size: 14px !important; }
        .dt-btn-secondary { padding: 10px 18px !important; }
    }

    /* 3. AJUSTE MÓVIL (Bajo 767px) */
    @media (max-width: 767px) {
        .dt-micro-content {
            flex-direction: column !important;
            text-align: center !important;
            gap: 15px !important;
        }
        .dt-micro-info { 
            flex-direction: column !important; 
            gap: 10px !important;
            text-align: center !important;
        }
        .dt-micro-slide { padding: 25px 15px !important; }
        .dt-icon-circle { width: 50px; height: 50px; font-size: 20px; }
        .dt-btn-secondary { 
            width: 100% !important; 
            box-sizing: border-box !important;
            font-size: 12px !important;
            padding: 14px !important;
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b111e5 *//* 1. CONTENEDOR PRINCIPAL - BLINDADO */
    .dt24-banner {
        display: flex !important;
        width: 100% !important;
        background-color: #EBEBEB !important; 
        border: 1px solid #D1D1D1 !important;
        min-height: 140px; 
        overflow: hidden;
        font-family: 'Inter', sans-serif !important;
        position: relative;
        border-radius: 12px; /* Aumentado para consistencia con los micro-sliders */
        margin: 20px 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 2. LADO IZQUIERDO: CONTENIDO */
    .dt24-content {
        flex: 1.5;
        padding: 25px 40px;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        z-index: 2;
    }

    .dt24-logo { 
        height: auto !important;
        max-height: 45px !important; /* Ajuste fino de tamaño */
        width: auto !important;
        margin-bottom: 15px !important;
        display: block !important;
    }

    .dt24-text-area p {
        margin: 0 !important;
        font-size: 16px !important;
        color: #00063D !important; /* Azul Detodo24 */
        font-weight: 500 !important;
        line-height: 1.5 !important;
    }

    .dt24-link {
        color: #F26419 !important; /* Naranja Detodo24 */
        text-decoration: none !important; /* Estilo editorial limpio */
        border-bottom: 2px solid #F26419;
        font-weight: 800 !important;
        margin-left: 5px;
        transition: 0.3s ease;
        display: inline-block;
    }

    .dt24-link:hover {
        color: #00063D !important;
        border-color: #00063D;
        transform: translateY(-1px);
    }

    /* 3. LADO DERECHO: FOTO CON CORTE DIAGONAL */
    .dt24-image-box {
        flex: 1;
        height: 100%;
        min-height: 140px;
        background-color: ; /* Fondo azul de seguridad corregido */
        position: relative;
    }

    .dt24-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; 
        object-position: center !important;
        /* El corte elegante diagonal */
        clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
        display: block !important;
    }

    /* Evitar que Elementor añada bordes o sombras extra a la imagen */
    .dt24-img, .dt24-logo {
        box-shadow: none !important;
        border: none !important;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e80b62a */.dt-rewards-tablet-container {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 12px 20px;
        box-sizing: border-box;
        
        /* FONDO AÑADIDO */
        background-color: #EBEBEB !important;

    .dt-rewards-link-tablet {
        font-family: 'Inter', sans-serif !important;
        /* ESTILO SOLICITADO */
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #000000 !important;
        

        text-decoration-thickness: 1px !important;
        text-underline-offset: 4px !important;
        
        display: flex;
        align-items: center;
        gap: 8px;
        transition: 0.3s ease;
    }

    .dt-rewards-link-tablet:hover {
        opacity: 0.7;
        text-decoration-color: #F26419 !important;
    }

    /* Flecha estilizada para tableta */
    .dt-arrow-tablet {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-top: 1.2px solid #000;
        border-right: 1.2px solid #000;
        transform: rotate(45deg);
        flex-shrink: 0;
    }

    /* Media query específica para tabletas */
    @media (min-width: 768px) and (max-width: 1024px) {
        .dt-rewards-tablet-container {
            padding: 15px 30px;
        }
        
        .dt-rewards-link-tablet {
            font-size: 14px !important; /* Un punto más grande que en móvil para legibilidad */
            letter-spacing: 0.2px;
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e1c6c6 *//* 1. CONTENEDOR - FUERZA EL 100% PARA QUE EL LINK SE ALEJE */
    .dt-tablet-header-container {
        width: 100% !important;
        display: block !important;
        margin: 20px 0 !important;
        box-sizing: border-box !important;
    }

    /* 2. FILA FLEX - DISTRIBUCIÓN EXTREMA */
    .dt-header-row-tablet {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important; /* EMPUJA EL LINK A LA DERECHA */
        align-items: center !important;
        width: 100% !important;
        border-bottom: 1px solid #EBEBEB !important;
        padding-bottom: 12px !important;
    }

    /* 3. TÍTULO EN NEGRO Y MINÚSCULAS */
    .dt-tablet-title {
        font-family: 'Inter', sans-serif !important;
        color: #000000 !important;
        text-transform: none !important; /* IMPORTANTE: Mantiene minúsculas */
        font-size: 22px !important; /* Tamaño medio para tableta */
        font-weight: 800 !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    /* 4. LINK NARANJA A LA DERECHA */
    .dt-tablet-link {
        font-family: 'Inter', sans-serif !important;
        color: #F26419 !important;
        text-decoration: none !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        white-space: nowrap !important;
        margin-left: auto !important; /* Refuerzo de alineación derecha */
    }

    .dt-tablet-link i {
        font-size: 10px !important;
    }

    /* AJUSTE PARA TABLETAS PEQUEÑAS (VERTICAL) */
    @media (max-width: 850px) {
        .dt-tablet-title {
            font-size: 19px !important;
        }
        .dt-tablet-link {
            font-size: 13px !important;
        }
    }/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-ddad9a0 *//* 1. SUBIR LOS DOTS AL ÁREA VISIBLE */
/* Esto evita que se cree ese espacio gris vacío debajo del carrusel */
.elementor-24867 .elementor-element.elementor-element-ddad9a0 .elementor-swiper,
.elementor-24867 .elementor-element.elementor-element-ddad9a0 .elementor-image-carousel-wrapper {
    position: relative !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.elementor-24867 .elementor-element.elementor-element-ddad9a0 .swiper-pagination {
    position: absolute !important;
    bottom: 10px !important; /* Ajustado para que no tape las marcas */
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
    width: auto !important;
    line-height: 1 !important;
}

/* 2. ESTILO DE DOTS DETODO24 (Blanco y Naranja) */
.elementor-24867 .elementor-element.elementor-element-ddad9a0 .swiper-pagination-bullet {
    background: #00063D !important; /* Azul para que se vea en fondos claros */
    opacity: 0.2 !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
    border-radius: 50% !important;
    border: none !important;
}

.elementor-24867 .elementor-element.elementor-element-ddad9a0 .swiper-pagination-bullet-active {
    background: #F26419 !important; /* Tu Naranja vibrante */
    opacity: 1 !important;
    width: 22px !important; /* Efecto píldora editorial */
    border-radius: 10px !important;
}

/* 3. FIX MÓVIL PARA CARACAS (Evita el desborde horizontal) */
@media (max-width: 767px) {
    .elementor-24867 .elementor-element.elementor-element-ddad9a0 .swiper-pagination {
        bottom: 5px !important;
    }
    .elementor-24867 .elementor-element.elementor-element-ddad9a0 .swiper-pagination-bullet {
        width: 6px !important;
        height: 6px !important;
    }
    .elementor-24867 .elementor-element.elementor-element-ddad9a0 .swiper-pagination-bullet-active {
        width: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c261b82 *//* 1. AJUSTES ESPECÍFICOS PARA TABLETA (768px - 1024px) */
    @media (max-width: 1024px) and (min-width: 768px) {
        .dt-micro-slider {
            margin: 12px 0 !important;
            border-radius: 10px !important;
        }

        .dt-micro-slide {
            padding: 15px 20px !important; /* Reducimos padding lateral */
            min-height: 90px !important;
        }

        .dt-micro-content {
            gap: 15px !important; /* Reducimos espacio entre texto y botón */
        }

        .dt-micro-info {
            gap: 12px !important;
        }

        .dt-icon-circle {
            width: 40px !important; /* Icono ligeramente más pequeño */
            height: 40px !important;
            font-size: 16px !important;
        }

        .dt-micro-info h4 {
            font-size: 14px !important; /* Bajamos un punto la fuente */
            max-width: 280px; /* Evitamos que el texto empuje al botón */
        }

        .dt-micro-info span {
            font-size: 11px !important;
        }

        .dt-btn-secondary {
            padding: 12px 20px !important;
            font-size: 10px !important; /* Botón más compacto pero legible */
            letter-spacing: 0.5px;
        }
    }

    /* REFUERZO DE VISIBILIDAD PARA ELEMENTOR */
    .dt-micro-slider {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        box-sizing: border-box;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-772e503 *//* AJUSTE ESPECÍFICO PARA TABLETA (768px - 1024px) */
    @media (max-width: 1024px) and (min-width: 768px) {
        .dt24-banner {
            min-height: 160px !important; /* Un poco más alto para evitar que el texto se apriete */
            margin: 15px 0 !important;
            border-radius: 10px !important;
        }

        .dt24-content {
            flex: 1.2 !important; /* Ajustamos proporciones para dar más espacio a la foto */
            padding: 20px 30px !important;
        }

        .dt24-logo {
            max-height: 38px !important; /* Logo más discreto en tablet */
            margin-bottom: 12px !important;
        }

        .dt24-text-area p {
            font-size: 15px !important; /* Reducción sutil para legibilidad */
            line-height: 1.4 !important;
        }

        .dt24-link {
            font-size: 14px !important;
            margin-top: 8px;
            display: inline-block; /* Mejor para el toque dactilar */
        }

        .dt24-image-box {
            flex: 1 !important;
        }

        .dt24-img {
            /* Suavizamos el corte diagonal para ganar visibilidad en la imagen */
            clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
        }
    }

    /* REFUERZO DE SEGURIDAD PARA ELEMENTOR */
    .dt24-banner {
        display: flex !important;
        overflow: hidden !important;
        width: 100% !important;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30caee0 *//* Contenedor Principal */
.dt-rewards-mobile-container {
    width: 100% !important;
    display: block !important; /* Cambiado a block para mejor compatibilidad en Apps */
    text-align: center !important; /* Alineación clásica para WebViews */
    padding: 12px 15px !important;
    box-sizing: border-box !important;
    background-color: #EBEBEB !important;
}

/* El Párrafo */
.dt-rewards-text-mobile {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* El Link */
.dt-rewards-link-mobile {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #000000 !important;
    text-decoration: none !important;
    
    /* Usamos inline-flex para mantener la flecha pegada al texto */
    display: inline-flex !important; 
    vertical-align: middle !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.4 !important;
    gap: 6px !important;
}

/* La Flecha */
.dt-arrow-mobile {
    display: inline-block !important;
    width: 5px !important;
    height: 5px !important;
    border-top: 1.2px solid #000 !important;
    border-right: 1.2px solid #000 !important;
    transform: rotate(45deg) !important;
    flex-shrink: 0 !important;
    margin-left: 4px !important;
    margin-top: -1px !important; /* Ajuste fino para centrarla con el texto */
}

/* Ajuste para pantallas pequeñas */
@media (max-width: 360px) {
    .dt-rewards-link-mobile {
        font-size: 11px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a52b09d *//* FORZAR ANCHO TOTAL DESDE EL CSS */
    .dt-header-external {
        width: 100% !important;
        display: block !important;
        clear: both !important;
        border-bottom: 1px solid #EBEBEB !important;
        padding-bottom: 8px !important;
        margin-bottom: 20px !important;
    }

    .dt-header-flex {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important; /* EMPUJA AL FINAL */
        align-items: center !important;
        width: 100% !important;
    }

    .dt-title-clean {
        font-family: 'Inter', sans-serif !important;
        color: #000000 !important;
        text-transform: none !important;
        font-size: 20px !important;
        font-weight: 800 !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    .dt-link-end {
        font-family: 'Inter', sans-serif !important;
        color: #F26419 !important;
        text-decoration: none !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        white-space: nowrap !important;
        /* El truco final: margen izquierdo automático */
        margin-left: auto !important; 
    }

    /* MÓVIL */
    @media (max-width: 767px) {
        .dt-title-clean { font-size: 16px !important; }
        .dt-link-end { font-size: 11px !important; }
    }/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-3f606a4 *//* 1. SUBIR LOS DOTS AL ÁREA VISIBLE */
/* Esto evita que se cree ese espacio gris vacío debajo del carrusel */
.elementor-24867 .elementor-element.elementor-element-3f606a4 .elementor-swiper,
.elementor-24867 .elementor-element.elementor-element-3f606a4 .elementor-image-carousel-wrapper {
    position: relative !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.elementor-24867 .elementor-element.elementor-element-3f606a4 .swiper-pagination {
    position: absolute !important;
    bottom: 10px !important; /* Ajustado para que no tape las marcas */
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
    width: auto !important;
    line-height: 1 !important;
}

/* 2. ESTILO DE DOTS DETODO24 (Blanco y Naranja) */
.elementor-24867 .elementor-element.elementor-element-3f606a4 .swiper-pagination-bullet {
    background: #00063D !important; /* Azul para que se vea en fondos claros */
    opacity: 0.2 !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
    border-radius: 50% !important;
    border: none !important;
}

.elementor-24867 .elementor-element.elementor-element-3f606a4 .swiper-pagination-bullet-active {
    background: #F26419 !important; /* Tu Naranja vibrante */
    opacity: 1 !important;
    width: 22px !important; /* Efecto píldora editorial */
    border-radius: 10px !important;
}

/* 3. FIX MÓVIL PARA CARACAS (Evita el desborde horizontal) */
@media (max-width: 767px) {
    .elementor-24867 .elementor-element.elementor-element-3f606a4 .swiper-pagination {
        bottom: 5px !important;
    }
    .elementor-24867 .elementor-element.elementor-element-3f606a4 .swiper-pagination-bullet {
        width: 6px !important;
        height: 6px !important;
    }
    .elementor-24867 .elementor-element.elementor-element-3f606a4 .swiper-pagination-bullet-active {
        width: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd4a11e *//* AJUSTE ESPECÍFICO PARA MÓVIL (HASTA 767px) */
    @media (max-width: 767px) {
        .dt-micro-slider {
            margin: 10px 0 !important;
            border-radius: 8px !important; /* Radio un poco más sutil en pantallas pequeñas */
        }

        .dt-micro-slide {
            padding: 25px 20px !important; /* Más espacio vertical para el toque */
            flex-direction: column !important; /* Todo en columna */
            text-align: center !important;
            min-height: auto !important;
        }

        .dt-micro-content {
            flex-direction: column !important; /* Forzamos columna en el contenedor interno */
            gap: 20px !important; /* Espacio generoso entre texto y botón */
        }

        .dt-micro-info {
            flex-direction: column !important; /* Icono arriba, texto abajo */
            gap: 12px !important;
            text-align: center !important;
        }

        .dt-icon-circle {
            width: 52px !important; /* Icono más grande para impacto visual móvil */
            height: 52px !important;
            font-size: 22px !important;
            margin: 0 auto !important; /* Centrado absoluto */
            background: rgba(0, 6, 61, 0.05) !important;
        }

        .dt-micro-info h4 {
            font-size: 16px !important; /* Texto un poco más grande para legibilidad */
            line-height: 1.3 !important;
            max-width: 100% !important;
            padding: 0 10px !important;
        }

        .dt-micro-info span {
            font-size: 13px !important;
            margin-top: 5px !important;
            opacity: 0.8;
        }

        .dt-btn-secondary {
            width: 100% !important; /* Botón de ancho completo (Fácil de clickear) */
            padding: 15px !important; /* Altura cómoda para el dedo */
            font-size: 12px !important;
            letter-spacing: 1px !important;
            box-sizing: border-box !important;
            box-shadow: 0 4px 12px rgba(0, 6, 61, 0.15) !important;
            border-radius: 50px !important;
        }
    }

    /* REFUERZO GENERAL DE VISIBILIDAD */
    .dt-micro-slider {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ddbc949 *//* AJUSTE ESPECÍFICO PARA MÓVIL (HASTA 767px) */
    @media (max-width: 767px) {
        .dt24-banner {
            flex-direction: column !important; /* Diseño vertical */
            height: auto !important;
            min-height: auto !important;
            margin: 15px 0 !important;
            border-radius: 12px !important;
            background-color: #F8F9FA !important; /* Un gris más claro para móvil */
        }

        .dt24-content {
            flex: none !important;
            width: 100% !important;
            padding: 30px 20px !important;
            text-align: center !important;
            align-items: center !important;
            box-sizing: border-box !important;
        }

        .dt24-logo {
            max-height: 40px !important;
            margin: 0 auto 15px auto !important;
        }

        .dt24-text-area p {
            font-size: 15px !important;
            line-height: 1.5 !important;
            padding: 0 10px !important;
        }

        .dt24-link {
            display: block !important; /* Convertimos el link en algo parecido a un botón */
            margin: 15px auto 0 auto !important;
            padding: 10px 20px !important;
            background-color: #F26419 !important;
            color: #FFFFFF !important;
            text-decoration: none !important;
            border-radius: 50px !important;
            font-size: 12px !important;
            border: none !important;
            width: fit-content;
        }

        .dt24-image-box {
            flex: none !important;
            width: 100% !important;
            height: 180px !important; /* Altura fija para la foto en móvil */
            order: 2; /* La imagen va abajo */
        }

        .dt24-img {
            clip-path: none !important; /* Quitamos el corte diagonal */
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block !important;
        }
    }

    /* REFUERZO GENERAL */
    .dt24-banner {
        display: flex !important;
        overflow: hidden !important;
    }/* End custom CSS */