.wpforms-container{
    margin: 10px auto !important;
}

.wpforms-container .wpforms-field, & .wp-core-ui div.wpforms-container .wpforms-field{
    padding: 5px 0 !important;
}

div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column, div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column {
    padding: 0 5px !important;
}

.wpforms-form{
    & legend{
        color: var(--wp--preset--color--text-secondary) !important;
        font-weight: normal !important;
    }

    & input::placeholder{
        color: var(--wp--preset--color--text-primary) !important;
    }

    & input{
        
        &[type='text'], &[type='tel'], &[type="email"], &[type="number"]{
            border-radius: 44px !important;
            border: 0.5px solid var(--wp--preset--color--secondary) !important;
            background: rgba(45, 107, 238, 0.50) !important;
            padding: 24px 32px !important;
            color: var(--wp--preset--color--text-primary) !important;
        }
    }

    & select{
        border-radius: 44px !important;
        border: 0.5px solid var(--wp--preset--color--secondary) !important;
        background: rgba(45, 107, 238, 0.50) !important;
        color: var(--wp--preset--color--text-primary) !important;
        padding: 14px 32px !important;
        height: auto !important;

        & option{
            background: #183a81 !important;
            color: var(--wp--preset--color--text-primary) !important;
        }

        &:required:invalid {
            color: #97b1e1 !important; /* Inicialmente igual al placeholder */
        }
    }

    & .wpforms-field-payment-checkbox, .wpforms-field-payment-multiple{

        & label{
            color: var(--wp--preset--color--text-secondary) !important;
        }
    }

    & .wpforms-required-label{
        color: var(--wp--preset--color--tertiary) !important;
    }
}

div.wpforms-container-full .wpforms-field-label-inline, 
.wp-core-ui div.wpforms-container-full .wpforms-field-label-inline, .wpforms-field-label {
    color: var(--wp--preset--color--text-secondary) !important;
}

.wpforms-field-number-slider-hint{
    color: var(--wp--preset--color--text-primary) !important;

    & b{
        color: var(--wp--preset--color--tertiary) !important;
    }
}

.wpforms-single-item-price{
    color: var(--wp--preset--color--text-primary) !important;

    & .wpforms-price{
        color: var(--wp--preset--color--tertiary) !important;
    }
}

.calculadora-template-default .wpforms-form{
    background: var(--wp--preset--color--primary) !important;
    padding: 25px;
    border-radius: 25px;
    
    & label{
        color: var(--wp--preset--color--text-primary) !important;
        font-weight: normal;
    }

    & .wpforms-field-description{
        color: var(--wp--preset--color--text-secondary) !important;
        font-size: 12px;
    }
}

/* Para el formulario de entrenador personal latam */
#wpforms-4819-field_15-container fieldset{
    display: flex;
    justify-content: center;

    & legend{
        color: var(--wp--preset--color--text-secondary) !important;
        text-align: center;
        font-weight: normal;
    }

    & label{
        color: var(--wp--preset--color--text-secondary) !important;
    }
}

.wpforms-submit-container{
    display: flex;
    justify-content: center;
}

.wpforms-field-required{
    justify-content: center;
}

div.wpforms-container-full input[type=checkbox]:before, 
div.wpforms-container-full input[type=radio]:before {
    border-color: var(--wp--preset--color--secondary) !important;
    background-color: rgba(45, 107, 238, 0.50) !important;
}

div.wpforms-container-full input[type=checkbox]:checked:after{
    border-left: 4px solid var(--wp--preset--color--text-primary) !important;
    border-bottom: 4px solid var(--wp--preset--color--text-primary) !important;
}

div.wpforms-container-full input[type=radio]:checked:after{
    background-color: var(--wp--preset--color--text-primary) !important;
}

div.wpforms-container-full button[type=submit], .wpforms-page-button, .wpforms-page-next{
    color: var(--wp--preset--color--text-primary) !important;
    border: 1px solid var(--wp--preset--color--tertiary) !important;
    background: var(--wp--preset--color--tertiary) !important;
    box-shadow: 0 0 15px 0 var(--wp--preset--color--tertiary) !important;
    border-radius: 50px !important;
    padding: 20px 30px !important;
    transition: all 0.6s ease;
    height: auto !important;
    font-size: 14px !important;
    font-weight: 500 !important;

    &:hover{
        background: var(--wp--preset--color--tertiary) !important;
        box-shadow: 0 0 0 0 var(--wp--preset--color--tertiary) !important;
    }
}

.wpforms-page-indicator{

    & .wpforms-page-indicator-steps{
        color: var(--wp--preset--color--text-secondary) !important;
    }
}

/* Clases */
.salto-preguntas{
    display: grid;
    gap: 30px;

    & fieldset{

        & legend{
            color: var(--wp--preset--color--text-primary) !important;
        }
    }
}

.salto-resultado{
    & .wpforms-field-layout-rows{
        display: grid;
        gap: 10px;

        & .wpforms-layout-row{
            align-items: center;
        }
    }
}