/*GENERALES*/
body{
    font-family: 'Montserrat', sans-serif;
}
p{
    font-weight: lighter !important;
}
h1{
    font-weight: lighter !important;
    color: #0052D4;
    font-size: 55px;
    padding-top: 160px;
    padding-bottom: 32px
}
h2{
    font-weight: lighter;
    font-size: 60px;
}
h3{
    color: #0052D4;
    font-weight: lighter;
}
h4{
    color: #0052D4;
    font-weight: lighter;
}
/*NAV*/
nav {
    background-color: #0052D4;
}
.navbar-toggler {
    color: #36d0dc;
}
.fa-solid, .fas {
    font-weight: bolder;
    font-size: xx-large;
}
.bg-light {
    background-color: #0052D4 !important;
}
nav img {
    max-width: 150px;
    padding: 8px;
}
a.nav-link {
    padding: 10px 30px !important;
    color: white;
    font-weight: lighter;
}
a.nav-link:active {
    color: #36D0DC !important;
}
a.nav-link:hover {
    color: white;
    font-weight: 400;
}
/*BANNER*/
.banner{
    background-image: url(../images/fondo-pres.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: inset 0px -20px 20px 6px #bbbbbb1f;
}
.boton {
    font-weight: lighter;
    font-size: x-large;
    color: white!important;
    text-decoration: none;
    background-color: #36D0DC;
    padding: 8px 89px;
    border-radius: 15px;
    display: inline-block;
    transition: all .6s ease;
    margin-bottom: 350px;
}
.boton:active{
    background-color: #00368c !important;
}
.boton:hover{
    background-color: #2F7FFF;
}
.cuadros img{
    padding-top: 30px;
}
/*NOSOTROS*/
.presentacion{
    background-color: #2F7FFF;
    padding: 67px 85px;
    color: white;
    margin-top: -90px;
    margin-bottom: 160px;
    font-size: larger;
    box-shadow: 3px 14px 16px rgba( 0, 0, 0, 0.2);
}
.nosotrostexto{
    color: #0052D4;
}
.nosotrostexto p{
    padding-right: 80px;
    font-size: larger;
}
.nosotrosimagen{
    padding-left: 75px;
}
/*NOSOTROS capsulas*/
.organix{
    padding: 100px 0px 160px 0px;
}
.capsulas{
    background-image: url(../images/organizacion.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 65px 60px 81px 90px;
    background-color: #ffffff !important;
}
.capsulas h3{
    color: black !important;
}
.capsulas p{
    padding-top: 8px;
}
.nec{
    padding-top: 28px;
}
/*VALORES*/
.blueline{
    background-image: url(../images/fondo-separacion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.linetext{
    padding: 135px 60px 135px 90px;
    color: #0052d400;
}
.mision{
    background-color: #DEEBFF;
}
.mision p{
    color: #0052D4;
}
.card{
    padding: 25px 40px 20px 30px;
}
.valt{
    padding: 0px 20px 150px 20px;
    margin-top: -100px;
}
.value1{
    margin-bottom: 81px;
}
.value2{
    margin-bottom: 80px;
}
.valt img{
    max-width: 75px;
    margin: 100px 0px 35px 0px;
}
/*SERVICIOS*/
.servicios h2{
    color: white;
    padding-bottom: 60px;
}
.servicios{
    background-image: url(../images/fondo-servicioss.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #0052D4;
    padding: 145px 0px 450px 0px;
}
.cuad-serv{
    background-color: white;
    margin-top: 75px;
    padding: 90px 80px 70px 60px;
    font-weight: lighter;
    border-top: 30px solid #36D0DC;
    border-radius: 20px;
}
.c-serv{
    background-color: white;
    padding: 60px 70px 50px 55px;
    border-top: 30px solid #36D0DC;
    border-radius: 15px;
    font-weight: lighter;
}
.list-group-item{
    color: #0052D4;
    --bs-list-group-border-color: rgb(0 0 0 / 0%);
}
.kolcont, .kolpreci, .kolfis, .kolfin, .kolaudi{
    padding: 20px 15px 20px 15px;
}
.kolfis{
    margin-top: -215px;
}
.kolaudi{
    margin-top: -493px;
}
.anexosaa{
    font-size: smaller;
    color: #007e87;
}

/* NUESTRO EQUIPO */
.equipo{
    background-image: url(../images/fondo-equipo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 150px 0px 160px 0px;
}
.equipo h2{
    padding-bottom: 18px;
}
.equipo p{
    padding-bottom: 15px;
    color: #0052D4;
}
.nuet p{
    color: white;
}
.nuestro{
    background-color: #0052D4;
    border: 1px solid #8EBAFF;
    box-shadow: 1px 13px 49px 12px rgba(0, 0, 0, 0.13);
    border-radius: 20px;
    color: white;
    padding: 80px 80px 95px 80px;
}
.nuestro img{
    max-width: 110px;
    margin: 20px 0px 15px 145px;
}
.nuestro h4{
    margin-bottom: 0px;
}
.perfilesi{
    background-color: #EBFEFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
}
.perfiles{
    background-color: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
}
.perfiles, .perfilesi{
    margin: 10px 0px 10px 0px;
}
/* CONTACTO */
.contacto{
    background-image: url(../images/fondo-contacto.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #0052D4;
    border-bottom: 10px solid #0052D4;
}
.ff{
    background-color: white;
    border-top: 10px solid #0052D4;
    border-bottom: 10px solid #0052D4;
    margin: 150px 0px 320px 0px;
    box-shadow: 2px 10px 52px rgba(0, 0, 0, 0.25);
}
label {
    margin: 18px 0px 8px 0px;
}
.form-control{
    border: 1px solid #0052D4;
}
.text-muted {
    color: #00368c !important;
}
.btn-success {
    margin: 28px 0px 10px 0px;
    border-radius: 10px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #0152D3;
    --bs-btn-border-color: #36D0DC;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2F7FFF;
    --bs-btn-hover-border-color: #2F7FFF;
    --bs-btn-active-color: #0152D3;
    --bs-btn-active-bg: #36D0DC;
    --bs-btn-active-border-color: #36D0DC;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0152D3;
    --bs-btn-disabled-bg: #DEEBFF;
    --bs-btn-disabled-border-color: #0152D3;
}
.info{
    padding: 240px 10px 40px 230px;
    font-size: larger !important;
}
.info h3{
    font-size: 40px;
    padding-bottom: 23px;
}
.info img{
    max-width: 30px;
}
.info p{
    margin-left: 20px;
}
.ubi img{
    max-width: 27px;
}

/* FOOTER */
footer{
    background-color: #0052D4;
    border-top: 15px solid #36D0DC;
}
footer img{
    max-width: 240px;
    margin: 40px 0px 40px 0px;
}
footer p{
    color: white;
    font-size: larger;
    padding-top: 55px;
}
.f img{
    padding-top: 16px;
}
.f img:hover{
    transform: scale(1.1);
}

/* @media */
@media (max-width: 1617px){
    .boton{
        margin-bottom: 230px;
    }
    h1 {
        padding-top: 130px;
    }
    .cuadros img {
        padding-top: 105px;
    }
    .info {
        padding: 240px 10px 40px 115px;
    }
}
@media (max-width: 1400px){
    .nosotrosimagen {
        padding-top: 75px;
    }
    .presentacion {
        padding: 53px 66px;
    }
    .capsulas {
        background-image: url(../images/organizacion-movil.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding: 50px 60px 62px 60px;
    }
    .card {
        padding: 0px 15px 10px 15px;
    }
    .kolfis {
        margin-top: -278px;
    }
    .kolaudi {
        margin-top: -468px;
    }
    .servicios{
        padding: 145px 0px 252px 0px;
    }
    .nuestro img {
        margin: 20px 0px 15px 113px;
    }
}
@media (max-width: 1400px){
    h1 {
        padding: 74px 0px 46px 30px;
    }
    .cuadros img {
        max-width: 620px;
        padding-top: 0px;
        margin-left: 250px;
    }
    .boton {
        margin-bottom: 19px;
        margin-left: 33px;
    }
    .presentacion{
        margin-bottom: 90px;
    }
    .nosotrostexto p {
        padding: 0px 10px 0px 10px;
    }
    .nosotrosimagen {
        padding-left: 0px;
        max-width: 600px;
        margin-left: 190px;
    }
    .capsulas {
        padding: 40px 44px 28px 43px;
    }
    .organix {
        padding: 80px 0px 150px 0px;
    }
    .card {
        padding: 0px 8px 8px 8px;
    }
    .value1 {
        margin-bottom: 33px;
    }
    .value2 {
        margin-bottom: 55px;
    }
    .kolfis {
        margin-top: -330px;
    }
    .kolaudi {
        margin-top: -548px;
    }
    .nuestro img {
        margin: 20px 0px 15px 83px;
    }
    .info {
        padding: 220px 10px 40px 52px;
    }
}
@media (max-width: 1045px){
    .info {
        padding: 220px 10px 40px 25px;
    }
}
@media (max-width: 992px){
    .cuadros img {
        max-width: 498px;
        padding: 0px;
        margin-left: 189px;
        margin-bottom: 30px;
    }
    .presentacion {
        padding: 50px 45px;
    }
    .nosotrostexto{
        padding: 70px 0px 60px 0px;
    }
    .capsulas {
        padding: 45px 44px 35px 43px;
    }
    .valt {
        padding: 0px 15px 125px 15px;
    }
    .valt img {
        margin: 30px 0px 35px 0px;
    }
    .card {
        padding: 0px 18px 8px 18px;
    }
    .kolfis, .kolaudi{
        margin-top: 0px;
    }
    .servicios {
        padding: 129px 0px 152px 0px;
    }
    .nuestro img {
        margin: 20px 0px 15px 235px;
    }
    .ff {
        padding: 30px 60px 30px 60px;
        margin: 125px 0px 0px 0px;
    }
    .info {
        padding: 173px 57px 166px 55px;
    }
    .contacto {
        background-image: url(../images/fondo-contacto.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        color: #0052D4;
        border-bottom: 10px solid #0052D4;
    }
    footer img {
        margin: 44px 214px 9px 104px;
    }
    footer{
        padding-bottom: 80px;
    }
    .info {
        padding: 173px 57px 64px 55px;
    }
    .deco {
        margin: 20px 0px 100px 0px;
    }
}
@media (max-width: 768px){
    .cuadros img {
        margin-left: 113px;
    }   
    .presentacion {
        padding: 51px 58px;
        margin-bottom: 42px;
    }
    .nuestro img {
        margin: 20px 0px 15px 147px;
    }
    .c-serv {
        padding: 55px 55px 60px 52px;
    }
    footer img {
        margin: 44px 144px 9px 51px;
    }
}
@media (max-width: 645px){
    .cuadros img {
        margin-left: 62px;
    }
}
@media (max-width: 576px){
    h1 {
        padding: 50px 0px 37px 0px;
    }
    .boton {
        margin-left: 0px;
        padding: 8px 50px;
        border-radius: 35px;
    }
    .cuadros img {
        margin-left: 49px;
        max-width: 432px;
    }
    .intro{
        margin-top: -200px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .presentacion {
        padding: 51px 42px;
    }
    .nosotrostexto {
        padding: 33px 45px 40px 45px;
    }
    .nosotrosimagenmov{
        padding: 0px 45px 0px 45px;
    }
    .nec{
        padding: 30px 45px 0px 45px;
    }
    .organix {
        padding: 80px 0px 125px 0px;
    }
    .linetext {
        padding-top: 237px;
    }
    .card {
        padding-top: 18px;
    }
    .valt {
        margin: -196px 0px 90px 0px;
    }
    .valt:last-child {
        margin: -196px 0px 0px 0px;
        padding-bottom: 70px;
    }
    .servicios {
        padding: 119px 10px 104px 10px;
    }
    .servicios h2 {
        padding-bottom: 18px;
    }
    .c-serv {
        padding: 48px 40px 48px 40px;
    }
    .kolcont, .kolpreci, .kolfis, .kolfin, .kolaudi {
        padding-bottom: 10px;
    }
    .equipo {
        padding: 120px 25px 160px 25px;
    }
    .nuestro {
        padding: 63px 48px 77px 48px;
    }
    .nuestro img {
        margin: 20px 0px 15px 170px;
    }
    .ff {
        max-width: fit-content;
        margin: 125px 30px 0px 30px;
        box-shadow: 0px 12px 18px rgba(0, 0, 0, 0.25);
    }
    .deco {
        margin: 20px 60px 100px 18px;
        max-width: fit-content;
    }
}
@media (max-width: 576px){
    .ff {
        margin: 0px !important;
    }
    .nuestro img {
        margin: 20px 0px 15px 138px;
    }
    .mail{
        font-size: smaller;
    }
    .contacto{
        padding: 94px 30px 5px 30px;
    }
    .nuestro img {
        margin-left: 170px;
    }
}
@media (max-width: 522px){
    .cuadros img {
        margin-left: 0px;
        max-width: 420px;
    }
    .intro {
        margin-top: -105px;
    }
    .capsulas {
        padding: 35px 33px 19px 33px;
    }
    .servicios {
        padding: 67px 10px 104px 10px;
    }
    .c-serv {
        padding: 35px 30px 27px 30px;
    }
    .nuestro {
        padding: 51px 26px 87px 25px;
    }
    .nuestro img {
        margin: 20px 0px 15px 134px;
    }
    .info{
        padding-top: 90px;
    }
    .ff h2{
        font-size: 40px !important;
    }
    footer img {
        margin: 46px 128px -8px 26px;
    }
}
@media (max-width: 479px){
    footer img {
        margin: 46px 113px 0px 0px;
    }
    .info img {
        max-width: 19px;
    }
    .ubi img {
        max-width: 17px;
    }
    .nuestro img {
        margin: 20px 0px 15px 128px;
    }
}
@media (max-width: 479px){
    .cuadros img {
        max-width: 380px;
    }
    .capsulas {
        padding: 21px 0px 9px 21px;
    }
    .nuestro img {
        margin: 20px 0px 15px 113px;
    }
    h2{
        font-size: xx-large !important;
    }
    footer img {
        margin: 46px 125px 0px 27px;
    }
    footer img {
    margin: 25px 90px 0px 0px;
    }
}
@media (max-width: 479px){
    footer img {
        margin: 32px 93px 0px 19px;
        max-width: 172px;
    }
    footer p {
        margin-bottom: 0px;
        padding-top: 25px;
    }
    .info {
        padding: 173px 13px 64px 13px;
    }
    .info p {
        margin-left: 0px;
        margin-bottom: 8px;
    }
    .deco {
        margin: 0px 0px 70px -30px;
    }
    .info {
        padding: 80px 13px 64px 13px;
    }
    .info img {
        max-width: 36px;
        margin-bottom: 25px;
    }
    .ff {
        padding: 12px 15px 30px 15px;
        margin: 125px 0px 0px 0px;
    }
    .nuestro img {
        margin: 20px 0px 15px 87px;
    }
    .equipo {
        padding: 90px 25px 106px 25px;
    }
    .cuadros img {
        max-width: 330px;
    }
}
@media (max-width: 392px){
    .nuestro img {
        margin: 20px 0px 15px 99px;
    }
    .info p {
        margin-bottom: 35px;
    }
    .info img {
        margin-bottom: 8px;
    }
    .nuestro img {
        margin: 20px 0px 15px 100px;
    }
}
@media (max-width: 414px){
    .cuadros img {
        margin-left: 27px;
    }
    .presentacion {
        padding: 43px 35px;
    }
    .capsulas {
        padding: 21px 21px 8px 21px;
    }
    .card {
        padding: 0px 10px 8px 10px;
    }
    .c-serv {
        padding: 34px 20px 30px 20px;
    }
    .nuestro img {
        margin: 25px 0px 15px 112px;
    }
    .info img {
        margin-bottom: 8px;
        margin-top: 10px;
    }
    .info p {
        margin-bottom: 40px;
    }
    h1{
        font-size: 40px;
    }
}
@media (max-width: 414px){
    .organix {
        padding: 80px 0px 72px 0px;
    }
}