/*--------------------------------------------------------------------- 
File Name: tablet.css 
---------------------------------------------------------------------*/

/* Tablet portrait (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    /* Ajustes generales */
    body {
        font-size: 15px;
    }
    
    /* Header y navegación */
    .header {
        padding: 20px 15px;
    }
    
    .logo img {
        width: 120px;
    }
    
    .navigation.navbar-dark .navbar-nav .nav-link {
        padding: 0 10px;
        font-size: 14px;
    }
    
    /* Banner principal */
    .banner_main {
        padding: 50px 0 120px 0;
    }
    
    .text-bg {
        padding-right: 40px;
    }
    
    .text-bg h1 {
        font-size: 36px;
        line-height: 48px;
    }
    
    /* Sección de negocios */
    .business .business_box p {
        padding: 20px 0;
    }
    
    /* Formulario de contacto */
    .main_form {
        margin: 0 30px;
        padding: 30px;
    }
    
    /* Testimonios */
    .testimonial_Carousel .test_box p {
        font-size: 15px;
        padding: 20px;
    }
    
    /* Footer */
    .cont p {
        padding: 0 50px;
    }
    
    /* Ajustes específicos para elementos que se desconfiguran */
    .projects::after,
    .copyright::after {
        background: transparent;
    }
    
    /* Sección de precios/servicios */
    .card-precio {
        padding: 20px;
    }
    
    .plan-titulo {
        font-size: 20px;
    }
    
    .precio {
        font-size: 22px;
    }
}

/* Tablet landscape (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .text-bg {
        padding-right: 60px;
    }
    
    .text-bg h1 {
        font-size: 42px;
        line-height: 56px;
    }
    
    .business .business_box p {
        padding: 25px 0;
    }
    
    /* Mantén otros ajustes necesarios para landscape */
}