body {
    margin: 0px;
    padding: 0px;
    background-color: white;
}

.fondo-todo {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-image: url(../img/fondos/01_opacity2.png);
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    z-index: -100;
}

.navbar {
    position: fixed;
    width: 100%;
    height: 86px;
    display: flex;
    display: inline-block;
    justify-content: center;
    align-items: center;
    vertical-align: center;
    text-align: center;
    font-family: UnicaOne;
    font-size: calc(18px + 1 * ((100vw - 520px) / 680));
    right: 0px;
    left: 0px;
    z-index: 100;
}

.navbar .navbar-list {
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style: none;
    padding-left: 0px;
    margin-top: 0px;
}

.navbar .navbar-list .navbar-item {
    display: inline-block;
    width: 100%;
    height: 86px;
    -webkit-transition: width 1s, background 1s;
    -moz-transition: width 1s, background 1s;
    -o-transition: width 1s, background 1s;
    transition: width 1s, background 1s;
}

.navbar .navbar-list .navbar-item2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.img1 {
    height: calc(70px + 2 * ((100vw - 520px) / 680));
}

.img2 {
    height: calc(70px + 2 * ((100vw - 520px) / 680));
    display: none;
}

.ul2 {
    list-style-type: none;
    display: none;
    font-family: UnicaOne;                                       
    font-weight: 100;
    margin-top: 7px;
}

.ul2 li{
    display: flex;
    justify-content: flex-start;
    padding-left: 13%;
}

.ul2-a {
    text-decoration: none;
    color: black;  
    justify-content: center;
    font-size: calc(16px + 5 * ((100vw - 520px) / 680));
    padding: calc(15px + 6 * ((100vw - 520px) / 680));
    border-left: 2px solid black;
}

.ul2-a-2 {
    background-color: rgba(226, 213, 183, 0.9);
    width: 100%;
}

.ul2-a-2:hover {
    background-color: rgba(252, 248, 239, 0.9);
    -webkit-transition: width 1s, background 1s;
    -moz-transition: width 1s, background 1s;
    -o-transition: width 1s, background 1s;
    transition: width 1s, background 1s;
}

.li-1:hover .logo-dech-menu {
    display: inline-block;
}

.li-1:hover .ul2 {
    display: flex;
    display: block;
}

.menu-logos {
    width: 100%;
    height: 79px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: calc(25px + 11 * ((100vw - 520px) / 680));
}

.navbar .navbar-list .navbar-item .navbar-item-a {
    text-decoration: none;
    color: white;
    font-family: UnicaOne;                                       
    font-weight: 100;
    letter-spacing: 2px;
    font-size: calc(16px + 5 * ((100vw - 520px) / 680));
    padding: calc(10px + 6 * ((100vw - 520px) / 680));
    display: flex;
    text-align: center;
    justify-content: center;
}

.navbar .navbar-list .navbar-item:hover {
    width: 125%;
    background: black;
    transition: all 1s linear;
}

.navbar > .navbar-list > .navbar-item:hover .navbar-item-marketing {
    color: blanchedalmond;
    transition: all 1s linear;
}

.navbar > .navbar-list > .navbar-item:hover .navbar-item-diseno {
    color: blanchedalmond;
    transition: all 0.5s linear;
}

.navbar > .navbar-list > .navbar-item:hover .navbar-item-desarrollo {
    color: blanchedalmond;
    transition: all 0.5s linear;
}

.navbar > .navbar-list > .navbar-item:hover .navbar-item-seo {
    color: blanchedalmond;
    transition: all 0.5s linear;
}

.mm {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(66px + -12 * ((100vw - 520px) / 680));
}

.navbar .navbar-list .marketing-t {
    display: block;
}

.navbar .navbar-list .navbar-item .ul-marketing {
    width: 100%;
    display: flex;
    display: inline-block;
    list-style: none;
    padding-left: 0px;
}

.marketing-t .ul-marketing li {
    display: none;
}

.marketing-t:hover .ul-marketing li {
    display: block;
}

.navbar .navbar-list .navbar-item .ul-marketing .m-li {
    background-color: rgba(167, 166, 166, 0.88);
    border-left: 2px solid black;
}

.navbar .navbar-list .navbar-item .ul-marketing .m-li .m-a {
    text-decoration: none;
    color: #ffffff;  
    justify-content: center;
    align-items: center;
}

.navbar > .navbar-list > .navbar-item > .ul-marketing > .m-li > .m-a > h2 {
    padding: calc(15px + 6 * ((100vw - 520px) / 680));
    font-size: calc(16px + 5 * ((100vw - 520px) / 680));
    margin: 0px; 
}

.navbar .navbar-list .navbar-item .ul-marketing .m-li:hover {
    background-color: black;
    -webkit-transition: width 1s, background 1s;
    -moz-transition: width 1s, background 1s;
    -o-transition: width 1s, background 1s;
    transition: width 1s, background 1s;
}

.dg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(66px + -12 * ((100vw - 520px) / 680));
}

.navbar .navbar-list .grafico-t {
    display: block;
}

.navbar .navbar-list .navbar-item .ul-grafico {
    width: 100%;
    display: flex;
    display: inline-block;
    list-style: none;
    padding-left: 0px;
}

.grafico-t .ul-grafico li {
    display: none;
}

.grafico-t:hover .ul-grafico li {
    display: block;
}

.navbar .navbar-list .navbar-item .ul-grafico .dg-li {
    background-color: rgba(167, 166, 166, 0.88);
    border-left: 2px solid black;
}

.navbar .navbar-list .navbar-item .ul-grafico .dg-li .dg-a {
    text-decoration: none;
    color: #ffffff;  
    justify-content: center;
    align-items: center;
}

.navbar > .navbar-list > .navbar-item > .ul-grafico > .dg-li > .dg-a > h2 {
    padding: calc(15px + 6 * ((100vw - 520px) / 680));
    font-size: calc(16px + 5 * ((100vw - 520px) / 680));
    margin: 0px; 
}

.navbar .navbar-list .navbar-item .ul-grafico .dg-li:hover {
    background-color: black;
    -webkit-transition: width 1s, background 1s;
    -moz-transition: width 1s, background 1s;
    -o-transition: width 1s, background 1s;
    transition: width 1s, background 1s;
}

.dw {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(66px + -12 * ((100vw - 520px) / 680));
}

.navbar .navbar-list .desarrollo-t {
    display: block;
}

.navbar .navbar-list .navbar-item .ul-desarrollo {
    width: 100%;
    display: flex;
    display: inline-block;
    list-style: none;
    padding-left: 0px;
}

.desarrollo-t .ul-desarrollo li {
    display: none;
}

.desarrollo-t:hover .ul-desarrollo li {
    display: block;
}

.navbar .navbar-list .navbar-item .ul-desarrollo .dw-li {
    background-color: rgba(167, 166, 166, 0.88);
    border-left: 2px solid black;
}

.navbar .navbar-list .navbar-item .ul-desarrollo .dw-li .dw-a {
    text-decoration: none;
    color: #ffffff;  
    justify-content: center;
    align-items: center;
}

.navbar > .navbar-list > .navbar-item > .ul-desarrollo > .dw-li > .dw-a > h2 {
    padding: calc(15px + 6 * ((100vw - 520px) / 680));
    font-size: calc(16px + 5 * ((100vw - 520px) / 680));
    margin: 0px; 
}

.navbar .navbar-list .navbar-item .ul-desarrollo .dw-li:hover {
    background-color: black;
    -webkit-transition: width 1s, background 1s;
    -moz-transition: width 1s, background 1s;
    -o-transition: width 1s, background 1s;
    transition: width 1s, background 1s;
}

.ec {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(66px + -12 * ((100vw - 520px) / 680));
}

.navbar .navbar-list .ecommerce-t {
    display: block;
}

.navbar .navbar-list .navbar-item .ul-ecommerce {
    width: 100%;
    display: flex;
    display: inline-block;
    list-style: none;
    padding-left: 0px;
}

.ecommerce-t .ul-ecommerce li {
    display: none;
}

.ecommerce-t:hover .ul-ecommerce li {
    display: block;
}

.navbar .navbar-list .navbar-item .ul-ecommerce .ec-li {
    background-color: rgba(167, 166, 166, 0.88);
    border-left: 2px solid black;
}

.navbar .navbar-list .navbar-item .ul-ecommerce .ec-li .ec-a {
    text-decoration: none;
    color: #ffffff;  
    justify-content: center;
    align-items: center;
}

.navbar > .navbar-list > .navbar-item > .ul-ecommerce > .ec-li > .ec-a > h2 {
    padding: calc(15px + 6 * ((100vw - 520px) / 680));
    font-size: calc(16px + 5 * ((100vw - 520px) / 680));
    margin: 0px; 
}

.navbar .navbar-list .navbar-item .ul-ecommerce .ec-li:hover {
    background-color: black;
    -webkit-transition: width 1s, background 1s;
    -moz-transition: width 1s, background 1s;
    -o-transition: width 1s, background 1s;
    transition: width 1s, background 1s;
}

.main-container {
    position: static;
    width: 100%;
    height: auto;
}

.main-container .group-text {
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: auto; 
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 100px;
}

.main-container .group-text .tittle-nosotros {
    margin: 0px;
    width: 32vw;
    font-family: LibreCaslonDisplay;
    font-weight: lighter;
    letter-spacing: 13px;
    text-align: right;
    font-size: calc(23px + 17 * ((100vw - 520px) / 680));
    padding-top: calc(180px + 90 * ((100vw - 520px) / 680));
}

.main-container .group-text .tittle-start {
    margin: 0px;
    width: 30vw;
    font-family: LibreCaslonDisplay;
    font-weight: lighter;
    text-align: right;
    font-size: calc(18px + 3 * ((100vw - 520px) / 680));
    letter-spacing: 5px;
    padding: 20px 0px;
}

.main-container .group-text .subtittle-nosotros-ak {
    font-size: 20px;
    margin: 0px;
    width: 30vw;
    font-family: LibreCaslonDisplay;
    text-align: right;
    font-size: calc(14px + 5 * ((100vw - 520px) / 680));
    letter-spacing: 30px;
    padding-top: 50px;
    padding-bottom: 100px;
}

.main-container .group-text .subtittle-nosotros {
    margin: 0px;
    width: 30vw;
    font-family: LibreCaslonDisplay;
    text-align: right;
    font-size: calc(14px + 1 * ((100vw - 520px) / 680));
    letter-spacing: 10px;
    padding: 20px 0px;
}

.main-container .group-text .text-nosotros {
    margin: 0px;
    width: 30vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: justify;
    padding-top: 30px;
    font-family: Avenir;
    font-size: calc(15px + 1 * ((100vw - 520px) / 680));
    margin-bottom: 100px;
}

.main-container .group-text .text-nosotros .link-texto {
    text-decoration: none;
    font-size: calc(11px + 2 * ((100vw - 520px) / 680));
    text-align: left;
    hyphens: auto;
    word-wrap: break-word;
    word-break: break-word;
    color: black;
}

.footer {
    position: absolute;
    background-color: white;
    width: 100%;
    height: calc(360px + 8 * ((100vw - 520px) / 680));
    display: flex;
    display: block;
    justify-content: center;
    align-items: center;
    border-top: 25px solid rgba(0, 0, 0, 0.45);
    z-index: 0;
}

.footer-section {
    background-image: url(../img/secciones/mariposaF2c-opacity2.png);
    background-size: contain;
    background-position:center;
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid black;
}

.text-group {
    display: flex;
    display: inline-block;
    text-align: left;
    width: 23%;
    height: 83%;
    color: black;
    font-family: Avenir;
    font-weight: lighter;
    border-bottom: 1px solid black;
    line-height: 23px;
    text-decoration: none !important;
}

.nombres {
    font-family: LibreCaslonDisplay;
    letter-spacing: 3px;
    word-spacing: 3px;
    font-weight: 900;
    font-size: calc(13px + 2 * ((100vw - 520px) / 680));
    border-bottom: 1px solid black;
}

.enlace {
    font-size: calc(11.5px + 1.5 * ((100vw - 520px) / 680));
    text-decoration: none !important;
    color: black;
}

.enlace:hover {
    color: rgba(255, 165, 0, 0.9);
    cursor: pointer;
}

.enlace:hover span {
    color: black;
    cursor: pointer;
    cursor: default;
}

.enlace a {
    text-decoration: none;
    color: black;
}

.enlace a:hover {
    text-decoration: none;
    color: rgba(255, 165, 0, 0.9);
    cursor: pointer;
}

.margen {
    margin-bottom: calc(15px + 13 * ((100vw - 520px) / 680));
}

.enlace-contacto {
    font-size: calc(12px + 1.4 * ((100vw - 520px) / 680));
    text-decoration: none;
    color: black;
}

.enlace-contacto:hover {
    color: rgba(255, 165, 0, 1);
}

.end-container {
    background-color: rgb(118, 118, 118);
    width: 100%;
    height: 60px;
    display: flex;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.empresa-c {
    display: flex;
    align-items: center;
    width: calc(40% + -100 * ((100vw - 520px) / 680));
    margin: 0px;
    padding: 0px;
}

.empresa {
    color: white;
    font-family: LibreCaslonDisplay;
    font-weight: lighter;
    letter-spacing: 5px;
    word-spacing: 3px;
    font-size: calc(10px + 3 * ((100vw - 520px) / 680));
    margin: 0px;
}

.empresa-c .img-copyright {
    width: calc(10px + 2 * ((100vw - 520px) / 680));
    height: calc(10px + 2 * ((100vw - 520px) / 680));
    padding-left: 5px;
}

.rrss {
    width: 20%;
    width: calc(35% + -120 * ((100vw - 520px) / 680));
    display: flex;
    display: inline-flex;
    justify-content: space-around;
    padding-top: 5px;
}

.img {
    width: calc(15px + 3 * ((100vw - 520px) / 680));
    height: calc(15px + 3 * ((100vw - 520px) / 680));
}

@media only screen and (min-width: 2400px) {
    .site-nav-open {
        height: 0%;
    }
}

@media only screen and (min-width: 700px) and (max-width: 2400px) {
    .site-nav-open {
        height: 0%;
    }   
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .navbar {
        width: 100vw;
        position: fixed;
        overflow: auto;
        display: flex;
        display: inline-block;
        height: 86px;
        z-index: 300;
    }
    
    .site-nav-open {
        height: 100%;
    }
    
    .site-nav-open > .navbar {
        height: 86px;
    }
    
    .navbar .navbar-list {
        display: flex;
        display: block;
        width: 100%;
        margin-bottom: 0px;
    }
    
    .navbar .navbar-list .navbar-item {
        display: inline-block;
        width: 100%;
        height: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    
    .navbar .navbar-list .navbar-item:hover {
        transition: none;
        width: 100%;
    }
    
    .navbar .navbar-list .navbar-item .menu-logos {
        width: 100%;
        height: 69px;
        padding-left: 0px;
        padding: 5px 0px 12px 0px;
    }
    
    .img1, .img2 {
        height: 69px;
    }
    
    .navbar .navbar-list .navbar-item .ul2 {
        width: 100%;
        height: 100%;
        padding-left: 0px;
        margin: 0px;
    }
    
    .navbar .navbar-list .navbar-item .ul2 li {
        padding-left: 0px;
    }

    .navbar .navbar-list .navbar-item .ul2 .ul2-a-2 {
        height: 23px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .navbar .navbar-list .navbar-item:hover {
        background-color: transparent;
    }
    
    .navbar .navbar-list .navbar-item:hover {
        background-color: transparent;
    }
    
    .site-nav-open .navbar-list .navbar-item .menu-logos {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .site-nav-open .navbar-list .navbar-item {
        background-color: rgba(0, 0, 0, 0.5);
    }
     
    .navbar .li-1 .logo-dech-menu {
        display: none;
    }
    
    .site-nav-open .navbar-list .logo-dech-menu {
        display: inline-block;
    }

    .navbar .navbar-list .li-1 .ul2 {
        display: none;
    }
    
    .site-nav-open .navbar-list .li-1 .ul2{
        display: block;
    }

    .navbar .navbar-list .marketing-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .marketing-t {
        display: flex;
        display: block;
        height: auto;
    }
    
     .navbar .navbar-list .marketing-t .ul-marketing {
        display: none;
    }
    
    .navbar .navbar-list .open-marketing .ul-marketing{
        display: flex; 
        display: block;
        min-height: 223px !important;
    }
    
    .navbar .navbar-list .grafico-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .grafico-t {
        display: flex;
        display: block;
        height: auto;
    }
    
    .navbar .navbar-list .grafico-t .ul-grafico {
        display: none;
    }
    
    .navbar .navbar-list .open-grafico .ul-grafico {
        display: flex;
        display: block;
        min-height: 223px !important;
    }
    
    .navbar .navbar-list .desarrollo-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .desarrollo-t {
        display: flex;
        display: block;
        height: auto;
    }
    
    .navbar .navbar-list .desarrollo-t .ul-desarrollo {
        display: none;
    }
    
    .navbar .navbar-list .open-desarrollo .ul-desarrollo {
        display: flex;
        display: block;
        min-height: 333px !important;
    }
    
    .navbar .navbar-list .ecommerce-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .ecommerce-t {
        display: flex;
        display: block;
        height: auto;
    }
    
     .navbar .navbar-list .ecommerce-t .ul-ecommerce {
        display: none;
    }
    
    .navbar .navbar-list .open-ecommerce .ul-ecommerce {
        display: flex;
        display: block;
        min-height: 317.5px !important;
    } 
    
    .para-scroll {
        overflow: hidden;
    }
    
    .main-container .group-text {
        padding-bottom: 70px;
    }
    .main-container .group-text .tittle-nosotros {
        width: 53vw;
        letter-spacing: 5px;
        font-size: 50px;
    }
    
    .main-container .group-text .subtittle-nosotros-ak {
        font-size: 20px;
        margin: 0px;
        width: 52vw;
        font-family: LibreCaslonDisplay;
        text-align: right;
        font-size: 17px;
        letter-spacing: 10px;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    
    .main-container .group-text .tittle-start {
        width: 51vw;
    }
    
    .main-container .group-text .subtittle-nosotros {
        width: 50vw;
        font-size: 14px;
        letter-spacing: 5px;
    }
    
    .main-container .group-text .text-nosotros {
        width: 50vw;
        margin-bottom: 50px;
    }

    .footer {
        height: 310px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .navbar {
        width: 100vw;
        position: fixed;
        overflow: auto;
        display: inline-block;
        height: 86px;
        z-index: 300;
    }
    
    .site-nav-open {
        height: 100%;
    }
    
    .site-nav-open > .navbar {
        height: 86px;
    }
    
    .navbar .navbar-list {
        display: flex;
        display: block;
        width: 100%;
        margin-bottom: 0px;
    }
    
    .navbar .navbar-list .navbar-item {
        display: inline-block;
        width: 100%;
        height: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    
    .navbar .navbar-list .navbar-item:hover {
        transition: none;
        width: 100%;
    }
    
    .navbar .navbar-list .navbar-item .menu-logos {
        width: 100%;
        height: 69px;
        padding-left: 0px;
        padding: 5px 0px 12px 0px;
    }
    
    .img1, .img2 {
        height: 69px;
    }
    
    .navbar .navbar-list .navbar-item .ul2 {
        width: 100%;
        height: 100%;
        padding-left: 0px;
        margin: 0px;
    }
    
    .navbar .navbar-list .navbar-item .ul2 li {
        padding-left: 0px;
    }

    .navbar .navbar-list .navbar-item .ul2 .ul2-a-2 {
        height: 30px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .navbar .navbar-list .navbar-item:hover {
        background-color: transparent;
    }
    
    .site-nav-open .navbar-list .navbar-item .menu-logos {
        background-color: rgba(0, 0, 0, 0.5);
    }
    
    .site-nav-open .navbar-list .navbar-item {
        background-color: rgba(0, 0, 0, 0.5);
    }
    
    .navbar-list .navbar-item-a {
        min-height: 75px;
    }
    
    .navbar .li-1 .logo-dech-menu {
        display: none;
    }
    
    .site-nav-open .navbar-list .logo-dech-menu {
        display: inline-block;
    }

    .navbar .navbar-list .li-1 .ul2 {
        display: none;
    }
    
    .site-nav-open .navbar-list .li-1 .ul2{
        display: block;
    }

    .navbar .navbar-list .marketing-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .marketing-t {
        display: flex;
        display: block;
        height: auto;
    }
    
     .navbar .navbar-list .marketing-t .ul-marketing {
        display: none;
    }
    
    .navbar .navbar-list .open-marketing .ul-marketing{
        display: flex; 
        display: block;
        min-height: 240px !important;
    }
    
    .navbar .navbar-list .grafico-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .grafico-t {
        display: flex;
        display: block;
        height: auto;
    }
    
    .navbar .navbar-list .grafico-t .ul-grafico {
        display: none;
    }
    
    .navbar .navbar-list .open-grafico .ul-grafico {
        display: flex;
        display: block;
        min-height: 240px !important;
    }
    
    .navbar .navbar-list .desarrollo-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .desarrollo-t {
        display: flex;
        display: block;
        height: auto;
    }
    
    .navbar .navbar-list .desarrollo-t .ul-desarrollo {
        display: none;
    }
    
    .navbar .navbar-list .open-desarrollo .ul-desarrollo {
        display: flex;
        display: block;
        min-height: 371px !important;
    }
    
    .navbar .navbar-list .ecommerce-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .ecommerce-t {
        display: flex;
        display: block;
        height: auto;
    }
    
     .navbar .navbar-list .ecommerce-t .ul-ecommerce {
        display: none;
    }
    
    .navbar .navbar-list .open-ecommerce .ul-ecommerce {
        display: flex;
        display: block;
        min-height: 317.5px !important;
    }
    
    .para-scroll {
        overflow: hidden;
    }
    
    .main-container .group-text {
        padding-bottom: 70px;
    }
    
    .main-container .group-text .tittle-nosotros {
        width: 46vw;
        letter-spacing: 5px;
        font-size: 55px;
    }
    
    .main-container .group-text .subtittle-nosotros-ak {
        font-size: 20px;
        margin: 0px;
        width: 46vw;
        font-family: LibreCaslonDisplay;
        text-align: right;
        font-size: 17px;
        letter-spacing: 10px;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    
    .main-container .group-text .tittle-start {
        width: 46vw;
    }
    
    .main-container .group-text .subtittle-nosotros {
        width: 45vw;
        font-size: 14px;
        letter-spacing: 5px;
    }
    
    .main-container .group-text .text-nosotros {
        width: 45vw;
        margin-bottom: 50px;
    }

    .footer {
        height: 325px;
    }
}

@media only screen and (max-width: 1024px) {
    .footer {
        height: calc(310px + 2 * ((100vw - 520px) / 680));
    }
}

@media only screen and (min-width: 1366px) and (min-height: 600px) and (max-width: 2399px) {   
    .main-container .group-text {
        padding-bottom: 70px;
    }
    
    .footer {
        height: calc(310px + 20 * ((100vw - 520px) / 680));
    }
}

@media only screen and (min-width: 400px) and (max-width: 700px) {
    .footer {
        height: 345px;
    }
} 

@media only screen and (min-width: 375px) and (max-width: 375px) {
    .footer {
        height: 370px;
    }
}

@media only screen and (max-width: 700px) {
    .navbar {
        width: 100vw;
        position: fixed;
        overflow: auto;
        display: flex;
        display: inline-block;
        height: 86px;
        z-index: 300;
    }
    
    .site-nav-open {
        height: 100%;
    }
    
    .site-nav-open > .navbar {
        height: 86px;
    }
    
    .navbar .navbar-list {
        display: flex;
        display: block;
        width: 100%;
        margin-bottom: 0px;
    }
    
    .navbar .navbar-list .navbar-item {
        display: inline-block;
        width: 100%;
        height: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    
    .navbar .navbar-list .navbar-item:hover {
        transition: none;
        width: 100%;
    }
    
    .navbar .navbar-list .navbar-item .menu-logos {
        width: 100%;
        height: 69px;
        padding-left: 0px;
        padding: 5px 0px 12px 0px;
    }
    
    .img1, .img2 {
        height: 69px;
    }
    
    .navbar .navbar-list .navbar-item .ul2 {
        width: 100%;
        height: 100%;
        padding-left: 0px;
        margin: 0px;
    }
    
    .navbar .navbar-list .navbar-item .ul2 li {
        padding-left: 0px;
    }
    
    .navbar .navbar-list .navbar-item .ul2 .ul2-a-2 {
        height: 23px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .navbar .navbar-list .navbar-item:hover {
        background-color: transparent;
    }
    
    .navbar .navbar-list .navbar-item:hover {
        background-color: transparent;
    }
    
    .site-nav-open .navbar-list .navbar-item .menu-logos {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .site-nav-open .navbar-list .navbar-item {
        background-color: rgba(0, 0, 0, 0.5);
    }
     
    .navbar .li-1 .logo-dech-menu {
        display: none;
    }
    
    .site-nav-open .navbar-list .logo-dech-menu {
        display: inline-block;
    }

    .navbar .navbar-list .li-1 .ul2 {
        display: none;
    }
    
    .site-nav-open .navbar-list .li-1 .ul2{
        display: block;
    }

    .navbar .navbar-list .marketing-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .marketing-t {
        display: flex;
        display: block;
        height: auto;
    }
    
     .navbar .navbar-list .marketing-t .ul-marketing {
        display: none;
    }
    
    .navbar .navbar-list .open-marketing .ul-marketing{
        display: flex; 
        display: block;
        min-height: 181px; 
    }
    
    .navbar .navbar-list .grafico-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .grafico-t {
        display: flex;
        display: block;
        height: auto;
    }
    
    .navbar .navbar-list .grafico-t .ul-grafico {
        display: none;
    }
    
    .navbar .navbar-list .open-grafico .ul-grafico {
        display: flex;
        display: block;
        min-height: 181px;
    }
    
    .navbar .navbar-list .desarrollo-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .desarrollo-t {
        display: flex;
        display: block;
        height: auto;
    }
    
    .navbar .navbar-list .desarrollo-t .ul-desarrollo {
        display: none;
    }
    
    .navbar .navbar-list .open-desarrollo .ul-desarrollo {
        display: flex;
        display: block;
        min-height: 271.5px;
    }
    
    .navbar .navbar-list .ecommerce-t {
        display: none;
    }
    
    .site-nav-open .navbar-list .ecommerce-t {
        display: flex;
        display: block;
        height: auto;
    }
    
     .navbar .navbar-list .ecommerce-t .ul-ecommerce {
        display: none;
    }
    
    .navbar .navbar-list .open-ecommerce .ul-ecommerce {
        display: flex;
        display: block;
        min-height: 316.75px;
    }
    
    .para-scroll {
        overflow: hidden;
    }

    .main-container .group-text {
        padding-bottom: 70px;
    }
    
    .main-container .group-text .tittle-nosotros {
        width: 73vw;
        letter-spacing: 5px;
        font-size: 30px;
    }
    
    .main-container .group-text .subtittle-nosotros-ak {
        font-size: 20px;
        margin: 0px;
        width: 73vw;
        font-family: LibreCaslonDisplay;
        text-align: right;
        font-size: 17px;
        letter-spacing: 10px;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    
    .main-container .group-text .tittle-start {
        width: 73vw;
    }
    
    .main-container .group-text .subtittle-nosotros {
        width: 70vw;
        font-size: 14px;
        letter-spacing: 5px;
    }
    
    .main-container .group-text .text-nosotros {
        width: 70vw;
        margin-bottom: 50px;
    }

    .footer {
        height: 345px;
    }
    
    .tel-uno {
        padding-right: 20%;
    }
}
       
@media only screen and (max-width: 360px) {
    .footer {
        height: 335px;
    }
    
    .nombres {
        font-size: 11px;
    }

    .enlace {
        font-size: 10px;
    }
    
    .empresa-c {
        width: 50%;
    }
    
    .rrss {
        width: 40%;
        padding-top: 5px;
    }
}
    
@media only screen and (max-width: 320px) {
    .footer {
        height: 390px;
    }
}

@media only screen and (max-width: 280px) {
    .navbar .navbar-list .open-marketing .ul-marketing {
        min-height: 171px; 
    }
    
    .navbar .navbar-list .open-grafico .ul-grafico {
        min-height: 171px; 
    }
    
    .navbar .navbar-list .open-desarrollo .ul-desarrollo {
        min-height: 256.5px; 
    }
    
    .navbar .navbar-list .open-ecommerce .ul-ecommerce {
        min-height: 298.75px; 
    }

    .footer {
        height: 328px;
    }
    
    .nombres {
        font-size: 10px;
    }

    .enlace {
        font-size: calc(9px + 1.5 * ((100vw - 520px) / 680));
    }
    
    .footer .footer-section .text-group p {
        margin: 3px;
    }
    
    .tel-uno {
        padding-right: 0%;
    }

    .enlace-contacto {
        font-size: 10.5px;
    }
    
    .end-container {
        height: 60px;
        display: flex;
        display: block;
        justify-content: center;
        align-items: center;
        align-content: center;
        padding: 5% 0%;
    }
    
    .empresa-c {
        width: 40% !important;
        height: 35px;
        width: 10%;
        margin: 0px;
        padding: 0% 20%;
    }

    .empresa {
        width: 100% !important;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 10px;
        margin: 0px;
    }

    .empresa-c .img-copyright {
        width: 10px;
        height: 10px;
    }

    .rrss {
        width: 100%;
        padding-top: 5px;
    }

    .img {
        width: 13px;
        height: 13px;
    }

}