/*tipografia*/
body {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2rem;
    font-family: "lato", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "neue-haas-unica", sans-serif;
}

.h1, h1 {
    font-size: 6rem;
}
.h2, h2 {
    font-size: 3.5rem;
}
.h3, h3 {
    font-size: 2rem;
}
.h4, h4 {
    font-size: 1.5rem;
}
.h5, h5 {
    font-size: 1.3rem;
}
.h6, h6 {
    font-size: 0.8rem;
}
/*margen arriba del logo*/
#sp-header {
    margin-top: 10px !important;
    padding-left: 6.1rem !important;
}
/*pie*/
#sp-footer .container-inner {
    border-top: none !important;
}
/*row portada (1ro)*/
.portada {
    padding: 1rem 0rem 0rem 4.2rem !important;
}
/*imagen portada*/
.ima-port.sppb-addon.sppb-addon-single-image.ima-port.sppb-addon-image-shape {
    margin-right: -8rem !important;
}
.ima-port img {
    border-radius: 80px 0px 0px 0px !important;
}
/*texto destacado fondo color*/
.texto-destacado .sppb-addon-title {
    background-color: #2A50C1 !important;
    padding: 8px 15px !important;
    border-radius: 30px !important;
    margin: 10px 0px 20px 0px !important;
}
/*recuadros*/
.recuadros {
    background-color: #1b1b1b;
    padding: 40px !important;
    border-radius: 20px !important;
    margin-bottom: 40px !important;
}
.recuadros img {
    width: 100px !important;
    height: 100px !important;
    background-color: #2671f8 !important;
    padding: 1rem !important;
    border-radius: 10px !important;
}
.recuadros p {
    margin: 0rem !important;
}
.recuadros .sppb-addon-content {
    color: #B3B3B3;
}
/*recuadros personas - quienes somos*/
.recuadros-personas {
    background-color: #1b1b1b;
    padding: 40px !important;
    border-radius: 20px !important;
    margin-bottom: 40px !important;
}
.recuadros-personas img {
    width: 150px !important;
    height: 150px !important;
    padding: 1rem !important;
    border-radius: 10px !important;
}
.recuadros-personas p {
    margin: 0rem !important;
}
.sppb-addon.sppb-addon-text-block.info-somos {
    min-height: 48px !important;
}
/*acordeon*/
.preg-frec .sppb-panel.sppb-panel-custom {
    background: #1b1b1b !important;
    border-color: #151515 !important;
    border-radius: 15px !important;
}
.preg-frec .sppb-panel-title {
    color: #fff !important;
    font-size: 1.3rem;
    font-weight: 400;
}
.preg-frec .sppb-panel-custom .sppb-panel-body {
    border-top-style: none !important;
}
.preg-frec i.fas.fa-angle-down {
    color: #fff !important;
}
.preg-frec .sppb-panel-custom .active .sppb-accordion-icon-wrap {
    transform: rotate(180deg) !important;
}
.preg-frec span.sppb-accordion-icon-wrap {
    float: right !important;
}
.preg-frec .sppb-addon.sppb-addon-text-block {
    font-size: 0.9rem !important;
}
.preg-frec .sppb-panel.sppb-panel-custom {
    padding: 12px !important;
}

/*Carrusel texto*/
.carrusel-frases .sppb-carousel-extended-item {
    background-color: #1a1c1b !important;
    border-radius: 20px !important;
    padding: 20px !important;
    color: #fff !important;
    border: solid 1px #5757574a !important;
}
.carrusel-frases .sppb-testimonial-carousel-name {
    color: #2671F8 !important;
    margin: 10px 0px 20px 0px !important;
    font-size: 20px !important;
    line-height: 26px !important;
    height: 3.25rem !important;
}
.carrusel-frases .sppb-testimonial-carousel-message {
    margin-bottom: 0px !important;
    height: 5rem !important;
}
/*app mopckup*/
.mockup {
    margin: 6rem -10rem 0rem 2rem !important;
}

/*Adaptaciones mobile*/
@media screen and (max-width: 800px){
body {
    font-size: 16px;
}
.h1, h1 {
    font-size: 4rem;
}
.h2, h2 {
    font-size: 2.5rem;
}
.h3, h3 {
    font-size: 2rem;
}
.h4, h4 {
    font-size: 1.5rem;
}
.h5, h5 {
    font-size: 1.3rem;
}
.h6, h6 {
    font-size: 0.8rem;
}
/*menu*/
#sp-header {
    padding-left: 0rem !important;
}
/*row portada (1ro)*/
.portada {
    padding: 0rem !important;
}
/*imagen portada*/
.ima-port.sppb-addon.sppb-addon-single-image.ima-port.sppb-addon-image-shape {
    margin: 2rem -1rem 0rem -1rem !important;
}
/*app mopckup*/
.mockup {
    margin: 0rem !important;
}
}


/*Adaptaciones pantallas grandes*/
/*acomodar imagen portada*/
@media screen and (min-width: 1500px) {
.ima-port.sppb-addon.sppb-addon-single-image.ima-port.sppb-addon-image-shape {
    margin-right: -13rem !important;
}
  /*acomodar logo*/
#sp-header {
    max-width: 1200px !important;
    width: 100%;
    place-self: center;
    padding: 0px !important;
}
}
@media screen and (min-width: 1800px) {
.ima-port.sppb-addon.sppb-addon-single-image.ima-port.sppb-addon-image-shape {
    margin-right: -23rem !important;
}
}