/* CSS RESPONSIVE FIXES FOR TÉBAR & MARTÍNEZ */
/* Generated: $(date) */

/* 1. BASE RESPONSIVE RULES */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* 2. RESPONSIVE IMAGES */
img {
    max-width: 100% !important;
    height: auto !important;
}

video, iframe, embed, object {
    max-width: 100% !important;
}

/* 3. MOBILE BREAKPOINT (max-width: 768px) */
@media (max-width: 768px) {
    /* Containers */
    body, .container, .wrapper, section, div[class*="container"], div[class*="wrapper"] {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Text */
    h1 { font-size: 28px !important; line-height: 1.3 !important; }
    h2 { font-size: 24px !important; line-height: 1.3 !important; }
    h3 { font-size: 20px !important; line-height: 1.3 !important; }
    p, li, span, a { font-size: 16px !important; line-height: 1.5 !important; }
    
    /* Spacing */
    .section, section, div[class*="section"] {
        padding: 20px 15px !important;
        margin: 15px 0 !important;
    }
    
    /* Tables */
    table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Hide desktop elements */
    .desktop-only, .hide-mobile {
        display: none !important;
    }
    
    /* Show mobile elements */
    .mobile-only, .show-mobile {
        display: block !important;
    }
    
    /* Navigation */
    nav ul {
        flex-direction: column !important;
    }
    
    nav li {
        margin: 5px 0 !important;
        width: 100% !important;
    }
    
    /* Forms */
    input, textarea, select {
        font-size: 16px !important; /* Prevents zoom on iOS */
        max-width: 100% !important;
    }
}

/* 4. TABLET BREAKPOINT (max-width: 1024px) */
@media (max-width: 1024px) {
    .container {
        max-width: 100% !important;
        padding: 0 20px !important;
    }
}

/* 5. UTILITY CLASSES */
.mobile-fix {
    max-width: 100% !important;
    overflow: hidden !important;
}

.no-scroll-mobile {
    overflow: hidden !important;
}

.text-center-mobile {
    text-align: center !important;
}

/* 6. FIX FOR IOS SAFARI */
@supports (-webkit-touch-callout: none) {
    /* iOS specific fixes */
    body {
        -webkit-text-size-adjust: 100%;
    }
}