/* Shared responsive styles for all pages */

/* Global fix for horizontal overflow */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix for potential overflow elements */
.partner-logos, 
.social-links,
.overlay-menu,
.content-wrapper,
section,
.text-content,
.image-container,
h1, h2, p, .subtitle,
nav, footer {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Fix for images that might create overflow */
img {
    max-width: 100% !important;
    height: auto !important;
}

/* Fix for white-space nowrap that might cause overflow */
h1, h2 {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}

/* Desktop Hamburger Menu Styles */
@media (min-width: 1025px) {
    .overlay-menu {
        width: 25% !important;  /* Approximately one quarter of the screen */
        max-width: 450px !important;
    }
    
    /* Adjust the content inside the overlay menu for desktop */
    .overlay-content {
        padding: 2rem !important;
    }
    
    .overlay-nav-links a {
        font-size: 22px !important;
    }
    
    .overlay-newsletter {
        padding: 1.5rem !important;
    }
    
    /* Make sure the close button is properly positioned */
    .overlay-close {
        margin-bottom: 1.5rem !important;
    }
    
    /* Adjust social icons and images for desktop */
    .overlay-social-icons {
        margin-bottom: 2rem !important;
    }
    
    .overlay-images {
        margin-bottom: 2rem !important;
    }
}

/* Mobile styles - phones up to 768px */
@media (max-width: 768px) {
    /* Fix for horizontal white space */
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        position: relative !important;
    }
    
    /* Logo sizing - reduced by 10% */
    .logo-container {
        width: 72% !important;
        max-width: 288px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Typography for mobile - reduced by 10% */
    h2, h1 {
        font-size: 25px !important;
        text-align: center !important;
        margin-bottom: 0 !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
        letter-spacing: 1.2px !important;
        line-height: 1.2 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    p {
        font-size: 19px !important; 
        text-align: center !important;
        line-height: 1.5 !important;
        margin-bottom: 1.5rem !important;
        font-weight: 200 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .subtitle {
        font-size: 1.1rem !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        line-height: 1.2 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Force mobile layout for all panel sections */
    section:not(.hero) {
        height: auto !important;
        min-height: unset !important;
        padding: 0 !important;
    }

    /* All content wrappers get stacked vertically */
    .content-wrapper {
        flex-direction: column !important;
        height: auto !important;
    }
    
    /* Hide the Gastronomía Argentina image (index-panel-2) */
    .que-ofrecemos-duplicated .image-container {
        display: none !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Show image before "productos argentinos" panel text */
    .que-ofrecemos .content-wrapper {
        flex-direction: column !important;
        height: auto !important;
    }
    
    /* Only show the image on the vinos-argentinos page, not on index.html */
    .que-ofrecemos .image-container {
        display: none !important;
        width: 100% !important;
        height: 0 !important;
        order: -1 !important;
    }
    
    /* Only apply these styles on the vinos-argentinos page */
    .nuestros-vinos-argentinos .que-ofrecemos .image-container {
        display: block !important;
        height: 50vh !important;
    }
    
    .nuestros-vinos-argentinos .que-ofrecemos .image-container img {
        content: url('imagenes/vinos_argentinos/index-panel-6.jpg') !important;
    }
    
    /* Show image before "nuestras bodegas" panel text */
    .nuestro-diferencial .content-wrapper {
        flex-direction: column !important;
        height: auto !important;
    }
    
    .nuestro-diferencial .image-container {
        display: block !important;
        width: 100% !important;
        height: 50vh !important;
        order: -1 !important;
    }
    
    .nuestro-diferencial .image-container img {
        content: url('imagenes/vinos_argentinos/index-panel-4.jpg') !important;
    }

    /* Text content settings */
    .text-content {
        width: 100% !important;
        padding: 2rem !important;
        margin: 0 !important;
        text-align: center !important;
        align-items: center !important;
    }

    /* Hero subtitle */
    .hero .subtitle {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Image container settings - default for mobile */
    .image-container:not(.que-ofrecemos .image-container):not(.nuestro-diferencial .image-container):not(.que-ofrecemos-duplicated .image-container) {
        width: 100% !important; 
        height: 60vh !important;
        position: relative !important;
        transform: none !important;
        overflow: hidden !important;
    }

    .image-container:not(.que-ofrecemos .image-container):not(.nuestro-diferencial .image-container):not(.que-ofrecemos-duplicated .image-container) img {
        position: static !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
    
    /* Typography for mobile - legal, cookies, politicas pages */
    .legal-content h1, 
    .cookies-content h1, 
    .privacy-content h1 {
        font-size: 25px !important;
        margin-bottom: 1rem !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
        letter-spacing: 1.2px !important;
        text-align: center !important;
        line-height: 1.2 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .legal-content h2, 
    .cookies-content h2, 
    .privacy-content h2 {
        font-size: 20px !important;
        margin: 1.5rem 0 0.8rem !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
        letter-spacing: 1px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .legal-content p, 
    .cookies-content p, 
    .privacy-content p,
    .legal-content li, 
    .cookies-content li, 
    .privacy-content li {
        font-size: 19px !important;
        line-height: 1.5 !important;
        margin-bottom: 1rem !important;
        font-weight: 200 !important;
    }

    /* Adjust heights for better visibility on mobile */
    .que-ofrecemos .image-container,
    .nuestro-diferencial .image-container {
        height: 60vh !important;
    }
    
    /* Ensure consistent object positioning */
    .que-ofrecemos .image-container img,
    .nuestro-diferencial .image-container img {
        object-position: center 30% !important;
    }
    
    /* Improve visibility for specific sections */
    .nuestros-vinos-argentinos .que-ofrecemos .image-container {
        height: 60vh !important;
    }

    /* Specific for quienes-somos section (Regiones Vinicolas) to use the panel-5-mobile image */
    .nuestros-vinos-argentinos .quienes-somos .image-container img {
        content: url('imagenes/vinos_argentinos/index-panel-5-mobile.jpg') !important;
    }
    
    /* Specific for variedades-vinos section to use the panel-3-mobile image */
    .nuestros-vinos-argentinos .variedades-vinos .image-container img {
        content: url('imagenes/vinos_argentinos/index-panel-3-mobile.jpg') !important;
    }

    /* Specific fix for NUESTRAS BODEGAS title in mobile */
    .nuestro-diferencial .image-container {
        height: 50vh !important;
        margin-bottom: 20px !important;
    }
    
    .nuestro-diferencial .text-content {
        padding-top: 80px !important;
        position: relative !important;
    }
    
    .nuestro-diferencial h2 {
        margin-top: 40px !important;
        position: relative !important;
        padding-top: 20px !important;
    }

    /* Partner logos styling for mobile - larger size and 3 per row */
    .partner-logos {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 15px !important;
    }
    
    .partner-logos img {
        width: calc(33.33% - 15px) !important; /* 3 per row */
        max-width: 100px !important;
        transform: scale(1.25) !important; /* 25% larger */
        margin: 5px !important;
    }

    /* Add additional padding for NUESTRAS BODEGAS in mobile */
    .nuestro-diferencial .text-content {
        /* Removing this duplicate rule as it's already covered above with higher value */
    }

    /* MOBILE SPECIFIC FIXES FOR CONTACT IMAGE */
    .contact .image-container {
        height: 60vh !important;
        position: relative !important;
        width: 100% !important;
        left: auto !important;
        top: auto !important;
    }
    
    .contact .image-container img {
        content: url('imagenes/vinos_argentinos/index-panel-5-mobile.jpg') !important;
        object-position: center 30% !important;
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
        position: static !important;
    }
}

/* Tablet styles - 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape),
       (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) {
    /* Fix for horizontal white space */
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Fix potential overflow from content containers */
    .content-wrapper, section, .text-content, .image-container {
        max-width: 100vw !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    
    /* Logo sizing for tablet - adjusted to 405px */
    .logo-container {
        width: 405px !important;
        max-width: 405px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Typography for tablet - using nuestros-vinos-argentinos.html sizes */
    h2 {
        font-size: 24px !important;
        text-align: center !important;
        margin-bottom: 0 !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
        letter-spacing: 1.2px !important;
        white-space: normal !important;
    }

    /* Set h1 styles to match h2 */
    h1 {
        font-size: 24px !important;
        text-align: center !important;
        margin-bottom: 0 !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
        letter-spacing: 1.2px !important;
    }

    p {
        font-size: 21px !important;
        text-align: center !important;
        line-height: 1.4 !important;
        margin-bottom: 1.5rem !important;
        max-width: 550px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-weight: 200 !important;
    }

    .subtitle {
        font-size: 1.25rem !important;
        font-weight: 400 !important;
        max-width: 600px !important;
        margin: 0 auto !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        line-height: 1.2 !important;
    }

    /* Force tablet layout for all panel sections */
    section:not(.hero) {
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    /* All content wrappers get stacked vertically */
    .content-wrapper {
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    /* Text content settings */
    .text-content {
        width: 100% !important;
        padding: 3rem 2rem !important;
        margin: 0 auto !important;
        text-align: center !important;
        align-items: center !important;
        max-width: 700px !important;
    }

    /* Image container settings */
    .image-container:not(.que-ofrecemos .image-container):not(.nuestro-diferencial .image-container):not(.que-ofrecemos-duplicated .image-container) {
        width: 100% !important; 
        height: 55vh !important;
        position: relative !important;
        transform: none !important;
    }

    .image-container:not(.que-ofrecemos .image-container):not(.nuestro-diferencial .image-container):not(.que-ofrecemos-duplicated .image-container) img {
        position: static !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* Special handling for Gastronomía Argentina - text only for tablet */
    .que-ofrecemos-duplicated .image-container {
        display: none !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
    }

    /* Variedades de vinos - text only for tablet by default */
    .variedades-vinos .image-container {
        display: none !important;
        height: 0 !important; 
        max-height: 0 !important;
        overflow: hidden !important;
    }

    /* Exception for nuestros-vinos-argentinos page - will be overridden by specific class rules */
    .nuestros-vinos-argentinos .variedades-vinos .image-container {
        /* These styles will be overridden by the specific media query rules */
    }

    /* Specific settings for Gastronomía Argentina */
    .que-ofrecemos-duplicated {
        background-color: #110b0e !important;
    }

    /* Specific settings for Variedades de Vinos */
    .variedades-vinos {
        background-color: #F1F2EC !important;
    }

    /* Contact form adjustments - using index.html sizes */
    .contact-form {
        width: 90% !important;
        max-width: 600px !important;
        margin: 2rem auto !important;
    }

    .contact-form input:not([type="checkbox"]),
    .contact-form textarea {
        font-size: 22.5px !important;
        padding: 0.75rem 0 !important;
    }

    .contact-details {
        align-items: center !important;
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .contact-details a {
        font-size: 27.5px !important;
        gap: 1.2rem !important;
    }

    .contact-details i {
        font-size: 27.5px !important;
    }

    .checkbox-group {
        font-size: 20px !important;
        margin-bottom: 1rem !important;
    }

    .contact-form button {
        font-size: 22.5px !important;
        padding: 1rem 3.5rem !important;
        max-width: 260px !important;
        margin-top: 1.5rem !important;
    }

    /* Footer layout for tablet */
    footer {
        flex-direction: row !important;
        padding: 1.5rem !important;
        gap: 1.5rem !important;
    }

    footer p {
        font-size: 18px !important;
    }
    
    /* Typography for tablet - legal, cookies, politicas pages */
    .legal-content h1, 
    .cookies-content h1, 
    .privacy-content h1 {
        font-size: 24px !important;
        margin-bottom: 1rem !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
        letter-spacing: 1.2px !important;
        text-align: center !important;
        line-height: 1.2 !important;
    }
    
    .legal-content h2, 
    .cookies-content h2, 
    .privacy-content h2 {
        font-size: 22px !important;
        margin: 2rem 0 1rem !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
        letter-spacing: 1px !important;
    }
    
    .legal-content p, 
    .cookies-content p, 
    .privacy-content p,
    .legal-content li, 
    .cookies-content li, 
    .privacy-content li {
        font-size: 21px !important;
        line-height: 1.4 !important;
        margin-bottom: 1rem !important;
        font-weight: 200 !important;
    }
    
    .legal-content .back-to-home, 
    .cookies-content .back-to-home, 
    .privacy-content .back-to-home {
        font-size: 22.5px !important;
        padding: 1rem 3.5rem !important;
        margin: 2.5rem 0 !important;
    }
    
    /* Fix container padding for legal pages */
    .container {
        padding: 2.5rem !important;
    }
    
    /* Fix logo size for legal pages */
    .container .logo-container {
        width: 405px !important;
        margin: 2.5rem auto !important;
    }

    /* Specific handling for productos argentinos and nuestras bodegas panels in tablet view */
    /* Hide image for "productos argentinos" panel by default on index.html */
    .que-ofrecemos .content-wrapper {
        flex-direction: column !important;
    }

    .que-ofrecemos .image-container {
        display: none !important;
        width: 100% !important;
        height: 0 !important;
        overflow: hidden !important;
        order: -1 !important;
    }

    /* Only show image on vinos-argentinos page */
    .nuestros-vinos-argentinos .que-ofrecemos .image-container {
        display: block !important;
        width: 100% !important;
        height: 55vh !important;
        max-height: unset !important;
        overflow: visible !important;
        order: -1 !important;
    }

    .nuestros-vinos-argentinos .que-ofrecemos .image-container img {
        content: url('imagenes/vinos_argentinos/index-panel-6.jpg') !important;
        position: static !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    /* Show image before "nuestras bodegas" panel text */
    .nuestro-diferencial .content-wrapper {
        flex-direction: column !important;
    }
    
    .nuestro-diferencial .image-container {
        display: block !important;
        width: 100% !important;
        height: 55vh !important;
        max-height: unset !important;
        overflow: visible !important;
        order: -1 !important;
    }
    
    .nuestro-diferencial .image-container img {
        content: url('imagenes/vinos_argentinos/index-panel-4.jpg') !important;
        position: static !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center 30% !important;
    }

    /* Ensure logo containers don't get cut off */
    .partner-logos {
        padding-bottom: 1rem !important;
        margin-bottom: 1rem !important;
    }

    /* Specific for quienes-somos section (Regiones Vinicolas) to use the panel-5-mobile image */
    .nuestros-vinos-argentinos .quienes-somos .image-container img {
        content: url('imagenes/vinos_argentinos/index-panel-5-mobile.jpg') !important;
    }
    
    /* Add for tablet view: show variedades-vinos image container and use panel-3-mobile */
    .nuestros-vinos-argentinos .variedades-vinos .image-container {
        display: block !important;
        width: 100% !important;
        height: 55vh !important;
        max-height: unset !important;
        overflow: visible !important;
        order: -1 !important;
    }
    
    .nuestros-vinos-argentinos .variedades-vinos .image-container img {
        content: url('imagenes/vinos_argentinos/index-panel-3-mobile.jpg') !important;
        position: static !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
} 

/* Fix for contact section images */
.contact .image-container {
    height: 60vh !important;
}

/* Use index-panel-5-mobile.jpg from vinos_argentinos folder for contact section in all pages */
.contact .image-container img {
    content: url('imagenes/vinos_argentinos/index-panel-5-mobile.jpg') !important;
    object-position: center 30% !important; /* Show more of the bottom part of the image */
}

/* Any specific overrides for nuestros-vinos-argentinos.html contact section if needed */
.nuestros-vinos-argentinos .contact .image-container img {
    content: url('imagenes/vinos_argentinos/index-panel-5-mobile.jpg') !important;
}

/* Desktop default image paths for variedades-vinos section */
.nuestros-vinos-argentinos .variedades-vinos .image-container img {
    content: url('imagenes/vinos_argentinos/index-panel-3-mobile.jpg') !important;
}

/* Ensure all section images maintain proper aspect ratios */
@media (max-width: 768px) {
    /* Adjust heights for better visibility on mobile */
    .que-ofrecemos .image-container,
    .nuestro-diferencial .image-container {
        height: 60vh !important;
    }
    
    /* Ensure consistent object positioning */
    .que-ofrecemos .image-container img,
    .nuestro-diferencial .image-container img {
        object-position: center 30% !important;
    }
    
    /* Improve visibility for specific sections */
    .nuestros-vinos-argentinos .que-ofrecemos .image-container {
        height: 60vh !important;
    }
}

@media (min-width: 768px) and (max-width: 1366px) {
    /* Ensure logo containers don't get cut off */
    .partner-logos {
        padding-bottom: 1rem !important;
        margin-bottom: 1rem !important;
    }
} 

/* Desktop styles - show Gastronomía Argentina image only on desktop */
@media (min-width: 1367px) {
    /* Global overflow fix for desktop */
    html, body, .nuestros-vinos-argentinos {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Section container - ensure no gaps or overflow */
    .nuestros-vinos-argentinos .que-ofrecemos-duplicated,
    .nuestros-vinos-argentinos .que-ofrecemos,
    .nuestros-vinos-argentinos .nuestro-diferencial,
    body:not(.nuestros-vinos-argentinos) .que-ofrecemos,
    body:not(.nuestros-vinos-argentinos) .nuestro-diferencial {
        background-color: #110b0e !important;
        height: 100vh !important;
        min-height: 100vh !important;
        overflow: hidden !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        border: none !important;
    }
    
    /* Quienes somos specific styles to maintain original color */
    body:not(.nuestros-vinos-argentinos) .quienes-somos {
        background-color: #F5F1ED !important;
        height: 100vh !important;
        min-height: 100vh !important;
        overflow: hidden !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        border: none !important;
    }
    
    /* Content wrapper - explicit row layout with consistent image positioning */
    .nuestros-vinos-argentinos .que-ofrecemos-duplicated .content-wrapper,
    .nuestros-vinos-argentinos .que-ofrecemos .content-wrapper,
    .nuestros-vinos-argentinos .nuestro-diferencial .content-wrapper,
    body:not(.nuestros-vinos-argentinos) .que-ofrecemos .content-wrapper,
    body:not(.nuestros-vinos-argentinos) .nuestro-diferencial .content-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        height: 100vh !important;
        min-height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        position: relative !important;
        border: none !important;
        gap: 0 !important;
        align-items: stretch !important;
        justify-content: space-between !important;
    }
    
    /* Image container - consistent sizing and positioning */
    .nuestros-vinos-argentinos .que-ofrecemos-duplicated .image-container,
    .nuestros-vinos-argentinos .que-ofrecemos .image-container,
    .nuestros-vinos-argentinos .nuestro-diferencial .image-container,
    body:not(.nuestros-vinos-argentinos) .que-ofrecemos .image-container,
    body:not(.nuestros-vinos-argentinos) .nuestro-diferencial .image-container {
        display: block !important;
        width: 50% !important;
        flex: 0 0 50% !important;
        height: 100vh !important; 
        min-height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: relative !important;
        box-sizing: border-box !important;
        transform: none !important;
        max-height: none !important;
        float: none !important;
        border: none !important;
    }
    
    /* Image styling - consistent coverage and positioning */
    .nuestros-vinos-argentinos .que-ofrecemos-duplicated .image-container img,
    .nuestros-vinos-argentinos .que-ofrecemos .image-container img,
    .nuestros-vinos-argentinos .nuestro-diferencial .image-container img,
    body:not(.nuestros-vinos-argentinos) .que-ofrecemos .image-container img,
    body:not(.nuestros-vinos-argentinos) .nuestro-diferencial .image-container img {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width: 100% !important;
        border: none !important;
        display: block !important;
        transform: translate(0, 0) !important;
    }
    
    /* Text content - consistent positioning and spacing with horizontal centering */
    .nuestros-vinos-argentinos .que-ofrecemos-duplicated .text-content,
    .nuestros-vinos-argentinos .que-ofrecemos .text-content,
    .nuestros-vinos-argentinos .nuestro-diferencial .text-content,
    body:not(.nuestros-vinos-argentinos) .que-ofrecemos .text-content,
    body:not(.nuestros-vinos-argentinos) .nuestro-diferencial .text-content {
        width: 50% !important;
        flex: 0 0 50% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        color: white !important;
        height: 100vh !important;
        min-height: 100vh !important;
        box-sizing: border-box !important;
        float: none !important;
        border: none !important;
        overflow-y: auto !important;
        position: relative !important;
    }
    
    /* Special color and styling for quienes-somos text content */
    body:not(.nuestros-vinos-argentinos) .quienes-somos .text-content {
        width: 50% !important;
        flex: 0 0 50% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        color: #000 !important;
        height: 100vh !important;
        min-height: 100vh !important;
        box-sizing: border-box !important;
        float: none !important;
        border: none !important;
        overflow-y: auto !important;
        position: relative !important;
    }
    
    /* Content container within text-content for proper alignment and width */
    .nuestros-vinos-argentinos .que-ofrecemos-duplicated .text-content > *,
    .nuestros-vinos-argentinos .que-ofrecemos .text-content > *,
    .nuestros-vinos-argentinos .nuestro-diferencial .text-content > *,
    body:not(.nuestros-vinos-argentinos) .que-ofrecemos .text-content > *,
    body:not(.nuestros-vinos-argentinos) .nuestro-diferencial .text-content > * {
        width: 70% !important;
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left !important;
    }
    
    /* Special handling for sections with image on right side (PRODUCTOS ARGENTINOS and NUESTRAS BODEGAS) */
    /* ELIMINANDO ESTAS REGLAS QUE ESTÁN CAUSANDO CONFLICTOS 
    .nuestros-vinos-argentinos .que-ofrecemos .content-wrapper,
    .nuestros-vinos-argentinos .nuestro-diferencial .content-wrapper {
        flex-direction: row-reverse !important;
    }
    */

    /* Now making ALL panels in nuestros-vinos-argentinos have image on the right */
    /* ELIMINANDO ESTAS REGLAS QUE ESTÁN CAUSANDO CONFLICTOS 
    .nuestros-vinos-argentinos .que-ofrecemos-duplicated .content-wrapper,
    .nuestros-vinos-argentinos .que-ofrecemos .content-wrapper,
    .nuestros-vinos-argentinos .nuestro-diferencial .content-wrapper {
        flex-direction: row-reverse !important;
    }
    */
}

/* Ensure consistent title styling for all desktop sections */
@media (min-width: 1367px) {
    .nuestros-vinos-argentinos .quienes-somos h2,
    .nuestros-vinos-argentinos .que-ofrecemos h2,
    .nuestros-vinos-argentinos .que-ofrecemos-duplicated h2,
    .nuestros-vinos-argentinos .variedades-vinos h2,
    .nuestros-vinos-argentinos .nuestro-diferencial h2,
    body:not(.nuestros-vinos-argentinos) .que-ofrecemos h2,
    body:not(.nuestros-vinos-argentinos) .quienes-somos h2,
    body:not(.nuestros-vinos-argentinos) .nuestro-diferencial h2,
    .contact h2 {
        font-size: 37px !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
        margin-bottom: 0 !important;
        letter-spacing: 1.2px !important;
        text-align: left !important;
        line-height: 1.1 !important;
        word-spacing: -1px !important;
    }
    
    /* Specific styling for QUIÉNES SOMOS title in index.html */
    body:not(.nuestros-vinos-argentinos) .quienes-somos h2 {
        font-size: 37px !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
        margin-bottom: 0 !important;
        letter-spacing: 1.2px !important;
        text-align: left !important;
        color: #000 !important;
        line-height: 1.1 !important;
        word-spacing: -1px !important;
    }
    
    /* Add bottom padding to contact text container */
    .contact .text-content {
        padding: 4rem !important;
        padding-bottom: 6rem !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        height: auto !important;
        min-height: 100vh !important;
        width: 50% !important;
        margin-left: 50% !important;
    }
    
    /* Add bottom margin to contact form submit button */
    .contact-form button#submit-btn {
        margin-bottom: 2rem !important;
    }

    /* Ensure all text-content blocks are consistent */
    .nuestros-vinos-argentinos .text-content {
        justify-content: center !important;
    }
    
    /* Ensure partner logos are properly centered */
    .partner-logos {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Ensure contact form elements are properly aligned */
    .contact-form {
        width: 70% !important;
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 2rem !important;
    }

    /* Ensure contact section has proper height */
    .contact {
        height: auto !important;
        min-height: 100vh !important;
        position: relative !important;
    }

    .contact .content-wrapper {
        height: auto !important;
        min-height: 100vh !important;
        position: relative !important;
    }

    .contact .image-container {
        height: 100% !important;
        position: absolute !important;
        left: 0 !important;
        width: 50% !important;
        top: 0 !important;
    }
}

/* Tablet and mobile styles - hide image for Gastronomía Argentina */
@media (max-width: 1366px) {
    .que-ofrecemos-duplicated .image-container {
        display: none !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Better text spacing when image is hidden */
    .que-ofrecemos-duplicated .text-content {
        width: 100% !important;
        padding: 3rem 2rem !important;
        margin: 0 auto !important;
        text-align: center !important;
        align-items: center !important;
    }
    
    /* Ensure proper background color */
    .que-ofrecemos-duplicated {
        background-color: #110b0e !important;
    }
}

/* Tablet and mobile styles - hide image for Gastronomía Argentina */
@media (max-width: 1366px) {
    /* Force content wrapper to stack vertically */
    .que-ofrecemos-duplicated .content-wrapper {
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        display: block !important;
    }
    
    /* Hide the image container completely */
    .que-ofrecemos-duplicated .image-container {
        display: none !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        width: 0 !important;
        position: absolute !important;
    }
    
    /* Full width text content with good padding */
    .que-ofrecemos-duplicated .text-content {
        width: 100% !important;
        padding: 3rem 2rem !important;
        margin: 0 auto !important;
        text-align: center !important;
        display: block !important;
        align-items: center !important;
        max-width: none !important;
    }
    
    /* Ensure section has background color regardless of child elements */
    .que-ofrecemos-duplicated {
        background-color: #110b0e !important;
        color: white !important;
        height: auto !important;
        min-height: 0 !important;
    }
    
    /* Override any conflicting inline styles */
    .que-ofrecemos-duplicated h2 {
        text-align: center !important;
        margin-bottom: 1.5rem !important;
        color: white !important;
    }
    
    .que-ofrecemos-duplicated p {
        text-align: center !important;
        font-size: 19px !important;
        line-height: 1.5 !important;
        margin-bottom: 1.5rem !important;
        color: white !important;
    }
} 

/* Additional fixes to ensure proper section display */
.nuestros-vinos-argentinos .que-ofrecemos-duplicated {
    margin: 0 !important;
    padding: 0 !important;
}

.nuestros-vinos-argentinos section {
    margin-bottom: 0 !important;
}

.nuestros-vinos-argentinos .que-ofrecemos-duplicated .content-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

/* Quienes somos content wrapper */
body:not(.nuestros-vinos-argentinos) .quienes-somos .content-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    border: none !important;
    gap: 0 !important;
    align-items: stretch !important;
    justify-content: space-between !important;
}

/* Quienes somos image container */
body:not(.nuestros-vinos-argentinos) .quienes-somos .image-container {
    display: block !important;
    width: 50% !important;
    flex: 0 0 50% !important;
    height: 100vh !important; 
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    transform: none !important;
    max-height: none !important;
    float: none !important;
    border: none !important;
}

/* Quienes somos image styling */
body:not(.nuestros-vinos-argentinos) .quienes-somos .image-container img {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    border: none !important;
    display: block !important;
    transform: translate(0, 0) !important;
}

/* Quienes somos text content children */
body:not(.nuestros-vinos-argentinos) .quienes-somos .text-content > * {
    width: 70% !important;
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}

/* Add specific desktop/tablet spacing for NUESTRAS BODEGAS title */
@media (min-width: 769px) {
    .nuestro-diferencial h2 {
        margin-top: 30px !important;
    }
}

/* MOBILE SPECIFIC FIXES FOR CONTACT IMAGE */
@media (max-width: 768px) {
    .contact .image-container {
        height: 60vh !important;
        position: relative !important;
        width: 100% !important;
        left: auto !important;
        top: auto !important;
    }
    
    .contact .image-container img {
        content: url('imagenes/vinos_argentinos/index-panel-5-mobile.jpg') !important;
        object-position: center 30% !important;
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
        position: static !important;
    }
}