/* Ajustes adicionales para pantallas pequeñas (celulares) */
@media (max-width: 600px) {
    .gif img {
        width: 80%;   /* En pantallas pequeñas la imagen ocupará el 80% del ancho */
        display: block;
        margin: 0 auto; /* Centrar la imagen en pantallas pequeñas */
    }
}

/* Tamaño del video de youtube en el INICIO */
@media (max-width: 768px) {
    .video-container {
      padding-bottom: 75%; /* Ajusta la relación de aspecto para pantallas medianas si es necesario */
    }
  }
  
  @media (max-width: 576px) {
    .video-container {
        max-width: 100%;       /* Asegura que el contenedor no sea más ancho que la pantalla */
        padding-bottom: 56.25%; /* Mantiene la relación de aspecto 16:9 */
    }
  }
  

/* Tamaño del video que esta en el apartado de funcionalidades avanzadas */
  @media (max-width: 768px) {
    .card img,
    .card video {
      max-height: 200px; /* Tamaño más pequeño para pantallas medianas */
    }
  }
  
  @media (max-width: 576px) {
    .card img,
    .card video {
      max-height: 150px; /* Tamaño más pequeño para dispositivos móviles */
    }
  }



/* tamaño del boton naranja de subir a INICIO */
  @media (max-width: 608px) {
    #btnScrollTop {
      padding: 15px;
      bottom: 15px; 
      right: -60px;
  
    }
  }
/*Tamaño del recapcha*/
  @media (max-width: 576px) {
    .g-recaptcha {
        transform: scale(0.75); /* Escala el contenedor */
        transform-origin: 0 0; /* Ajusta el punto de origen de la escala */
        width: 100%; /* Asegura que ocupe el ancho disponible */
    }
  }