/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 28 oct 2025, 11:17:26
    Author     : USUARIO
*/
@media only screen and (min-device-width : 300px) and (max-device-width : 480px) {
    #header {
        line-height: 25px !important;
    }
    .header-extras {
        margin-top: 30px !important;
    }
    #header #mainMenu-trigger {
        display: none !important;
    }
    .menu li:not(:last-child)::after {
        top: 5% !important;
    }
    #img-persona{
        width: 130% !important;
        left: -15% !important;
        max-width: 130% !important;
    }
    #img-header{
        display: block !important;
    }
    #page-title{
        display: none !important;
    }
    .paso-right{
        margin-left: 20px !important;
    }
    .second-column{
        margin-top: 60px !important;
    }
    #footer {
        text-align: center !important;
    }
    .widget-footer {
        left: 50% !important;
    }
    .btn-condiciones{
        width: 90% !important;
    }
    .paso-left{
        margin: 20px 10px 0px 10px !important;
    }
    .menu li:not(:last-child)::after {
        top: 0% !important;
    }
    .header-extras {
        height: 120px;
    }
    .terminos {
        display: block !important;
        left: -50% !important;
        top: 60px !important;
    }
    .extras-movil{
        margin-top: 0px !important;
    }
    .boton-shoppibox {
        font-size: 22px !important;
    }
    #page-banner-alianza{
        display: block !important;
    }
}

/* Mobile First - Estilos base */
#img-header,
#page-banner-alianza {
    display: none;
}

/* Tablets y Laptops (768px - 1279px) */
@media (min-width: 768px) and (max-width: 1279px) {
    .text-slider {
        left: 0 !important;
    }
    
    .header-inner .container {
        max-width: 90% !important;
    }
}

/* Desktop (1280px - 1535px) */
@media (min-width: 1280px) and (max-width: 1535px) {
    .header-inner .container {
        max-width: 1200px !important;
        margin: 0 auto;
    }
    .text-slider {
        left: 0 !important;
    }
    
}

/* Pantallas Extra Grandes (1536px+) */
@media (min-width: 1536px) {
    .header-inner .container {
        max-width: 1400px !important;
        margin: 0 auto;
    }
}