#contacto {
    max-width: 1362px;
}

.contacto {
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
    align-items: center;
    padding: 32px 16px 0 16px;
    gap: 16px;
}

#contacto form {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
}

#contacto form .v2_label_2025 {
    color: var(--v2_blue);
    font-family: Inter;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    top: -18px;
    left: 16px;
}

#contacto form .v2_input_2025 {
    color: var(--v2_grey-dark);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0;
    max-width: 380px;
    /* max-width: 326px; */
    height: 44px;
}

#contacto .form-type-textfield {
    float: left;
    max-width: 400px;
    /* margin-right: 32px; */
    /* margin-left: 32px; */
    margin-bottom: 12 !important;
    margin-top: 24px;
    position: relative;
    display: flex;
    justify-content: center;
}

#contacto form .form-type-textfield:first-of-type {
    margin-top: 0px;
}

#contacto .form-type-textarea {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    margin: 24px 0px 12px 0px;
}

#contacto .form-type-textarea textarea {
    min-height: 246px;
    max-width: 380px;
}

.form-item-los-datos-personales-recolectados-a-traves-de-la-presente-y-o-en,
.form-item-politica {
    margin: 12px 32px 12px 32px;
}

.form-item-los-datos-personales-recolectados-a-traves-de-la-presente-y-o-en label,
.form-item-politica label {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--v2_grey-dark);
    order: 1;
    position: static;
    margin-bottom: 0;
    flex-basis: 95%;
}

#edit-actions,
#edit-actions--3 {
    align-self: center;
}

#edit-actions #edit-actions-submit-2:hover,
#edit-actions #edit-actions-submit:hover {
    background: var(--v2_grey-dark);
    color: var(--v2_white) !important;
}

/* LADO DERECHO HTML */
.hogar .contacto__formulario {
    max-width: 876px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 467px;
    padding: 16px 0 32px 0;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
}

.empresas .contacto__formulario {
    max-width: 876px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 533px;
    padding: 16px 0 32px 0;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
}

.empresas .contacto__informacion {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 430px;
    gap: 16px;
    padding-bottom: 12px;
    background: var(--v2_degrade-blue);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    max-width: 600px;
}

.hogar .contacto__informacion #formulario_fondo_1 {
    position: absolute;
    top: 0;
}

.hogar .contacto__informacion #formulario_fondo_2 {
    position: absolute;
    bottom: -38px;
}

.empresas .contacto__informacion h2 {
    font-size: 28px;
    font-weight: 400;
    margin: 0px;
    color: var(--v2_white);
    text-align: center;
    width: 250px;
}

.empresas .contacto__informacion h2 span {
    font-size: 28px;
    font-weight: 700;
    margin: 0px;
    color: var(--v2_white);
    text-align: center;
    width: 250px;
}

.hogar .contacto__informacion {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 467px;
    gap: 16px;
    background: var(--v2_white);
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    /* min-width: 368px; */
    max-width: 600px;
}

.hogar .contacto__informacion h2 {
    font-size: 28px;
    font-weight: 400;
    margin: 0px;
    color: var(--v2_grey-dark);
    text-align: center;
    width: 250px;
}

.hogar .contacto__informacion h2 span {
    font-size: 28px;
    font-weight: 700;
    margin: 0px;
    color: var(--v2_grey-dark);
    text-align: center;
    width: 250px;
}

.hogar .contacto__informacion__btn {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 25px;
    background-color: var(--v2_magenta);
    height: 40px;
    min-width: 247px;
    color: var(--v2_white);
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    z-index: 1000;
}

.hogar .contacto__informacion__btn2 {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 25px;
    background-color: var(--v2_magenta);
    height: 40px;
    min-width: 247px;
    color: var(--v2_white);
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    z-index: 1000;
}

.empresas .contacto__informacion__btn2 {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 25px;
    background-color: var(--v2_grey-light);
    height: 40px;
    min-width: 247px;
    color: var(--v2_grey-dark);
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    z-index: 1000;
}

.empresas .contacto__informacion__btn {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 25px;
    background-color: var(--v2_grey-light);
    height: 40px;
    min-width: 247px;
    color: var(--v2_grey-dark);
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
}

.hogar .contacto__informacion__btn:hover {
    background-color: var(--v2_grey-dark);
    color: var(--v2_white);
}

.empresas .contacto__informacion__btn:hover {
    color: var(--v2_magenta);
}

.empresas #img_whatsapp_form:hover img {
    content: url('/themes/contrib/iplan_b4/NEW/img/v2_whatsapp_rojo.png');
}

.empresas #img_telefono_form:hover img {
    content: url('/themes/contrib/iplan_b4/NEW/img/v2_telefono_rojo.png');
}

.empresas #formulario_fondo_1,
.empresas #formulario_fondo_2 {
    display: none;
}

.hogar #contacto .form-type-textarea textarea {
    min-height: 248px;
}

.empresas #contacto .form-type-textarea textarea {
    min-height: 316px;
}

.empresas #edit-actions,
.empresas #edit-actions--2,
.empresas #edit-actions--3 {
    display: flex;
    justify-content: flex-end;
}

.contacto__formulario {
    flex-basis: 69%;
}

.empresas .contacto__informacion {
    flex-basis: 31%;
    min-height: 533px;
}

.contacto__informacion {
    max-width: 300px;
}


.webform-confirmation {
    margin: 0 auto;
    padding: 0 16px;
}

.webform-confirmation__message {
    display: none;
}


.captcha__title {
    display: none;
}

.captcha__description {
    display: none;
}

.description.text-muted {
    display: none;
}

label[for="edit-captcha-response"],
label[for="edit-captcha-response--2"] {
    display: none;
}

.hogar .captcha,
.empresas .captcha {
    width: 49%;
    margin: 0px;
    max-width: 424px;
    padding-left: 24px;
    margin: 12px 0px 12px 0px
}

.captcha__element {
    display: flex;
    justify-content: center;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 250px;
    margin: 0 auto;
    gap: 8px;
}

.input-group .field-prefix {
    background-color: #FFF;
    border: none;
}

/* bootstrap */
@media (min-width: 576px) {}

/* bootstrap */
@media (min-width: 768px) {}

@media (min-width: 791px) {}

@media (min-width: 900px) {}

/* bootstrap */
@media (min-width: 992px) {
    .hogar .contacto__formulario {
        padding: 16px 0 0px 0;
    }

    .empresas .contacto__formulario {
        padding: 16px 0 0px 0;
    }

    .contacto {
        flex-direction: row;
        padding: 32px 16px 16px 16px;
        gap: 24px;
        justify-content: center;
        align-items: flex-start;
        margin: 0 auto;
    }

    #contacto form {
        flex-direction: row;
        padding: 0 40px 0px 40px;
        display: block;
        margin-top: 16px;
    }

    #contacto .form-type-textfield {
        width: 51%;
        /* margin-right: auto;
        margin-left: auto; */
    }

    .input-group {
        flex-wrap: nowrap;
    }

    #contacto .form-type-textarea {
        width: 49%;
        margin: 0px;
        max-width: 424px;
        padding-left: 24px;
        margin: 12px 0px 12px 32px;
    }

    #contacto .js-form-item-politica,
    #contacto .form-item-los-datos-personales-recolectados-a-traves-de-la-presente-y-o-en {
        margin: 24px 0 0 0;
        max-width: 285px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

    .hogar .contacto__informacion {
        min-width: 300px;
        max-width: 300px;
    }

    input#edit-captcha-response,
    input#edit-captcha-response--2 {
        width: 150px;
        height: 32px;
    }

    .js-form-item-captcha-response {
        justify-content: flex-start !important;
    }

    .empresas .captcha,
    .hogar .captcha {
        margin: 0;
        position: absolute;
        bottom: 70px;
        right: 40px;
        width: 255px;
    }

    .captcha__element {
        justify-content: flex-start;
    }

    .hogar #edit-actions,
    #edit-actions--3,
    .empresas #edit-actions,
    #edit-actions--3 {
        position: absolute;
        right: 40px;
        bottom: 26px;
    }
}

/* bootstrap */
@media (min-width: 1200px) {}

@media (min-width: 1366px) {
    .contacto {
        padding: 60px 16px 16px 16px;
        gap: 32px;
        align-items: stretch;
    }

    .contacto__formulario {
        max-width: 1011px;
        flex-basis: 75%;
    }

    #contacto form .v2_input_2025 {
        max-width: 405px;
    }

    label[for="edit-mensaje"] {
        left: 40px !important;
    }

    #contacto .form-type-textfield {
        justify-content: flex-start;
    }

    .hogar #edit-actions,
    .empresas #edit-actions,
    .empresas #edit-actions--3 {
        /* display: flex;
        justify-content: flex-end; */
        bottom: 23px;
    }

    .hogar .captcha,
    .empresas .captcha {
        bottom: 18px;
        right: 162px;
        width: 265px;
    }

    .contacto__informacion {
        flex-basis: 25%;
    }

    #contacto .js-form-item-politica,
    #contacto .form-item-los-datos-personales-recolectados-a-traves-de-la-presente-y-o-en {
        max-width: 400px;
    }
}

/* bootstrap */
@media (min-width: 1400px) {
    .contacto {
        padding: 60px 75px;
    }
}

@media (min-width: 1440px) {}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p {
    margin: 0;
    padding: 0;
}

h1 {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

input {
    margin: 0;
    padding: 0;
}

.hogar .mb-3 {
    margin-bottom: 0 !important;
}

.empresas .mb-3 {
    margin-bottom: 0 !important;
}

.form-check-label a {
    color: var(--v2_grey-dark) !important;
    font-weight: 700 !important;
}