.elementor-1459 .elementor-element.elementor-element-b485a5c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1459 .elementor-element.elementor-element-b485a5c:not(.elementor-motion-effects-element-type-background), .elementor-1459 .elementor-element.elementor-element-b485a5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-1459 .elementor-element.elementor-element-b485a5c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1459 .elementor-element.elementor-element-b485a5c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for wpforms, class: .elementor-element-18b7382 *//* ==========================================================
   HYUNDAI - WPFORMS
   CSS PARA PEGAR EN:
   Elementor > WPForms > Avanzado > CSS personalizado
   ========================================================== */


/* ==========================================================
   CONTENEDOR GENERAL / TARJETA
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 {
    --hdm-navy: #002c5f;
    --hdm-blue: #35719e;
    --hdm-blue-strong: #0067b1;
    --hdm-text: #303942;
    --hdm-muted: #647383;
    --hdm-line: #d7e0e8;
    --hdm-soft: #f4f7fa;
    --hdm-white: #ffffff;

    width: 100%;
}


/* TARJETA DEL FORMULARIO */

.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-container {
    width: 100% !important;

    margin: 0 !important;

    padding:
        42px
        44px
        46px !important;

    background:
        #ffffff;

    border:
        1px solid
        #d7e0e8;

    box-shadow:
        8px
        8px
        0
        #35719e;

    font-family:
        "Hyundai Sans Text",
        "Hyundai Sans Head",
        Roboto,
        Arial,
        Helvetica,
        sans-serif !important;
}


/* ==========================================================
   FORMULARIO
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-form {
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   CAMPOS
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-field {
    padding:
        0
        0
        22px !important;
}


/* ==========================================================
   LABEL PRINCIPAL
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-field-label {
    display: block !important;

    margin:
        0
        0
        9px !important;

    color:
        #002c5f !important;

    font-family:
        inherit !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;

    line-height:
        1.35 !important;
}


/* ASTERISCO CAMPOS OBLIGATORIOS */

.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-required-label {
    color:
        #d7282f !important;

    font-weight:
        700 !important;
}


/* ==========================================================
   SUBLABELS
   Nombre / Apellidos
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-field-sublabel {
    margin-top:
        7px !important;

    color:
        #647383 !important;

    font-size:
        12px !important;

    font-weight:
        400 !important;

    line-height:
        1.3 !important;
}


/* ==========================================================
   INPUTS
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="text"],
.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="email"],
.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="tel"],
.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="number"],
.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="url"],
.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="password"],
.elementor-1459 .elementor-element.elementor-element-18b7382 select,
.elementor-1459 .elementor-element.elementor-element-18b7382 textarea {

    width:
        100% !important;

    min-height:
        52px !important;

    margin:
        0 !important;

    padding:
        12px
        14px !important;

    color:
        #263443 !important;

    background:
        #ffffff !important;

    border:
        1px solid
        #cbd6df !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    font-family:
        inherit !important;

    font-size:
        14px !important;

    font-weight:
        400 !important;

    line-height:
        1.4 !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background-color .2s ease !important;
}


/* ==========================================================
   PLACEHOLDER
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 input::placeholder,
.elementor-1459 .elementor-element.elementor-element-18b7382 textarea::placeholder {
    color:
        #8a98a6 !important;

    opacity:
        1 !important;
}


/* ==========================================================
   HOVER CAMPOS
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="text"]:hover,
.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="email"]:hover,
.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="tel"]:hover,
.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="number"]:hover,
.elementor-1459 .elementor-element.elementor-element-18b7382 select:hover,
.elementor-1459 .elementor-element.elementor-element-18b7382 textarea:hover {

    border-color:
        #8da8bd !important;
}


/* ==========================================================
   FOCUS CAMPOS
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="text"]:focus,
.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="email"]:focus,
.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="tel"]:focus,
.elementor-1459 .elementor-element.elementor-element-18b7382 input[type="number"]:focus,
.elementor-1459 .elementor-element.elementor-element-18b7382 select:focus,
.elementor-1459 .elementor-element.elementor-element-18b7382 textarea:focus {

    outline:
        none !important;

    border-color:
        #35719e !important;

    box-shadow:
        0 0 0 3px
        rgba(53,113,158,.12) !important;

    background:
        #ffffff !important;
}


/* ==========================================================
   SELECT
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 select {
    cursor:
        pointer !important;

    color:
        #303942 !important;

    background-color:
        #ffffff !important;
}


/* ==========================================================
   TEXTAREA
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 textarea {
    min-height:
        120px !important;

    resize:
        vertical !important;
}


/* ==========================================================
   NOMBRE + APELLIDOS
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-field-name .wpforms-field-row {
    max-width:
        none !important;
}


/* Separación entre Nombre y Apellidos */

.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-field-name
.wpforms-field-row-block {

    padding-right:
        10px !important;
}


.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-field-name
.wpforms-field-row-block:last-child {

    padding-right:
        0 !important;

    padding-left:
        10px !important;
}


/* ==========================================================
   BOTÓN
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-submit-container {
    margin:
        4px
        0
        0 !important;

    padding:
        0 !important;
}


.elementor-1459 .elementor-element.elementor-element-18b7382 button[type="submit"],
.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-submit {

    min-width:
        150px !important;

    min-height:
        52px !important;

    padding:
        0
        27px !important;

    color:
        #ffffff !important;

    background:
        #002c5f !important;

    border:
        1px solid
        #002c5f !important;

    border-radius:
        0 !important;

    box-shadow:
        5px
        5px
        0
        #35719e !important;

    font-family:
        inherit !important;

    font-size:
        14px !important;

    font-weight:
        900 !important;

    line-height:
        1 !important;

    cursor:
        pointer !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-color .2s ease,
        border-color .2s ease !important;
}


/* ==========================================================
   HOVER BOTÓN
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 button[type="submit"]:hover,
.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-submit:hover {

    color:
        #ffffff !important;

    background:
        #35719e !important;

    border-color:
        #35719e !important;

    transform:
        translate(3px,3px);

    box-shadow:
        2px
        2px
        0
        #002c5f !important;
}


/* ==========================================================
   FOCUS BOTÓN
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 button[type="submit"]:focus,
.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-submit:focus {

    outline:
        none !important;

    box-shadow:
        0 0 0 3px
        rgba(53,113,158,.18),
        5px 5px 0
        #35719e !important;
}


/* ==========================================================
   MENSAJES DE ERROR
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-error {
    color:
        #bd2531 !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;
}


.elementor-1459 .elementor-element.elementor-element-18b7382 input.wpforms-error,
.elementor-1459 .elementor-element.elementor-element-18b7382 select.wpforms-error,
.elementor-1459 .elementor-element.elementor-element-18b7382 textarea.wpforms-error {

    border-color:
        #bd2531 !important;

    box-shadow:
        0 0 0 2px
        rgba(189,37,49,.08) !important;
}


/* ==========================================================
   MENSAJE DE CONFIRMACIÓN
   ========================================================== */

.elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-confirmation-container-full {

    margin:
        0 !important;

    padding:
        22px
        24px !important;

    color:
        #002c5f !important;

    background:
        #f4f7fa !important;

    border:
        1px solid
        #d7e0e8 !important;

    border-left:
        4px solid
        #35719e !important;
}


/* ==========================================================
   MÓVIL
   ========================================================== */

@media (max-width: 767px) {

    .elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-container {

        padding:
            30px
            23px
            34px !important;

        box-shadow:
            6px
            6px
            0
            #35719e;
    }


    .elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-field {
        padding-bottom:
            19px !important;
    }


    /* Nombre y apellidos uno debajo del otro */

    .elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-field-name
    .wpforms-field-row-block {

        width:
            100% !important;

        margin:
            0
            0
            15px !important;

        padding:
            0 !important;
    }


    .elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-field-name
    .wpforms-field-row-block:last-child {

        margin-bottom:
            0 !important;
    }


    .elementor-1459 .elementor-element.elementor-element-18b7382 button[type="submit"],
    .elementor-1459 .elementor-element.elementor-element-18b7382 .wpforms-submit {

        width:
            calc(100% - 5px) !important;

        min-width:
            0 !important;
    }

}/* End custom CSS */