/*
    FluentForms - Estilos para The New Lemon

    Este archivo complementa los Form Style Templates de FluentForms.
    Se carga solo si FluentForms está activo.

    Para elementos que el Form Style Template no puede controlar
    (listas, párrafos, contenido HTML personalizado).
*/

/* Labels */
.fluentform .ff-el-input--label label {
    font-family: 'Montserrat';
    font-size: 17px;
    font-weight: 500;
    color: #6A655D;
}

/* Inputs */
.fluentform input[type=text],
.fluentform input[type=email],
.fluentform input[type=tel],
.fluentform input[type=number],
.fluentform input[type=date],
.fluentform textarea,
.fluentform select {
    font-family: 'Montserrat';
    font-size: 17px;
    font-weight: 300;
    padding: 15px;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    transition: all .35s ease-in;
}

.fluentform input:focus,
.fluentform textarea:focus,
.fluentform select:focus {
    background-color: #F9F8ED;
    border-color: #EBBA16;
    outline: none;
}

/* Botones */
.fluentform .ff-btn-submit,
.fluentform .ff-btn-secondary {
    font-family: 'Barlow';
    font-size: 20px;
    font-weight: 500;
    background: #EBBA16;
    color: #FFF;
    padding: 15px 30px;
    border-radius: 70px;
    border: none;
    transition: all .35s ease-in;
    cursor: pointer;
}

.fluentform .ff-btn-submit:hover,
.fluentform .ff-btn-secondary:hover {
    background: #FFF;
    color: #1C222A;
    border: 1px solid #1C222A;
}

/* Indicador de progreso (multi-pagina) */
.fluentform .ff-el-progress-status {
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    color: #EBBA16;
}

.fluentform .ff-el-progress .ff-el-progress-bar {
    background-color: #EBBA16;
}

/* Contenido HTML personalizado (listas, parrafos, descripciones) */
.fluentform ul,
.fluentform ol,
.fluentform li,
.fluentform p,
.fluentform .ff-el-section-break .ff-el-section-break__description,
.fluentform .ff-custom-html {
    font-family: 'Montserrat';
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5em;
    color: #1C222A;
}

.fluentform ul,
.fluentform ol {
    padding-left: 20px;
    margin-bottom: 15px;
}

.fluentform li {
    margin-bottom: 10px;
}