/*
    Theme Name: Premier One
    Theme URI: 
    Author: Pablo César Ramírez
    Author URI:  
    Description: Theme Diseñado para el sitio Premier One
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: Premier
    Text Domain: premierone
*/
@font-face {
    font-family: Poppins;
    font-weight: 300;
    src: url(fonts/Poppins-Light.ttf);
}

@font-face {
    font-family: Poppins;
    font-weight: 400;
    src: url(fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: Poppins;
    font-weight: 600;
    src: url(fonts/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: Poppins;
    font-weight: 800;
    src: url(fonts/Poppins-Bold.ttf);
}



:root {


    /** Colors **/
    --azul-claro: #00BFC7;
    --azul-oscuro: #23557E;
    --gris-oscuro: #808080;
    --gris-claro: #ebebeb;
    --blanco: #fff;
    --negro: #000;

}

html {
    box-sizing: border-box;
    font-size: 62.5%;
    scroll-behavior: smooth;
    /* 10px = 1 rem */
}

body {
    background-color: #F6F8FC;
    margin: 0;
}

body form input.wpcf7-form-control {
    width: 90%;
}

@media (max-width: 700px) {
    body form input.wpcf7-form-control {
        width: 96%;
    }
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

/** Globales **/
p {
    color: var(--gris-oscuro);
    margin: 0;
}

a {
    text-decoration: none;
}

ul {
    color: var(--gris-oscuro);
    list-style: none;
    margin: 0;
    padding: 0;
}

img {
    display: block;
    height: auto;
    max-width: 100%;
}

hr {
    border: 1px solid var(--gris-claro);
}

p {
    color: #808080;
    font-family: 'Poppins';
    font-size: 1.6rem;
    font-weight: 400;
}

@media (max-width: 900px) {
    p {
        font-size: 1.6rem;
    }
}

header {
    align-items: center;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 8px 0px rgba(128, 128, 128, 0.20);
    display: flex;
    height: auto;
    min-height: 10rem;
    position: fixed;
    width: 100%;
    z-index: 10;
}

@media (max-width: 900px) {
    div#wpadminbar {
        position: fixed;
    }
}

main.contenedor.seccion {
    padding-top: 10rem;
}

/** Utilidades **/


.txt_blue {
    color: var(--azul-oscuro);
}

.shape {
    background: gray;
    display: none;
    height: 100vh;
    opacity: .1;
    position: fixed;
    top: 0;
    width: 100vw;
}

.square {
    border-radius: 1rem;
    padding: 1rem;
}

.square.gray {
    border: 2px solid var(--gris-oscuro);
}

.square.white {
    border: 2px solid var(--blanco);
}

.btn {
    cursor: pointer;
}

.dark-line {
    border: 1px solid var(--gris-oscuro);
}

/** Menu **/

.mobile {
    display: none;
}

.desktop {
    display: flex;
}

.toggle.menu,
.close_toggle {
    display: none;
}


@media (max-width: 900px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: flex;
    }
}

div.menu {
    align-items: center;
    color: #808080;
    display: flex;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600;
    justify-content: flex-end;
}


div.menu a:hover {
    color: #00BFC7;
}

div.menu nav .menu {
    display: flex;
    gap: 4rem;
    justify-content: space-between;
}

nav.nav_menu .menu li {
    position: relative;
}

div.menu nav .menu li a {
    color: var(--gris-oscuro);
    font-family: 'Poppins';
    font-size: 1.46rem;
    font-weight: 600;
    padding: 2rem 0rem 7rem;
    text-transform: uppercase;
}

div.menu nav .menu li a:hover {
    color: var(--azul-claro);
    text-decoration: none;
}

.sub-menu {
    display: none;
}

/* div.menu nav .menu li.menu-item-has-children:hover .sub-menu,
.sub-menu:hover {
    display: block;
} */

div.menu nav ul.menu ul {
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    min-width: 23rem;
    padding: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 80px;
}

@media (max-width: 900px) {
    div.menu nav ul.menu ul {
        text-align: left;
    }
}

div.toggle.menu nav .menu li a {
    padding: 2rem 0;
}

div.toggle.menu nav ul.menu ul {
    border-radius: 0;
    border-top: 3px solid var(--gris-oscuro);
    margin-top: 2rem;
    padding: 1rem 0;
    position: inherit;
    top: 0;
}

div.toggle.menu nav ul.menu li.menu-item-has-children.active {
    border-bottom: none;
    margin-bottom: -3rem;
    padding-bottom: 1rem;
}


div.menu nav ul.menu ul a {
    color: #808080;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 10px;
}

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

.close_toggle {
    color: white;
    position: absolute;
    right: 4rem;
    top: 13rem;
}

.toggle.menu {
    background: white;
    border-radius: 0.8rem;
    max-height: 75vh;
    overflow-y: auto;
    position: fixed;
    top: 20rem;
}

@media (max-width: 900px) {
    .logged-in .toggle.menu {
        top: 25rem;
    }
}

.toggle.menu nav.nav_menu ul.menu {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    gap: 0px;
    justify-content: center;
    padding: 60px 30px 20px 30px;
    width: calc(100vw - 5rem);
}

.toggle.menu nav.nav_menu ul.menu li {
    border-bottom: 3px solid var(--gris-oscuro);
    float: right;
    padding: 2.4rem 0;
    width: 100%;
}

.toggle.menu nav.nav_menu ul.menu li .sub-menu li {
    width: 90%;
}

/**----**/
.frame_ddicon {
    cursor: pointer;
    display: inline-flex;
    height: 2rem;
    position: absolute;
    width: 2.2rem;
}

@media (max-width: 900px) {
    .frame_ddicon {
        border: 2px solid var(--gris-oscuro);
        border-radius: 1rem;
        padding: 1rem;
        right: 0;
    }
}

li.menu-item-has-children span.dropdown-icon {
    background-color: var(--gris-oscuro);
    border-radius: 4rem;
    display: inline-block;
    height: 0.145rem;
    margin: 0.8rem 0;
    position: absolute;
    transition: .3s;
    width: 1rem;
}

@media (max-width: 900px) {
    span.dropdown-icon {
        top: .2rem;
    }
}

span.dropdown-icon.left,
.toggle.menu span.dropdown-icon.left.normal {
    left: 0.3rem;
    transform: rotate(45deg);
}

li.menu-item-has-children:hover span.dropdown-icon.left,
.toggle.menu span.dropdown-icon.left.active {
    transform: rotate(135deg);
}

span.dropdown-icon.right,
.toggle.menu span.dropdown-icon.right.normal {
    left: 1rem;
    transform: rotate(-45deg);
}

li.menu-item-has-children:hover span.dropdown-icon.right,
.toggle.menu span.dropdown-icon.right.active {
    transform: rotate(-135deg);
}

@media (max-width: 900px) {

    span.dropdown-icon.left,
    .toggle.menu span.dropdown-icon.left.normal {
        left: 0.22rem;
    }

    span.dropdown-icon.right,
    .toggle.menu span.dropdown-icon.right.normal {
        left: 0.9rem;
    }
}

ul.sub-menu li {
    border-bottom: 2px solid var(--gris-oscuro);
    padding: 1rem 0;
}

ul.sub-menu li:last-child,
/*.toggle.menu nav.nav_menu ul.menu li:last-child,*/
.toggle.menu nav.nav_menu ul.menu li ul.sub-menu li:last-child {
    border: none;
}


/* Agrega la clase 'show' para mostrar el menú desplegable */
.dropdown.show .dropdown-content {
    display: block;
}


.dropdown-toggle::after {
    display: none;
}

/* Cambia el color del SVG cuando se hace hover sobre el enlace */
.nav-link.dropdown-toggle:hover svg path {
    stroke: #00BFC7;
    /* Cambia "your-hover-color" al color deseado */
}

nav {
    gap: 40px;
}

.banner {
    object-fit: cover;
    width: 100%;
}

.contenedor-about {
    align-items: center;
    gap: 20px;
    margin-top: 2rem;
    padding: 2rem;
}

.padding-6 {
    padding: 6rem;
}

@media (max-width: 700px) {
    .padding-6 {
        padding: 2rem;
    }
}

.title-contact-modal,
.contenedor-about h2 {
    color: #23557E;
    font-family: 'Poppins';
    font-size: 48px;
    font-weight: 800;
    margin: 0 0 3rem 0;
}

@media (max-width: 900px) {
    .contenedor-about h2 {
        font-size: 3.84rem;

        text-align: center;
    }

    .contenedor-about p {
        margin: 3rem 0;
    }
}

.title-contact-modal span,
.contenedor-about h2 span {
    color: #00BFC7;
}


.contenedor-servicios {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.contenedor-servicios .row {
    gap: 1.5rem;
    justify-content: center;
    width: 100%;
}

@media (max-width: 900px) {
    .contenedor-servicios .row {
        gap: 1rem;
        width: 80%;
    }
}

.padding-t-b-6.related-posts {
    padding-top: 0;
}

.contenedor-servicios .row .col-lg-3 {
    flex: 0 0 24%;
}



@media (max-width: 900px) {
    .contenedor-servicios.page-blog .row .col-lg-3 {
        flex: 0 0 23%;
    }

    .contenedor-servicios .row .col-12 {
        flex: 0 0 100%;
    }

}

@media (max-width: 700px) {
    .contenedor-servicios.page-blog .row .col-12 {
        flex: 0 0 100%;
    }
}

.contenedor-blog {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding-bottom: 4rem;
}

.contenedor-s-inicio {
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
    margin: 0 auto;
}

@media (max-width: 900px) {
    .contenedor-s-inicio {
        flex-wrap: wrap;
    }
}

.servicios {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    padding: 2rem 0;
}

@media (max-width: 900px) {
    .servicios {
        margin: 3rem 0;
    }
}

.servicios:hover {
    box-shadow: 0px 4px 8px 0px rgba(128, 128, 128, 0.20);
}

.servicios h4 {
    color: #23557E;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 900px) {
    .servicios h4 {
        font-size: 2.5rem;
    }
}

.servicios p {
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0 15px;
    text-align: center;
}

@media (max-width: 900px) {
    .servicios p {
        font-size: 1.5rem;
    }
}

.servicios a {
    background: #23557E;
    border-radius: 4px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    line-height: normal;
    padding: 9px 60px;
    text-align: center;
}

.servicios a:hover {
    background: #00BFC7;
    color: #fff;
}

#call-us {
    padding: 4rem 0;
}

.call-us {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 400px;
    object-fit: cover;
    position: relative;
}

.call-us-text {
    position: absolute;
    text-align: center;
    top: 60%;
}

.call-us-text h3 {
    color: #fff;
    font-family: 'Poppins';
    font-size: 48px;
    font-weight: 800;
}

.call-us-text h3 span {
    color: #00BFC7;
}

.call-us-text a.btn {
    background: #23557E;
    border-radius: 4px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    line-height: normal;
    padding: 9px 60px;
    text-align: center;
}

.call-us-text a.btn:hover {
    background: #00BFC7;
    color: #fff;
}

.boton-call {
    background: #23557E;
    border-radius: 4px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    line-height: normal;
    padding: 9px 60px;
    text-align: center;
}

.boton-call:hover {
    background: #00BFC7;
    color: #fff;
}

@media (max-width: 900px) {
    .call-us .img-fluid {
        height: 40rem;
        object-fit: cover;
        object-position: 60% 0;
        width: 100%;
    }
}

footer {
    align-items: center;
    background-color: #fff;
    display: flex;
    padding: 4rem 2rem 1rem;
    width: 100%;
}

footer .row div {
    position: initial;
}

@media (max-width: 700px) {
    footer {
        padding: 2rem 1rem;
    }
}

.contenido-ventana ul br {
    display: none;
}

.contenido-ventana ul,
footer ul {
    list-style: inside;
    padding: 1rem 0.5rem;
}

.contenido-ventana ul li::marker{
    padding: 0px !important;
}

.textwidget {
    font-size: 1.2rem;
}

.contenedor-footer {
    gap: 20px;
}

footer h4 {
    color: #808080;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

footer p,
.textwidget {
    color: #808080;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 700px) {
    footer {
        text-align: center;
    }

    footer .col-12 {
        margin: 2rem 0;
    }

    footer img {
        margin: auto;
    }
}

.copy {
    background-color: #00BFC7;
    color: #fff;
    margin: 0;
    padding: 10px;
    text-align: center;
}

@media (max-width: 900px) {
    .copy {
        padding: 1rem 8rem;
    }
}

.copy p {
    color: #FFF;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    text-align: center;
}

.copy a {
    color: white;
    font-weight: bold;
}

.contenedor-sba {
    padding: 4rem 0rem;
    width: 70%;
}

@media (min-width: 900px) {
    .contenedor-sba {
        padding: 4rem 0rem 7rem;
    }
}

@media (max-width: 900px) {
    .contenedor-sba {
        width: 80%;
    }
}

.sba {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: space-evenly;
    padding: 2rem 0;
    width: 50%;
}

.sba:hover {
    box-shadow: 0px 4px 8px 0px rgba(128, 128, 128, 0.20);
}

.sba-ch {
    height: fit-content;
    justify-content: flex-start;
}

.sba h4 {
    color: #23557E;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    padding: 0 20px;
    text-align: center;
}

.sba p {
    font-family: Poppins;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0 2rem;
    text-align: center;
}

.sba a.btn {
    background: #23557E;
    border-radius: 4px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    line-height: normal;
    padding: 9px 60px;
    text-align: center;
}

.sba a.btn:hover {
    background: #00BFC7;
    color: #fff;
}

.about-sub,
.about-sub-2 {
    color: #808080;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-align: center;
}



.blog_card {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    padding: 0;
    width: 23%;
}

@media (max-width: 700px) {
    .blog_card {
        margin-bottom: 3rem;
    }
}

.blog_card h4,
.blog_card a {
    padding: 1rem;
}

.blog_card:hover {
    box-shadow: 0px 4px 8px 0px rgba(128, 128, 128, 0.20);
}

.blog_card-sub {
    color: #808080;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.blog_card h4 {
    color: #808080;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

.blog_card a {
    background: #23557E;
    border: 1px solid #23557E;
    border-radius: 4px;
    color: #FFF;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    line-height: normal;
    margin-bottom: 20px;
    padding: 4px 10px;
    text-align: center;
}

@media (max-width: 900px) {
    .blog_card a {
        font-size: 1rem;
        margin: 1rem 0 2rem 0;
        padding: 0.5rem 1rem;
    }
}

@media (max-width: 700px) {
    .blog_card a {
        font-size: 1.2rem;
    }
}

.blog_card a:hover {
    background: #00BFC7;
    color: #fff;
}

.blog_card img {
    width: 100%;
}


.contenedor-entrada {
    padding: 2rem 8rem;
}

@media (max-width: 900px) {
    .contenedor-entrada {
        padding: 2rem 3rem;
    }
}

.titulo-entrada {
    color: #23557E;
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 56px;
}

.titulo-entrada span {
    color: #00BFC7;
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 56px;
    /* 116.667% */
}

@media (max-width: 700px) {

    .titulo-entrada,
    .titulo-entrada span {
        font-size: 3.8rem;
        margin-bottom: 2rem;
        text-align: center;
    }
}

.fecha-entrada {
    color: #808080;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 2rem;
}

.texto-1-entrada {
    color: #808080;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.subtitulo-entrada {
    color: #23557E;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.p-entrada {
    color: #808080;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

body .boton-return.btn {
    background: #23557E;
    border: 1px solid #23557E;
    border-radius: 4px;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 9px 60px;
    text-align: center;
}

body .boton-return.btn:hover {
    background: #00BFC7;
    color: #fff;
}

.servicios-2 {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    padding: 2rem 1rem;
    width: 23%;
}

.servicios-2:hover {
    box-shadow: 0px 4px 8px 0px rgba(128, 128, 128, 0.20);
}

.servicios-2 h4 {
    color: #23557E;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
}

.servicios-2 p {
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0 15px;
    text-align: center;
}

.servicios-2 a.btn {
    background: #23557E;
    border-radius: 4px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    line-height: normal;
    padding: 9px 60px;
    text-align: center;
}

.servicios-2 a.btn:hover {
    background: #00BFC7;
    color: #fff;
}

.padding-t-b-6 {
    padding: 6rem 0 10rem;
}

.banner-broker {
    height: 420px;
    object-fit: cover;
    object-position: 60% 0;
    width: 100%;
}

.iconos {
    background-color: #23557e;
    border-radius: 4px;
    padding: 18px;
}

@media (max-width: 700px) {
    .contact-block {
        margin: 0;
    }
}

.contact-block ul {
    list-style: inside;
    padding: 1rem 3rem;
}

.contact-block p {
    margin: 2rem 0;
}

.contact-form {
    /* align-content: center; */
    align-items: center;
    background: #FFF;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    /* gap: 16px; */
    /* height: 341px; */
    justify-content: center;
    width: 100%;
}

.contact-form .row {
    width: 100%;
}

label.radio_label,
.contact-form input {
    align-items: center;
    background: #F6F8FC;
    border: 1px solid #00BFC7;
    border-radius: 4px;
    display: flex;
    flex-shrink: 0;
    font-family: 'Poppins';
    gap: 8px;
    margin: 8px;
    padding: 7px 10px;
    width: calc(100% - 15px);
}

.contact-form textarea {
    align-items: flex-start;
    background: #F6F8FC;
    border: 1px solid #00BFC7;
    border-radius: 4px;
    display: flex;
    font-family: 'Poppins';
    gap: 8px;
    height: 104px;
    margin: 8px;
    padding: 14px 10px;
    width: 96.5%;
}

.contact-form input[type="submit"] {
    align-items: center;
    background: #23557E;
    border: 1px solid #23557E;
    border-radius: 4px;
    color: #FFF;
    display: flex;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    justify-content: center;
    line-height: normal;
    margin: 0 auto;
    padding: 9px 60px;
    text-align: center;
}

.texto-broker,
.contact-block ul {
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}

p.texto-broker {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.texto-contacto {
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

/* Estilos para las ventanas emergentes */
.ventana-emergente {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

.contenido-ventana {
    background-color: white;
    border-radius: 8px;
    max-height: 90%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    width: 90%;
}

.contenido-ventana ul {
    color: #808080;
    font-size: 1.2rem;
}

@media (max-width:900px) {
    .contenido-ventana {
        margin-top: 6rem;
        padding: 3rem;
    }
}

.cerrar-ventana {
    background: none;
    border: none;
    left: 95%;
    position: absolute;
    top: 1%;
}

@media (max-width:900px) {
    .cerrar-ventana {
        left: 90%;
        top: 10%;
    }
}

@media (max-width: 700px) {
    .cerrar-ventana {
        left: 85%;
        top: 2rem;
    }
}

/* ... (otros estilos) ... */

.item-1-ventana {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    /* justify-content: space-evenly; */
    padding: 2rem 0;
    width: 50%;
}

.item-1-ventana h4 {
    color: #00BFC7;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 32px 0 20px 0;
    text-align: center;
}

.item-1-ventana p {
    color: #808080;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    width: 90%;
}

a.item-1-ventana-btn1.btn {
    background: #23557E;
    border-radius: 4px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    gap: 10px;
    line-height: normal;
    padding: 9px 60px;
    text-align: center;
    width: 200px;
}

a.item-1-ventana-btn1.btn:hover {
    background: #00BFC7;
    color: #fff;
}

a.btn.item-1-ventana-btn2 {
    background: #D9D9D9;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    color: #23557E;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.32px;
    line-height: normal;
    padding: 9px 60px;
    text-align: center;
    width: 200px;
}

a.btn.item-1-ventana-btn2:hover {
    background: #00BFC7;
    color: #fff;
}


.item-2-ventana {
    background: rgba(217, 217, 217, 0.40);
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    padding: 2rem;
}

@media (max-width: 900px) {
    .item-2-ventana {
        margin: 0;
    }
}

.item-2 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    padding: 5px 9px;
}

.item-2 h4 {
    color: #808080;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.item-2 p {
    color: #808080;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 1rem 0 2rem;
}

.item-2 p:empty {
    display: none;
}

.item-2 h4 span {
    margin-right: 5px;
}

/** Form principal **/
#principal_form div.container {
    max-width: 1200px;
}

#principal_form input,
#principal_form label.radio_label,
#principal_form textarea {
    margin: 8px 0;
}

.title_form {
    font-family: 'Poppins';
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 2.4rem;
}

p.txt_form {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.8rem;
}

.contact-form input[type="radio"] {
    display: none;
}

label.radio_label {
    color: var(--gris-oscuro);
    cursor: pointer;
    position: relative;
}

label.radio_label.active {
    background: var(--azul-claro);
    color: var(--blanco);
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

i.fa-solid.fa-check {
    border: 2px solid white;
    border-radius: 4px;
    color: white;
    display: none;
    font-size: 1.1rem;
    padding: 3px;
    position: absolute;
    right: 1rem;
}

.contact-form .row {
    margin: 0 0 2rem;
}

#principal_form .contact-form textarea {
    height: 110px;
}

#principal_form input.btn:hover {
    background: #00BFC7;
    color: #fff;
}

.swal2-container.swal2-backdrop-show {
    z-index: 100001;
}

.swal2-popup.swal2-show {
    font-size: 1.3rem;
}

.swal2-success-circular-line-left,
body div:where(.swal2-icon).swal2-success .swal2-success-fix,
.swal2-success-circular-line-right {
    z-index: -1;
}

/** Contact modal **/
@media (min-width: 900px) {
    #contact_form .contenido-ventana {
        width: 50%;
    }
}

/** Loader **/

.loader {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid var(--azul-claro);
    display: none;
    height: 4rem;
    width: 4rem;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/** Phone header **/ 
.col-lg-8.menu a,
.text-center.phone-icon a{
    color: var(--gris-oscuro);
}

.col-lg-8.menu i.fa-solid.fa-phone {
    margin: 0 0 0 15px;
    font-size: 1.6rem;
    cursor: pointer;
}

.text-center.phone-icon {
    margin: 20px 0px 30px 0;
}

body .tooltip-inner {
    background-color: #23557E;
    font-family: 'Poppins';
    font-size: 1.4rem;
    padding: 1rem;
}