/*
Theme Name: hello-elementor-child
Template: hello-elementor
*/

/* COLORRES GLOBALES */
:root {
    --primary-color: #367C7E;
}
/* FORMULARIO FOOTER */
.form-footer{
    width: 94%;
}
.form-footer input{
    background-color: transparent;
    color: white;
    border: 0 !important;
    border-bottom: 1px solid white !important;
    padding-left: 0px !important;
}
.form-footer input::placeholder{
    color: white !important;
}
.btn-form-footer input{
    color: var(--primary-color);
    background-color: white;
    border: 0px;
    border-radius: 30px;
    margin-top: 10px;
}
.form-footer input:focus-visible{
    outline: none;
}
.btn-form-footer input:hover{
    color: var(--primary-color);
    background-color: white;
    scale: 1.1;
}
.acept-footer input{
    background-color: var(--primary-color);
}
.acept-footer .wpcf7-list-item{
    margin: 0;
}
.acept-footer .wpcf7-list-item-label{
    color: white;
    font-size: 0.5rem;
}
.acept-footer a{
    color: white;
    font-weight: 600;
    text-decoration: underline;
}
.acept-footer a:hover{
    color: white;
}

/* FORMULARIO DE CONTACTO */
.form-contacto{
    width: 100%;
}
.form-contacto input{
    background-color: #C4DBDD;
    border: 0 !important;
}
.form-contacto textarea{
    background-color: #C4DBDD;
    border: 0;
}
.form-contacto textarea{
    height: 110px !important;
}
.form-contacto input::placeholder{
    color: #314B5F;
}
.form-contacto textarea::placeholder{
    color: #314B5F;
}
.btn__form-contacto input{
    float: right;
    width: 24%;
    background: #314B5F;
    color: white;
    border: 0;
    border-radius: 9px;
    padding: 4px;
    font-weight: bold;
}
.acept__form-contacto{
    /* font-family: "Barlow regular"; */
    font-size: .8rem;
    color: #314B5F;
}
.acept__form-contacto wpcf7-list-item{
    margin-left: 0 !important;
}
.acept__form-contacto a{
    font-weight: bold;
    color: #314B5F;
}

/* Query para cambiar el color del titulo en movil */
@media screen and (max-width: 767px){
    .h2-contacto-movil h1{
        color: var(--primary-color) !important;
    }
}


/* PLANOS */

.contenedor-verde{
    height: 364px;
    /* background: var(--primary-color); */
    position: relative;
    top: -1px;
}
.content-planos{
    margin-top: -320px;
    position: relative;
    padding: 0px 20px;
}

@media screen and (min-width: 767px){
    .contenedor-verde{
        height: 450px;
    }
    .content-planos{
        margin-top: -420px;
    }
}
@media screen and (min-width: 1024px){
    .contenedor-verde{
        /* height: 620px; */
        height: 650px;
        top: -200px;
    }
    .content-planos{
        margin-top: -630px;
        position: relative;
        padding: 0px 20px;
    }
    .escalera{
        /* padding-left: 20% !important; */
    }
}

@media screen and (min-width: 1024px){
    .planos{
        padding-top: 200px;
    }
    .mg-top-40{
        margin-top: 40px;
    }
}

.aviso {
    text-align: center;
    font-family: 'Ubuntu Bold';
    font-size: 0.8rem;
}

.aviso-planos-especial {
    position: absolute;
    top: calc(100% - -3px);
    left: calc(100% - 358px);
    color: white;
}

.descripcion {
    text-align: center;
}

.descripcion h1 {
    font-family: 'PlayFairDisplay SemiBold';
    /* font-size: 2.8rem; */
    font-size: 36px;
    margin-top: 40px;
    margin-bottom: 40px;
    color: var(--primary-color);
    /* color: white; */
}
.home h1.elementor-heading-title {
    font-family: 'PlayFairDisplay Semibold'!important;
}

.planos .descripcion {
    padding-top: 20px;
}

.contenedor-planos {
    background-color: var(--color-principal);
    padding: 34px 20px 22px;
}

.contenedor-interior {
    background-color: #dcdad8;
    padding: 14px 14px 0;
    margin: 0 auto;
    max-width: 660px;
}

.botonera {
    position: relative;
    padding: 18px 0;
}

.navegar {
    display: flex;
    margin-left: 20px;
    width: 86px;
    justify-content: space-between;
}

#izquierda,
#derecha,
#descarga-pdf,
#ver-imagen {
    background-repeat: no-repeat;
    background-position: center center;
}

#izquierda,
#derecha,
#ver-imagen {
    cursor: pointer;
}

#izquierda,
#derecha {
    width: 26px;
    height: 30px;
    display: block;
}

#izquierda:hover,
#derecha:hover {
    transform: scale(1.3);
}

#izquierda {
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/iconos/flecha-izquierda.svg');
}

#derecha {
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/iconos/flecha-derecha.svg');
}

.otras-opciones {
    position: absolute;
    right: 0;
    top: 9px;
}

#descarga-pdf,
#ver-imagen {
    display: inline-block;
    vertical-align: middle;
}

#descarga-pdf {
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/iconos/pdf.svg');
    width: 38px;
    height: 48px;
}

#ver-imagen {
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/iconos/agrandar.svg');
    width: 32px;
    height: 32px;
    margin: 0 6px 0 8px;
}

.menu-planos {
    /* text-align: center; */
    margin: 40px 0;
    padding: 0px 20px;
    text-align: -webkit-center;
}

.content-plantas ul {
    width: 90%;
    margin: auto;
}

.content-plantas {
    /* text-align: left; */
}

.menu-planos strong {
    font-family: 'Barlow regular';
    font-size: 24px;
    line-height: 29px;
    display: block;
    width: 90%;
    /* margin: auto; */
    margin-bottom: 10px;
}

.menu-planos ul li{
    font-family: 'Barlow regular';
}

.escalera:not(:last-child) {
    margin-bottom: 30px;
}

.color-fase{
    color: #FDC73B;
    font-family: 'Barlow regular';
}
.color-conjunto{
    color: var(--primary-color);
    font-family: 'Barlow regular';
}
.clase-planta{
    font-size: 17px !important;
    margin-bottom: 0px !important;
    text-decoration: underline;
}

.escalera ul {
    font-size: 18px;
    line-height: 29px;
    margin-top: 3px;
    padding: 0;
}

.escalera li {
    display: inline;
    cursor: pointer;
}

.escalera li:hover,
.escalera .elemento-activo {
    font-weight: bold;
}

/* Ocultar Modal */
.modal-dialog{
    max-width: 100% !important;
}
#myModal{
    display: none;
}

/* Nota informativa Footer */
.nota-informativa-2 {
    text-align: left;
  font-size: 0.6rem;
  color: white;
  line-height: 0.8rem
  }
  .nota-informativa-footer .col-lg-2 {
    border-right: 5px solid white;
    position: relative;
    right: 1rem;
  }
  .nota-informativa-1 {
    text-align: right;
  font-weight: bold;
  color: white;
  margin: 0px;
  font-size: 1.5rem;
  line-height: 1.2em;
  }