html{
    overflow-x: hidden;
}

body{
    font-size: 10px;
    font-family: 'Rubik', sans-serif;
}

.container{
    max-width: 65%;
    margin: 0 auto;
}

.titulo-1{
    margin-bottom: 25px;
/*    color: #B84040;*/
    font-size: 1.9em;
    font-weight: 500;
}

.sub-titulo-1{
    font-size: 5em;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.2em;
    font-family: 'Poppins', sans-serif;
}

.sub-titulo-1 span{
    color: #223645;
}

.titulo-2{
    margin-bottom: 25px;
    color: #647589;
    font-size: 1.9em;
    font-weight: 500;
}

.sub-titulo-2{
    font-size: 6em;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.2em;
    color: #223645;
    font-family: 'Poppins', sans-serif;
}

.no-padding {
  padding: 0 !important;
}

.small-logo {
  width: 250px !important;
}

/******************************* HEADER  ******************************/
.main-header{
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000000;
}

.main-logo{
    max-width: 300px;
    width: 300px;
}

/****************************** TOP BAR ********************************/
.top-bar{
    background: #f3f6ff;
}

.top-bar>div{
    display: flex;
    align-items: center;
/*    justify-content: space-between;*/
}

.top-bar div span{
    margin-right: 55px;
    color: #647589;
    font-size: 1.4em;
}

.top-bar div div{
     display: flex;
}

.top-bar div div svg{
    margin-right: 5px;
    color: #647589;
    width: 17px;
    vertical-align: middle;
    padding-bottom: 5px;
}


.aplicar-cta{
    display: inline-block;
    margin-left: auto;
    background: #789D4A;
    font-size: 1.1em;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    font-weight: 500;
    letter-spacing: 1.4px;
    padding: 20px;
    border-radius: 6px;
}


/****************************** NAV ********************************/
.main-nav{
    background: white;
}

.main-nav .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.main-nav .container ul{
    margin-left: auto;
/*    display: flex;*/
/*    flex-direction: row;*/
}

.main-nav .container ul li{
    font-size: 1.45em;
    font-weight: 500;
    padding: 0 20px;
    display: inline-block;
}

.main-nav .container ul li a{
    color: #647589;
    text-decoration: none;
}

.main-nav .container ul li a:hover{
    color: #8fb569;
    transition: .2s;
}

.is-sticky{
    position: fixed;
    background: white;
    align-content: center;
    margin: 0 auto;
    width: 100%;
    top: 0;
    animation: slideDown 0.5s ease-out;
    z-index: 10000000;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    height: 80px;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

.trabajos-slider .owl-stage-outer{
/*    transition-timing-function: linear !important;*/

}
/****************************** MAIN ********************************/
main{
    background-image: url(../img/portada.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 100vh;
}

main .container{
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

main .container .bloque{
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
    background: #ffffffe8;
    padding: 55px 55px;
    max-width: 540px;    
    color: #223645;
    margin-top: 140px;
}

main .container .bloque h1{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
/*    text-transform: capitalize;*/
    letter-spacing: -1px;
    font-size: 6.3em;
    line-height: 1.2em;
    margin-bottom: 25px;
}

main .container .bloque p{
    font-size: 1.9em;
    line-height: 1.7em;
    margin-bottom: 40px;
    color: #4f5a67;;
}

main .container .bloque a{
    font-size: 1.4em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1px;
    color: white;
    border-radius: 30px;
    padding-left: 67px;
    padding-right: 31px;
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #789D4A;
    box-shadow: 0px 8px 16px 0px #789d4a70;
    position: relative;
    display: inline-block;
}

main .container .bloque a span:nth-child(1){
    position: absolute;
    left: 5px;
    text-align: center;
    width: 50px;
    height: 50px;
    top: 5px;
    line-height: 50px;
    background: #fff;
    transition: .3s;
    font-size: 20px;
    font-weight: 600;
    color: #223645;
    border-radius: 100%;
}

main .container .bloque a:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.2s;
}


main .container .bloque a:hover span:nth-child(1){
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.2s;
    color: #789D4A;
    font-size: 1.6em;
}


/****************************** QUIENES SOMOS ********************************/

.quienes-somos{
    padding: 120px 0;
    background: white;
}

.quienes-somos .container{
    display: flex;
    flex-direction: row-reverse;
    gap: 50px;
}

.quienes-somos .container img{
    max-width: 450px;
    box-shadow: 0px 16px 32px 0px rgba(205, 203, 255, 0.4);
    border-radius: 5px;
}

.quienes-somos p{
    font-size: 1.9em;
    line-height: 1.8em;
}

.quienes-somos p{
    margin-bottom: 20px;
}

.quienes-somos .sub-titulo-1{
    color: #223645;
}

.quienes-somos .container div:nth-child(1) img{
    position: relative;
    max-width: 100%;
}

/*
.quienes-somos .container div:nth-child(1) a{
    background: #8fb569;
    padding: 28px 25px;
    color: white;
    font-size: 2em;
    font-weight: 600;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    margin: -42px auto 0 auto;
    position: relative;
    display: block;
    max-width: 425px;
    text-align: center;
}
*/
/*

.quienes-somos .container div:nth-child(1) a:before{
    content: " ";
    background: url(../img/home4/icon/about__phone__icon.png);
    position: absolute;
    width: 60px;
    height: 60px;
    background-position:center;
    top: 50%;
    right: 38%;
    transform: translate(-50%, -50%);
}
*/

.quienes-somos .container div:nth-child(2){
}

.quienes-somos .container div:nth-child(2) p{ 
    font-size: 1.7em;
    line-height: 1.9em;
    color: #223645;
}

.quienes-somos .cta-quienes{
    text-align: left;
}

.quienes-somos .cta-quienes a{
    font-size: 1.6em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: white;
    border-radius: 30px;
    padding-left: 7px;
    padding-right: 32px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #789D4A;
    box-shadow: 0px 8px 16px 0px #789d4a70;
    position: relative;
    display: inline-block;
    text-align: left;
}

.quienes-somos .cta-quienes a span{
    left: 5px;
    text-align: center;
    width: 50px;
    height: 50px;
    top: 5px;
    line-height: 1.5em;
    background: #fff;
    transition: .3s;
    font-size: 20px;
    font-weight: 600;
    color: #223645;
    padding: 10px 15px;
    border-radius: 100%;
    margin-right: 15px;
}


.quienes-somos .cta-quienes a:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.2s;
}

.quienes-somos .cta-quienes a:hover span{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.2s;
    color: #789D4A;
}
/****************************** DATOS Y ESTADISTICAS ********************************/
.datos{
    background: #2c3e500a;
    padding: 130px 0;
}

.datos .titulo-1{
    color: #e12454;
}

.datos h3{
    font-size: 5.2em;
    line-height: 1.2em;
    color: #223645;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
}


.datos .container{
/*    display: flex;*/
/*    flex-direction: row;*/
}

.datos header{
    display: flex;
    flex-direction: row;
    gap:65px;
}

.datos header div img{
    max-width: 450px;
}

.datos-texto{
    font-size: 2em;
    line-height: 1.5em;
}

.datos .container-datos{
    display: flex;
    flex-direction: column;
    align-content: space-between;
/*    gap:65px;*/
}

.datos .container-datos>div:nth-child(1){
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap:60px;
}

.datos .container-datos>div:nth-child(1) div{
    padding: 20px;
    margin: 40px auto;
    border-radius: 5px;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    background: white;
    cursor:default;
}

.datos .container-datos>div:nth-child(1) div:hover{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;;
    transition: all 1s;
}

.datos .container-datos>div:nth-child(1) div:nth-child(2){
/*    border-top: 1px solid #dedeff;*/
/*    border-bottom: 1px solid #dedeff;*/
}

.datos .container-datos>div:nth-child(1) h4{
    font-size: 2.4em;
    line-height: 1.5em;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
    font-family: 'Poppins', sans-serif;
    color: #223645;
    margin: 20px auto;
}

.datos .container-datos>div:nth-child(1) h4 span{
    vertical-align: middle;
    padding-bottom: 3.5px;
    font-size: 1.3em;
    font-weight: 600;
    color: #B84040;  
}

.datos .container-datos>div:nth-child(1) p{
    font-size: 1.7em;
    line-height: 1.9em;
    color: #223645;
    margin-bottom: 0;
/*    padding-right: 45px;*/
/*    padding-top: 5px;*/
}

.datos .container .bloque img{
/*    padding: 10px;*/
/*    background-color: #fff;*/
/*
    box-shadow: 0px 16px 32px 0px rgba(205, 203, 255, 0.4);
    border-radius: 5px;
    max-width: 100%;
    width: 750px;
*/
}

.datos .container .bloque .caja-dato img{
    max-width: 55px;
    margin: 0 auto;
    text-align: center;
    display:block;
    background: #ff004124;
/*    background: #ff004117;*/
    border-radius: 5px;
    padding: 15px;
}

.datos .container .bloque .caja-dato:nth-child(2) img{
    max-width: 45px;
    padding: 15px 20px;
}

.datos .container-datos .cta-datos{
    text-align: right;    
}

.datos .container-datos div a{
    font-size: 1.4em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: white;
    border-radius: 30px;
    padding-left: 84px;
    padding-right: 50px;
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #789D4A;
    box-shadow: 0px 8px 16px 0px #789d4a70;
    position: relative;
    display: inline-block;
/*    margin-top: 15px;*/
}

.datos .container-datos div a span{
    position: absolute;
    left: 5px;
    text-align: center;
    width: 50px;
    height: 50px;
    top: 5px;
    line-height: 50px;
    background: #fff;
    transition: .3s;
    font-size: 20px;
    font-weight: 600;
    color: #223645;
    border-radius: 100%;
}

.datos .container-datos div a:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition:all 0.2s;

}

.datos .container-datos div a:hover span{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition:all 0.2s;
    color: #e12454;
    color: #789d4a;
    font-size: 1.6em;
}

/****************************** PROPUESTA ********************************/
.propuesta{
    padding: 130px 0;
    background: url(../img/overlay1.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

.propuesta header{
    text-align: center;
    position: relative;
}

.propuesta header h2, .propuesta header h3{
    position: relative;
/*    z-index: 4;*/
}

.propuesta header::after{
    content: " ";
    width: 140px;
    height: 3px;
    background-image: url(../img/shape/section-title-line2.png);
    display: block;
    margin: 0 auto;
}

.propuesta .sub-titulo-1{
    color: #789D4A;
}

.propuesta .sub-titulo-1 span{
    font-weight: 400; 
    font-size: .6em; 
    line-height: 0em;
}

/*

.propuesta header span::before{
    content: " ";
    width: 178px;
    height: 208px;
    opacity: 0.;
    background-image: url(../img/section/section-back-icon.png);
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
*/

.propuesta .check{
    background-color: #8fb569 !important;
    background-repeat: no-repeat;
    box-shadow: 0px 16px 32px 0px rgb(143 181 105 / 1%);
    padding: 16px 13px;
    border-radius: 100%;
    margin: 65px auto 45px auto;
    display: block;
}

.container-custom-2{
    max-width: 80%;
    margin: 0 auto;
}

.propuesta .solucion-intro{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
/*    gap:25px;*/
}

.propuesta .container-slider{
    width: 81%;
}

.propuesta .confian{
    font-size: 2.6em;
    color: #789D4A;
    font-weight: 600;
    text-transform: uppercase;
    margin: 10px auto 15px auto;
    text-decoration: underline;
    display: block;
    text-align: center;
}

.propuesta .resultados{
    text-align: center;
    font-size: 2.9em;
    color: #233645;
    font-weight: 400;
    text-transform: uppercase;
    margin: 45px auto;
    display: block;
    line-height: 1.5em;
}

.propuesta .solucion-intro img{
    max-width: 450px;
    border-radius: 10px;
    height: auto;
    box-shadow: 0px 16px 32px 0px rgba(205, 203, 255, 0.4);
    border-radius: 5px;
    margin: 10px auto 35px auto;
}


.propuesta .solucion-intro p{
    font-size: 2.5em;
    line-height: 1.8em;
    color: #233645;
    text-align: center;
    max-width: 850px;
    margin: 15px auto;
}

.propuesta .line::before{
    content: " ";
    height: 70px;
    width: 2px;
    background: #8fb569;
    background-repeat: no-repeat;
    margin: 25px auto 35px auto;
    display: block;
}

.propuesta .features-slider .item{
    background: white;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
/*    padding:5px 15px;*/
}

.propuesta .features-slider img{
    width: 180px;
    margin: 0 auto;
    padding-top: 35px;
}

.propuesta .features-slider .box-img-feature{
    position: relative;
    max-width: 230px;
    text-align: center;
    margin: 0 auto;
}

.propuesta .features-slider .check-symbol{
    position: absolute;
    border-radius: 100%;
    padding: 8px 8px 8px 8px;
    left: inherit;
    bottom: inherit;
    top: 92%;
    right: 0;
    transform: translate(-50%, -50%);
    font-weight: 600;
    font-size: 2.5em;
    background: #8fb569 !important;
    color: white;
    
}

.propuesta .features-slider div h4{
    font-size: 2.4em;
    font-weight: 600;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #223645;
    margin: 40px auto 22px auto;
    padding: 0 35px;
    line-height: 1.3em;
}

.propuesta .features-slider div p{
    font-size: 1.8em;
    color: #223645;
    line-height: 1.7em;
    padding: 0 35px;
    padding-bottom: 50px;
}


.propuesta .owl-carousel .owl-prev{
    position: absolute;
    left: -100px;
    top: 50%;
    background:#8fb569;
    padding:15px 15px;
}

.propuesta .owl-carousel .owl-next{
    position: absolute;
    right: -100px;
    top: 50%;
    background:#8fb569;
    padding:15px 15px;
}

.cta-propuesta{
    display: block;
    margin: 45px auto 0 auto;
    text-align: center;
}

.cta-propuesta a{
    font-size: 1.7em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: white;
    border-radius: 30px;
    padding-left: 6px;
    padding-right: 32px;
    padding-top: 13px;
    padding-bottom: 13px;
    background-color: #789D4A;
    box-shadow: 0px 8px 16px 0px #789d4a70;
    position: relative;
    display: inline-block;
    text-align: left;
}

.cta-propuesta a span{
    left: 5px;
    text-align: center;
    width: 50px;
    height: 50px;
    top: 5px;
    line-height: 1.5em;
    background: #fff;
    transition: .3s;
    font-size: 1.3em;
    font-weight: 500;
    color: #223645;
    padding: 10px 15px;
    border-radius: 100%;
    margin-right: 15px;
}

.cta-propuesta a:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.2s;
}

.cta-propuesta a:hover span {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition:all 0.2s;
    color: #789D4A;
}

/*************************** FAQ ***************************************/
#preguntas-frecuentes{
    padding: 120px 0;
    background: url(../img/page-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

/* Basic styling for the accordions */
.accordion-wrapper {
  max-width: 850px;
  margin: 50px auto;
}

.accordion-outer {
  border: 1px solid #ddd;
  margin: 20px auto;
  border-radius: 4px;
}

.accordion-heading {
  background-color: white;
  font-size: 2.2em;
    font-weight: 500;
  padding: 25px 25px;
  cursor: pointer;
  position: relative;
    color: #233645db;
}

.accordion-heading:after {
  content: "+";
  position: absolute;
  right: 15px;
    content: "+";
    position: absolute;
    top: 50%;
    /* left: 50%; */
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #e12454;
}

.accordion-outer.is-open .accordion-heading:after {
  content: "-";
    color: white;
}

.accordion-outer.is-open .accordion-heading{
    
}

.accordion-outer.is-open .accordion-heading{
  background-color: #789d4a; /* Celeste fuerte para la activa */
  color: white;
}


.accordion-content {
  padding: 25px;
  background-color: white;
  display: none; /* Start hidden - will be shown by JS */
}

.accordion-content p{
    font-size: 1.9em;
    line-height: 1.7em;
    font-weight: 400;
    color: #223645;
    margin: 15px auto;
}

.accordion-content ul li{
    font-size: 1.8em;
    line-height: 1.8em;
    color: #223645;
    list-style: none;
    margin-left: 25px;
}

.accordion-content ul li span{
    font-size: 0.8em;
    vertical-align: middle;
}

/* Different color for the second set */
.accordion-wrapper.set2 .accordion-heading {
  background-color: #e0f7fa;
}

/* Hover accordion style */
.accordion-wrapper.on-hover .accordion-heading {
  background-color: #e8f5e9;
}

.faq h2{
    text-align: center;
    color: #647589;
}

.faq h3{
    text-align: center;
    font-size: 5.2em;
    color: #223645;
    max-width: 85%;
    margin: 0 auto;
    font-size: 4em;
}

.faq h3 span{
    display: block;
}

.faq h4{
    font-weight: 500;
    line-height: 1.4em;
    padding-right: 65px;
}

.faq .texto-faq{
    text-align: center;
    font-size: 2.3em;
    margin: 30px auto;
    max-width: 700px;
    line-height: 1.3em;
}


/****************************** AGENDA TU ASESORIA ********************************/
.agenda {
    padding: 130px 0;
    background: #2c3e500a;
}

.agenda .container {
    display: flex;
    flex-direction: row;
    box-shadow: 0px 16px 32px 0px rgba(223, 217, 255, 0.4);
}

.agenda .container>div:nth-child(1) {
    padding: 70px 45px;
    background: white;
}

.agenda .container>div:nth-child(2) {
    background: #e43b66;
}

.agenda p {
    font-size: 1.6em;
    line-height: 2em;
    color: #647589;
    border-bottom: 1px solid #c9c9c970;
    padding-bottom: 30px;
    max-width: 650px;
}

.agenda h4 {
    font-weight: 450;
    font-size: 2.1em;
    line-height: 1.5em;
    color: #223645;
    padding-top: 30px;
    max-width: 600px;
    display:list-item;
}


.form-agenda {
    background-color: white;
    padding: 40px 0 0 0;
    border-radius: 10px;
    width: 100%; /* Ajustado para acomodar dos columnas */
    max-width: 649px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 50px; /* Espacio entre elementos */
}

.form-agenda .form-group {
    flex: 1 1 calc(50% - 20px); /* Asegura que los elementos ocupen el 50% del ancho menos el espacio del gap */
    position: relative;
    margin-bottom: 25px;
    max-width: 280px;
    display: flex;
    align-items: center;
}

.form-agenda .validation-icon {
    width: 18px;
    height: 18px;
    padding: 0 2px;
    border: 2px solid #647589;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    transition: all 0.2s ease;
}

.form-agenda .validation-icon.valid {
    background-color: #8fb569;
    border-color: #8fb569;
}

.form-agenda .validation-icon.valid::before {
    content: '✔';
    font-size: 1.2em;
    color: white;
}

.form-agenda .validation-icon.invalid {
    background-color: #e12454;
    border-color: #e12454;
}

.form-agenda .validation-icon.invalid::before {
    content: '✖';
    font-size: 1.2em;
    color: white;
}

.form-agenda label {
    position: absolute;
    top: 10px;
    left: 50px; /* Ajustado para dejar espacio para el ícono */
    color: #647589;
    font-size: 1.8em;
    pointer-events: none;
    transition: all 0.2s ease;
}

.form-agenda input {
    width: 100%;
    padding: 10px 1px; /* Original */
    border: 1px solid #ccc;
    font-size: 1.8em;
    transition: all 0.2s ease;
    border: none;
    border-bottom: 1px solid #647589;
}

.form-agenda input:focus {
    border-color: #007bff;
    outline: none;
    border: none;
    border-bottom: 1px solid #647589;
}

.form-agenda input:focus + label, .form-agenda input:not(:placeholder-shown) + label {
    top: -10px;
    font-size: 1.2em;
    color: #007bff;
    border: none;
    left: 48px;
}

.form-agenda input:focus + label {
    outline: none;
    color: #007bff;
}

.form-agenda input[type="submit"] {
    flex: 1 1 100%; /* Ocupa el ancho completo */
    background-color: #e12454;
    color: white;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
    width: 100%;
    padding: 15px 10px; /* Añadir padding para el botón */
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 1.5em;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-top: 15px;
}


.form-agenda input[type="submit"]:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    transition: box-shadow 0.5s ease;

}

.form-agenda input[type="submit"].completed {
    background-color: #8fb569; /* Verde del tilde */
    transition: background-color 0.2s ease;
}

.agenda h3{
    color: #223645;
}

.bloque-agenda3{
    display: none;
}

/****************************** TESTIMONIOS ********************************/
.testimonios{
    padding: 130px 0;
}

.testimonios .container{
/*    max-width: 600px;*/
}

.testimonios h2{
    text-align: center;
}

.testimonios h3{
    text-align: center;
}

.testimonios .comillas{
    height: 80px;
    width: 80px;
    display: inline-block;
    border-radius: 50%;
    background: #8fb569;
    position: relative;
}

.testimonios .item{
    max-width: 550px;
    margin-top: 45px;

}

.testimonios .item>div{
    position: relative;
}

.testimonios .comillas img{
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 17%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 23px;
}

.header-testimony{
    position: relative;
    height: 120px;
}

.testimonios .clasificacion{
    position: absolute;
    top: 25%;
    right: 0;
/*    transform: translate(-50%, -50%);*/
}

.testimonios .clasificacion img{
    max-width: 20px;
    display: inline-block;
}

.testimonios .item div h3{
    font-family: 'Poppins', sans-serif;
    font-size: 2.5em;
    font-weight: 600;
    text-align: left;
    color: #223645;
    margin-top: 0;
}

.testimonios .item div p{
    margin-top: 20px;
    font-size: 1.5em;
    line-height: 1.8em;
    color: #647589;
}

.autor-testimonio{
    margin-top: 25px;
/*    float: right;*/
}

.autor-testimonio .autor{
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 1.7em;
    font-weight: 600;
    color: #223645;
}

.autor-testimonio .cargo{
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    color: #647589;
    margin-top: 8px;
}

.autor-testimonio .cargo span{
    color: #8fb569;
}

.testimonios .owl-carousel .owl-next {
    position: absolute;
    right: -100px;
    top: 50%;
    background: #8fb569;
    padding: 15px 15px;
}

.testimonios .owl-carousel .owl-prev {
    position: absolute;
    left: -100px;
    top: 50%;
    background: #8fb569;
    padding: 15px 15px;
}


.testimonios .owl-theme .owl-nav.disabled + .owl-dots{
    margin-top: 50px;
/*    font-size: 2em;*/
}

.testimonios .owl-theme .owl-dots .owl-dot span{
    width: 15px;
    height: 15px;
}
/****************************** CONTACTO ********************************/
.contactanos{
    background: #f4f9fc;
    padding: 130px 0;
}

.contactanos .container>div{
    text-align: center;
}


.contactanos .contacto-item{
    text-align: center;
    display: inline-block;
    margin: 50px;
    border: 1px solid #eaedff;
    padding: 40px 35px;
    width: 250px;
    min-height: 350px;
    border-radius: 6px;
    vertical-align: top;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.contactanos .contacto-item svg{
    background: #8fb569;
/*    font-size: 40px;*/
    height: 48px;
    width: 48px;
    color: #ffffff;
    border-radius: 50%;
    line-height: 135px;
    border: 10px solid #fff;
    box-shadow: 0px 16px 32px 0px rgba(206, 226, 255, 0.4);
    margin-bottom: 30px;
    padding: 40px;
}

.contactanos .contacto-item h4{
    font-family: 'Poppins', sans-serif;
    font-size: 2.6em;
    font-weight: 600;
    color: #223645;
}

.contactanos .contacto-item p{
    font-size: 1.6em;
    margin-top: 25px;
    line-height: 1.6em;
}

.contacto-intro{
    font-weight: 450;
    font-size: 2.1em;
    line-height: 1.5em;
    color: #223645bd;
/*    max-width: 600px;*/
    display: list-item;
}

.contactanos .contacto-item{
    background: white;
}
/*************************** FOOTER *************************************/
footer{
    background: #13232f;
    background-image: url(../img/footer/footer-map.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 120px 0 0 0;
}

footer .container{
    display: flex;
    flex-direction: row;
    align-content:flex-start;
    justify-content: space-between;
}

footer .container>div:nth-child(1){
    margin-top: -25px;
}

footer .container>div:nth-child(2) div{
    margin: 14px 0;
}

footer .container>div:nth-child(3) div{
    display: flex;
}

footer .container>div:nth-child(3) div span{
    color: #8fb569;
    padding-right: 10px;
}

footer .container>div:nth-child(3) div p{
    font-size: 1.5em;
    color: #91a1b4;
    line-height: 1.5em;
}

footer .row{
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #0d1b26;
    margin-top: 50px;
}

footer .row p{
    font-size: 1.3em;
    color: #91a1b4;
    padding: 30px 0;
}

footer .container>div:nth-child(2) div span{
    color: #91a1b4;
    font-weight: 300;
    vertical-align: middle;
    padding-bottom: 6px;
    padding-right: 3px;
    font-size: 2.1em;
}

footer .container div a{
    color: #91a1b4;
    font-size: 1.5em;
    text-decoration: none;
}


footer .container div  h2{
    font-family: 'Poppins', sans-serif;
    font-size: 2em;
    font-weight: 600;
    color: white;
    margin-bottom: 25px;
    
}

/****************************** ********** ********************************/
/****************************** RESPONSIVE ********************************/
/****************************** ********** ********************************/

@media (max-width: 1680px){
    .agenda .container{
        max-width: 90%;
    }
    
    
}


@media (max-width: 1500px){
    body{
        font-size: 9px;
    }
    
    .container{
        max-width: 85%;
    }
    
    /************ QUIENES SOMOS *************/

    
    /************ QUE DICEN *************/
    .datos .container-datos div img{
        max-width: 400px;
    }
    
}


@media (max-width: 1350px){
    body{
        font-size: 9px;
    }
    
    .container{
        max-width: 85%;
    }
    
    /************ QUIENES SOMOS *************/
    
    .quienes-somos .container  img{
        max-width: 450px;
    }

    
}

@media (max-width: 1080px){
    body{
    }

    
    .main-logo{
        max-width: 250px;
    }
    
    .datos header {
        display: flex;
        flex-direction: column;
        gap: 65px;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    main .container .bloque{
        margin-top: 0;
    }
    
    .datos .container-datos>div:nth-child(1){
        gap: 45px;
    }
        
    .datos .container .bloque img{
        width: 450px;
    }
    
    .propuesta .owl-carousel .owl-next{
        right: -75px;
    }
    
    .propuesta .owl-carousel .owl-prev{
        left: -75px;
    }
    
    
    .contactanos .contacto-item{
        margin: 50px auto;
/*        min-width: 90%;*/
/*        width: 85%;*/
        margin: 15px auto;
/*        width: inherit;*/
    }
    
    .agenda .sub-titulo-1{
        font-size: 4em;
    }
    
}

@media (max-width: 860px){
    body{
        font-size:8.5px;
    }
    
        
    main .container{
        display: block;
/*        height: auto;*/

    }
    
    main .container div{
        margin-top: 0;
        padding: 35px;
        position: absolute;
        position: absolute;
        top: 58%; 
        right: 50%;
        transform: translate(50%,-50%);
        max-width: 100%;
        min-width: 90%;
    }
    
    main .container div p{
        font-size: 1.8em;
    }
    
    main .container div h1{
        font-size: 5em;
    }
    
    .datos .container-datos>div:nth-child(1){
        display: flex;
        flex-direction: column;
        gap:25px;
    }
    
    .datos .container-datos>div:nth-child(1) div{
        margin: 0 auto;
    }
    
    .datos .container-datos>div:nth-child(1) div:nth-child(1){
        margin-top: 25px;
    }
    
    .datos .container-datos>div:nth-child(1) div:nth-child(3){
        margin-bottom: 25px;
    }

    
    .quienes-bloque2{
        margin: 20px auto;
        text-align: center;
    }
    
    .datos .container-datos .cta-datos{
        text-align: center;    
    }
    
    .cta-propuesta a{
        
    }
    
    .cta-quienes{
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }
    
    .agenda .container{
        flex-direction: column-reverse;
    }
    
    .bloque-agenda2 img{
        text-align: center;
    }
    
    .datos h3{
        font-size: 4em;
    }
    
    .propuesta .sub-titulo-1{
        font-size: 4em;
    }

    .agenda .sub-titulo-1{
        font-size: 4em;
    }
    
    .quienes-somos .sub-titulo-1{
        font-size: 4em;
    }
    
    .testimonios .sub-titulo-2{
        font-size: 4em;
    }
    
    .contactanos .sub-titulo-2{
        font-size: 4em;
    }
    
    .quienes-somos .cta-quienes a{
        font-size: 1.3em;
        padding-left: 5px;
        padding-right: 32px;
        padding-top: 11px;
        padding-bottom: 12px;
    }
    
    .bloque-agenda2{
        display: none;
    }
    
    .bloque-agenda3{
        display: block;
        height: 200px;
        width: 100%;
        background: #e43b66;
        position: relative;
    }
    
    .bloque-agenda3 img{
        max-width: 90%;
        width: 350px;
          transform: translate(-50%,-50%);
          position: absolute;
          top: 50%;
          left: 50%;
    }
    
    .contactanos .contacto-item p{
        font-size: 2em;
    }
    
    footer .container{
        flex-direction: column;
    }
    
}



@media (max-width: 680px){
    .container-custom-2{
        max-width: 90%;
    }
    
    .propuesta .owl-carousel .owl-prev, .propuesta .owl-carousel .owl-next{
        padding: 5px;
    }
    
    .propuesta .owl-carousel .owl-next{
        right: -45px;
    }
    
    .propuesta .owl-carousel .owl-prev{
        left: -45px;
    }
    
    .propuesta .features-slider div h4{
        font-size: 2.6em;
    }
    
    .aplicar-cta{
        display: none;
    }

    .features-slider .owl-nav{
        position: relative;
        margin-top: -50%;
    }
    
    .features-slider .owl-nav .owl-prev{
        left: 0;
    }
        
    .features-slider .owl-nav .owl-next{
        right: 0;
    }

}


@media (max-width: 547px){

    main .container .bloque{
        max-width: 90%;
        padding: 35px;
    }
    
    main .container .bloque h1{
        font-size: 5.5em;
    }
    
    main .container div a{
        padding-top: 16px;
        padding-bottom: 13px;
        line-height: 1.3em
    }
    
    main .container div a span:nth-child(2){
/*        display: block;*/
    }

    
    .solucion-intro .container{
        max-width: 90%;
        margin: 15px auto;
    }
    
    .propuesta .solucion-intro p{
        font-size: 2em;
    }
    
    .cta-propuesta a{
        font-size: 1.3em;
        padding-right: 25px;
    }
    
    .cta-propuesta a span{
        margin-right: 12px;
    }
    
    
    .propuesta .sub-titulo-1 span{
        font-weight: 300; 
        font-size: .7em; 
        line-height: 0em;
    }
    
    .datos .container-datos div a{
        padding-right: 22px;
        padding-left: 70px;
    }
}

@media (max-width: 547px){
    main .container .bloque h1{
        font-size: 4.2em;
    }
}


@media (max-width: 500px){
    .features-slider .owl-nav .owl-next, .features-slider .owl-nav .owl-prev{
        top: -100px;
    }
    
    .testimonios{
        padding-bottom: 0;
    }
    
    #preguntas-frecuentes{
        padding-bottom: 0;
    }
}