/* Ajustes móviles compartidos (extraídos del export de Webflow) */
@media screen and (max-width: 991px) {
      /* Prevent horizontal scroll entirely */
      html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
      }

      .nav-two {
        background-color: #132035 !important;
        position: fixed !important;
        inset: 0% 0% auto !important;
        z-index: 99999 !important;
        height: 80px !important;
        display: flex !important;
        align-items: center !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
      }
      .navbar {
        background-color: #132035 !important;
        width: 100% !important;
        z-index: 99999 !important;
      }
      .nav-two-wrapper {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
      }
      .responsive-burger-menu-navbar,
      .w-nav-menu {
        background-color: #ffffff !important;
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1) !important;
        border-radius: 0 0 10px 10px !important;
        z-index: 99999 !important;
      }
      .responsive-burger-menu-navbar.border-radius-ten {
        width: 100% !important;
      }
      .home-two-email-wrapper {
        display: none;
      }
      .w-nav-overlay {
        z-index: 99999 !important;
        top: 80px !important;
      }
      .link-block-2 {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        padding: 15px 20px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        float: none !important;
        clear: both !important;
      }
      .link-block-2:last-child {
        border-bottom: none !important;
      }
      .link-block-2 .menu-font {
        color: #132035 !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-align: center !important;
        display: block !important;
      }

      /* Mobile Hero Section Ordering & Layout Improvements */
      .home-three-hero-inner {
        display: flex !important;
        flex-flow: column !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-top: 80px !important;
        overflow: hidden !important;
      }
      .home-three-hero-banner-left,
      .home-three-hero-banner-left.change-position {
        display: contents !important;
      }
      .home-three-hero-banner-left.change-position .home-three-hero-banner-middle.change-position.right {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 40vh !important;
        min-height: 250px !important;
        position: relative !important;
        inset: auto !important;
        display: block !important;
      }
      .home-three-banner-vedio {
        width: 100% !important;
        height: 100% !important;
        border-radius: 0 !important;
        transform: none !important;
      }
      .home-three-hero-banner-left:not(.change-position) .home-three-hero-main-text-wrapper {
        order: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 40px 20px !important;
        background-color: #132035 !important;
        margin: 0 !important;
        position: relative !important;
        inset: auto !important;
      }
      .home-three-hero-banner-left:not(.change-position) .home-three-hero-banner-middle {
        order: 3 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 40vh !important;
        min-height: 250px !important;
        position: relative !important;
        inset: auto !important;
        display: block !important;
      }
      .home-three-hero-banner-middle img,
      .image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
        transform: none !important;
      }
      .home-three-hero-banner-left.change-position .home-three-hero-main-text-wrapper {
        order: 4 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 40px 20px !important;
        background-color: #132035 !important;
        margin: 0 !important;
        position: relative !important;
        inset: auto !important;
      }

      /* Clean mobile/tablet padding to prevent text from touching screen edges */
      .main-container,
      .big-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
      }

      /* Override desktop width constraints on mobile */
      .service-one-work-right {
        min-width: 0 !important;
        width: 100% !important;
      }

      /* Improve vertical spacing for content sections on mobile */
      .home-three-about,
      .about-one-process,
      .about-one-service,
      .service-one-work {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
      }

      /* Force high contrast and legibility for the dark-themed Sobre Nosotros section */
      #sobre-nosotros p {
        color: #132035 !important;
        font-size: 16px !important;
        line-height: 28px !important;
        font-weight: 500 !important;
      }

      /* Reset desktop min-width constraint on mobile so text wraps beautifully */
      .service-one-work-item-details {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
    }