/*******************************formulario***************************/
/* Estilos para el formulario de contacto */
/* Estilos para el formulario de contacto */


#container-form {
  width: 80%; /* Ancho del contenedor del formulario */
  height: 75%;
  margin: 0% auto; /* Centra el contenedor horizontalmente */
  border-radius: 10px;
  border: 1px solid #ffffff;
  padding: 5%;
}

.form-group {
  width: 50%; /* Ancho del grupo (dos columnas por fila) */
  box-sizing: border-box; /* Incluye el padding en el ancho */
  float: left; /* Hace que los grupos floten a la izquierda */
  padding: 0 10px; /* Agrega espacio entre los grupos */
}

label {
  display: block; /* Muestra las etiquetas en una línea separada */
  font-weight: bold;
  margin-bottom: 5px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
  width: 100%; /* Ocupa todo el ancho disponible */
  padding: 8px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type="submit"] {
  
  border: 3px solid #ffffff;
  background-color: rgba(5, 87, 103, 1);
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type="submit"]:hover {
  border: 3px solid #000000;
  background-color: #ffffff;
  color: #000000;
}

/********************************/
/* Estilos generales */

@media only screen and (max-width: 800px) {
  /* Reglas específicas para tamaños de pantalla pequeños */


}