html {
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: white;
}
.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 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

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

.main-container .section-container {
    background-image: url(../img/secciones/mariposaF2ccc-baja.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 10px solid rgba(0, 0, 0, 0.8);
    position: static;
}

.main-container .section-container .primera-seccion {
    width: 33.323%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin: 0px;
    padding: 0px;
}

.main-container .section-container .segunda-seccion {
    width: 33.323%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin: 0px;
    padding: 0px;
}

.main-container .section-container .tercera-seccion {
    width: 33.323%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin: 0px;
    padding: 0px;
}

.main-container .section-container .desarrollo1 {
    background-color: rgba(0, 255, 255, 0.02);
    width: auto;
    height: calc(85vh + -100 * ((100vw - 520px) / 680));
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.main-container .section-container .desarrollo2 {
    background-color: rgba(255, 255, 0, 0.02);
    border-left: 1px solid black;
    width: auto;
    height: calc(85vh + -100 * ((100vw - 520px) / 680));
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.main-container .section-container .desarrollo3 {
    background-color: rgba(255, 192, 203, 0.08);
    border-left: 1px solid black;
    width: auto;
    height: calc(85vh + -100 * ((100vw - 520px) / 680));
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.main-container .section-container .desarrollo4 {
    background-color: rgba(173, 255, 47, 0.02);
    border-left: 1px solid black;
    width: auto;
    height: calc(85vh + -100 * ((100vw - 520px) / 680));
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.main-container .section-container .desarrollo5 {
    background-color: rgba(222, 184, 135, 0.1);
    border-left: 1px solid black;
    width: auto;
    height: calc(85vh + -100 * ((100vw - 520px) / 680));
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.main-container .section-container .desarrollo6 {
    background-color: rgba(238, 130, 238, 0.06);
    border-left: 1px solid black;
    width: auto;
    height: calc(85vh + -100 * ((100vw - 520px) / 680));
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.main-container .section-container .desarrollo1 .desarrollo1-img {
    width: 90%;
    height: 30%;
}

.main-container .section-container .desarrollo1 .desarrollo1-img .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.text-section {
    padding-top: 88px;
    padding: 40px;
    text-align: justify;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-container .section-container .desarrollo2 .desarrollo1-img {
    width: 90%;
    height: 30%;
}

.main-container .section-container .desarrollo2 .desarrollo1-img .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.main-container .section-container .desarrollo3 .desarrollo1-img {
    width: 90%;
    height: 30%;
}

.main-container .section-container .desarrollo3 .desarrollo1-img .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.main-container .section-container .desarrollo4 .desarrollo1-img {
    width: 90%;
    height: 30%;
}

.main-container .section-container .desarrollo4 .desarrollo1-img .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.main-container .section-container .desarrollo5 .desarrollo1-img {
    width: 90%;
    height: 30%;
}

.main-container .section-container .desarrollo5 .desarrollo1-img .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.main-container .section-container .desarrollo6 .desarrollo1-img {
    width: 90%;
    height: 30%;
}

.main-container .section-container .desarrollo6 .desarrollo1-img .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.btn-enlace {
    width: 250px;
    height: 30px;
    text-decoration: none;
    padding: 20px 0px 30px 0px;
}

.btn-contactanos {
    width: 250px;
    height: 30px;
    font-family: LibreCaslonDisplay;
    font-weight: bold;
    font-size: 0.65em;
    letter-spacing: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    text-decoration: none;
    cursor: pointer;
}

.desarrollo1 .btn-contactanos {
    border-right: 10px solid rgba(0, 255, 255, 1);
    background: linear-gradient(90deg, var(--c1, rgba(255, 187, 63, 0.9)) 50%, var(--c2, rgba(0, 255, 255, 0.9)) 90%) var(--x, 0)/ 250%;
    transition: 0.5s;
}
.desarrollo2 .btn-contactanos {
    border-right: 10px solid rgba(255, 255, 0, 1);
    background: linear-gradient(90deg, var(--c1, rgba(255, 187, 63, 0.9)) 50%, var(--c2, rgba(255, 255, 0, 0.9)) 90%) var(--x, 0)/ 250%;
    transition: 0.5s;
}
.desarrollo3 .btn-contactanos {
    border-right: 10px solid rgba(255, 192, 203, 1);
    background: linear-gradient(90deg, var(--c1, rgba(255, 187, 63, 0.9)) 50%, var(--c2, rgba(255, 192, 203, 1)) 70%) var(--x, 0)/ 250%;
    transition: 0.5s;
}
.desarrollo4 .btn-contactanos {
    border-right: 10px solid rgba(173, 255, 47, 1);
    background: linear-gradient(90deg, var(--c1, rgba(255, 187, 63, 0.9)) 50%, var(--c2, rgba(173, 255, 47, 0.9)) 90%) var(--x, 0)/ 250%;
    transition: 0.5s;
}
.desarrollo5 .btn-contactanos {
    border-right: 10px solid rgba(222, 184, 135, 1);
    background: linear-gradient(90deg, var(--c1, rgba(255, 187, 63, 0.9)) 50%, var(--c2, rgba(222, 184, 135, 1)) 70%) var(--x, 0)/ 250%;
    transition: 0.5s;
}
.desarrollo6 .btn-contactanos {
    border-right: 10px solid rgba(238, 130, 238, 1);
    background: linear-gradient(90deg, var(--c1, rgba(255, 187, 63, 0.9)) 50%, var(--c2, rgba(238, 130, 238, 1)) 80%) var(--x, 0)/ 250%;
    transition: 0.5s;
}
.desarrollo1 .btn-contactanos:hover {
    --x: 100%;
    --c1: rgba(255, 187, 63, 0.9);
    --c2: rgba(0, 255, 255, 0.9);
}
.desarrollo2 .btn-contactanos:hover {
    --x: 100%;
    --c1: rgba(255, 187, 63, 0.9);
    --c2: rgba(255, 255, 0, 0.9);
}
.desarrollo3 .btn-contactanos:hover {
    --x: 100%;
    --c1: rgba(255, 187, 63, 0.9);
    --c2: rgba(255, 192, 203, 1);
}
.desarrollo4 .btn-contactanos:hover {
    --x: 100%;
    --c1: rgba(255, 187, 63, 0.9);
    --c2: rgba(173, 255, 47, 0.9);
}
.desarrollo5 .btn-contactanos:hover {
    --x: 100%;
    --c1: rgba(255, 187, 63, 0.9);
    --c2: rgba(222, 184, 135, 1);
}
.desarrollo6 .btn-contactanos:hover {
    --x: 100%;
    --c1: rgba(255, 187, 63, 0.9);
    --c2: rgba(238, 130, 238, 1);
}

.text-section .subtittle {
    margin: 0px;
    width: 80%;
    height: 150px;
    max-height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: LibreCaslonDisplay;
    font-weight: lighter;
    font-size: calc(25px + 2 * ((100vw - 520px) / 680));
    letter-spacing: 5px;
    padding-top: 25px;
}

.text-section {
    padding: 0px;
    width: calc(100% + -20 * ((100vw - 520px) / 680));
}

.text-section .text {
    width: 90%;
    min-height: 240px;
    max-height: 60%;
    margin: 0px;
    padding: 15px 0px 20px 0px;
    font-size: 15.6px;
    line-height: 20px;
}

.main-container .section-container2 {
    padding-top: 86px;
    background-image: url(../img/fondos/16.png);
    background-size: cover;
    width: 100vw;
    height: 400px;
}

.main-container .section-container2 .img-text {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100vw;
    height: 400px;
}

.main-container .section-container2 .img-text .img-tittle {
    width: 100vw;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
}

.main-container .section-container2 .img-text .img-tittle h1 {
    margin: 0px;
    padding: 40px 40px 20px 40px;
    font-family: LibreCaslonDisplay;
    font-weight: lighter;
    letter-spacing: 10px;
    font-size: calc(30px + 10 * ((100vw - 520px) / 680));
    text-align: center;
}

.main-container .section-container2 .img-text .img-tittle p {
    margin: 0px;
    padding: 20px 0px;
    padding-left: calc(40px + 40 * ((100vw - 520px) / 680));
    padding-right: calc(40px + 40 * ((100vw - 520px) / 680));
    font-family: CutiveMono;
    font-weight: lighter;
    font-size: calc(15px + 2 * ((100vw - 520px) / 680));
    text-align: justify;
    line-height: calc(22px + 2.5 * ((100vw - 520px) / 680));
    hyphens: auto;
    word-wrap: break-word;
    word-break: break-word;
}

.main-container .section-container2 .img-text .img-tittle hr {
    background-color: white;
    width: 50vw;
}

.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%;
    }

    .main-container .section-container2 .img-text .img-tittle p {
        hyphens: none !important;
    }

    .main-container .section-container .desarrollo1, .desarrollo2, .desarrollo3, .desarrollo4, .desarrollo5, .desarrollo6 {
        border-bottom: 2.5px solid black;
        max-height: none;
        min-height: 70vh;
    }

    .main-container .section-container .desarrollo1 {
        width: 16.55vw;
        min-height: 64vh;
    }

    .main-container .section-container .desarrollo2 {
        width: 16.55vw;
        min-height: 64vh;
    }

    .main-container .section-container .desarrollo3 {
        width: 16.55vw;
        min-height: 64vh;
    }

    .main-container .section-container .desarrollo4 {
        width: 16.55vw;
        min-height: 64vh;
    }

    .main-container .section-container .desarrollo5 {
        width: 16.55vw;
        min-height: 64vh;
    }

    .main-container .section-container .desarrollo6 {
        width: 16.55vw;
        min-height: 64vh;
    }

    .main-container .section-container .primera-seccion {
        width: 100vw;
        justify-content: center;
    }

    .main-container .section-container .segunda-seccion {
        width: 100vw;
        justify-content: center;
    }

    .main-container .section-container .tercera-seccion {
        width: 100vw;
        justify-content: center;
    }

    .text-section .text {
        font-size: 14px !important;
        line-height: 22px;
    }

    .main-container .section-container2 {
        width: 100%;
        height: 350px;
    }

    .main-container .section-container2 .img-text {
        width: 100%;
        height: 350px;
    }

    .main-container .section-container2 .img-text .img-tittle {
        width: 100%;
        height: 350px;
    }

    .main-container .section-container2 .img-text .img-tittle p {
        font-size: calc(15px + 2 * ((100vw - 520px) / 680)) !important;
    }

    .text-section .subtittle {
        height: 150px !important;
        max-height: 50% !important;

        font-size: calc(25px + 2 * ((100vw - 520px) / 680)) !important;
        padding-top: 50px !important;
    }

    .text-section {
        width: calc(100% + -20 * ((100vw - 520px) / 680)) !important;
    }

    .text-section .text {
        width: 90%;
        min-height: 240px !important;
        max-height: 60% !important;
        margin: 0px !important;
        padding: 15px 0px 20px 0px !important;
        font-size: 15px !important;
        line-height: 20px !important; 
    }

    .btn-enlace {
        width: 200px !important;
        height: 25px !important;
        padding: 30px 0px 30px 0px !important;
    }

    .btn-contactanos {
        width: 200px !important;
        height: 25px !important;
        font-size: 0.6em !important;
    }

}

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

@media only screen and (min-width: 700px) and (max-width: 2400px) {
    .main-container .section-container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    
    .main-container .section-container .desarrollo1, .desarrollo2, .desarrollo3, .desarrollo4, .desarrollo5, .desarrollo6 {
        border-bottom: 2.5px solid black;
    }

    .main-container .section-container .desarrollo1 {
        border-left: none;
    }

    .main-container .section-container .desarrollo2 {
        border-left: none;
    }

    .main-container .section-container .desarrollo3 {
        border-left: none;
    }

    .main-container .section-container .desarrollo4 {
        border-left: none;
    }

    .main-container .section-container .desarrollo5 {
        border-left: none;
    }

    .main-container .section-container .desarrollo6 {
        border-left: none;
    }

    .main-container .section-container .desarrollo1 {
        width: 50vw;
        max-height: 63vh;
    }

    .main-container .section-container .desarrollo2 {
        width: 50vw;
        max-height: 63vh;
    }

    .main-container .section-container .desarrollo3 {
        width: 50vw;
        max-height: 63vh;
    }

    .main-container .section-container .desarrollo4 {
        width: 50vw;
        max-height: 63vh;
    }

    .main-container .section-container .desarrollo5 {
        width: 50vw;
        max-height: 63vh;
    }

    .main-container .section-container .desarrollo6 {
        width: 50vw;
        max-height: 63vh;
    }

    .text-section .text {
        padding-bottom: 30px;
    }
    
    .main-container .section-container .primera-seccion {
        width: 100vw;
        justify-content: center;
    }
    
    .main-container .section-container .segunda-seccion {
        width: 100vw;
        justify-content: center;
    }
    
    .main-container .section-container .tercera-seccion {
        width: 100vw;
        justify-content: center;
    }
    
    .text-section .text {
        width: 80%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1366px)  and (min-height: 600px) and (max-height: 1023px) {
    .main-container .section-container .desarrollo1 {
        min-height: 130vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo2 {
        min-height: 130vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo3 {
        min-height: 130vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo4 {
        min-height: 130vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo5 {
        min-height: 130vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo6 {
        min-height: 130vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo1 .desarrollo1-img .img {
        border: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .navbar {
        width: 100vw;
        position: fixed;
        overflow: auto;
        display: flex;
        display: inline-block;
        z-index: 300;
        height: 86px;
    }
    
    .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;
    }
}

@media only screen and (min-width: 768px) and (max-height: 1024px) {
    .main-container .section-container2 {
        height: 310px !important;
    }
    
    .main-container .section-container2 .img-text {
        height: 310px !important;
    }
    
    .main-container .section-container2 .img-tittle {
        height: 310px !important;
    }
    
    .main-container .section-container2 .img-tittle p {
        font-size: 14px;
        hyphens: none;
    }
    
    .main-container .section-container .desarrollo1 {
        max-height: 80vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo2 {
        max-height: 80vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo3 {
        max-height: 80vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo4 {
        max-height: 80vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo5 {
        max-height: 80vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo6 {
        max-height: 80vh !important;
        padding: 40px 20px 30px 20px !important;
    }

    .main-container .section-container .desarrollo1 .desarrollo1-img {
        width: 100%;
        height: 30%;
    }
    
    .main-container .section-container .desarrollo2 .desarrollo1-img {
        width: 100%;
        height: 30%;
    }
    
    .main-container .section-container .desarrollo3 .desarrollo1-img {
        width: 100%;
        height: 30%;
    }
    
    .main-container .section-container .desarrollo4 .desarrollo1-img {
        width: 100%;
        height: 30%;
    }
    
    .main-container .section-container .desarrollo5 .desarrollo1-img {
        width: 100%;
        height: 30%;
    }
    
    .main-container .section-container .desarrollo6 .desarrollo1-img {
        width: 100%;
        height: 30%;
    }

    .text-section .text {
        width: 85%;
        font-size: 15.2px;
        line-height: 23px;
        min-height: 280px;
    }
    
    .text-section .subtittle {
        padding-bottom: 30px !important;
    }

    .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;
    }

    .footer {
        height: 325px;
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) {
    .section-container2 .img-text .img-tittle p {
        font-size: 14.9px !important;
    }

    .main-container .section-container .desarrollo1 {
        max-height: 72vh !important;
        padding-bottom: 10px;
    }

    .main-container .section-container .desarrollo2 {
        max-height: 72vh !important;
        padding-bottom: 10px;
    }

    .main-container .section-container .desarrollo3 {
        max-height: 72vh !important;
        padding-bottom: 10px;
    }

    .main-container .section-container .desarrollo4 {
        max-height: 72vh !important;
        padding-bottom: 10px;
    }

    .main-container .section-container .desarrollo5 {
        max-height: 72vh !important;
        padding-bottom: 10px;
    }

    .main-container .section-container .desarrollo6 {
        max-height: 72vh !important;
        padding-bottom: 10px;
    }

    .text {
        font-size: 18px !important;
        line-height: 25px !important;
        min-height: 280px !important;
    }

    .main-container .section-container2 .img-text .img-tittle p {
        
        padding-left: calc(20px + 40 * ((100vw - 520px) / 680));
        padding-right: calc(20px + 40 * ((100vw - 520px) / 680));
    }

    .btn-enlace {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 225px;
        height: 37px;
    }
    
    .btn-contactanos {
        width: inherit;
        height: inherit;
        font-size: 0.80em;
    }
}

@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 .section-container .primera-seccion,.segunda-seccion,.tercera-seccion {
        width: 100vw;
        height: 100%;
    }
    
    .main-container .section-container .desarrollo1,.desarrollo2,.desarrollo3,.desarrollo4,.desarrollo5,.desarrollo6 {
        max-height: none;
        min-height: 100vh;
    }

    .text-section .subtittle {
        max-height: 25%;
        font-size: calc(22px + 2 * ((100vw - 520px) / 680));
        letter-spacing: 5px;
        padding-top: 25px;
    }
    
    .text-section .text {
        min-height: 230px !important;
    }  

    .footer {
        height: calc(310px + 20 * ((100vw - 520px) / 680));
    }
}

@media only screen and (min-width: 400px) and (max-width: 700px) {
    .text-section .subtittle {
        width: 80% !important;
        padding-top: 40px;
    }
    
    .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 .section-container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    
    .main-container .section-container .desarrollo1, .desarrollo2, .desarrollo3, .desarrollo4, .desarrollo5, .desarrollo6 {
        border-bottom: 2.5px solid black;
    }

    .main-container .section-container .desarrollo1 {
        border-left: none;
        width: 100vw;
        padding: 0px 20px;
        height: 300px;
    }

    .main-container .section-container .desarrollo2 {
        border-left: none;
        width: 100vw;
        padding: 0px 20px;
        height: 300px;
    }

    .main-container .section-container .desarrollo3 {
        border-left: none;
        width: 100vw;
        padding: 0px 20px;
        height: 300px;
    }

    .main-container .section-container .desarrollo4 {
        border-left: none;
        width: 100vw;
        padding: 0px 20px;
        height: 300px;
    }

    .main-container .section-container .desarrollo5 {
        border-left: none;
        width: 100vw;
        padding: 0px 20px;
        height: 300px;
    }

    .main-container .section-container .desarrollo6 {
        border-left: none;
        width: 100vw;
        padding: 0px 20px;
        height: 300px;
    }

    .main-container .section-container2 {
        height: 450px;
    }
    
    .main-container .section-container2 .img-text {
        height: 450px;
    }
    
    .main-container .section-container2 .img-tittle {
        height: 435px;
    }
 
    .text-section .subtittle {
        width: 100%;
        padding-top: 40px;
    }
    
    .text-section .text {
        font-size: 15px;
    }

    .main-container .section-container .primera-seccion {
        width: 100vw;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .main-container .section-container .segunda-seccion {
        width: 100vw;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .main-container .section-container .tercera-seccion {
        width: 100vw;
        justify-content: center;
        flex-wrap: wrap;
    }

    .main-container .section-container2 .img-tittle p {
        hyphens: none;
    }

    .footer {
        height: 345px;
    }
    
    .tel-uno {
        padding-right: 20%;
    }
}

@media only screen and (min-width: 414px) and (max-width: 736px) {
    .main-container .section-container2 {
        height: 410px;
    }
    
    .main-container .section-container2 .img-text {
        height: 410px;
    }
    
    .main-container .section-container2 .img-tittle {
        height: 410px;
    }

    .main-container .section-container .desarrollo1 {
        min-height: 700px;
    }

    .main-container .section-container .desarrollo2 {
        min-height: 700px;
    }

    .main-container .section-container .desarrollo3 {
        min-height: 700px;
    }

    .main-container .section-container .desarrollo4 {
        min-height: 700px;
    }

    .main-container .section-container .desarrollo5 {
        min-height: 700px;
    }

    .main-container .section-container .desarrollo6 {
        min-height: 700px;
    }

    .text-section .text {
        font-size: 15.5px;
        line-height: 22px;
    }
}

@media only screen and (min-width: 375px) and (max-width: 667px) {
    .main-container .section-container .desarrollo1 {
        padding-bottom: 30px;
        min-height: 700px;
    }
    
    .main-container .section-container .desarrollo2 {
        padding-bottom: 30px;
        min-height: 700px;
    }

    .main-container .section-container .desarrollo3 {
        padding-bottom: 30px;
        min-height: 700px;
    }

    .main-container .section-container .desarrollo4 {
        padding-bottom: 30px;
        min-height: 700px;
    }

    .main-container .section-container .desarrollo5 {
        padding-bottom: 30px;
        min-height: 700px;
    }

    .main-container .section-container .desarrollo6 {
        padding-bottom: 30px;
        min-height: 700px;
    }

    .text-section .text {
        font-size: 15.1px;
    }
}
    
@media only screen and (max-width: 360px) {
    .main-container .section-container2 .img-tittle h1 {
        margin: 0px;
        padding: 0px;
        padding-top: 25px;
        width: 70%;
        font-family: LibreCaslonDisplay;
        font-weight: lighter;
        letter-spacing: 10px;
        font-size: 20px;
        text-align: center;
    }
        
    .main-container .section-container2 .img-tittle p {
        font-size: 13px;
        text-align: justify;
    }
    
    .main-container .section-container .desarrollo1 {
        min-height: 700px;
    }

    .main-container .section-container .desarrollo2 {
        min-height: 700px;
    }

    .main-container .section-container .desarrollo3 {
        min-height: 700px;
    }

    .main-container .section-container .desarrollo4 {
        min-height: 700px;
    }
 
    .main-container .section-container .desarrollo5 {
        min-height: 700px;
    }

    .main-container .section-container .desarrollo6 {
        min-height: 700px;
    }

    .text-section .text {
        font-size: 15.1px;
        text-align: left;
    }

    .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) {
    .text-section .text {
        width: 80vw;
    }
    
    .text-section .subtittle {
        padding: 0px;
        height: 110px !important;
    }

    .main-container .section-container .desarrollo1 {
        padding-top: 30px;
        min-height: 800px;
    }

    .main-container .section-container .desarrollo2 {
        padding-top: 30px;
        min-height: 800px;
    }

    .main-container .section-container .desarrollo3 {
        padding-top: 30px;
        min-height: 800px;
    }

    .main-container .section-container .desarrollo4 {
        padding-top: 30px;
        min-height: 800px;
    }

    .main-container .section-container .desarrollo5 {
        padding-top: 30px;
        min-height: 800px;
    }

    .main-container .section-container .desarrollo6 {
        padding-top: 30px;
        min-height: 800px;
    }

    .text-section .text {
        font-size: 15.5px;
        line-height: 22px;
        text-align: left;
    }

    .main-container .section-container2 .img-text .img-tittle h1 {
        margin: 0px;
        padding: 40px 20px 20px 20px;
        font-family: LibreCaslonDisplay;
        font-weight: lighter;
        letter-spacing: 10px;
        font-size: 21px;
        text-align: center;
    }

    .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; 
    }

    .main-container .section-container2 .img-text .img-tittle h1 {
        padding: 40px 0px 20px 0px;
        font-size: calc(20px + 10 * ((100vw - 520px) / 680));
    }

    .text-section {
        width: 80%;
    }
    
    .text-section .subtittle {
        margin: 0px;
        width: 80%;
        height: 80px;
        font-size: 20px;
    }  
    
    .text-section .text {
        width: 80vw;
    }

    .main-container .section-container .desarrollo1 {
        padding-left: 0px;
        padding-right: 0px;
        min-height: 700px;
    }

    .main-container .section-container .desarrollo2 {
        padding-left: 0px;
        padding-right: 0px;
        min-height: 700px;
    }

    .main-container .section-container .desarrollo3 {
        padding-left: 0px;
        padding-right: 0px;
        min-height: 700px;
    }

    .main-container .section-container .desarrollo4 {
        padding-left: 0px;
        padding-right: 0px;
        min-height: 700px;
    }

    .main-container .section-container .desarrollo5 {
        padding-left: 0px;
        padding-right: 0px;
        min-height: 700px;
    }

    .main-container .section-container .desarrollo6 {
        padding-left: 0px;
        padding-right: 0px;
        min-height: 700px;
    }

    .text-section .text {
        font-size: 15.5px;
        line-height: 22px;
        text-align: left;
    }

    .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;
    }
}