/*=====GENERAL=====*/
/*@import url("https://use.typekit.net/dev0rbg.css");*/
:root {
  --educa: #1e90ff;
  --salud: #ffffff;
  --micro: #e8be85;
  --micro-l: #FAE3CD;
  --micro-d: #E67505;
  --artes: #ffffff;
  --agrop: #1e90ff;
  --fores: #1e90ff;
}

form.post-password-form {
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#grve-main-content .grve-container {
    padding: 0 !important;
}
.grve-flex-row > .grve-row {
    display: flex;
}
.texto-blanco * {
    color: #fff !important;
}
.texto-sombra * {
    text-shadow: 0px 0px 4px rgb(0 0 0 / 15%);
}

.btn-lp {
    font: normal 700 18px/26px 'gotham-bold', sans-serif !important;
    letter-spacing: normal;
    padding: 12px 35px 10px;
    border-radius: 50px;
}
.btn-lp:hover {
    background-color: #005f93 !important;
}
.btn-lp.btn-blanco {
    background-color: #fff;
    font: normal 700 18px/26px 'gotham-bold', sans-serif !important;
    letter-spacing: normal;
    padding: 12px 35px 10px;
    display: flex;
    justify-content: center;
    width: fit-content;
}
.btn-lp.btn-blanco:hover {
    background-color: #006194;
    color: #fff !important;
}

/*=====COLORES=====*/

.bg-micro, .beneficios-row.micro {
    background-color:var(--micro-l);
}
.col-ofi.micro,
.btn-lp.micro, 
input.wpcf7-submit:not(:hover),
.acciones-row.micro .btn-read-more,
.acciones-row.micro .col-presu {
    background-color:var(--micro-d);
}
.grve-text:not(.texto-blanco) p.pre-title.micro,
.col-presu .grve-btn,
.col-tt.micro h3 {
    color: var(--micro-d) !important;
}
/*=====TIPOGRAFIAS=====*/

body p {
    color: #666 !important;
}

h2 {
    color: #005f93 !important;
}
.grve-text p {
    font-size: 18px;
}
.pre-title {
    font-size:24px !important;
    line-height: 34px;
    margin-bottom: 10px !important;
}

/*=====BANNER-INICIAL=====*/

.testimonial-box {
    background-color: #fff !important;
    border-radius: 20px;
    padding: 15px;
    display: flex;
    align-items: center;
    margin-top: 100px;
}
.testimonial-text p {
    font-size: 18px;
    line-height: 26px;
    color: #006194 !important;
}
.testimonial-box img {
    max-width: 90px;
}

/*=====FUNDAP=====*/

.icon-fundap {
    max-width: 150px;
    margin-left: 0 !important;
    margin-bottom: 25px !important;
}

/*=====CONTADORES=====*/

.counter-fundap .grve-counter-content > * {
    text-align: left;
}
.counter-fundap .grve-counter-item span {
    font: normal 600 75px/85px neue-haas-grotesk-display, sans-serif !important;
    color: #005f93;
}
.counter-fundap .grve-counter-title {
    font: normal 400 18px/26px 'gotham', sans-serif !important;
    color: #666 !important;
}

/*=====ACCIONES=====*/

.acciones-box {
    box-shadow: 0px 0px 3px 2px rgb(249 222 210 / 60%);
    margin: 15px 0 !important;
}
.acciones-box .grve-image {
    width: 100% !important;
}
.acciones-box .grve-content {
    width: 100% !important;
    padding: 20px 30px !important;
}
.acciones-box h3 {
    font-size: 24px;
    color: #006194 !important;
}
.acciones-box p {
    min-height: 160px;
}
.grve-read-more.btn-read-more {
    padding: 10px 35px 8px;
    border-radius: 50px;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: 'gotham-bold';
    color: #fff !important;
    letter-spacing: normal !important;
    display: inline-block;
}
.btn-read-more:hover {
    background-color: #006194 !important;
}
.col-presu {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 30px;
}
.row-presu {
    display: flex !important;
    margin: 15px 0px !important;
}
.col-prepresu {
    display: flex;
}
.col-presu .grve-btn {
    background-color: #fff;
    font: normal 700 18px/26px 'gotham-bold', sans-serif !important;
    letter-spacing: normal;
    padding: 12px 35px 10px;
    display: flex;
    justify-content: center;
    max-width: 280px;
    margin: auto;
}
.col-presu .grve-btn:hover {
    background-color: #006194;
    color: #fff !important;
}
.col-presu h3 {
    font-size: 24px;
}
.col-presu p, .acciones-box p {
    font-size: 18px !important;
    line-height: 26px;
    font-family: 'gotham' !important;
    font-weight: 400;
}

/*=====TESTIMONIOS=====*/

.col-tt {
    padding: 30px !important;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

/*=====OFICINAS=====*/

.col-ofi {
    padding: 50px !important;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}
.title-oficina {
    margin-bottom: 0;
    font-size: 24px;
} 
.ciudad-oficina {
    font-size: 16px;
    line-height: 24px;
    font-family: 'gotham-bold';
}
.data-oficina {
    list-style: none;
    margin-left: 0;
}
.data-oficina li > * {
    display:inline-block;
}
.data-oficina i {
    min-width:20px;
    font-size:18px;
    margin-right:10px;
}
.data-oficina li:not(#email) span {
    font-family: 'gotham';
    font-weight: 400 !important;
}
.ciu-oficina {
    font-size: 20px;
    margin-bottom: 3px;
}
.dep-oficina {
    font-size: 13px !important;
    line-height: 13px;
    font-weight: 100;
    margin-bottom: 15px !important;
}
.wpb_column:not(.col-ofi) .data-oficina li#ubicacion {
    line-height: 20px;
}

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

form p {
    display: flex;
    flex-wrap: wrap;
}
form p > label {
    width: calc(50% - 15px);
    font: normal 400 18px/26px 'gotham', sans-serif !important;
    text-transform: none;
    margin-right: 15px;
    color:#808080;
}
form input[type="text"], form input[type="tel"], form select {
    background-color: #fff !important;
    height: 50px;
    margin-bottom: 20px !important;
    border: none;
    font-size: 16px !important;
    font-family: 'gotham-regular';
    color:#999;
}
span.plazo, span.plazo > span {
    width: 100% !important;
    display: flex;
    justify-content: space-around;
}
span.required {
    color: red;
    margin-left: 2px;
}
.monto::before {
    content: "Q.";
    display: block;
    position: absolute;
    z-index: 10;
    top: 35px;
    left: -55px;
}
.monto input {
    padding-left: 35px !important;
}
.plazo .wpcf7-list-item-label {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    text-transform: none;
    color: #808080;
}
span.ajax-loader {
    display: none;
    position: absolute !important;
}

/*======RESPONSIVE======*/

h1.mobile, h2.mobile {
    display:none;
}

@media all and (max-width:425px) {
    .grve-flex-row > .grve-row {
        flex-direction: column;
    }
    .banner-lp {
        padding-top:125px !important;
        padding-bottom:340px !important;
        background-color: #79c2f1;
    }
    .banner-lp .grve-bg-image {
        background-position: 70% 100%;
        background-size: 170%;
    }
    .grve-row.testimonial-box {
        flex-direction:column;
        padding:30px 30px 10px;
        width: 98%;
        margin:auto;
    }
    .pre-title {
        font-size:18px !important;
        line-height:26px;
    }
    .btn-lp {
        width:100% !important;
    }
    h1.mobile, h2.mobile {
        display:block;
    }
    h1.desktop, h2.desktop {
        display:none;
    }
    .grve-text p {
        font-size: 16px !important;
    }
    .ofi-row:not(.last) {
        margin-bottom: 0;
    }
    .ofi-row.last {
        padding-bottom: 0 !important;
    }
    .ofi-row > .grve-row {
        display:flex;
        flex-wrap:wrap;
    }
    .ofi-row > .grve-row > .wpb_column {
        width:50%;
        padding-right: 40px;
        padding-bottom:30px;
    }
    form p > label {
        width:100%
    }
    .plazo .wpcf7-list-item {
        width: 33%;
    }
    span.plazo, span.plazo > span {
        flex-wrap: wrap;
        padding-top: 10px;
    }
}