html{-webkit-text-size-adjust: 100%; height: 100%; margin-top: 0!important; background: #f4f4f4; scroll-behavior: smooth;}
body{font-family: 'GT America'; color: #000000; height: 100%; font-size: 12px; margin: 0; line-height: 1.2; transition: opacity .3s ease, color .3s ease; font-weight: 400; overflow-x: hidden;}
body.fade-out{opacity: 0;}
body.white{color: #fff;}
* {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6{font-family: inherit; margin:0; font-weight: 400; font-size: inherit;}
p{margin: 0;}
a {background-color: transparent; color: inherit; text-decoration: none;}
input{border: 0; padding: 0; font-family: 'GT America'; font-size: 12px;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px white inset !important;}
ul,ol, li{list-style: none;}
.white-color input:-internal-autofill-selected {color: white!important;}
.white-color input:-webkit-autofill {-webkit-text-fill-color: white!important;}
.white-color input:-webkit-autofill, .white-color input:-webkit-autofill:hover, .white-color input:-webkit-autofill:focus, .white-color input:-webkit-autofill:active{color: white;}
.white-color input:-webkit-autofill, .white-color input:-webkit-autofill:hover, .white-color input:-webkit-autofill:focus, .white-color input:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px #818181 inset !important;}
:focus {outline: -webkit-focus-ring-color auto 0px;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-scrollbar{display: none; -webkit-appearance: none; width: 0!important;}
*:focus {outline: none;}
*::-moz-selection {background: transparent; color: lightgrey;}
*::selection {background: transparent; color: lightgrey;}
.uppercase{text-transform: uppercase;}
.display{font-family: 'Plate Medium'; text-transform: uppercase;}
.toslide{
    opacity: 0;
    -webkit-transform: translateY(5vw);
    transform: translateY(5vw);
    transition-delay: .25s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .6s;
    -webkit-transition: opacity 1s ease,-webkit-transform 1s ease;
    transition: opacity 1s ease,-webkit-transform 1s ease;
    transition: opacity 1s ease,transform 1s ease;
    transition: opacity 1s ease,transform 1s ease,-webkit-transform 1s ease;
}
.toslide.slide-in{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/*


HEADER


*/
header#header{
    position: fixed;
    top: 18px;
    left: 20px;
    z-index: 100;
    display: flex;
    grid-gap: 4px;
}
#logo{
    line-height: 0;
    display: block;
    width: fit-content;
}
#logo svg{
    width: auto;
    height: 28px;
}
header#header.white #logo svg path{
    fill: #fff!important;
}
header#header.white #logo svg g g g g g path,
header#header.white #logo svg g g g g g polygon,
header#header.white #logo svg rect,
header#header.white #logo svg g g path,
header#header.white #logo svg g polygon,
header#header.white #logo svg g g polygon,
header#header.white #logo svg > g rect:first-child,
header#header.white #logo svg rect:first-child{
    fill: #000000!important;
}
header#header.white #logo svg > g rect:nth-last-child(2),
header#header.white #logo svg > g polygon:nth-child(3){
    fill: #fff!important;
}
.nav-item{
    background: #000000;
    color: #fff;
    display: block;
    margin-bottom: 2px;
    font-size: 22px;
    line-height: 1;
    padding: 3px 5px;
    width: 200px;
    cursor: pointer;
}
.nav-item.active,
.nav-item:hover{
    background: #f00;
    color: #000000;
}
#menu-content{
    display: none;
}
nav#nav.open #menu-content{
    display: block;
}
nav#nav.open .nav-item#menu-trigger{
    background: #f00;
    color: #000000;
}
header#header.white .nav-item{
    background: #fff;
    color: #000000;
}
header#header.white .nav-item.active,
header#header.white .nav-item:hover{
    background: #f00;
    color: #000000;
}
header#header.onred nav#nav.open .nav-item#menu-trigger,
header#header.onred .nav-item.active,
header#header.onred .nav-item:hover{
    background: #fff;
}
/*


FOOTER


*/
footer{
    position: absolute;
    bottom: 15px;
    left: 20px;
}
.footer-link{
    background: #000000;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    line-height: 1;
    padding: 3px 5px;
    width: 200px;
}
.footer-link:nth-child(3){
    display: none!important;
}
.footer-link:hover{
    background: #fff;
    color: #000000;
}
/*


INTRO


*/
#big-logo{
    line-height: 0;
    width: 980px;
    margin: 0 auto;
    display: block;
    padding: calc(50vh - 234px) 0 0;
}
#big-logo svg{
    width: 100%;
}
#intro-text{
    border-top: 5px solid #171717;
    border-bottom: 5px solid #171717;
    max-width: 880px;
    display: block;
    margin: calc(50vh - 234px) auto 400px;
    text-align: center;
    font-size: 28px;
    padding: 15px 0;
}
#intro-video{
    margin: 0 auto 100px;
    padding: 0 100px;
    box-sizing: border-box;
    width: 100%;
    cursor: none;
}
#intro-video-placeholder{
    background: #fff;
    color: #f4f4f4;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 100px 50px;
    font-size: 7vw;
    letter-spacing: -0.01em;
    height: calc(var(--viewport-height) * .8);
}
#hover-video{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000;
    text-align: center;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    font-size: 30px;
    pointer-events: none;
    color: #fff;
    mix-blend-mode: difference;
    display: none;
}
#hover-video.show{
    display: block;
}
#desactivar-sonido{
    display: none;
}
#hover-video.unmuted #activar-sonido{
    display: none;
}
#hover-video.unmuted #desactivar-sonido{
    display: block;
}
/*


CONCEPTO


*/
#concepto{
    padding-top: 100px;
    margin: 100px 100px 50px;
}
.slide-container{
    position: relative;
}
.slide-title p{
    border-top: 5px solid #000000;
    border-bottom: 5px solid #000000;
    width: fit-content;
    background: #fff;
}
.slide-title p{
    margin-top: -5px;
}
.slide-title p:first-child{
    margin-top: 0;
}
#slide-back-red{
    position: absolute;
    z-index: -1;
    background: #f00;
    width: 100%;
    height: 100%;
    bottom: 0;
}
.swipe-pagination{
    position: absolute;
    z-index: 10;
    bottom: 26px;
    left: 50%;
    transform: translateX(-50%);
    background: #000000;
    color: #fff;
    text-align: center;
    width: 46px;
    padding: 3px 5px;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 1;
}
.swipe-pagination.toslide{
    transform: translateX(-50%, 5vw);
}
.swipe-pagination.toslide.slide-in{
    transform: translateX(-50%);
}
.swipe-button{
    line-height: 0;
    width: 26.5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}
.swipe-button svg{
    width: 100%;
}
.swipe-prev{
    left: 22px;
}
.swipe-next{
    right: 22px;
    transform: translateY(-50%) rotate(180deg);
}
#concept-swiper{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.concept-swiper-img{
    width: 100%;
    max-height: calc(var(--viewport-height) * .7);
    object-fit: contain;
    object-position: right bottom;
}
.concept-swiper-slide-grid{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 50px;
    align-items: end;
    padding: 150px 75px 75px 100px;
    box-sizing: border-box;
    position: relative;
}
.concept-swiper-slide-text{
    background: #fff;
    height: fit-content;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
    position: absolute;
    bottom: 75px;
    left: 75px;
    z-index: 1;
    max-width: 30vw;
}
@media screen and (max-width: 1500px) {
.concept-swiper-slide-text{
    max-width: 35vw;
}
}
@media screen and (max-width: 1400px) {
.concept-swiper-slide-text{
    max-width: 40vw;
}
}
@media screen and (max-width: 1300px) {
.concept-swiper-slide-grid{
    padding-top: 200px;  
    padding-bottom: 150px;   
}
.concept-swiper-slide-text{
    max-width: 50vw;
}
}
@media screen and (max-width: 1100px) {
.concept-swiper-slide-text{
    max-width: 60vw;
}
}
.concept-swiper-slide-image{
    line-height: 0;
    grid-column: 2;
}
#slide-title-01{
    position: absolute;
    left: -50px;
    top: 0;
    font-size: 5vw;
    font-size: 6vw;
    z-index: 10;
    pointer-events: none;
    line-height: .9;
}
#auto-swiper{
    padding: 100px 150px 50px 50px;
}
.auto-swiper-img{
    width: 100%;
    max-height: calc(var(--viewport-height) * .9);
    object-fit: contain;
    object-position: left bottom;
}
#slide-title-02{
    position: absolute;
    left: 60vw;
    top: 120px;
    font-size: 6.5vw;
    z-index: 10;
    pointer-events: none;
    line-height: .9;
}
.slide-text-02{
    left: 60vw;
}
.slide-text{
    font-size: 16px!important;
    line-height: 1.2!important;
    font-family: 'GT America'!important;
    text-transform: none!important;
    background: #fff;
    padding: 10px;
    margin: 10px 50px 0 0;
    max-width: 300px;
}
/*


BOXES


*/
#boxes{
    padding-top: 100px;
}
.boxes-title{
    width: fit-content;
    margin: 0 auto 20px 100px;
    display: block;
    font-size: 130px;
    line-height: .9;
}
.boxes-title p{
    border-top: 5px solid #000000;
    border-bottom: 5px solid #000000;
    width: fit-content;
    background: #fff;
}
.boxes-title p{
    margin-top: -5px;
}
.boxes-title p:first-child{
    margin-top: 0;
}
#boxes-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin: 0 100px 75px;
}
.boxes-image-container{
    line-height: 0;
}
.boxes-image{
    width: 100%;
}
#boxes-text{
    height: fit-content;
}
#boxes-text p{
    padding: 10px;
    background: #fff;
    max-width: 470px;
    margin-right: 100px;
    font-size: 16px;
}
#boxes-info{
    background: #000;
    color: #fff;
    margin-top: 15px;
    display: block;
    padding: 3px 3px 2px;
    width: fit-content;
    font-size: 23px;
    width: 250px;
    text-align: center;
    box-sizing: border-box;
}
.boxes-esquema{
    margin-top: 20px;
    width: 250px;
}
#boxes-swiper{
    position: relative;
    margin: 0 100px 10px;
    width: calc(100% - 200px);
    overflow: hidden;
}
#boxes-swiper .swipe-prev,
#boxes-swiper .swipe-next{
    top: auto;
    bottom: 26px;
    transform: none;
}
#boxes-swiper .swipe-prev{
    left: calc(50% - 52px);
}
#boxes-swiper .swipe-next{
    right: calc(50% - 52px);
    transform: rotate(180deg);
}
#boxes-caption{
    padding: 0 100px 75px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
#boxes-swiper .auto-swiper-img{
    object-position: center;
}
/*


ESPACIO


*/
#espacio{
    margin-bottom: 50px;
    position: relative;
    padding-top: 100px;
}
#espacio-text{
    padding: 10px;
    background: #fff;
    max-width: 480px;
    box-sizing: border-box;
    margin: 0 100px;
    font-size: 16px;
}
#espacio-list{
    width: 220px;
    margin: 20px 100px 0 auto;
    display: block;
    background: #fff;
}
.espacio-item-house{
    display: inline-block;
    background: #f00;
    width: 24px;
    padding-left: 3px;
}
.espacio-item p{
    display: inline-block;
    font-size: 16px;
    line-height: .9;
}
.espacio-item-house svg{
    width: 8px;
}
.espacio-item{
    padding: 3px 0;
    border-bottom: 1px solid #000000;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 3px;
}
.espacio-item:first-child{
    border-top: 1px solid #000000;
}
.espacio-background{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 150px);
    height: 100%;
    object-fit: contain;
    z-index: -1;
}
.espacio-background.toslide{
    transform: translate(-50%, -35%);
}
.espacio-background.toslide.slide-in{
    transform: translate(-50%, -50%);
}
.espacio-title{
    width: fit-content;
    display: block;
    background: #000000;
    color: #fff;
    margin: 0 auto 50px;
    font-size: 40px;
    padding: 2px 10px;
}
/*


PROPUESTA


*/
#propuesta-frame{
    padding: 100px 100px 150px;
    width: fit-content;
    margin: 0 auto;
    position: relative;
}
#propuesta-frame svg{
    width: 760px;
}
#propuesta-content{
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
}
#propuesta-title{
    width: fit-content;
    margin: 0 auto 40px;
    display: block;
    font-size: 100px;
    line-height: .9;
}
#propuesta-title p{
    border-top: 5px solid #000000;
    border-bottom: 5px solid #000000;
    width: fit-content;
    background: #fff;
}
#propuesta-title p{
    margin-top: -5px;
}
#propuesta-title p:first-child{
    margin-top: 0;
}
#propuesta-content{
    margin: 220px 40px 40px;
    width: 679px;
    text-align: center;
}
#propuesta-text{
    font-size: 18px;
}
#propuesta-subtitle{
    background: #f00;
    font-size: 25px;
    width: fit-content;
    margin: 30px auto 8px;
    padding: 0 8px 1px;
    display: block;
}
#propuesta-button{
    background: #000;
    color: #fff;
    font-size: 50px;
    width: fit-content;
    margin: 0 auto;
    padding: 0 15px 1px;
    display: block;
    cursor: pointer;
}
#propuesta-parentesis{
    margin: 10px 0 0;
    font-size: 18px;
}
/*


CONDICIONES Y CALENDARIO


*/
#condiciones{
    background: #000000;
    padding: 100px 100px 0px 100px;
}

#calendario{
    background: #000000;
    padding: 100px 100px 100px 100px;
}


.calendario-image{
    max-width: 975px;
    margin: 50px auto 0;
    display: block;
}
#cond-list{
    color: #fff;
    max-width: 975px;
    margin: 50px auto 0;
    display: block;
}
.cond-item{
    border-bottom: 1px solid #fff;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 40px;
    padding: 10px 0 8px;
}
.cond-item:first-child{
    border-top: 1px solid #fff;
}
.cond-item-number{
    font-size: 30px;
    line-height: .9;
}
.cond-item p{
    font-size: 18px;
    line-height: 1;
}
/*


COLABORADORES


*/
#colaboradores{
    background: #000000;
    min-height: calc(var(--viewport-height) * .8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 100px;
    grid-gap: 50px;
}
.cola-title{
    background: #f00;
    color: #000000;
    margin: 0 auto;
    font-size: 40px;
    line-height: 1;
    padding: 2px 8px 3px;
    display: block;
    width: fit-content;
}
#cola-list{
    text-align: center;
}
.colaborador{
    max-width: 200px;
    max-height: 140px;
    display: inline-block;
    vertical-align: middle;
    margin: 25px 50px;
}
/*


CONTACTO


*/
section#contacto{
    height: calc(var(--viewport-height) * 1);
    background: #f00;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-sizing: border-box;
    padding: 0 20px;
    position: relative;
}
section#contacto .big-type{
    font-size: 7vw;
    letter-spacing: -0.01em;
}
/*


LEGAL


*/
#legal{
    padding: 46px 30px 30px;
    font-size: 14px;
    box-sizing: border-box;
    width: calc(((100vw - 105px) / 4) * 3 + 30px + 60px);
}
#legal-content{
    column-count: 3;
    column-gap: 15px;
    margin-top: 20px;
    padding-bottom: 100px;
    overflow-wrap: break-word;
}
.politica-de-cookies-container #legal{
    width: calc(((100vw - 105px) / 4) * 2 + 15px + 60px);
}
.politica-de-cookies-container #legal-content{
    column-count: 2;
}
#legal-content ol,
#legal-content ol li{
    list-style: none;
    padding-left: 0px;
}
#legal-content ol {
  counter-reset: item;
}
#legal-content ol li {
  counter-increment: item;
}
#legal-content ol li::before {
  content: counter(item) ". ";
  display: inline-block;
  width: 50px;
}
#legal-content ol li::marker{
    display: inline;
}
#legal-content ul,
#legal-content ul li{
    list-style: none;
    padding-left: 0;
}
#legal-content ul li::before{
    content: "•";
    display: inline-block;
    width: 6px;
}
#legal > h1 {
    font-size: 30px;
    line-height: 1;
    margin-top: 40px;
}
#legal-content h1, #legal-content h2, #legal-content h3, #legal-content h4, #legal-content h5, #legal-content h6{
    margin: 0 0 5px;
    border-bottom: 1px solid #000;
    padding: 0 0 5px;
    text-transform: uppercase;
}
#legal-content ol li:not(:first-child),
#legal p:not(:first-child){
    margin-top: 10px;
}
#legal-content h1:not(:first-child), #legal-content h2:not(:first-child), #legal-content h3:not(:first-child), #legal-content h4:not(:first-child), #legal-content h5:not(:first-child), #legal-content h6:not(:first-child){
    margin-top: 15px;
}
@media screen and (max-width: 1300px) {
#legal{
    width: 100vw;
}
.politica-de-cookies-container #legal{
    width: calc(((100vw - 90px) / 3) * 2 + 15px + 60px);
}
}
/*






MOBILE






*/
#slide-title-02-bigtype-mobile{
    display: none;
}
@media screen and (max-width: 1020px) {
#big-logo,
#intro-text{
    width: calc(100% - 40px);
}
#intro-video{
    padding: 0 20px;
}
#propuesta-frame{
    padding: 100px 20px 0;
    overflow: hidden;
}
#colaboradores{
    padding: 100px 20px;
}
#propuesta{
    position: relative;
    padding-bottom: 100px;
}
#propuesta-frame svg{
    width: calc(100vw - 40px);
    position: absolute;
}
#propuesta-content{
    width: calc(100% - 1px);
    border-left: .4vw solid #000;
    border-right: .4vw solid #000;
    border-bottom: .4vw solid #000;
    background: #fff;
    margin: 18vw 0 0;
    box-sizing: border-box;
    position: relative;
    top: auto;
    padding-bottom: 40px;
}
#propuesta-text{
    margin: 0 20px;
}
#concepto{
    margin: 100px 20px 100px;
}
.footer-link{
    display: block;
    margin-top: 4px;
}
#intro-video-placeholder{
    margin: 0 20px 50px;
}
.concept-swiper-slide-grid{
    grid-template-columns: 1fr;
}
.concept-swiper-slide-grid{
    padding-top: 200px;  
    padding-bottom: 150px;   
}
.concept-swiper-slide-text{
    max-width: none;
    position: relative;
    bottom: auto;
    left: auto;
}
.concept-swiper-slide-image{
    grid-row: 1;
    grid-column: 1;
}
#slide-title-01{
    left: 0;
    top: -50px;
    font-size: 8.5vw;
}
#slide-title-02{
    position: initial;
    left: auto;
    top: auto;
    padding: 0 75px 50px;
}
#slide-title-02 .slide-text{
    margin-top: 0;
    max-width: none;
    margin: 0;
}
#slide-title-02-bigtype{
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    display: none;
}
#slide-title-02-bigtype-mobile{
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 9vw;
    z-index: 10;
    pointer-events: none;
    line-height: .9;
}
#slide-title-02-bigtype-mobile p{
    margin-top: -5px;
    border-top: 5px solid #000000;
    border-bottom: 5px solid #000000;
    width: fit-content;
    background: #fff;
}
#slide-title-02-bigtype-mobile p:first-child{
    margin-top: 0;
}
#auto-swiper{
    padding: 24vw 75px 20px;
}
#auto-swiper .swiper-slide,
#auto-swiper .auto-swiper-img{
    height: 66vw!important;
    object-fit: cover;
}
.concept-swiper-slide-grid{
    padding: 20vw 75px 75px;
    grid-gap: 20px;
}
#big-logo{
    padding: calc(45vh - 20vw) 0 0;
}
#intro-text{
    margin-top: calc(55vh - 20vw);
}
.colaborador{
    max-width: 150px;
    max-height: 105px;
    margin: 25px 20px;
}
#condiciones, #calendario{
    padding: 100px 20px;
}
.espacio-background{
    top: 60%;
}
#espacio-list{
    margin-top: 150px;
}
#boxes-grid{
    grid-template-columns: repeat(2, 1fr);
}
#boxes-text{
    grid-row: 2;
    grid-column: span 2;
}
}





@media screen and (max-width: 820px) {
#hover-video{
    display: none!important;
}
#intro-video{
    cursor: auto;
}
section#contacto{
    height: 125vw;
}
#espacio,
#boxes{
    margin-bottom: 75px;
}
#condiciones{
    padding-bottom: 0;
}
.espacio-item p{
    font-size: 18px;
}
.espacio-item-house{
    width: 28px;
    font-size: 14px;
}
.espacio-item-house svg{
    width: 10px;
}
header#header{   
    flex-wrap: wrap;
    top: 10px;
    left: 10px;
    gap: 3px;
}
#logo svg{
    height: 21px;
}
.nav-item{
    margin-bottom: 0;
    font-size: 18px;
    width: 115px;
    padding: 2px 5px 1px;
}
#legal{
    padding: calc(12px + 3vw + 20px) 20px 20px;
    font-size: 14px;
    max-width: none;
}
#propuesta-title{
    font-size: 12vw;   
}
#about-hero{
    padding: 0 20px;
}
/* .footer-link,
.nav-item,
#logo{
    width: calc(50vw - 25px);
}
#logo svg{
    height: auto;
    width: 100%;
}
.footer-link,
.nav-item{
    height: 6vw;
    display: flex;
    align-items: center;
    padding: 0 5px;
    font-size: 4.95vw;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
} */
#intro-text{
    font-size: 18px;
    margin-bottom: 200px;
    padding: 15px 10px;
    box-sizing: border-box;
}
.colaborador{
    max-width: 100px;
    max-height: 55px;
}
#propuesta-button{
    font-size: 30px;
    text-align: center;
}
.espacio-title,
.cond-item-number,
.cola-title{
    font-size: 25px;
}
#propuesta-subtitle{
    font-size: 20px;
}
#propuesta-parentesis,
#propuesta-text{
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
}
#auto-swiper{
    padding: 24vw 20px 20px;
}
#slide-title-02{
    padding: 0 20px 20px;
}
.concept-swiper-slide-grid{
    padding: 18vw 20px 50px;
}
.swipe-button{
    width: 20px;
}
.swipe-prev{
    left: 0;
}
.swipe-next{
    right: 0;
}
.swipe-pagination{
    padding: 2px 5px;
    font-size: 16px;
    bottom: 15px;
}
#boxes-swiper .swipe-prev,
#boxes-swiper .swipe-next{
    bottom: 15.6px;
}
#boxes-swiper .swipe-prev{
    left: calc(50% - 46px);
}
#boxes-swiper .swipe-next{
    right: calc(50% - 46px);
}
.cond-item p{
    font-size: 14px;
}
#concepto{
    margin-top: 50px;
}
#colaboradores{
    min-height: 0;
}
.boxes-title{
    font-size: 18vw;
    margin: 0 auto 20px;
}
#boxes-text p{
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-top: 0;
    box-sizing: border-box;
}
#espacio-text{
    margin: 0 20px;
}
#espacio-list{
    margin: 20px 20px 0;
    width: calc(100% - 40px);
}
.espacio-background{
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
}
.espacio-background.toslide{
    transform: translateY(5vw);
}
.espacio-background.toslide.slide-in{
    transform: translateY(0);
}
#espacio-text{
    max-width: none;
    margin-bottom: 20px;
}
#boxes-grid{
    margin: 75px 20px 20px;
}
#boxes-swiper{
    margin: 0 20px 10px;
    width: calc(100% - 40px);
}
#boxes-caption{
    padding: 0 20px 75px;
}
#legal{
    width: 100vw!important;
    padding: 40px 20px 20px;
}
#legal-content{
    column-count: 1!important;
}
}










@media screen and (max-width: 500px) {
.boxes-esquema{
    width: 200px;
}
#boxes-info{
    width: 200px;
    font-size: 18.5px;
    margin-top: 12px;
}
/* .footer-link,
.nav-item{
    height: 5.7vw;
    font-size: 4.6vw;
} */
.colaborador{
    max-width: 68px;
    max-height: 50px;
    margin: 10px 7px;
}
#propuesta-frame svg path{
    stroke-width: 6!important;
}
#propuesta-content{
    width: calc(100%);
    border-left: 0.6vw solid #000;
    border-right: 0.6vw solid #000;
    border-bottom: 0.6vw solid #000;
}
#concepto .pattern,
#propuesta.pattern{
    background-size: 28px;
}
.boxes-title p{
    border-width: 4px;
}
#intro-text,
.slide-title p,
#slide-title-02-bigtype-mobile p,
#propuesta-title p{
    border-width: 3px;
}
.boxes-title p{
    margin-top: -4px;
}
#propuesta-title p,
#slide-title-02-bigtype-mobile p,
.slide-title p{
    margin-top: -3px;
}
}