/* ========== RESPONSIVE DESKTOP ========== */

@media (min-width: 992px) {
    /* Contenedor principal — ancho completo alineado con el hero */
    .container,
    .container.py-5 {
        max-width: 1280px !important;
        width: 100% !important;
        padding: 3rem 2rem !important;
    }

    /* Card principal con bordes redondeados y más grande */
    section.card.card-body {
        background: var(--card-background);
        border-radius: 30px !important;
        padding: 3rem 3rem !important;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
        border: 1px solid var(--border-color);
        margin-bottom: 2rem;
    }
    
    /* ===== TEXTOS MÁS GRANDES ===== */
    
    section.card h1.display-1 {
        font-size: 5rem !important;
        margin-bottom: 1.5rem !important;
        padding: 1rem 0;
    }
    
    section.card p.text-center {
        font-size: 1.6rem !important;
        line-height: 1.8;
        margin-bottom: 1.2rem !important;
    }
    
    section.card h3.display-1 {
        font-size: 3.8rem !important;
        margin-bottom: 2rem !important;
    }
    
    section.card .text-center .btn {
        font-size: 1.6rem !important;
        padding: 1.2rem 3rem !important;
        margin: 0.5rem !important;
    }
    
    .destacados-section h2.display-1 {
        font-size: 3.8rem !important;
        margin-bottom: 2rem !important;
    }
    
    .reseñas-section h2.display-1 {
        font-size: 3.8rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .reseñas-section p.text-center {
        font-size: 1.5rem !important;
    }
    
    .btn-instagram-reseñas {
        font-size: 1.4rem !important;
        padding: 1.2rem 3rem !important;
    }
    
    section.card .mb-5 {
        margin-bottom: 3rem !important;
        padding: 2rem 0;
    }
    
    .destacados-section,
    .reseñas-section {
        padding: 2rem 0;
    }
}

/* Para pantallas extra grandes */
@media (min-width: 1400px) {
    .container,
    .container.py-5 {
        max-width: 1400px !important;
        width: 100% !important;
    }
    
    section.card.card-body {
        border-radius: 35px !important;
        padding: 4rem 4rem !important;
    }
    
    section.card h1.display-1 {
        font-size: 5.5rem !important;
    }
    
    section.card p.text-center {
        font-size: 1.8rem !important;
    }
    
    section.card h3.display-1,
    .destacados-section h2.display-1,
    .reseñas-section h2.display-1 {
        font-size: 4.2rem !important;
    }
    
    section.card .text-center .btn {
        font-size: 1.8rem !important;
        padding: 1.4rem 3.5rem !important;
    }
    
    .btn-instagram-reseñas {
        font-size: 1.6rem !important;
        padding: 1.4rem 3.5rem !important;
    }
}