body {
    background-color: #FFFFFF;
    color: #333333;
    font-family: 'Georgia', serif;
}

main {
    background: url("../images/top_left_backgroung-d4a96150c04255a43a659109b1ca8164.png") top left no-repeat,
                url("../images/bottom_right_backgroung-bb6e1a70379f80a775fb9b57cf8b072d.png") bottom right no-repeat;
    background-size: 500px 500px; /* Ajusta el tamaño según sea necesario */
    margin: 0;
    padding: 0;
    min-height: calc(100vh - 176px);
}

@media only screen and (max-width: 767px) {
    main {
        background-size: 200px 200px; /* Ajusta el tamaño según sea necesario */
    }
}


header{
    min-height: 105px;
}

/* Trick */
main{
    display: flex;
    flex-direction: column;
}

.header {
    background-color: #F8F8F8;
    padding: 2rem;
    text-align: center;
}
.header h1 {
    color: #D4AF37;
    font-family: 'Georgia', serif;
}
h2 {
    color: #D4AF37;
    font-family: 'Georgia', serif;
}
h3 {
    color: #D4AF37;
    font-family: 'Georgia', serif;
}
h4 {
    color: #D4AF37;
    font-family: 'Georgia', serif;
}
h5 {
    color: #D4AF37;
    font-family: 'Georgia', serif;
}
.form-container {
    margin: 2rem auto !important;
    padding: 2rem !important;
    /* max-width: 600px; */
    background-color: #F8F8F8 !important;
    border: 1px solid #D4AF37 !important;
    border-radius: 8px !important;
}
.btn-submit {
    background-color: #556B2F;
    color: #FFFFFF;
}
.btn-submit:hover {
    background-color: #6B8E23;
}

.fa-pulse {
  display: inline-block;
  animation: fa-spin 1s steps(8) infinite; /* 8 es el número de pasos por ciclo */
  transform-origin: center; /* Asegúrate de que la rotación sea desde el centro */
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg); /* O usa rotate(1turn) para una vuelta completa */
  }
}