@media (max-width: 1024px) {
    .bordesdarf .testimonial-arrows + br {
        display: none !important;
    }
    
    /* Si hay múltiples <br> seguidos, ocultarlos todos */
    .bordesdarf br {
        display: none !important;
    }
}

/* TABLET - 768px a 1024px */
@media (max-width: 1024px) and (min-width: 769px) {
    
    .bordesdarf .testi4 {
        padding: 30px 20px 40px 20px !important;
        margin: 0 !important;
    }
    
    /* Eliminar márgenes negativos problemáticos */
    .bordesdarf .testi4 div[style*="margin-top: -155px"],
    .bordesdarf .testi4 div[style*="margin-top: -175px"] {
        margin-top: 0 !important;
        display: none !important;
    }
    
    .bordesdarf .heading2 {
        text-align: center !important;
        margin-bottom: 30px !important;
    }
    
    .bordesdarf .testimonial4-slider-box {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
        padding: 0 0 30px 0 !important;
        margin-bottom: 0 !important;
    }
    
    .bordesdarf .testimonial-single-boxarea {
        padding: 20px !important;
        border-radius: 12px !important;
        height: auto !important;
        min-height: 280px !important;
    }
    
    .bordesdarf .testimonial-arrows {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    
    /* ESPACIADO PROFESIONAL PARA REEMPLAZAR TUS <br> */
    .bordesdarf .testi-main-area {
        padding-bottom: 40px !important;
    }
}

/* MÓVIL - 768px y menor */
@media (max-width: 768px) {
    
    .bordesdarf {
        padding: 0 !important;
        margin: 15px !important;
        background: #fff !important;
        border-radius: 20px !important;
        box-shadow: 0 3px 15px rgba(0,0,0,0.06) !important;
        overflow: hidden !important;
    }
    
    .bordesdarf .testi4 {
        padding: 20px 0 35px 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }
    
    /* Eliminar márgenes negativos problemáticos */
    .bordesdarf .testi4 div[style*="margin-top: -155px"],
    .bordesdarf .testi4 div[style*="margin-top: -175px"] {
        margin-top: 0 !important;
        display: none !important;
    }
    
    .bordesdarf .container {
        padding: 0 15px !important;
    }
    
    /* Encabezado optimizado */
    .bordesdarf .heading2 {
        text-align: center !important;
        padding: 25px 10px !important;
        margin-bottom: 20px !important;
    }
    
    .bordesdarf .heading2 h5 {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }
    
    .bordesdarf .heading2 h2 {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }
    
    .bordesdarf .space18 {
        height: 8px !important;
    }
    
    /* Slider optimizado para móvil */
    .bordesdarf .testimonial4-slider-box {
        display: block !important;
        padding: 0 10px !important;
        margin: 0 !important;
    }
    
    /* Testimonios compactos y atractivos */
    .bordesdarf .testimonial-single-boxarea {
        background: #f8f9fa !important;
        border-radius: 14px !important;
        padding: 18px 16px !important;
        margin: 0 10px 15px 10px !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
        border: 1px solid #e9ecef !important;
        transition: transform 0.2s ease !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .bordesdarf .testimonial-single-boxarea:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(0,0,0,0.12) !important;
    }
    
    /* REORGANIZACIÓN COMPLETA DEL TESTIMONIO */
    .bordesdarf .testimonial-single-boxarea {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* 1. NOMBRE - PRIMERO */
    .bordesdarf .man-text h5 {
        order: 1 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #2d3748 !important;
        margin: 0 0 5px 0 !important;
        text-align: center !important;
    }
    
    /* 2. OFICIO - SEGUNDO */
    .bordesdarf .man-text p {
        order: 2 !important;
        font-size: 14px !important;
        color: #718096 !important;
        margin: 0 0 12px 0 !important;
        font-weight: 500 !important;
        text-align: center !important;
    }
    
    /* 3. ESTRELLAS - TERCERO (DESPUÉS DEL OFICIO) */
    .bordesdarf .brand-img {
        order: 3 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 0 15px 0 !important;
    }
    
    /* 4. COMENTARIO - CUARTO */
    .bordesdarf .testimonial-single-boxarea > p {
        order: 4 !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
        color: #4a5568 !important;
        text-align: left !important;
        margin: 0 !important;
        font-style: italic !important;
    }
    
    /* LIMPIAR CONTENEDOR DE CLIENTE */
    .bordesdarf .man-text {
        display: contents !important;
    }
    
    /* OCULTAR ESPACIOS */
    .bordesdarf .space12,
    .bordesdarf .space24 {
        display: none !important;
    }
    
    /* ESTRELLAS PEQUEÑAS Y ELEGANTES */
    .bordesdarf .brand-img img {
        display: none !important;
    }
    
    .bordesdarf .brand-img ul {
        display: flex !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 2px !important;
    }
    
    .bordesdarf .brand-img ul li {
        font-size: 14px !important;
        color: #f59e0b !important;
    }
    
    .bordesdarf .brand-img ul li i {
        font-size: 14px !important;
    }
    
    /* Flechas de navegación optimizadas */
    .bordesdarf .testimonial-arrows {
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important;
        margin: 15px 0 0 0 !important;
        padding-bottom: 25px !important;
    }
    
    /* ESPACIADO PROFESIONAL PARA REEMPLAZAR <br> */
    .bordesdarf .testi-main-area {
        padding-bottom: 30px !important;
        margin-bottom: 0 !important;
    }
    
    .bordesdarf .testimonial4-slider-box {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .bordesdarf .testimonial-prev-arrow,
    .bordesdarf .testimonial-next-arrow {
        width: auto !important;
        height: auto !important;
    }
    
    .bordesdarf .testimonial-prev-arrow button,
    .bordesdarf .testimonial-next-arrow button {
        width: 45px !important;
        height: 45px !important;
        border-radius: 50% !important;
        background: #ed8438 !important;
        color: white !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 16px !important;
        box-shadow: 0 3px 10px rgba(237, 132, 56, 0.3) !important;
        transition: all 0.2s ease !important;
    }
    
    .bordesdarf .testimonial-prev-arrow button:hover,
    .bordesdarf .testimonial-next-arrow button:hover {
        background: #d97706 !important;
        transform: scale(1.05) !important;
        box-shadow: 0 4px 15px rgba(237, 132, 56, 0.4) !important;
    }
    
    /* Espaciado general optimizado */
    .bordesdarf .space-margin60 {
        margin: 0 !important;
    }
    
    .bordesdarf .testi-main-area {
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* MÓVILES MUY PEQUEÑOS - 480px y menor */
@media (max-width: 480px) {
    
    .bordesdarf {
        margin: 10px !important;
    }
    
    .bordesdarf .testi4 {
        padding: 15px 0 30px 0 !important;
    }
    
    .bordesdarf .container {
        padding: 0 10px !important;
    }
    
    /* ESPACIADO ADICIONAL PARA MÓVILES PEQUEÑOS */
    .bordesdarf .testi-main-area {
        padding-bottom: 25px !important;
    }
    
    .bordesdarf .heading2 {
        padding: 20px 8px !important;
    }
    
    .bordesdarf .heading2 h2 {
        font-size: 22px !important;
    }
    
    .bordesdarf .testimonial4-slider-box {
        padding: 0 5px !important;
    }
    
    .bordesdarf .testimonial-single-boxarea {
        padding: 16px 14px !important;
        margin: 0 5px 12px 5px !important;
    }
    
    .bordesdarf .man-text h5 {
        font-size: 16px !important;
    }
    
    .bordesdarf .man-text p {
        font-size: 13px !important;
    }
    
    .bordesdarf .testimonial-single-boxarea > p {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
    
    .bordesdarf .testimonial-prev-arrow button,
    .bordesdarf .testimonial-next-arrow button {
        width: 40px !important;
        height: 40px !important;
        font-size: 14px !important;
    }
}

/* ==========================================
MANTENER DESKTOP INTACTO PERO AJUSTAR ESPACIADO
========================================== */
@media (min-width: 1025px) {
    /* ELIMINAR ESPACIADO EXCESIVO EN DESKTOP */
    .bordesdarf .testi4 {
        /* Desktop se queda como está pero sin espaciado excesivo */
        padding-bottom: 20px !important;
    }
    
    .bordesdarf .testi-main-area {
        padding-bottom: 10px !important;
        margin-bottom: 0 !important;
    }
    
    .bordesdarf .testimonial4-slider-box {
        margin-bottom: 10px !important;
        padding-bottom: 0 !important;
    }
    
    .bordesdarf .testimonial-arrows {
        margin-top: 15px !important;
        margin-bottom: 10px !important;
        padding-bottom: 0 !important;
    }
    
    /* En desktop MANTENER los <br> pero reducir su impacto */
    .bordesdarf br {
        display: block !important;
        line-height: 0.3 !important; /* Reducir altura de cada <br> */
    }
    
    /* Eliminar márgenes negativos problemáticos en desktop también */
    .bordesdarf div[style*="margin-top: -175px"] {
        margin-top: -50px !important; /* Reducir de -175px a -50px */
    }
}

/* SOLO EN DESKTOP - REDUCIR ESPACIADO */
@media (min-width: 1025px) {
    .reduce-top-desktop {
        margin-top: -50px !important; /* Reduce arriba */
    }
    
    .reduce-bottom-desktop {
        margin-top: -95px !important; /* Reduce abajo */
    }
    
    
}

/* EN MÓVIL/TABLET - MANTENER ESPACIADO NORMAL */
@media (max-width: 1024px) {
    .reduce-top-desktop {
        margin-top: 0 !important; /* Sin reducción en móvil */
    }
    
    .reduce-bottom-desktop {
        margin-top: 0 !important; /* Sin reducción en móvil */
    }
}