/*
Theme Name: San Rafael 
Theme URI: https://mtm.cl
Author: Cristobal Brito - Carlos Ortiz
Description: Tema San Rafael Landing
License: 
License URI: 
*/
/*--------------------------------------------------------------*/
/* # GENERAL
--------------------------------------------------------------*/
body {
	font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #000000;
}
.color-precio{
    color:  #931f80;
}
.z-9{
    z-index: 9;
    color: black;
}
.z-10{
    z-index: 10;
    color: black;
}
.color-text-blanco{
    color: aliceblue;
}
.min-height-container{
    height: auto;
    min-height: 100vh;
}
.min-height-content{
    min-height: 100vh;
}
.box-bg-morado{
    background-color: rgba(149, 28, 127, .8);
}
.bg-morado-solid{
    background-color: #931f80;
}
.text-color-morado {
    color: #931f80;
}
.h-100-vh{
    height: auto;
    min-height: 100vh;
}
.object-fit-cover{
    object-fit: cover;
}
.bg-transparent{
    background: transparent;
}
.lineadivisora::after {
    content: " ";
    position: absolute;
    bottom: -7px;
    border-bottom: 3px solid #000000;
    width: 30%;
    left: 0;
}
.border-botton-card{
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.fuente-gris{
    color: #828282;
}
.min-h-cotizador{
    min-height: 700px;
}
.position-btn-modal{
    top: -15px;
    right: -15px;
    background-color: #931f80;
}
/*--------------------------------------------------------------*/
/* # HEADER
--------------------------------------------------------------*/
header{
    z-index: 10;
    transition: .5s ease-in;
    background: linear-gradient(to bottom, rgba(0,0,0,.75),rgba(0,0,0,0));
}
.header-shadow {
    background: linear-gradient(to bottom, rgba(0,0,0,.85),rgba(0,0,0,0));;
    transition: all .5s ease-in;
}
.cotainer-logo img {
    transition: all .7s ease-in;
    height: 65px;
}
.header-shadow > .cotainer-logo img{
    max-width: 150px;
    height: 55px;
    transition: all .7s ease-in;
}
.menuNavegacion ul li{
    margin: 0 10px;
}
.menuNavegacion ul li a{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}  
.menuNavegacion ul li {
    list-style: none;
    display: inline-block;
}
.boton-menu a{
    position: absolute;
    right: 0;
    top: 30%;
}

.boton-open{
    z-index: 2;
    transition: .3s ease-in;
    padding: 10px;
    color: #fff;
    
}
.boton-close{
    opacity: 0;
    z-index: 1;
    right: 5px!important;
    /*top: 15px!important; */
    transition: .5s ease-in;
    color: #931f80;
}

.off-canvas{
    position: fixed;
    top: 0;
    right: -8px;
    background-color: rgba(255,255,255,0.9);
    z-index: 2;
    opacity: 0;
    transition: all .5s ease-in;
    width: 1%;
    height: 1%; 
}
  
.canvas-show .off-canvas{
    opacity: 1;
    width: 80%;
    height: 100%;
    top: 0;
    right: 0;
}
 
.menu-res ul li{
    list-style: none;
}

.menu-res ul li a{
    text-transform: uppercase;
    font-size: 24px;
    color: #931f80;
    text-decoration: none;
    margin-bottom: 20px;
}
  
 
#menu-navegacion-1 > li.verSubmenu.menu-item > ul{
    position: relative;
    background-color: transparent;
}

#menu-navegacion-1 > li.verSubmenu.menu-item > ul.sub-menu li a{
    font-size: 18px;
    color: #FFF;
}

#menu-navegacion-1 > li.verSubmenu.menu-item > ul.sub-menu li{
    display: inline-block!important;
}

#menu-navegacion-1 > li.verSubmenu.menu-item > ul.sub-menu{
    width: 100%;
}

ul.menu-responive li.active a, ul.menu-responive li a:hover,  #menu-navegacion-1 > li.verSubmenu.menu-item > ul.sub-menu li.active a{
    font-weight: 700;
    color: #931f80;
}
.margen-superior-entorno{
    margin-top: 18.75rem;
}
#lanzamiento{
    width: 20%;
    background: #931f80;
    background: linear-gradient(0deg, rgba(207,59,240,0.5074404761904762) 58%, rgba(0,212,255,0.5578606442577031) 96%, rgba(130,118,187,0.6138830532212884) 100%);
    margin-bottom: 20%;
    margin-right: 10%;
}
/*--------------------------------------------------------------*/
/* # SLIDER
--------------------------------------------------------------*/
.owl-dots {
    margin-top: 0;
    text-align: center;
    position: absolute;
    z-index: 2;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 2px solid white!important;
    background-color: white!important;
    margin: 5px 6px;
    border-radius: 2px;
}
.owl-dots .owl-dot.active {
    border-color: #921f80!important;
    background-color: #921f80!important;
    position:relative;
}
.owl-dots .owl-dot.active:after {
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #921f80;
    border-radius: 2px;
}
.slider-principal > .owl-stage-outer{
    height: 100%;
}

.class-logo-calidad{
    right: 0;
    top: 100%;
    transform: translate( 25%,-50%);
}
span.underline::after{
    background-color:#d080b3;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: -4px;
    left: 0; 
    content: '';
    z-index: -1;
}
/*--------------------------------------------------------------*/
/* # Descripción del proyecto
--------------------------------------------------------------*/
.iconos-descripcion img{
    max-width: 70px;
    max-height: 70px;
}
.nav-tabs .nav-link{
    border:0
}
.nav-tabs .nav-link.active{
    color: black;
    background: #d080b3;
    background: linear-gradient(0deg, rgba(208, 128, 179,1) 42%, rgba(208, 128, 179,1) 42%, rgba(210,7,124,0) 43%);
    height: 100%;
    z-index: -1;
    content: '';
    position: relative;
}
.nav-tabs .nav-link.active:hover{
    border: 0px;
}
.margen-neg-60{
    margin: -60px;
}
.image-descripcion{
    height: 470px;
}
.image-descripcion-slider-principal{
    object-fit: cover;
    height: 100vh;
}

.image-subsidio{
    height: 100vh;
}
.h-div-slider{
    min-height: max-content;
}
.h-div{
    height: 60vh;
    margin-top: 50px;
    margin-bottom: 10%;
}
.h-div2{
    height: 60vh;
    
}
/*--------------------------------------------------------------*/
/* # PLANTAS
--------------------------------------------------------------*/

.seleccionable:hover{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    cursor: pointer;
}
.height-recorrido{
    height: 600px;
}
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
}
.ribbon-top-left {
    top: 0px;
    left: 0px;
}
.ribbon-top-left span {
    right: -18px;
    top: 42px;
    transform: rotate(-45deg);
}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    color: #fff;
    font: 700 18px/1 ‘Lato’, sans-serif;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    background-color: #931F80;;
}
/*--------------------------------------------------------------*/
/* # ESPACIOS Y TERMINACIONES
--------------------------------------------------------------*/
.m-h-box{
    height: 28.112rem;
}
.h-caja-gris{
    height: 40.625rem;
    margin-top: 50px;
    margin-bottom: 10%;
}
.slider-terminaciones .owl-nav > button {
    position: absolute;
    left: 110%;
    transform: translate(-50%,-50%);
}
.slider-terminaciones .owl-nav > button.owl-prev{
    top: 45%;
}
.slider-terminaciones .owl-nav > button.owl-next{
    top: 55%;
}
/*--------------------------------------------------------------*/
/* # ENTORNO
--------------------------------------------------------------*/
.position-box-m{
    top: 0;
    transform: translateY(-50%);
}
.height-maps{
    height: 650px;
}
.imagenes-entorno{
    bottom: -25%;
    left: 28%;
    transform: translate(-50%,-50%);
}
.position-box-subsidio{
    top: -7%;
}
.min-h-subsidio{
    min-height: 550px;
    height: auto;
}
.max-width-box-sub{
    max-width: 380px;
}
.position-box-logos{
    width: 500px;
    left: 50%;
    bottom: -50%;
    transform: translate(-50%, -50%);
    
}
/*--------------------------------------------------------------*/
/* # Contacto
--------------------------------------------------------------*/
.formulario .wpcf7 .form-group {
    margin-bottom: 30px;
}
/* ---------------------------------------------------------------- */
/* #Subsidio Modal
-------------------------------------------------------------------*/
.modal-subsidio {
    max-width: 70%;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(-50px);
    transition: all .7s;
}

.modal-subsidio h6,
.modal-subsidio p,
.modal-subsidio .icon-modal,
.modal-subsidio .text-destacado-modal {
    transform: translateY(-50px);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: .4s;
}

/* Final state */
.fancybox-slide--current .modal-subsidio,
.fancybox-slide--current .modal-subsidio h6,
.fancybox-slide--current .modal-subsidio p,
.fancybox-slide--current .modal-subsidio .icon-modal, 
.fancybox-slide--current .modal-subsidio .text-destacado-modal {
    transform: translateY(0);
    opacity: 1;
}

/* Reveal content with different delays */
.fancybox-slide--current .modal-subsidio h6 {
    transition-delay: .2s;
}
.fancybox-slide--current .modal-subsidio p {
    transition-delay: .4s;
}
.fancybox-slide--current .modal-subsidio .icon-modal {
    transition-delay: .5s;
}
.fancybox-slide--current .modal-subsidio .text-destacado-modal {
    transition-delay: .3s;
}

.icon-modal {
    margin-right: 1rem;
}
.text-destacado-modal p {
    color: #FFF;
    margin-bottom: 0;
}

.whatsapp-fixed {
    position: fixed;
    right: 2px;
    bottom: 10px;
    z-index: 12;
    text-align: right;
}
.whatsapp-fixed .popover {
    border: 0;
    margin-bottom: 10px;
    font-size: 14px;
    max-width: 200px;
    color: #303e48;
    padding: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    margin-right: 10px;
}
.whatsapp-fixed .wsp-msg-close {
    position: absolute;
    left: -6px;
    top: -6px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    box-shadow: 0 0 4px rgb(0 0 0 / 40%);
    color: #a2a2a2;
    cursor: pointer;
    padding-top: 1px;
    background-color: white!important;
    opacity: 1!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
}
.whatsapp-stack {
    font-size: 2.2rem;
}
.whatsapp-stack-icon {
    font-size: 1.35em;
}
/*--------------------------------------------------------------*/
/* # Contacto
--------------------------------------------------------------*/
footer p, footer a{
    font-size: 14px;
    color: #000000;
}
.acomodacion-superior-subsidio{
    transform: translate(15%,-20%);
}
.border-footer::after{
    content: " ";
    position: absolute;
    top:0;
    right: 0;
    height: 50%;
    border-right: 1px solid #828282;
}
.modal-header .btn-close{
    padding: 0!important;
    margin: 0!important;
}
.oculta{
    opacity: 0;
}
.over-late:hover .oculta {
    background-color: rgba(0, 0, 0, .5);
    opacity: 1;
}


.over-late:hover{
    background-color: rgba(0, 0, 0, .5);
    opacity: 1;
    
}
.over-late:hover img{
    filter: brightness(50%);
}
.ds-19{
    left: 80%;
    top: 16%;
    transform: translateY(-50%);
}
.logo-calidadsubsidio{
    transform: translate(95%, -240%);

}
.formulario input.form-control, .formulario select.form-control{
  border: none;
  border-bottom: 2px solid rgb(0, 0, 0);
  border-radius: 0px;
  background-color: transparent;
  text-transform: uppercase;
  color: black;
}
.contactanos{
    transform: translateY(50%);
}
.espacios-terminaciones{
    transform: translate(10%, -30%);
}
.slider-plantas .owl-nav > button{
    position: absolute;
    left: -7%;
    transform: translate(-50%,-50%);
    
}
.slider-plantas .owl-nav > button.owl-prev{
    top: 45%;
}
.slider-plantas .owl-nav > button.owl-next{
    top: 55%;
}


.margen-descripcion-slider{
    margin-right: 20%;
}
.bg-gris-clarito{
    background-color: #f3f3f3;
}
.t-plantas{
    transform: translateY(-50%);
}
.span-1{
    background-color: #d3d3d3 !important;
}
.btn-form{
    
    width: 200px;
    background-color: blueviolet;
    color: white;
}
.margin-15-text{
    margin-left: 15%;  
}
.btn-cotizar{
    background-color: #d080b3;; 
    color: white;
    text-transform: uppercase;
}


/*--------------------------------------------------------------*/
/* # RESPONSIVO
--------------------------------------------------------------*/
@media screen and (max-width: 1122px) {
    .cotainer-logo img{
        height: 50px;
    }
}
@media screen and (max-width: 1021px) {
    .menuNavegacion ul li{
        margin: 0 5px;
    }
}
@media screen and (max-width: 993px) {
    .menuNavegacion {
        display: none;
    }
    .position-box-logos {
        width: 360px;
        left: 50%;
        bottom: -70%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 991px) {
    h1, .h1{
        font-size: 32px;
    }
    h2, .h2{
    font-size: 27px;
    }
    h3, .h3{
    font-size: 22px;
    }
    h4, .h4{
    font-size: 19px;
    }
    h5, .h5{
    font-size: 17px;
    }
    h6, .h6{
    font-size: 15px;
    }
    body{
    font-size: 15px;
    }
    .ocultar{
        display: none;
    }
    .btn-form{
        transform: translateX(0%);
        background-color: blueviolet;
        color: white;
        min-width: 200px;
    }
    
    
}
@media (max-width: 840px) {
    h1, .h1{
        font-size: 30px;
    }
}
@media (max-width: 790px) {
    h1, .h1{
        font-size: 28px;
    }
}
@media (max-width:736px){
    .position-box-m {
        top: -33px;
        transform: translateY(-50%);
    }
    .cambio-posi{
        padding: 0px;
    }
}
@media (max-width:667px){
    .position-box-m {
        top: -31px;
        transform: translateY(-50%);
    }
    .slider-plantas .owl-nav > button {
        position: absolute;
        left: auto; 
        transform: translate(-50%,-50%);
    }
}
@media (max-width:640px){
    .ds-19 {
        left: 70%;
        top: 20%;
        transform: translateY(-50%);
    }
    .imagenes-entorno {
        bottom: -20%;
        left: 29%;
        transform: translate(-22%,-50%);
    }
    .position-box-m {
        top: -34px;
        transform: translateY(-50%);
    }
}

@media (max-width: 600px) and (orientation: landscape) {
    .canvas-show .off-canvas{
      width: 90%;
    }
    .menu-res ul li a{
      text-transform: uppercase;
      font-size: 17px;
    }
  }

@media (max-width: 576px) {
    h1, .h1{
        font-size: 28px;
    }
    h2, .h2{
    font-size: 25px;
    }
    h3, .h3{
    font-size: 23px;
    }
    h4, .h4{
    font-size: 20px;
    }
    h5, .h5{
    font-size: 19px;
    }
    h6, .h6{
    font-size: 16px;
    }
    body{
    font-size: 14px;
    }
    .cambio-posi{
        position: relative !important;

    }
    .modal-subsidio {
        max-width: 92%;
    }
    .cotainer-logo img {
        max-width: 160px;
        height: 65px;
    }
    .header-shadow > .cotainer-logo img {
        height: 60px;
        max-width: 150px;
    }
    .height-recorrido{
        height: 400px;
    }
}
@media (max-width:568px){
    .ds-19 {
        left: 88%;
        top: 17%;
        transform: translateY(-50%);
    }
    .margin-footer1{
        margin-bottom: 24px;
        margin-top: 20px;
    }
}
@media (max-width:576px){
    .h-60{
        position: relative !important;
    }
    .acomodacion-superior-subsidio{
        transform: translate(0px,0px);
    }
    .position-box-logos {
        width: 388px;
        left: 48%;
        bottom: -70%;
        transform: translate(-50%, -50%);
    }
    .ds-19 {
        left: 38%;
        top: 19%;
        transform: translateY(-50%);
    }
    .slider-terminaciones .owl-nav > button {
        position: absolute;
        left: 110%;
        transform: translate(-50%,-50%);
    }
    .slider-terminaciones .owl-nav > button.owl-prev{
        top: 50%;
        left: 3%;
    }
    .slider-terminaciones .owl-nav > button.owl-next{
        top: 50%;
        z-index: 9;
        left: 97%;
    }
    .imagenes-entorno {
        bottom: -13%;
        left: 8%;
        transform: translate(-4%,-50%);
    }
    .max-width-box-sub {
        max-width: 390px;
        top: -52%;

    }
    .position-box-m {
        top: -26px;
        transform: translateY(-50%);
        left: 0px;
    }
    .image-descripcion{
        display: none !important;
    }
    .boton-menu a{
        right: 0;
        top: 30%;
    }
    .padding-top-responsive{
        padding-top: 1rem;
    }
    .margen-negativo{
        margin-left: -1rem;
    }
    .t-plantas{
        transform: translate(-33%,-40%);
    }
    .quitar-padding-margin{
        padding-top: 0 !important;
        margin-top: 0% !important;
    }
    .border-footer::after{
        content: " ";
        position: absolute;
        height: 0;
        right: 25%;
        width: 50%;
        border-bottom: 1px solid #828282;
        border-right: none;
        margin-top: -11px;  
    }
    .height-maps {
        height: 350px;
    }
    .margintop{
        margin-top: 188px !important;
    }
    .slider-plantas .owl-nav > button.owl-prev{
        top: 46%;
        left: 13px;
    }
    .slider-plantas .owl-nav > button.owl-next{
        top: 46%;
        right: -3%;
    }
    .padding-texto-plantas{
        padding-left: 10px;
    }
    .padding-left-responsive{
        padding-left: 120px;
    }
    .margin-0-responsive{
        margin-top: 0px !important;
    }
    .left-responsive{
        left: 0;
        margin-top: -15px;
    }
    .padding-resposive{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .width-100px{
        width: 100px !important;
    }
    .w-20-foo{
        max-width: 25% !important;
        height: auto;
    }
    .font-13{
        font-size: 13px;
    }
    .cambioposi-414{
        position: relative !important;
    }
    .min-h-subsidio{
        min-height: 300px;
    }
    .font-29{
        font-size:29px;
    }
    .iconos-descripcion {
        margin: 0 auto;
        width: 60%;
    }
    .cotainer-logo img:nth-of-type(2),
    .cotainer-logo img:nth-of-type(3),
    .cotainer-logo img:nth-of-type(4)  {
        display: none;
    }
}
@media (max-width: 375px) {
    .boton-menu a{
      right: 0;
      top: 30%;
    }
    .ocultar{
        display: none;
    }
    .btn-form{
    transform: translateX(0%);
    background-color: blueviolet;
    color: white;
    min-width: 200px;
    }
    .cambio-posi{
        position: relative;
    }
    /* .cotainer-logo img {
        max-width: 83px;
        height: auto;
    } */
    .acomodacion-superior-subsidio{
        transform: translate(0,0);
        margin: 0;
        padding: 0;
    }
    .margen-superior-entorno{
        margin-top: 0rem;
    }
    .imagenes-entorno{
        transform: translate(80px, 10px);
        margin: 0;
        padding: 0;
    }
    .h-60-entorno{
        padding: 0;
        position: relative !important;
        
    }
    .h-60{
        position: relative !important;
    }
    .h-div{
        height: auto;
    }
    .position-box-logos {
        width: 360px;
        left: 50%;
        bottom: -61%;
        transform: translate(-50%, -50%);
    }
    
    .imagenes-entorno {
        transform: translate(50px, -10px);
        bottom: -98px;
        left: -17px;
        padding: 0;
        max-width: 320px;
    }
    .max-width-box-sub {
        max-width: 350px;
    }   
    .position-box-m {
        top: -32px;
        transform: translateY(-50%);
        left: 0px;
    } 
    .slider-plantas .owl-nav > button.owl-prev{
        top: 44%;   
        left: 13px;
    }
    .slider-plantas .owl-nav > button.owl-next{
        top: 44%;
        left: 97%;
    }
    .slider-terminaciones .owl-nav > button.owl-prev{
        top: 50%;
        left: 3%;
    }
    .slider-terminaciones .owl-nav > button.owl-next{
        top: 50%;
        z-index: 9;
        left: 97%;
    }
    .margintop{
        margin-top: 270px !important;
    }
    .padding-left-responsive{
        padding-left: 90px;
    }
    .h5{
        font-size: 15px;
         margin-top: 26px;
    }
    .font-29{
        font-size:29px;
    }
    .margin-sub-375{
        margin-top: 45px;
    }
}


@media (max-width: 360px){
    .h-div2{
        margin-top: 0px;
        height: auto;
    }
    .h-div{
        margin-top: 0px;
        height: auto;
        margin-bottom: 0%;
    }
    .h-div-slider{
        min-height: 100% !important;
    }
    .cambio-posi{
        position: relative !important;
        order: 1;
        width: 100%;
        margin: 0;
        transform: translateX(-20%);
    }
    span.underline{
    color: black;
    background: rgba(208,128,179, 1);
    /* background: linear-gradient(0deg, rgba(94,93,94,1) 42%, rgba(94,93,94,1) 42%, rgba(210,7,124,0) 43%); */
    height: 100%;
    z-index: -1;
    content: '';
    }
    span.underline::after{
        background-color: #d080b3;
        width: 0%;
        height: 0%;
        position: absolute;
        bottom: 0;
        left: 0; 
        content: '';
        z-index: -1;
    }
    .acomodacion-superior-subsidio{
        transform: translate(0,0);
        margin: 0;
        padding: 0;
    }
    .ds-19{
        
            transform: translate(16%,-5%);
            position: absolute !important;
            color: #fff;
            top: 7%;
    
    }
    .h-60{
        padding: 0;
        position: relative !important;
    }
    .margen-superior-entorno{
        margin-top: 0rem;
    }
    .position-box-m {
        top: -10px;
        transform: translateY(-101%);
        left: 0%;
    }
    .imagenes-entorno{
        transform: translate(50px, -50px);
        bottom: -13%;
        left: -5%;
        margin: 0;
        padding: 0;
        max-width: 316px;
    }
    .position-box-logos {
        width: 340px;
        left: 50%;
        bottom: -65%;
        transform: translate(-50%, -50%);
    }
    
    .max-width-box-sub{
        max-width: 340px;
    }
    .left-17{
        left: 17px;
    }
    .font-29{
        font-size:29px;
    }
    .margin-sub-375{
        margin-top: 0px;
    }

}
    
@media (max-width: 320px) {
    .boton-menu a{
      right: 0;
        top: 30%;;
    }
    .canvas-show .off-canvas {
        width: 90%;
      }
      body{
          font-size: 12px;
      }
      .imagenes-entorno{
        transform: translate(50px, -50px);
        bottom: -15%;
        left: -10%;
        margin: 0;
        padding: 0;
        max-width: 292px;
    }
    .max-width-box-sub {
        max-width: 297px;
    }
    .letra-titulo-mobile{
        font-size: 26px;
    }  
    .ds-19{
        
            top: 7%;
            left: 39%;
        
    }
    .position-box-logos {
        width: 300px;
        left: 47%;
        bottom: -62%;
        transform: translate(-50%, -50%);
    }
    .letra-chiquita-320{
        font-size: 31px;
    }
    .font-29{
        font-size:25px;
    }
    
}
@media(max-width:280px){
    .imagenes-entorno {
        transform: translate(199px, -50px);
        bottom: -15%;
        left: -71%;
        margin: 0;
        padding: 0;
        max-width: 273px;
    }
    .max-width-box-sub {
        max-width: 256px;
    }
    .position-box-logos {
        width: 267px;
        left: 47%;
        bottom: -52%;
        transform: translate(-50%, -50%);
    }
    .ds-19{
            font-size: 32px;
            transform: translateX(33px);
    }
}