html, body {
    height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main, .main-content {
    flex: 1;
}

.checkoutform label {
    font-size: 16px !important;
    font-weight: 900;
}

.checkoutform input {
    font-size: 15px !important;
}

.whatsapp-chat {
    position: fixed;
    bottom: 20px;
    z-index: 9999;
}

.title {
    font-size: 4rem;
    font-weight: bold;
    background: linear-gradient(90deg, #FF8C00, #FF6347); /* Degradado de color */
    -webkit-background-clip: text; /* Para Chrome y Safari */
    background-clip: text; /* Para otros navegadores */
    color: transparent; /
}
button {
   margin-right: 10px;
   color: #FFFFFF;
   text-decoration: none;
   display: inline-block; /* Asegura que el margin funcione correctamente */
}

    /* Estilo para el hover del enlace */
button:hover {
   background-color: #FFFF;
   color: black;
}

a {
    text-decoration: none;
    position: relative;
}

a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px; /* Posición de la línea */
    width: 100%;
    height: 2px; /* Grosor de la línea */
    background-color: black;
    transform: scaleX(0); /* Inicialmente oculta */
    transition: transform 0.3s ease-in-out;
}

a:hover::after {
    transform: scaleX(1); /* Aparece al pasar el mouse */
}