/* Mobile navigation toggle */
@media (max-width: 1120px) {
  .main-nav {
    display: none !important;
    position: absolute;
    left: 0;
    width: 100%;
    top: 68px;
    margin: 0 auto;
    background: #fff;
    z-index: 999;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
  
  .main-nav.nav-open {
    display: block !important;
  }
  
  .main-nav li {
    display: block;
  }
  
  .main-nav li a {
    display: block;
    padding: 15px 32px;
    border-bottom: 1px solid #eee;
    color: #333;
  }
  
  .main-nav li a:hover {
    color: #7cc576;
    background-color: #f8f8f8;
  }
  
  .res-nav_click {
    display: block !important;
  }
}

@media (min-width: 1120px) {
  .main-nav {
    display: block !important;
  }
  
  .res-nav_click {
    display: none !important;
  }
}
/*--------------*/
@media (max-width: 600px) {
  article{
    margin-inline: 0.5em;
  }
}


/*Renderizado de los datos de imagenes de fondo*/
@media only screen and  (max-width: 767px) { 
	.business-talking1{background-position-y: 6%	;background-position-x: 94%;background-size:cover;height: 500px; }
	#reel1{background-position-y: 48%;	background-position-x: 33%;background-size: 139%!important;background-color: #ebaf6d75;height: 500px;}
	#reel2{background-position-y: 48%;	background-position-x: 33%;background-size: 139%!important;background-color: #e0a2568c;height: 500px;}
	#reel3{background-position-y: 48%;	background-position-x: 33%;background-size: 139%!important;background-color: #47423cc7;height: 500px;}
	#reel4{background-position-y: 48%;	background-position-x: 33%;background-size: 139%!important;background-color: #4873aaba;height: 500px;}
}

@media only screen and (min-width: 768px) and (max-width: 1466px) {
	.business-talking1{background-size:cover;background-position-y: 36%;background-position-x: 90%;}
	#reel1{background-size: 100%!important;background-position-y: 36%;background-position-x: 90%;background-color: #ebaf6d75;}
	#reel2{background-size: 100%!important;background-position-y: 36%;background-position-x: 90%;background-color: #e0a2568c;}
	#reel3{background-size: 100%!important;background-position-y: 36%;background-position-x: 90%;background-color: #47423cc7;}
	#reel4{background-size: 100%!important;background-position-y: 36%;background-position-x: 90%;background-color: #4873aaba;}


}

/* Responsive para secciones de servicios */
@media (max-width: 768px) {
    .language-switcher {
        position: fixed;
        top: 35px;
        left: 5px;
    }
    
    .language-switcher a {
        padding: 6px;
    }
    
    .flag-emoji {
        font-size: 16px;
    }

    .contact-section::before {
      font-size: 8rem;
    }
    
    .contact-section h2 {
      font-size: 2rem;
    }
    
    .contact-section h2::before {
      font-size: 2.5rem;
    }
    
    .contact-info-quick {
      flex-direction: column;
      gap: 20px;
    }
    
    .contact-item-quick {
      padding: 15px 20px;
    }

    .service-title {
      font-size: 1.3rem;
      padding: 14px 18px;
      margin: 25px 0 12px 0;
      gap: 12px;
    }
    
    .service-title i {
      font-size: 1.2rem;
      min-width: 24px;
    }

    .service-section {
        margin: 20px 0;
    }
    
    .ciclotrabajo{
      margin-inline: 1vw!important;
    }

    #servicios-integrales .service-section p {
        padding: 12px 20px;
        font-size: 1.1em;
    }
    
    #servicios-integrales .service-section p:last-child {
        padding-bottom: 20px;
    }
    
    #servicios-integrales .ciclotrabajo > p:first-of-type {
        padding: 20px 22px !important;
        font-size: 1.05em !important;
        margin-bottom: 25px !important;
    }
}

@media (min-width: 769px) and (max-width: 1124px) {
    .language-switcher {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 8px;
    z-index: 1001;
}
}

@media (max-width: 480px) {
    .service-section {
        margin: 15px 0;
        border-radius: 8px;
    }
    
    #servicios-integrales .service-section p {
        padding: 10px 16px;
        font-size: 1.05em;
    }
    
    #servicios-integrales .service-section p:last-child {
        padding-bottom: 16px;
    }
    
    .service-section .service-title {
        border-radius: 8px 8px 0 0;
    }
    
    #servicios-integrales .ciclotrabajo > p:first-of-type {
        padding: 18px 20px !important;
        font-size: 1em !important;
    }
}