.title-header {
    font-family: 'Vollkorn', serif;
    font-size: 5em;
    text-shadow: 10px 10px 10px #0036E1;

}

.subtitle-header {
    font-family: 'Vollkorn', serif;
    font-size: 2em;
    text-shadow: 10px 10px 10px #0036E1;

}

.bg-gradient-orange{
    background-color: #0036E1;
    border-color: #0036E1;
    box-shadow: 0 14px 26px -12px rgba(103, 79, 52, 0.747),0 4px 23px 0 rgba(103, 79, 52, 0.747),0 8px 10px -5px rgba(103, 79, 52, 0.747)
}



/* LOADER */

/* HTML: <div class="loader"></div> */
.loaderAnimated {
    width: 120px;
    height: 60px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background: #fff;
    filter: blur(5px) contrast(10) hue-rotate(60deg);
    mix-blend-mode: darken;
  }
  .loaderAnimated:before,
  .loaderAnimated:after {
    content: "";
    width: 40px;
    border-radius: 50%;
    background: #ff00ff;
    animation: l3 1s infinite alternate;
  }
  .loaderAnimated:after {
    --s:-1;
  }
  @keyframes l3{
    90%,100% {transform: translate(calc(var(--s,1)*30px))}
  }

  /* Estilo por defecto */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="checkbox"],
input[type="radio"],
input[type="number"],
input[type="date"],
select {
    border: 1px solid #ccc; /* Borde gris claro */
    padding: 5px; /* Espacio dentro del borde */
    font-size: 16px; /* Tamaño de la fuente */
}

/* Estilo cuando seleccionado */
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
select:focus {
    border-color: #0036E1; /* Borde naranja al estar seleccionado */
    outline: none; /* Quita el contorno predeterminado al estar seleccionado */
}