@media (max-width: 576px) {
    .info-section {
      margin-top: 24px !important; 
      padding: 80px 24px;
      padding-right: 20px;
      padding-left: 20px;
    }
  }
                /*seccion odorzine finalizada*/

@media (max-width: 576px) {
    .info-section-blue {
      padding: 80px 24px;
      min-height: auto;
      margin-top: 20px;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .info-text-blue {
      font-size: 1.6rem;
    }
  
    .btn-blue {
      padding: 0.5rem 1.5rem;
      font-size: 0.9rem;
    }
  }
            /*seccion hydrsail finalizada*/

@media (max-width: 992px) {
    .beneficios-section {
      padding: 80px 40px;
      min-height: auto;
      margin-left: auto;
      margin-right: auto;
    }
    
    .beneficio-card {
      width: 100%;
      max-width: 320px;
      height: auto;
    }
  
    .beneficios-cards {
      flex-direction: column;
      align-items: center;
    }
  
    .beneficio-card:nth-child(1),
    .beneficio-card:nth-child(2),
    .beneficio-card:nth-child(3) {
      transform: none;
      margin-bottom: 24px;
    }
  }
  
  @media (max-width: 576px) {
    .beneficios-section {
      padding: 60px 24px;
    }
  
    .beneficios-title {
      font-size: 1.8rem;
    }
  
    .beneficios-text {
      font-size: 1rem;
    }
  }
            /*seccion beneficios finalizada*/

@media (max-width: 768px) {
    .rectangulo {
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 20px;
      margin-bottom: 24px;
      width: 100%;
      box-sizing: border-box;
    }
  
    .img-rectangulo {
      width: 100px;
      height: auto;
      margin: 0 auto 16px;
    }
  
    .contenido-rectangulo {
      align-items: center;
      width: 100%;
    }
  
    .btn-rectangulo {
      align-self: center;
    }
  }
            /*seccion rectangulo finalizada */

@media (max-width: 768px) {
    .footer-principal {
      padding: 40px 24px;
    }
  
    .footer-nav {
      gap: 16px;
      flex-direction: column;
    }
  
    .footer-legal-links {
      flex-direction: column;
      gap: 8px;
    }
  
    .text-md-end {
      text-align: center !important;
    }
  }
            /*footer finalizado*/

 @media (max-width: 768px) {
    .contacto-section {
      padding: 40px 20px;
    }
  
    .titulo-contacto {
      font-size: 2rem;
    }
  }
            /*contacto finalizado*/