@font-face {
    font-family: 'HelveticaLTStd-Light';
    src: url(../fonts/HelveticaLTStd-Light.otf);
}
@font-face {
    font-family: 'HelveticaLTStd-Roman';
    src: url(../fonts/HelveticaLTStd-Roman.otf);
}
@font-face {
    font-family: 'HelveticaLTStd-Bold';
    src: url(../fonts/HelveticaLTStd-Bold.otf);
}

:root {
    --blanco: #FCF9F7;
    --negro: #1F1F1F;
    --verde-azulado: #169CAA;
    --naranja: #F68A20;
    --gris: #8A8A8A;
    --gris-oscuro: #516772;
}
* {
    margin: 0;
    padding: 0;
}
a {text-decoration: none !important;}
label { margin-bottom: 0 !important;}
p {margin-bottom: 0 !important;}
textarea {resize: none !important;}
button {cursor: pointer;}
li {list-style-type: none !important;}
h1, h2, h3, h4, h5 {margin-bottom: 0 !important;}
input:focus, button:focus, textarea:focus, select:focus {outline: none !important;}
dl, ol, ul {margin-bottom: 0% !important;}
.flex {display: flex;}
.grid {display: grid;}
footer {position:relative;}
.banner-nosotros {z-index: -1;}
.fondo-web {
    position: relative;
    z-index: 5;
}
a.link-whatsapp {
    position: fixed;
    z-index: 20;
    bottom: 50px;
    right: 50px;
}
a.link-whatsapp img {
    height: 80px;
}


/* ************ HOME ************ */
/* HEADER */
#Pelicula
{
    position:relative;
}
#videoBG {
    /* position: absolute; */
    z-index: -1;
    width: 100%;
    /* object-fit: cover; */
}
#ContVideo {
    height: 100%;
    position: absolute;
    width: 100%;
    border-: ;
    top: 0;
    left: 0;
    z-index: 0;
    max-height: 700px;
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.header .btn-responsive,
.header .btn-cerrar {
    display: none;
}
.fondo {
    background-size: cover;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    z-index: 1;
    background-image: unset!important;
}
.fondo::before {
    background-color: rgba(31, 31, 31, 46%);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
    pointer-events: none;
}
.header {
    position: relative;
    z-index: 0;
    width: 85%;
    margin: 0 auto;
}
.header .barra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    column-gap: 60px;
    z-index: 3;
    padding: 35px 0;
}
.header .barra .izq img {
    height: 120px;
}
.header .barra .der {
    width: 70%;
}
.header .barra .der .navegacion {
    padding: 70px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .barra .der .navegacion a,
.header .barra .der .navegacion .dropdown button {
    color: #516772;
    font-family: 'HelveticaLTStd-Roman', sans-serif;
    font-size: 16px;
    font-weight: 400;
    transition: ease .5s;
}
.header .barra .der .navegacion .dropdown button {
    border: none;
    background-color: transparent;
}
.header .barra .der .navegacion a.contacto {
    background-color: var(--naranja);
    color: var(--blanco);
    padding: 8px 12px;
}
.header .barra .der .navegacion a:not(.contacto):hover,
.header .barra .der .navegacion .dropdown button:hover,
.header .barra .der .navegacion .dropdown button:active {
    color: var(--naranja);
}
.header .barra .der .navegacion.mod-color a:not(.dropdown-item),
.header .barra .der .navegacion.mod-color .dropdown button {
    color: var(--blanco);
}
.header .barra .der .navegacion.mod-color a:not(.contacto):hover {
    color: var(--naranja);
}
.header .barra .der .rrss {
    display: flex;
    justify-content: flex-end;
    column-gap: 30px;
}
.header .barra .der .rrss a:hover img {
    transform: rotate(360deg);
}
.header img {
    transition: ease 1s;
}
.fondo .banner {
    padding: 80px 0;
    padding-left: 80px;
    z-index: -1;
    position: relative;
}
.fondo .banner h1,
.banner-nosotros h1 {
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 52px;
    font-weight: 500;
    padding-left: 10px;
}
.fondo .banner::before {
    position: absolute;
    content: '';
    width: 70px;
    height: 1px;
    background-color: var(--blanco);
    top: 110px;
    left: 0;
    pointer-events: none;
}
.fondo .banner h2 {
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 29px;
    font-weight: 400;
    padding-left: 10px;
}
.fondo .banner p {
    color: var(--blanco);
    font-family: 'HelveticaLTStd-Light', sans-serif;
    font-size: 22px;
    padding-left: 10px;
    font-weight: 300;
}
body {
    background-image: url(../img/fondo-celular.svg);
    background-size: cover;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    z-index: 1;
    overflow-x: clip;
    max-width: 100%;
}

/* SERVICIOS */
.sec-servicios {
    padding: 50px 100px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.sec-servicios::before {
    background-color: var(--blanco);
    content: "";
    position: absolute;
    width: 90%;
    height: 714px;
    right: 40px;
    z-index: -1;
    pointer-events: none;
}
.sec-servicios .sec-serv-arriba {
    display: flex;
    column-gap: 20px;
}
.sec-servicios .sec-serv-arriba .imagenes {
    display: flex;
    padding-bottom: 80px;
    width: 65%;
}
.sec-servicios .sec-serv-arriba .imagenes .imagen {
    height: 368px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 50px;
    background-position: center;
    position: relative;
}
.sec-servicios .sec-serv-arriba .imagenes::before {
    background-color: var(--naranja);
    content: "";
    position: absolute;
    width: 100%;
    height: 460px;
    left: 0;
    z-index: -1;
    pointer-events: none;
}
.sec-servicios .sec-serv-arriba .textos {
    padding: 40px;
    padding-right: 0;
    position: relative;
}
.sec-servicios .sec-serv-arriba .textos h1,
.sec-contactanos .der h1,
.sec-equipo .texto h1,
.sec-preguntas h1,
.sec-contactanos .der h1,
.sec-contactanos-home .der h1 {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 500;
    padding: 20px 0;
    position: relative;
}
.sec-servicios .sec-serv-arriba .textos h1 {
    padding-right: 60px;
}
.sec-servicios .sec-serv-arriba .textos h1::before {
    position: absolute;
    content: '';
    width: 170px;
    height: 1px;
    background-color: var(--negro);
    top: 50px;
    right: 0;
    pointer-events: none;
}
.sec-servicios .sec-serv-arriba .textos p,
.sec-servicios .sec-serv-arriba .textos p.fr-tag {
    color: var(--negro);
    font-family: 'HelveticaLTStd-Light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.5px;
    padding: 3px 0;
    padding-right: 60px;
}
.sec-servicios .sec-serv-abajo {
    padding-left: 114px;
    display: flex;
    margin-top: -55px;
}
.sec-servicios .sec-serv-abajo .info {
    width: 24%;
    padding-right: 18px;
}
.sec-servicios .sec-serv-abajo .info .imagen {
    height: 47px;
    width: 47px;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 50px;
}
.sec-servicios .sec-serv-abajo .info .info-textos {
    padding: 50px 0;
    padding-left: 50px;
    position: relative;
}
.sec-servicios .sec-serv-abajo .info .info-textos::before {
    position: absolute;
    content: '';
    height: 44px;
    background-image: url(../img/linea-servicios.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 17px;
    width: 20px;
    left: 15px;
    pointer-events: none;
}
.sec-servicios .sec-serv-abajo .info:nth-child(2) .info-textos::before {
    height: 67px;
}
.sec-servicios .sec-serv-abajo .info:nth-child(3) .info-textos::before {
    height: 100px;
    left: 26px !important;
}
.sec-servicios .sec-serv-abajo .info:nth-child(2) .info-textos {
    padding-top: 75px;
}
.sec-servicios .sec-serv-abajo .info:nth-child(3) .info-textos {
    padding-top: 100px;
}
.sec-servicios .sec-serv-abajo .info .info-textos h3 {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
}
.sec-servicios .sec-serv-abajo .info .info-textos p,
.sec-servicios .sec-serv-abajo .info .info-textos p.fr-tag {
    color: var(--negro);
    font-family: 'HelveticaLTStd-Roman', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 5px 0;
    text-align: justify;
}

/* CONTACTO */
.sec-contactanos,
.sec-contactanos-home {
    display: flex;
    padding: 30px 0;
    padding-left: 100px;
    position: relative;
}
.sec-contactanos {
    z-index: -1 !important;
    position: relative !important;
}
.sec-contactanos::before,
.sec-contactanos-home::before {
    background-color: var(--gris-oscuro);
    content: "";
    position: absolute;
    width: 58%;
    height: 455px;
    left: 0;
    z-index: -1;
    pointer-events: none;
}
.sec-contactanos .izq,
.sec-contactanos .der,
.sec-contactanos-home .izq,
.sec-contactanos-home .der {
    padding-top: 50px;
    padding-bottom: 35px;
    width: 100%;
    padding-right: 20px;
}
.sec-contactanos .der,
.sec-contactanos-home .der {
    margin: 0 !important;
    padding: 0 !important;
    width: 90% !important;
    margin: 0 auto !important; 
}
.sec-contactanos .der {
    width: 100% !important;
}
.sec-contactanos .der h1 {
    padding-top: 0px;
}
.sec-contactanos .izq {
    width: 80%;
}
.sec-contactanos {
    padding-bottom: 25px;
}
.sec-contactanos::before {
    height: 80%;
    top: 55px;
}
.sec-contactanos .izq textarea {
    height: 90px;
}
.sec-contactanos .izq {
    padding-top: 80px;
}
.sec-contactanos .izq h4,
.sec-contactanos-home .izq h4 {
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 400;
    padding-bottom: 40px;
}
.sec-contactanos .izq .campo-contacto,
.sec-contactanos-home .izq .campo-contacto {
    margin-bottom: 20px;
}
.sec-contactanos .izq .campo-contacto:nth-child(2),
.sec-contactanos-home .izq .campo-contacto:nth-child(2) {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}
.sec-contactanos .izq input,
.sec-contactanos .izq textarea,
.sec-contactanos-home .izq input,
.sec-contactanos-home .izq textarea {
    width: 100%;
    border: none;
    background-color: transparent;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--naranja);
    color: var(--blanco);
}
.sec-contactanos-home .izq textarea {
    height: 100px;
}
.sec-contactanos .izq input::placeholder,
.sec-contactanos .izq textarea::placeholder,
.sec-contactanos .izq label,
.sec-contactanos-home .izq input::placeholder,
.sec-contactanos-home .izq textarea::placeholder,
.sec-contactanos-home .izq label {
    color: var(--blanco);
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.sec-contactanos .izq label,
.sec-contactanos-home .izq label {
    padding-bottom: 10px;
    border-bottom: 2px solid var(--naranja);
    width: 100%;
}
.sec-contactanos .izq .btn-submit,
.sec-contactanos-home .izq .btn-submit {
    display: flex;
    justify-content: flex-end;
}
.sec-contactanos .izq button,
.sec-contactanos-home .izq button {
    border: none;
    background-color: var(--naranja);
    color: var(--blanco);
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 4px 35px;
}
.sec-contactanos .der h1,
.sec-contactanos-home .der h1 {
    text-align: center;
    padding-bottom: 25px;
    position: relative;
}
.sec-contactanos .der .imagen,
.sec-contactanos-home .der .imagen {
    height: 430px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sec-equipo .texto h1 {
    position: relative;
}
.sec-contactanos .der h1::before,
.sec-contactanos-home .der h1::before {
    position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    background-color: var(--negro);
    top: 50px;
    right: 0;
    pointer-events: none;
}
.sec-contactanos .der h1::before {
    top: 30px;
    width: 190px;
}



/* FOOTER */
/* .footer {
    z-index: 5;
} */
.footer .contenedor-menu {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    padding-right: 80px;
}
.footer .contenedor-menu.mod-contacto {
    justify-content: flex-end;
    column-gap: 30px;
}
.footer .menu-inferior {
    display: flex;
    justify-content: flex-end;
    column-gap: 50px;
}
.footer .contenedor-menu a.boton-contacto {
    background-color: var(--naranja);
    color: var(--blanco);
    font-family: 'HelveticaLTStd-Roman', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 12px;
    letter-spacing: 1px;
}
.footer .contenedor-menu .contenedor-boton {
    margin-top: -60px;
    margin-left: 100px;
}
.footer .menu-inferior a {
    color: var(--gris-oscuro);
    font-family: 'HelveticaLTStd-Roman', sans-serif;
    font-size: 16px;
    font-weight: 400;
    transition: ease .5s;
}
.footer .menu-inferior a:hover {
    color: var(--naranja);
}
.footer .abajo {
    background-color: #169CAA;
    padding: 55px 120px 20px 120px;
}
.footer .abajo .contenedor-logo {
    width: 30%;
    padding-right: 80px;
    text-align: center;
}
.footer .abajo .contenedor-logo img {
    height: 100px;
}
.footer .abajo .contenedor-logo p.bajada-logo,
.footer .abajo .contenedor-logo p.fr-tag {
    color: var(--blanco);
    font-family: 'HelveticaLTStd-Roman', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    line-height: 21px;
    padding: 25px 35px;
}
.footer .abajo .contenedor-contacto {
    width: 30%;
    padding: 0 40px;
    text-align: left;
    padding-top: 10px;
}
.footer .abajo .contenedor-contacto .contacto {
    display: flex;
    justify-content: flex-start;
    column-gap: 20px;
    align-items: center;
    padding: 10px 0;
}
.footer .abajo .contenedor-contacto .contacto a {
    display: flex;
    column-gap: 15px;
    align-items: center;
    margin-bottom: 10px;
}
.footer .abajo .contenedor-contacto .contacto img {
    height: 30px;
    width: 30px;
}
.footer .abajo .contenedor-contacto .contacto a p {
    color: var(--blanco);
    font-family: 'HelveticaLTStd-Roman', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.footer .abajo .contenedor {
    width: 40%;
    padding-left: 40px;
    text-align: left;
}
.footer .abajo .contenedor h3 {
    color: var(--negro);
    font-family: 'HelveticaLTStd-Bold', sans-serif;
    font-size: 21px;
    padding-top: 12px;
    font-weight: 700;
}
.footer .abajo .contenedor p {
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0;
}
.footer .abajo .contenedor .campo {
    display: flex;
    background-color: var(--blanco) !important;
    border: none !important;
    padding: 5px 15px;
    width: 100%;
    justify-content: space-between;
}
.footer .abajo .contenedor .campo input,
.footer .abajo .contenedor .campo button {
    border: none;
    background: none;
}
.footer .abajo .contenedor .campo input {
    width: 100%;
}
.footer .abajo .contenedor .campo button img {
    padding: 5px 0;
}
.footer .abajo .copyright {
    text-align: center;
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 400;
    padding-top: 5px;
}
/* ************ FIN HOME ************ */

/* NOSOTROS */
.banner-nosotros {
    display: flex;
    padding-bottom: 50px;
    position: relative;
}
.banner-nosotros::before {
    background-color: var(--verde-azulado);
    content: "";
    position: absolute;
    width: 75%;
    height: 700px;
    left: 0;
    margin-top: -65px;
    z-index: -1;
    pointer-events: none;
}
.banner-nosotros .izq {
    width: 37%;
}
.banner-nosotros .der {
    width: 63%;
}
.banner-nosotros h1 {
    padding-left: 100px;
    padding-top: 160px;
    position: relative;
}
.banner-nosotros h1::before {
    position: absolute;
    content: '';
    width: 70px;
    height: 1px;
    background-color: var(--blanco);
    top: 190px;
    left: 0;
    pointer-events: none;
}
.banner-nosotros .der .imagen {
    height: 480px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.texto-nosotros {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 100px;
    z-index: -1;
}
.texto-nosotros p,
.texto-nosotros p.fr-tag {
    color: var(--blanco);
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: justify;
    background-color: var(--gris);
    padding: 100px;
    padding-top: 150px;
    margin-top: -100px;
}
.sec-equipo {
    position: relative;
    z-index: -1;
}
.sec-equipo::before {
    background-color: var(--blanco);
    content: "";
    position: absolute;
    width: 90%;
    height: 95%;
    z-index: -10;
    pointer-events: none;
}
.sec-equipo::after {
    position: absolute;
    content: '';
    width: 40%;
    height: 1px;
    background-color: var(--negro);
    top: 70px;
    right: 0;
    pointer-events: none;
}
.sec-equipo .texto {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sec-equipo .texto h1 {
    display: flex;
    justify-content: flex-end;
    padding-right: 250px;
    padding-bottom: 0;
    padding-top: 40px;
    position: relative;
}
.sec-equipo .texto p,
.sec-equipo .texto p.fr-tag {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 500;
    padding-right: 90px;
}
.sec-equipo .grid {
    grid-template-columns: repeat(2,1fr);
    width: 80%;
    margin: 0 auto;
    column-gap: 70px;
    padding: 50px 0;
    margin-top: 40px;
}
.sec-equipo .grid .container-equipo {
    padding-bottom: 40px;
}
.sec-equipo .grid .container-equipo .tarjeta {
    background-color: var(--verde-azulado);
}
.sec-equipo .grid .container-equipo .tarjeta .arriba {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    padding-bottom: 15px;
}
.sec-equipo .grid .container-equipo .tarjeta .arriba .imagen {
    height: 350px;
    width: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 25px;
    margin-left: -45px;
}
.sec-equipo .grid .container-equipo .tarjeta .texto-arriba {
    padding-top: 200px;
    padding-left: 15px;
}
.sec-equipo .grid .container-equipo .tarjeta h5 {
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
}
.sec-equipo .grid .container-equipo .tarjeta p {
    color: var(--negro);
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.sec-equipo .grid .container-equipo .tarjeta .texto-abajo {
    padding: 20px 25px;
}
.sec-equipo .grid .container-equipo .tarjeta .texto-abajo p {
    color: var(--blanco);
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: justify;
   /*  padding-bottom: 30px; */
}
.sec-equipo .grid .container-equipo .tarjeta .texto-abajo iframe {
    width: 100%;
    height: 250px;
    margin-bottom: 15px;
}
.sec-equipo .grid .container-equipo .tarjeta .texto-abajo img {
    height: 250px;
}
.sec-equipo .grid .container-equipo .tarjeta .texto-abajo .email {
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.sec-equipo .grid .container-equipo .tarjeta .texto-abajo .email h6 {
    color: var(--negro);
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.sec-equipo .grid .container-equipo .imagen {
    height: 290px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 20px;
}
.sec-equipo .grid .container-equipo:nth-child(2n) .arriba {
    margin-top: 60px;
    flex-direction: row-reverse;
    margin-right: -40px;
}
.sec-equipo .grid .container-equipo:nth-child(2n) .tarjeta .texto-arriba h5,
.sec-equipo .grid .container-equipo:nth-child(2n) .tarjeta .texto-arriba p {
    margin: 0 40px;
    padding-right: 10px;
}



/* SERVICIOS */
.sec-servicio-res, 
.sec-servicio-fam,
.sec-servicio-com,
.sec-servicio-cons,
.sec-servicio-emp,
.sec-servicio-inm,
.sec-servicio-tec,
.sec-servicio-pe {
    display: flex;
    padding-bottom: 150px;
    padding-top: 70px;
}
.sec-servicio-res h1,
.sec-servicio-fam h1,
.sec-servicio-com h1,
.sec-servicio-cons h1,
.sec-servicio-emp h1,
.sec-servicio-inm h1,
.sec-servicio-tec h1,
.sec-servicio-pe h1 {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 52px;
    font-weight: 500;
    position: relative;
}
.sec-servicio-res h1::before,
.sec-servicio-fam h1::before,
.sec-servicio-com h1::before,
.sec-servicio-cons h1::before,
.sec-servicio-emp h1::before,
.sec-servicio-inm h1::before,
.sec-servicio-tec h1::before,
.sec-servicio-pe h1::before {
    position: absolute;
    content: '';
    width: 130px;
    height: 1px;
    background-color: var(--negro);
    top: 36px;
    left: -148px;
    pointer-events: none;
    z-index: -1;
}
.sec-servicio-res h3,
.sec-servicio-fam h3,
.sec-servicio-com h3,
.sec-servicio-cons h3,
.sec-servicio-emp h3,
.sec-servicio-inm h3,
.sec-servicio-tec h3,
.sec-servicio-pe h3 {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 29px;
    font-weight: 400;
    padding: 15px 0;
}
.sec-servicio-res .izq,
.sec-servicio-fam .izq,
.sec-servicio-com .izq,
.sec-servicio-cons .izq,
.sec-servicio-emp .izq,
.sec-servicio-inm .izq,
.sec-servicio-tec .izq,
.sec-servicio-pe .izq {
    width: 65%;
    padding-left: 150px;
    padding-right: 70px;
    position: relative;
    z-index: -1;
}
.sec-servicio-res .izq::before,
.sec-servicio-fam .izq::before,
.sec-servicio-com .izq::before,
.sec-servicio-cons .izq::before,
.sec-servicio-emp .izq::before,
.sec-servicio-inm .izq::before,
.sec-servicio-tec .izq::before,
.sec-servicio-pe .izq::before {
    background-color: var(--blanco);
    content: "";
    position: absolute;
    width: 100%;
    height: 116%;
    left: 0;
    z-index: -10;
    margin-top: -140px;
    pointer-events: none;
}
.sec-servicio-res .der,
.sec-servicio-fam .der,
.sec-servicio-com .der,
.sec-servicio-cons .der,
.sec-servicio-emp .der,
.sec-servicio-inm .der,
.sec-servicio-tec .der,
.sec-servicio-pe .der {
    width: 35%;
    position: relative;
    z-index: -1;
}
.sec-servicio-res .der .imagen,
.sec-servicio-fam .der .imagen,
.sec-servicio-com .der .imagen,
.sec-servicio-cons .der .imagen,
.sec-servicio-emp .der .imagen,
.sec-servicio-inm .der .imagen,
.sec-servicio-tec .der .imagen,
.sec-servicio-pe .imagen {
    height: 285px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sec-servicio-res .der::before,
.sec-servicio-fam .der::before,
.sec-servicio-com .der::before,
.sec-servicio-cons .der::before,
.sec-servicio-emp .der::before,
.sec-servicio-inm .der::before,
.sec-servicio-tec .der::before,
.sec-servicio-pe .der::before {
    background-color: var(--naranja);
    content: "";
    position: absolute;
    width: 108%;
    height: 300px;
    right: 0;
    z-index: -10;
    margin-top: 40px;
    pointer-events: none;
}
.sec-servicio-res .texto p,
.sec-servicio-fam .texto p,
.sec-servicio-com .texto p,
.sec-servicio-cons .texto p,
.sec-servicio-emp .texto p,
.sec-servicio-inm .texto p,
.sec-servicio-tec .texto p,
.sec-servicio-pe .texto p,
.sec-servicio-res .texto p.fr-tag,
.sec-servicio-fam .texto p.fr-tag,
.sec-servicio-com .texto p.fr-tag,
.sec-servicio-cons .texto p.fr-tag,
.sec-servicio-emp .texto p.fr-tag,
.sec-servicio-inm .texto p.fr-tag,
.sec-servicio-tec .texto p.fr-tag,
.sec-servicio-pe .texto p.fr-tag {
    color: var(--gris);
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    /* padding: 30px 0; */
    text-align: justify;
}
.sec-servicio-tec .izq::before,
.sec-servicio-fam .izq::before {
    height: 120%;
}
.sec-servicio-cons .izq::before {
    height: 85%;
}
.sec-servicio-inm .izq::before,
.sec-servicio-emp .izq::before {
    height: 115%;
}

/* FAQ */
.sec-preguntas {
    z-index: -1;
    position: relative;
}
.sec-preguntas .arriba {
    display: flex;
    justify-content: space-between;
    padding: 100px 0;
}
.sec-preguntas .izq {
    width: 35%;
    position: relative;
}
.sec-preguntas .izq::before {
    background-color: var(--blanco);
    content: "";
    position: absolute;
    width: 220%;
    height: 650px;
    left: 0;
    z-index: -10;
    margin-top: -165px;
    pointer-events: none;
}
.sec-preguntas .der {
    width: 65%;
    margin-top: -100px;
}
.sec-preguntas .izq h1 {
    padding-left: 120px;
    position: relative;
}
.sec-preguntas .izq h1::before {
    position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    background-color: var(--negro);
    top: 75px;
    left: 0;
    pointer-events: none;
}
.sec-preguntas .preguntas-frecuentes {
    background-color: var(--gris-oscuro);
}
.sec-preguntas .preguntas-frecuentes .contenedor {
    padding: 50px 15px;
}
.sec-preguntas .contenedor .card {
    margin-bottom: 15px;
    border-radius: none;
    background-color: var(--verde-azulado);
    color: var(--blanco);
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    border: none;
}
.sec-preguntas .contenedor .card .card-header {
    cursor: pointer;
}
.sec-preguntas .contenedor .card .cabezera {
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
}
.sec-preguntas .contenedor .card .cabezera span {
    font-size: 24px;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif;
    color: var(--blanco);
}
.sec-preguntas .contenedor .card .card-body {
    background-color: var(--negro);
}
.sec-preguntas .contenedor .card .card-body p.texto,
.sec-preguntas .contenedor .card .card-body p.fr-tag {
    color: var(--blanco);
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.sec-preguntas .abajo {
    display: flex;
    justify-content: space-between;
    margin-top: -230px;
    padding-bottom: 100px;
}
.sec-preguntas .abajo .imagen {
    height: 450px;
    width: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.sec-preguntas .abajo img {
    margin: 0 auto;
}
/* BLOG */
.sec-blog {
    margin-top: 110px;
    margin-bottom: 110px;
    z-index: 0;
   /*  position: relative; */
}

.sec-noticia {
    margin-top: 135px;
    position: relative;
    z-index: -1;
}
.sec-blog::before,
.sec-noticia::before {
    background-color: var(--blanco);
    content: "";
    position: absolute;
    width: 100%;
    height: 550px;
    right: 40px;
    z-index: -1;
    margin-top: -112px;
    pointer-events: none;
}
.sec-blog .arriba h1,
.sec-noticia h1 {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 52px;
    font-weight: 500;
    padding-left: 200px;
    padding-bottom: 15px;
    position: relative;
}
.sec-blog .arriba h1 {
    z-index: -1;
}
.sec-noticia .cabecera h1::before,
.sec-blog .arriba h1::before {
    position: absolute;
    content: '';
    width: 185px;
    height: 1px;
    background-color: var(--negro);
    top: 30px;
    left: 0;
    pointer-events: none;
}
.sec-blog .linea-uno {
    display: flex;
    flex-direction: row;
    padding-left: 150px;
    column-gap: 45px;
    padding-bottom: 50px;
}
.sec-blog .linea-uno .container {
    background-color: var(--blanco);
    margin-bottom: 50px;
    width: 100%;
    padding: 0;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.sec-blog .linea-uno:nth-child(2),
.sec-blog .linea-uno:nth-child(3) {
    padding-right: 150px;
}
.sec-blog .linea-uno .container .imagen {
    height: 284px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sec-blog .linea-uno .container .info {
    padding: 20px;
}
.sec-blog .linea-uno .container .info h6 {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding-top: 5px;
    text-align: center;
}
.sec-blog .linea-uno .container .info h4 {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
.sec-blog .linea-uno .container .info .titulos {
    text-align: center;
}
.sec-blog .linea-uno .container .info .titulos img {
    vertical-align: super;
    border-style: none;
}
.sec-blog .linea-uno .container .info p {
    color: var(--negro);
    font-family: 'HelveticaLTStd-Roman', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    padding-top: 5px;
    padding-bottom: 20px;
    text-align: justify;
}
.sec-blog .linea-uno .container .pie-pagina {
    display: flex;
    justify-content: space-between;
}
.sec-blog .linea-uno .container .pie-pagina a {
    background-color: var(--naranja);
    color: var(--negro);
    font-family: 'HelveticaLTStd-Bold', sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
}
.sec-blog .linea-uno .container-lista {
    padding-right: 0 !important;
    width: 85%;
    margin-top: -190px;
    margin-left: 64px;
    /* z-index: 999; */
}
.sec-blog .linea-uno .container-lista .campo,
.sec-noticia .der .campo {
    background-color: var(--gris);
    width: 100%;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    color: var(--blanco);
}
.sec-blog .linea-uno .container-lista input,
.sec-noticia .der input {
    background: none;
    border: none;
    background-color: var(--gris);
    padding: 0;
    margin: 0;
    font-family: 'HelveticaLTStd-Light', sans-serif;
    font-size: 12px;
    font-weight: 300;
}
.sec-blog .linea-uno .container-lista input::placeholder,
.sec-noticia .der input::placeholder {
    color: var(--blanco);
}
.sec-blog .linea-uno .container-lista button,
.sec-noticia .der button {
    background: none;
    border: none;
    display: flex;
    align-items: center;
}
.sec-blog .contenedor-categorias {
    background-color: var(--verde-azulado);
    padding: 35px;
}
.sec-blog .contenedor-categorias h3 {
    color: var(--naranja);
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 25px;
}
.sec-blog .contenedor-categorias .categorias {
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.sec-blog .contenedor-categorias .categorias a {
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 30px;
    text-decoration: underline !important;
}
.sec-blog .contenedor-categorias .rrss {
    padding: 30px 0;
    display: flex;
    justify-content: flex-start;
    column-gap: 30px;
    align-items: center;
    padding-top: 20px;
}
.sec-blog .contenedor-categorias .rrss a:hover img {
    transform: rotate(360deg);

}
.sec-blog .contenedor-categorias .rrss img {
    transition: ease 1s;
}
/* NOTICIA BLOG */
.sec-noticia {
    display: flex;
    justify-content: space-between;
}
.sec-noticia .cabecera {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sec-noticia .cabecera a {
    color: var(--naranja);
    text-decoration-line: underline;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline !important;
    margin-right: 15px;
}
.sec-noticia .izq {
    width: 75%;
}
.sec-noticia .izq .noticia {
    padding-left: 100px;
}
.sec-noticia .izq .noticia .imagen {
    height: 370px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sec-noticia .izq .noticia .info-noticia {
    background-color: var(--blanco);
    padding: 40px 50px;
    text-align: center;
}
.sec-noticia .izq .noticia .info-noticia .titulos h3,
.sec-noticia .izq .noticia .info-noticia .titulos h6 {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
    padding-top: 20px;
}
.sec-noticia .izq .noticia .info-noticia .titulos h1 {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    font-weight: 600;
    padding: 0;
    padding: 50px 0;
}
.sec-noticia .izq .noticia .info-noticia .titulos h6 {
    font-size: 18px;
    padding: 0;
}
.sec-noticia .izq .noticia .info-noticia p,
.sec-noticia .izq .noticia .info-noticia p.fr-tag {
    color: var(--negro);
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    padding: 50px 0;
    text-align: justify;
}
.sec-noticia .izq .noticia .info-noticia .pie-pagina {
    display: flex;
    justify-content: flex-end;
    margin-right: -50px;
    margin-bottom: -40px;
}
.sec-noticia .izq .noticia .info-noticia .pie-pagina .compartir {
    display: flex;
    background-color: var(--naranja);
    justify-content: space-between;
    column-gap: 20px;
    align-items: center;
    padding: 10px 30px;
}
.sec-noticia .izq .noticia .info-noticia .pie-pagina .compartir h4 {
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.sec-noticia .der {
    width: 25%;
    margin-top: -112px;
    z-index: 999;
}
.sec-noticia .der .informacion {
    background-color: var(--verde-azulado);
    position: relative;
}
.sec-noticia .der .informacion::before {
    position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    background-color: var(--blanco);
    top: 70px;
    right: 0;
    pointer-events: none;
}
.sec-noticia .der .informacion h1 {
    padding: 0;
    padding: 35px;
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    font-weight: 500;
}
.sec-noticia .der .informacion .artículo {
    padding: 15px 0;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
}
.sec-noticia .der .informacion .artículo::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background-color: var(--blanco);
    top: 27px;
    left: 0;
    pointer-events: none;
}
.sec-noticia .der .informacion .artículo h5,
.sec-noticia .der .informacion .artículo h4  {
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 0;
}
.sec-noticia .der .informacion .artículo h6 {
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
}
.sec-noticia .der .informacion .artículo p {
    color: var(--negro);
    font-family: 'HelveticaLTStd-Roman', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: justify;
}
.sec-noticia .der .informacion .logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec-noticia .der .informacion .logo img {
    height: 120px;
    width: 150px;
    margin-bottom: 50px;
    margin-top: 30px;
}
.sec-noticia .der .rrss {
    display: flex;
    justify-content: center;
    column-gap: 30px;
    padding: 25px;
}
.sec-articulos-relacionados {
    padding: 100px 200px;
    position: relative;
}
.sec-articulos-relacionados::before {
    background-color: var(--gris-oscuro);
    content: "";
    position: absolute;
    width: 90%;
    height: 20%;
    left: 0;
    z-index: -1;
    margin-top: -36px;
    pointer-events: none;
}
.sec-articulos-relacionados h1 {
    color: var(--blanco);
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    font-weight: 500;
}
.sec-articulos-relacionados .carousel-inner {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    column-gap: 30px;
}
.sec-articulos-relacionados .carousel-inner .tarjeta {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.sec-articulos-relacionados .carousel-inner .tarjeta .articulo-imagen{
    height: 156px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sec-articulos-relacionados .carousel-inner .tarjeta .info {
    background-color: var(--blanco);
    padding: 20px;
    text-align: center;
}
.sec-articulos-relacionados .tarjeta .info h6 {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 10px;
}
.sec-articulos-relacionados .tarjeta .info h4 {
    color: var(--negro);
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
.sec-articulos-relacionados .tarjeta .info p {
    color: var(--negro);
    font-family: 'HelveticaLTStd-Roman', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: justify;
    padding-bottom: 20px;
}
.sec-articulos-relacionados .tarjeta .info a {
    background-color: var(--naranja);
    color: var(--negro);
    font-family: 'HelveticaLTStd-Bold', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 5px 10px;
}
.sec-servicio-res li, .sec-servicio-fam li, .sec-servicio-com li, .sec-servicio-cons li, .sec-servicio-emp li, .sec-servicio-inm li, .sec-servicio-tec li, .sec-servicio-pe li,
.sec-servicio-res li.fr-tag, .sec-servicio-fam li.fr-tag, .sec-servicio-com li.fr-tag, .sec-servicio-cons li.fr-tag, .sec-servicio-emp li.fr-tag, .sec-servicio-inm li.fr-tag, .sec-servicio-tec li.fr-tag {
    color: var(--gris);
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    /* padding: 10px 0; */
    text-align: justify;
}




@media (max-width: 1000px) {
    .sec-servicios .sec-serv-arriba .imagenes::before {
        width: 59%;
    }
    .sec-servicios .sec-serv-arriba .textos h1::before {
        width: 160px;
    }
    .sec-contactanos::before, .sec-contactanos-home::before {
        height: 520px;
        width: 45%;
    }
    .footer .menu-inferior {
        justify-content: flex-start;
    }
    .footer .contenedor-menu .contenedor-boton {
        margin-left: 0;
    }
    .footer .contenedor .flex {
        flex-direction: column;
    }
    .footer .abajo .contenedor-logo {
        width: 100%;
        padding: 15px 0;
        display: flex;
        justify-content: space-between;
        column-gap: 20px;
        align-items: center;
    }
    .footer .abajo .contenedor-contacto {
        width: 100%;
        padding: 25px 20px;
    }
    .footer .abajo .contenedor {
        width: 100%;
        padding: 10px 15px;
    }
    .footer .abajo .copyright {
        padding-bottom: 20px;
    }
    .footer .contenedor-menu {
        flex-direction: column;
        width: 90%;
        row-gap: 25px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    .sec-blog .abajo {
        padding-bottom: 50px;
    }
    .sec-blog .linea-uno {
        padding: 0;
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    .sec-blog .linea-uno .container-lista {
        margin-top: 0;
        width: 90%;
        margin-right: 0;
    }
    .sec-blog .linea-uno .container {
        width: 55%;
        margin: 30px auto;
    }
    .sec-blog .contenedor-categorias .categorias a {
        padding-bottom: 15px;
    }
    .sec-blog .contenedor-categorias .rrss {
        padding: 0;
    }
    .sec-blog .arriba h1, .sec-noticia h1 {
        padding-left: 80px;
    }
    .sec-blog .arriba h1::before {
        width: 60px;
        top: 30px;
        z-index: -1;
    }
    .sec-blog::before, .sec-noticia::before {
        margin-top: -35px;
    }
    .sec-blog .linea-uno:nth-child(2), .sec-blog .linea-uno:nth-child(3) {
        padding-right: 0;
    }
    .footer .abajo {
        padding: 50px;
    }
    .sec-contactanos-home,
    .sec-contactanos {
        padding: 30px;
    }
    .sec-contactanos .der h1::before,
    .sec-contactanos-home .der h1::before {
        width: 50px;
    }
    .sec-contactanos-home .izq,
    .sec-contactanos .izq {
        width: 50%;
    }
    .sec-contactanos .izq .campo-contacto:nth-child(2),
    .sec-contactanos-home .izq .campo-contacto:nth-child(2)  {
        flex-direction: column;
    }
    .sec-contactanos .izq .campo-contacto:nth-child(2) input,
    .sec-contactanos-home .izq .campo-contacto:nth-child(2) input {
        margin-bottom: 10px;
    }
    .sec-articulos-relacionados .carousel-inner {
        flex-wrap: wrap;
        column-gap: 20px;
    }
    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        width: 47%;
        padding-bottom: 45px;
    }
    
    
}


/* TABLET */

@media (max-width: 768px) {
    .sec-preguntas .contenedor .card .cabezera span {
        font-size: 20px;
    }
    #videoBG
    {
        height:100%;
        width: initial;
        position: absolute;
        /* max-width: 100%; */
        right: 0;
    }
    .sec-servicio-res h1, .sec-servicio-fam h1, .sec-servicio-com h1, .sec-servicio-cons h1, .sec-servicio-emp h1, .sec-servicio-inm h1, .sec-servicio-tec h1, .sec-servicio-pe h1,
    .sec-servicios .sec-serv-arriba .textos h1, .sec-contactanos .der h1, .sec-equipo .texto h1, .sec-preguntas h1, .sec-contactanos .der h1, .sec-contactanos-home .der h1 {
        font-size: 35px;
    }
    .sec-noticia .izq .noticia .info-noticia .titulos h1 {
        font-size: 30px;
    }
    .header .dropdown-menu {
        border: none;
        position: relative !important;
        transform: none !important;
        background-color: transparent;
    }
    .sec-equipo .texto {
        align-items: flex-start;
    }
    .header .btn-responsive {
        display: block;
        background-color: transparent;
        color: var(--blanco);
        font-size: 30px;
        border: none;
        color: var(--naranja);
    }
    .header .btn-cerrar {
        color: var(--negro);
        display: flex;
        padding: 20px;
        justify-content: flex-end;
        width: 100%;
    }
    .header .btn-cerrar .fa, .fas {
        font-size: 25px;
    }

    .header #navegacion {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: var(--verde-azulado);
        z-index: 99999;
        width: 0;
        transition: ease .5s;
        overflow-x: hidden;
        display: block;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .header .barra .der .navegacion a,
    .header .barra .der .navegacion .dropdown button {
        padding: 10px 20px;
        color: var(--blanco) !important;
    }
    .header .barra .der .navegacion a {
        padding: 10px 20px;
    }
    .header .dropdown-menu a.dropdown-item {
        padding: 5px 20px !important;
        padding-left: 40px !important;
    }
    .header .barra .der .navegacion a.contacto {
        margin-left: 20px;
        margin-top: 10px;
    }
    .sec-servicios .sec-serv-arriba {
        flex-direction: column-reverse;
    }
    .sec-servicios .sec-serv-arriba .textos {
        padding: 30px 100px;
    }
    .sec-servicios .sec-serv-arriba .textos h1::before {
        width: 430px;
        top: 55px;
        right: 0;
    }
    .sec-servicios .sec-serv-arriba .imagenes {
        width: 85%;
    }
    .sec-servicios .sec-serv-arriba .imagenes::before {
        height: 44.5%;
        width: 85%;
    }
    .sec-servicios .sec-serv-abajo {
        justify-content: flex-start;
        column-gap: 25px;
        width: 100%;
        padding-left: 50px;
    }
    .sec-servicios .sec-serv-abajo .info {
        padding-right: 0;
        width: 30%;
    }
    .sec-servicios .sec-serv-abajo .info .info-textos {
        padding: 0 !important;
        position: unset;
        margin: 0;
        padding-top: 40px !important;
    }
    .sec-contactanos {
        position: initial;
    }
    .sec-contactanos,
    .sec-contactanos-home {
        flex-direction: column-reverse;
        padding: 0;
        padding-bottom: 80px;
    }
    .sec-contactanos-home .izq, .sec-contactanos-home .der {
        width: 100%;
        padding: 0;
        padding: 40px 20px;
    }
    .sec-contactanos-home .der h1,
    .sec-contactanos .der h1 {
        text-align: left;
        margin: 0;
        position: relative;
        z-index: -1;
    }
    .sec-contactanos-home .der h1::before,
    .sec-contactanos .der h1::before {
        width: 290px;
        top: 50px;
    }
    .sec-contactanos-home::before {
        width: 100%;
        height: 60%;
        position: inherit;
    }
    .sec-contactanos-home .izq h4 {
        padding-bottom: 25px;
    }
    .sec-contactanos-home .form {
        padding: 0 20px;
    }
    .sec-contactanos-home .der {
        padding-bottom: 0;
    }
    .sec-contactanos {
        flex-direction: column-reverse;
        padding: 20px;
        padding-bottom: 65px;
    }
    .sec-contactanos .izq, .sec-contactanos .der {
        width: 100%;
        padding: 0;
        padding: 40px 20px;
    }
    .sec-contactanos .der h1::before {
        width: 390px;
        top: 30px;
        right: -15px;
    }
    .sec-contactanos::before {
        width: 100%;
        height: 60%;
        top: 350px;
    }
    .sec-contactanos .izq h4 {
        padding-bottom: 25px;
    }
    .sec-contactanos .form {
        padding: 0 20px;
    }
    .sec-contactanos .der {
        padding-bottom: 0;
    }
    .sec-servicios .sec-serv-abajo .info .info-textos::before {
        display: none;
    }
    

    .banner-nosotros {
        display: flex;
        flex-direction: column;        
    }

    .banner-nosotros::before {
        width: 100%;
        height: 17%;
        margin-top: 0 !important;
    }
    .banner-nosotros h1 {
        padding-top: 100px;
    }
    .banner-nosotros .der {
        width: 100%;
        padding-top: 40px;
    }
    .banner-nosotros h1::before {
        top: 320px;
    }
    .banner-nosotros::before {
        height: 100%;
    }
    .banner-nosotros h1::before {
        top: 135px;
    }
    .texto-nosotros p,
    .texto-nosotros p.fr-tag {
        padding: 60px;
        padding-top: 100px;
    }
    .sec-equipo .grid {
        grid-template-columns: repeat(1,1fr);
    }
    .sec-equipo .texto h1 {
        padding-right: 20px;
        font-size: 36px;
        justify-content: flex-start;
    }
    .sec-equipo .texto p {
        font-size: 20px;
        justify-content: flex-start;
        padding: 10px 0;
    }
    .sec-equipo .texto {
        padding-left: 60px;
    }
    .sec-equipo .grid .container-equipo .tarjeta .texto-arriba {
        padding-right: 5px;
    }
    .sec-equipo .grid .container-equipo .tarjeta .texto-abajo {
        padding: 25px 35px;
    }
    .sec-equipo::before {
        height: 97%;
    }

    .sec-servicio-res, .sec-servicio-fam, .sec-servicio-com, .sec-servicio-cons, .sec-servicio-emp, .sec-servicio-inm, .sec-servicio-tec, .sec-servicio-pe {
        display: flex;
        flex-direction: column !important;
        margin: 0 30px;
        padding-bottom: 60px;
    }
    .sec-servicio-res .izq, .sec-servicio-fam .izq, .sec-servicio-com .izq, .sec-servicio-cons .izq, .sec-servicio-emp .izq, .sec-servicio-inm .izq, .sec-servicio-tec .izq, .sec-servicio-pe .izq {
        width: 100%;
        padding: 0 30px;
        padding-right: 75px;
    }
    .sec-servicio-res h1::before, .sec-servicio-fam h1::before, .sec-servicio-com h1::before, .sec-servicio-cons h1::before, .sec-servicio-emp h1::before, .sec-servicio-inm h1::before, .sec-servicio-tec h1::before, .sec-servicio-pe h1::before {
        width: 40px;
        top: 300px;
    }
    .sec-servicio-res .der, .sec-servicio-fam .der, .sec-servicio-com .der, .sec-servicio-cons .der, .sec-servicio-emp .der, .sec-servicio-inm .der, .sec-servicio-tec .der, .sec-servicio-pe .der {
        width: 100%;
        margin: 0;
        margin: 40px 0;
    }
    .sec-servicio-res .izq::before, .sec-servicio-fam .izq::before, .sec-servicio-com .izq::before, .sec-servicio-cons .izq::before, .sec-servicio-emp .izq::before, .sec-servicio-inm .izq::before, .sec-servicio-tec .izq::before, .sec-servicio-pe .izq::before {
        margin-top: -50px;
        width: 95%;
        height: 120%;
    }
    .sec-servicio-res .der .imagen, .sec-servicio-fam .der .imagen, .sec-servicio-com .der .imagen, .sec-servicio-cons .der .imagen, .sec-servicio-emp .der .imagen, .sec-servicio-inm .der .imagen, .sec-servicio-tec .der .imagen, .sec-servicio-pe .der .imagen {
        height: 380px;
    }
    .sec-servicio-res .der::before, .sec-servicio-fam .der::before, .sec-servicio-com .der::before, .sec-servicio-cons .der::before, .sec-servicio-emp .der::before, .sec-servicio-inm .der::before, .sec-servicio-tec .der::before, .sec-servicio-pe .der::before {
        width: 104%;
        height: 370px;
    }
    .sec-preguntas .izq {
        width: 100%;
    }
    .sec-preguntas .izq h1 {
        padding: 10px 30px;
        padding-left: 90px;
    }
    .sec-preguntas .izq h1::before {
        width: 60px;
        top: 37px;
    }
    .sec-servicio-inm .izq::before,
    .sec-servicio-emp .izq::before,
    .sec-servicio-cons .izq::before {
        height: 110%;
    }
    .sec-servicio-com .izq::before {
        height: 110%;
    }
    .sec-preguntas .arriba {
        flex-direction: column;
        align-items: flex-end;
    }
    .sec-preguntas .izq::before {
        margin-top: -85px;
        width: 90%;
    }
    .sec-preguntas .abajo .imagen {
        width: 100%;
    }
    .sec-preguntas .der {
        width: 90%;
        margin-top: 38px;
        margin-left: 0;
    }
    .sec-preguntas .abajo {
        flex-direction: column;
    }
    .sec-preguntas .abajo img {
        margin-top: 50px;
    }
    .sec-blog .abajo {
        padding-bottom: 50px;
    }
    .sec-blog .linea-uno {
        padding: 0;
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    .sec-blog .linea-uno .container-lista {
        margin-top: 0;
        width: 90%;
        margin-right: 0;
    }
    .sec-blog .linea-uno .container {
        width: 60%;
        margin: 30px auto;
    }
    .sec-blog .contenedor-categorias .categorias a {
        padding-bottom: 15px;
    }
    .sec-blog .contenedor-categorias .rrss {
        padding: 0;
    }
    .sec-blog .arriba h1, .sec-noticia h1 {
        padding-left: 80px;
    }
    .sec-noticia h1::before {
        width: 60px;
        top: 255px;
    }
    .sec-blog::before, .sec-noticia::before {
        margin-top: -35px;
    }
    .sec-blog .linea-uno:nth-child(2), .sec-blog .linea-uno:nth-child(3) {
        padding-right: 0;
    }
    .sec-noticia::before {
        margin-top: -90px;
    }
    .sec-noticia .izq {
        width: 70%;
    }
    .sec-noticia .cabecera {
        width: 100%;
        padding: 0;
        margin: 0;
        column-gap: 150px;
        padding-bottom: 30px;
    }
    .sec-noticia .der {
        width: 30%;
        margin-top: -90px;
    }
    .sec-noticia .der .informacion h1 {
        font-size: 20px;
        padding: 20px 15px;
    }
    .sec-noticia .der h1::before {
        top: 300px;
    }
    .sec-noticia .der .informacion .artículo {
        padding: 0 18px;
        padding-bottom: 15px;
    }
    .sec-noticia .izq .noticia {
        padding-left: 20px;
    }
    .sec-noticia .izq .noticia .info-noticia {
        padding: 30px 35px;
    }
    .sec-articulos-relacionados {
        padding: 100px 50px;
        padding-bottom: 50px;
    }
    .sec-articulos-relacionados .carousel-inner {
        flex-wrap: wrap;
        column-gap: 20px;
    }
    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        width: 47%;
        padding-bottom: 45px;
    }
    .sec-noticia .der .informacion::before {
        top: 260px;
        width: 80px;
    }

    .sec-articulos-relacionados::before {
        width: 100%;
    }
    .sec-noticia .der .informacion .artículo:nth-child(2):before {
        top: 318px;
        right: 0;
        width: 60px;
    }
    .sec-noticia .der .informacion .artículo:nth-child(3):before {
        top: 482px;
        right: 0;
        width: 60px;
    }
    .sec-noticia .der .informacion .artículo:nth-child(4):before {
        top: 646px;
        right: 0;
        width: 60px;
    }
    .sec-noticia .der .informacion .artículo::before {
        top: 814px;
        right: 0;
        width: 60px;
    }
    .sec-noticia .cabecera h1::before, .sec-blog .arriba h1::before {
        width: 65px;
    }
    .sec-noticia .der .informacion::before {
        top: 40px;
    }
    .sec-noticia .der .informacion .artículo:nth-child(2):before,
    .sec-noticia .der .informacion .artículo:nth-child(3):before,
    .sec-noticia .der .informacion .artículo:nth-child(4):before,
    .sec-noticia .der .informacion .artículo::before {
        top: 12px;
        width: 10px;
    }
    .sec-preguntas {
        position: initial;
    }
}

/* CELULAR */

@media (max-width: 468px) {
    a.link-whatsapp {
        right: 20px;
    }
    a.link-whatsapp img {
        height: 50px;
    }
    .sec-preguntas .contenedor .card .cabezera span {
        font-size: 18px;
    }
    .sec-servicio-res .izq {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sec-servicio-res {
        padding-top: 15px !important;
    }
    .sec-servicio-res h1, .sec-servicio-fam h1, .sec-servicio-com h1, .sec-preguntas h1,.sec-servicio-cons h1, .sec-servicio-emp h1, .sec-servicio-inm h1, .sec-servicio-tec h1, .sec-servicio-pe h1 {
        font-size: 25px;
    }
    .sec-contactanos-home .der h1 {
        color: var(--blanco);
    }
    .sec-contactanos-home::before {
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .sec-equipo .grid .container-equipo .tarjeta .arriba .imagen {
        height: 250px;
        background-size: contain;
    }
    .sec-equipo::after,
    .sec-servicios .sec-serv-abajo .info .imagen {
        display: none;
    }
    .header .barra {
        column-gap: 50px;
    }
    .header .barra .der .rrss img {
        height: 20px;
        display: flex;
        align-items: center;
    }
    .header .barra .der .rrss {
        column-gap: 15px;
        align-items: center;
    }
    .header .barra .izq img {
        height: 80px;
    }
    .fondo .banner {
        padding: 30px 20px;
    }
    .fondo .banner::before {
        display: none;
    }
    .fondo .banner h1, .banner-nosotros h1 {
        font-size: 25px;
    }
    .fondo .banner h2 {
        font-size: 22px;
    }
    .fondo .banner p {
        font-size: 16px;
        margin-top: 10px !important;
    }
    .sec-servicios {
        padding: 40px 0;
    }
    .sec-servicios .sec-serv-arriba .textos {
        padding: 10px 35px;
        padding-bottom: 30px;
    }
    .sec-servicios .sec-serv-arriba .textos h1::before {
        display: none;
    }
    .sec-servicios .sec-serv-arriba .imagenes {
        width: 100%;
    }
    .sec-servicios .sec-serv-arriba .imagenes::before {
        width: 100%;
        height: 27%;
    }
    .sec-servicios .sec-serv-arriba .imagenes .imagen {
        height: 170px;
    }
    .sec-servicios .sec-serv-abajo {
        flex-direction: column;
        padding: 10px 30px;
        padding-bottom: 20px;
    }
    .sec-servicios .sec-serv-abajo .info {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        padding: 10px 0;
        text-align: center;
    }
    .sec-servicios .sec-serv-abajo .info .info-textos {
        padding-top: 0 !important;
        width: 75%;
        padding-top: 20px !important;
    }
    .sec-servicios .sec-serv-abajo .info .info-textos p,
    .sec-servicios .sec-serv-abajo .info .info-textos p.fr-tag {
        font-size: 16px;
        text-align: center;
        line-height: 20px;
    }
    .sec-contactanos {
        padding: 20px 0;
    }
    .sec-servicios .sec-serv-arriba .imagenes::before {
        height: 70%;
    }
    .sec-contactanos .der {
        padding-right: 0!important;
    }
    .sec-contactanos-home .der h1, .sec-contactanos .der h1 {
        font-size: 30px;
        text-align: center;
    }
    .sec-contactanos-home .der h1::before, .sec-contactanos .der h1::before {
        display: none;
    }
    .sec-contactanos-home .der .imagen, .sec-contactanos .der .imagen {
        height: 250px;
    }
    .sec-contactanos .der h1 {
        padding: 20px 0;
        padding-right: 20px;
    }
    .sec-contactanos .der h1::before {
        width: 230px;
        top: 210px;
    }
    .sec-contactanos::before {
        height: 60%;
        top: 300px;
    }
    .sec-contactanos .izq .campo-contacto:nth-child(2) {
        flex-direction: column;
    }
    .sec-contactanos .izq .campo-contacto:nth-child(2) input {
        margin-bottom: 10px;
    }
    .sec-contactanos .izq h4 {
        font-size: 18px;
    }
    .sec-contactanos, .sec-contactanos-home {
        padding-bottom: 45px;
    }
    .footer {
        padding-top: 60px;
    }
    .footer .menu-inferior {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer .contenedor-menu a.boton-contacto {
        margin: 0 auto !important;
        display: block;
        width: max-content;
    }
    .footer .menu-inferior a {
        padding-top: 10px;
    }
    .footer .abajo {
        padding: 40px 30px;
    }
    .footer .abajo .contenedor-logo {
        flex-direction: column;
    }
    .sec-servicios .sec-serv-arriba .textos h1, .sec-equipo .texto h1  {
        font-size: 30px;
    }

    .banner-nosotros h1 {
        padding-top: 60px;
    }
    .banner-nosotros .der .imagen {
        height: 250px;
    }
    .texto-nosotros {
        width: 90%;
        margin-bottom: 60px;
    }
    .texto-nosotros p,
    .texto-nosotros p.fr-tag {
        padding: 30px;
        padding-top: 80px;
        font-size: 18px;
        line-height: 2em;
    }
    .sec-equipo {
        width: 90%;
        margin-right: 0;
        margin: 0 auto;
    }
    .sec-equipo .grid {
        width: 90%;
        margin: 0 auto;
    }
    .sec-equipo .grid .container-equipo .tarjeta .arriba {
        display: flex;
        flex-direction: column;
    }
    .sec-equipo .grid .container-equipo .tarjeta .arriba .imagen {
        margin: 0 auto;
        margin-top: -40px;
    }
    .sec-equipo .grid .container-equipo .tarjeta .texto-arriba {
        padding: 30px 20px;
        text-align: center;
    }
    .sec-equipo .grid .container-equipo .tarjeta .texto-abajo {
        padding-top: 0;
        overflow-wrap: anywhere;
    }
    .sec-equipo .grid .container-equipo:nth-child(2n) .arriba {
        margin: 0 auto;
    }
    .sec-equipo .grid .container-equipo {
        padding-top: 40px;
        margin-bottom: 30px;
    }
    .banner-nosotros h1::before {
        top: 230px;
        z-index: -1;
    }
    .sec-equipo::before {
        height: 99%;
    }
    .sec-equipo .grid .container-equipo .tarjeta .texto-abajo p {
        font-size: 16px;
    }
    .sec-equipo .grid .container-equipo .imagen {
        height: 200px;
    }
    .sec-servicio-res .izq::before, .sec-servicio-fam .izq::before, .sec-servicio-com .izq::before, .sec-servicio-cons .izq::before, .sec-servicio-emp .izq::before, .sec-servicio-inm .izq::before, .sec-servicio-tec .izq::before, .sec-servicio-pe .izq::before {
        margin-top: -70px;
    }
    .sec-servicio-res, .sec-servicio-fam, .sec-servicio-com, .sec-servicio-cons, .sec-servicio-emp, .sec-servicio-inm, .sec-servicio-tec, .sec-servicio-pe {
        margin: 0 20px;
    }
    .sec-servicio-res .izq, .sec-servicio-fam .izq, .sec-servicio-com .izq, .sec-servicio-cons .izq, .sec-servicio-emp .izq, .sec-servicio-inm .izq, .sec-servicio-tec .izq, .sec-servicio-pe .izq {
        padding-left: 15px;
        padding-right: 35px;
    }
    .sec-servicio-res h1, .sec-servicio-fam h1, .sec-servicio-com h1, .sec-servicio-cons h1, .sec-servicio-emp h1, .sec-servicio-inm h1, .sec-servicio-tec h1, .sec-servicio-pe h1 {
        font-size: 30px;
    }
    .sec-servicio-res h3, .sec-servicio-fam h3, .sec-servicio-com h3, .sec-servicio-cons h3, .sec-servicio-emp h3, .sec-servicio-inm h3, .sec-servicio-tec h3, .sec-servicio-pe h3 {
        font-size: 20px;
    }
    .sec-servicio-res .texto p, .sec-servicio-fam .texto p, .sec-servicio-com .texto p, .sec-servicio-cons .texto p, .sec-servicio-emp .texto p, .sec-servicio-inm .texto p, .sec-servicio-tec .texto p, .sec-servicio-pe .texto p, .sec-servicio-res .texto p.fr-tag, .sec-servicio-fam .texto p.fr-tag, .sec-servicio-com .texto p.fr-tag, .sec-servicio-cons .texto p.fr-tag, .sec-servicio-emp .texto p.fr-tag, .sec-servicio-inm .texto p.fr-tag, .sec-servicio-tec .texto p.fr-tag, .sec-servicio-pe .texto p.fr-tag {
        font-size: 16px;
        line-height: 25px;
    }
    .sec-servicio-res .izq::before, .sec-servicio-fam .izq::before, .sec-servicio-com .izq::before, .sec-servicio-cons .izq::before, .sec-servicio-emp .izq::before, .sec-servicio-inm .izq::before, .sec-servicio-tec .izq::before, .sec-servicio-pe .izq::before {
        height: 120%;
    }
    .sec-servicio-res h1::before, .sec-servicio-fam h1::before, .sec-servicio-com h1::before, .sec-servicio-cons h1::before, .sec-servicio-emp h1::before, .sec-servicio-inm h1::before, .sec-servicio-tec h1::before, .sec-servicio-pe h1::before {
        width: 35px;
        top: 245px;
    }
    .sec-preguntas .arriba {
        padding: 25px 0
    }
    .sec-preguntas .der {
        width: 100%;
    }
    .sec-preguntas .contenedor .card {
        font-size: 18px;
    }
    .sec-preguntas .contenedor .card .cabezera {
        column-gap: 15px;
    }
    .sec-preguntas .izq::before {
        margin-top: -25px;
    }
    .sec-preguntas .abajo {
        margin-top: -30px;
    }
    .sec-preguntas .abajo .imagen {
        height: 250px;
        width: 100%;
    }
    .sec-preguntas .abajo {
        padding-bottom: 20px;
    }
    .sec-preguntas .izq h1::before {
        display: none;
    }
    .sec-blog {
        margin-top: 20px;
    }
    .sec-blog .arriba h1, .sec-noticia h1 {
        font-size: 30px;
        padding-left: 20px;
    }
    .sec-blog .arriba h1::before, .sec-noticia h1::before {
        display: none;
    }
    .sec-blog .abajo .contenedor-categorias h3 {
        padding-bottom: 15px;
    }
    .sec-blog .contenedor-categorias .categorias a {
        padding-bottom: 10px;
    }
    .sec-blog .contenedor-categorias .rrss a img{
        height: 20px;
    }
    .sec-blog .linea-uno .container .imagen {
        height: 200px;
    }
    .sec-blog .linea-uno .container {
        width: 80%;
    }
    .sec-noticia {
        margin-top: 20px;
        flex-direction: column;
    }
    .sec-noticia::before {
        margin-top: -35px;
    }
    .sec-noticia .der {
        width: 90%;
        margin: 0 auto;
        margin-top: 10px !important;
    }
    .sec-noticia .der .informacion {
        padding: 20px;
    }
    .sec-noticia .izq {
        width: 100%;
    }
    .sec-noticia .cabecera {
        column-gap: 80px;
        padding-bottom: 10px;
    }
    .sec-noticia .izq .noticia {
        width: 90%;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 50px;
    }
    .sec-noticia .izq .noticia .imagen {
        height: 250px;
    }
    .sec-noticia .izq .noticia .info-noticia .titulos h3, .sec-noticia .izq .noticia .info-noticia .titulos h6 {
        font-size: 18px;
    }
    .sec-noticia .izq .noticia .info-noticia .titulos h1 {
        font-size: 25px;
        padding: 25px 0;
    }
    .sec-noticia .izq .noticia .info-noticia p, .sec-noticia .izq .noticia .info-noticia p.fr-tag {
        padding: 25px 0;
        font-size: 16px;
    }
    .sec-noticia .izq .noticia .info-noticia .pie-pagina {
        margin-right: -37px;
        margin-bottom: -28px;
    }
    .sec-articulos-relacionados {
        padding: 20px 40px;
        margin-top: 30px;
        padding-bottom: 0;
    }
    .sec-articulos-relacionados h1 {
        font-size: 24px;
        text-align: center;
    }
    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        width: 80%;
        margin: 0 auto;
    }
    .sec-noticia .der h1::before {
        background-color: var(--blanco);
        top: 3874px;
        width: 107px;
        left: 315px;
    }
    .sec-noticia .der .informacion .artículo:nth-child(2):before {
        top: 3918px;
        left: 0;
        width: 30px;
    }
    .sec-noticia .der .informacion .artículo:nth-child(3):before {
        top: 4037px;
        left: 0;
        width: 30px;
    }
    .sec-noticia .der .informacion .artículo:nth-child(4):before {
        top: 4155px;
        left: 0;
        width: 30px;
    }
    .sec-noticia .der .informacion .artículo::before {
        top: 4274px;
        left: 0;
        width: 30px;
    }
    .sec-preguntas .abajo img {
        height: 100px;
        margin-top: 30px;
    }
    .sec-equipo .texto p {
        font-size: 18px;
    }
    .sec-noticia .der .informacion::before {
        top: 50px;
        width: 40px;
    }
    .sec-noticia .der .informacion .artículo:nth-child(2):before, .sec-noticia .der .informacion .artículo:nth-child(3):before, .sec-noticia .der .informacion .artículo:nth-child(4):before, .sec-noticia .der .informacion .artículo::before {
        display: none;
    }
    .sec-noticia .der .rrss img {
        height: 20px;
    }
    .sec-servicio-res .der .imagen, .sec-servicio-fam .der .imagen, .sec-servicio-com .der .imagen, .sec-servicio-cons .der .imagen, .sec-servicio-emp .der .imagen, .sec-servicio-inm .der .imagen, .sec-servicio-tec .der .imagen, .sec-servicio-pe .der .imagen {
        height: 200px;
    }
    .sec-servicio-res .der::before, .sec-servicio-fam .der::before, .sec-servicio-com .der::before, .sec-servicio-cons .der::before, .sec-servicio-emp .der::before, .sec-servicio-inm .der::before, .sec-servicio-tec .der::before, .sec-servicio-pe .der::before {
        width: 105%;
        height: 190px;
    }
    .sec-servicio-res, .sec-servicio-fam, .sec-servicio-com, .sec-servicio-cons, .sec-servicio-emp, .sec-servicio-inm, .sec-servicio-tec, .sec-servicio-pe {
        padding-bottom: 15px;
    }
}