@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'oriental';
    src: url('fonts/SuisseIntl-Regular.woff') format('woff'),
         url('fonts/SuisseIntl-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'oriental-mono';
    src: url('fonts/SuisseIntlMono-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

:root{
    --primary-color:#0055FF;
    --cyan:#00BBFF;
    --magenta:#FF0080;
    --violet:#892EFF;
    --mint:#00FFC8;
    --column-width:calc((100vw - 60px*2 - 30px*8)/9);
    --column-gap:30px;
}

@supports (color: color(display-p3 1 1 1)){
    :root{
        --primary-color:color(display-p3 0 .3333 1);
        --cyan:color(display-p3 0 .7333 1);
        --magenta:color(display-p3 1 0 .502);
        --violet:color(display-p3 .5373 .1804 1);
        --mint:color(display-p3 0 1 .7843);
    }
}

*{outline:none;margin:0;padding:0;box-sizing:border-box;font-size:inherit;line-height:inherit}
body{font-family:'oriental-mono';font-weight:400;-webkit-font-smoothing:antialiased!important;font-smoothing:antialiased!important;overflow-x:hidden;position:relative;margin:0 auto;font-size:21px;line-height:30px;background-color:var(--cyan);color:#FFF}
body.scroll-disabled{overflow:hidden!important;overflow-x:hidden;-webkit-overflow-scrolling:touch}

h1,h2,h3,h4,h5{font-weight:400;font-size:inherit}
p{font-size:inherit}
a{cursor:pointer;text-decoration:none;color:inherit;font-size:inherit;display:block}
li{list-style:none}
img{width:100%;display:block}

::-webkit-input-placeholder{color:#FFFFFF80}
:-moz-placeholder{color:#FFFFFF80;opacity:1}
::-moz-placeholder{color:#FFFFFF80;opacity:1}
:-ms-input-placeholder{color:#FFFFFF80}
::-ms-input-placeholder{color:#FFFFFF80}
input[type="submit"]{border:0;appearance:none;-webkit-appearance:none;cursor:pointer}

.fs-s{font-family:'oriental-mono';font-size:14px;line-height:20px}
.fs-m{font-family:'oriental-mono';font-size:21px;line-height:30px}
.fs-l{font-family:'oriental';font-size:36px;line-height:42px}
.fs-xl{font-family:'oriental';font-size:70px;line-height:76px}
.fs-xxl{font-family:'oriental';font-size:100px;line-height:100px}

.color-white{color:#FFF}
.color-black{color:#000}
.bc-primary{background-color:var(--primary-color)!important}
.bc-white{background-color:#FFF!important}
.bc-blur{background-color:#0000000D;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);-moz-backdrop-filter:blur(50px);-ms-backdrop-filter:blur(50px)}

.grid{display:grid;justify-content:center;width:100%;grid-template-columns:repeat(9, 1fr);padding:0 60px;grid-gap:30px}
.c-1{grid-column-end:span 1}
.c-2{grid-column-end:span 2}
.c-3{grid-column-end:span 3}
.c-4{grid-column-end:span 4}
.c-5{grid-column-end:span 5}
.c-6{grid-column-end:span 6}
.c-7{grid-column-end:span 7}
.c-8{grid-column-end:span 8}
.c-9{grid-column-end:span 9}
.p-1{grid-column-start:1}
.p-2{grid-column-start:2}
.p-3{grid-column-start:3}
.p-4{grid-column-start:4}
.p-5{grid-column-start:5}
.p-6{grid-column-start:6}
.p-7{grid-column-start:7}

.sides-padding{padding-left:60px;padding-right:60px}
.no-sides-padding{padding-left:0!important;padding-right:0!important}
.display-flex{display:flex!important}
.flex-vertical{flex-direction:column}
.align-vertical-center{align-items:center}
.space-between{justify-content:space-between}
.centered{justify-content:center;align-items:center}
.width-100{width:100%}
.height-dvh{height:100dvh}
.fit-content{width:fit-content}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* El campo trampa del antispam. Se saca de la vista sin display:none ni visibility:hidden,
   que son justo lo que mira un bot para saltear el campo, y queda fuera del tab y de los
   lectores de pantalla. Ver includes/antispam.php. */
.nope{position:absolute!important;left:-9999px!important;top:auto!important;width:1px;height:1px;padding:0;border:0;overflow:hidden;opacity:0;pointer-events:none}

.margin-top-15{margin-top:15px}
.margin-top-25{margin-top:25px}
.margin-top-60{margin-top:60px}
.margin-bottom-25{margin-bottom:25px}
.margin-bottom-60{margin-bottom:60px}
.padding-top-100{padding-top:100px!important}
.padding-top-150{padding-top:150px!important}
.padding-bottom-100{padding-bottom:100px!important}
.padding-bottom-150{padding-bottom:150px!important}
.row-gap-30{row-gap:30px}
.row-gap-60{row-gap:60px}
.column-gap-15{column-gap:15px}

.lazy{opacity:0;visibility:hidden;transition:opacity .5s ease, transform .5s ease;transform:translateY(20px)}
.lazy.visible{opacity:1;visibility:visible;transform:translateY(0)}
.lazy:nth-child(2){transition-delay:.07s}
.lazy:nth-child(3){transition-delay:.14s}
.lazy:nth-child(4){transition-delay:.21s}
.lazy:nth-child(5){transition-delay:.28s}
.lazy:nth-child(6){transition-delay:.35s}
.lazy:nth-child(7){transition-delay:.42s}
.lazy:nth-child(8){transition-delay:.49s}
.lazy:nth-child(9){transition-delay:.56s}

@keyframes girar{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.master-wrapper{position:relative;z-index:2}

.background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}
.background .blob{position:absolute;border-radius:50%;background-color:var(--blob-color);filter:blur(500px);-webkit-filter:blur(500px)}

.btn{display:flex;align-items:center;justify-content:center;width:fit-content;padding:5px 20px;border-radius:40px;font-family:'oriental-mono';font-size:14px;line-height:20px;color:#FFF;transition:opacity .3s ease}
.btn:hover{opacity:.7}

header.master{position:fixed;top:0;left:0;width:100%;z-index:10;padding-top:34px}
header.master .fondo{position:absolute;top:0;left:0;width:100%;height:170px;background-color:#00000003;backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,#0000 82%);mask-image:linear-gradient(to bottom,#000 0%,#000 55%,#0000 82%);pointer-events:none}
header.master .fondo:before,header.master .fondo:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
header.master .fondo:before{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,#0000 92%);mask-image:linear-gradient(to bottom,#000 0%,#000 70%,#0000 92%)}
header.master .fondo:after{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,#0000 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 80%,#0000 100%)}
header.master .logotype,header.master nav{position:relative}
header.master .logotype{width:204px;flex:0 0 auto}
header.master .logotype img{width:100%}
header.master nav{display:flex;align-items:center;column-gap:15px;margin-top:20px}
header.master nav>.btn{white-space:nowrap}
header.master .menu{display:flex;align-items:center;column-gap:30px;padding:5px 20px;border-radius:40px;font-size:14px;line-height:20px}
header.master .menu a{white-space:nowrap;transition:opacity .3s ease}
header.master .menu a:hover{opacity:.7}

.hero{position:relative;height:100dvh;overflow:hidden}
.hero .img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.hero .img img{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;min-height:100%;max-width:none;object-fit:cover;object-position:100% 50%}
.hero .img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000030}
.hero .content{position:absolute;left:60px;bottom:124px;width:720px;display:flex;flex-direction:column;z-index:2}
.hero .bajada{margin-top:38px}
.hero .btns{display:flex;align-items:center;column-gap:15px;margin-top:52px}
.tags-hero{position:fixed;left:60px;bottom:44px;z-index:15;display:flex;align-items:center;column-gap:8px}
.tags-hero .btn{white-space:nowrap}
.tags-hero .btn{background-color:#0000001A;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);-moz-backdrop-filter:blur(100px);-ms-backdrop-filter:blur(100px)}
.btn-chat{position:fixed;right:60px;bottom:44px;width:48px;height:48px;z-index:15;transition:opacity .3s ease}
.btn-chat:hover{opacity:.7}
.btn-chat img{width:100%}

.underlined{display:inline;text-decoration:underline;text-underline-position:from-font}

footer.master{padding-top:393px;padding-bottom:170px}
footer .datos{margin-top:44px}
footer .impulsado{margin-top:45px}
footer .bottom{margin-top:105px;align-items:flex-end}
footer .bottom>p{margin-bottom:-5px}
footer .proyecto{display:flex;align-items:flex-end;column-gap:26px}
footer .proyecto p{white-space:nowrap;margin-bottom:-5px}
footer .revaso{width:144px}
footer .revaso img{width:100%}
footer .logotype{width:204px}
footer .logotype img{width:100%}

.sections{padding-top:100px}
.section{padding-left:60px;padding-right:60px}
.section .icon{width:66px}
.section .icon img{width:100%}
.section .title{margin-top:90px}
.section .intro{margin-top:65px}
.section>.img{margin-top:75px;height:706px;border-radius:30px;overflow:hidden;position:relative}
.section>.img img{width:100%;height:100%;object-fit:cover}
.section .list{margin-top:90px}
.section .list>li+li{margin-top:50px}
.section .list .fs-l+p,.section .list .fs-l+.tags{margin-top:40px}

.tags{display:grid;grid-template-columns:repeat(3,1fr);column-gap:30px;row-gap:20px}
.tags .btn{width:100%}

.section+.section{margin-top:240px}
.box{background-color:#0000001A;border-radius:30px;padding:15px 30px}
.ta-right{text-align:right}

.producto .abanico{margin-top:124px;margin-left:13.79%;width:71.67%;aspect-ratio:946/581;overflow:hidden;position:relative}
.producto .abanico img{position:absolute;top:-7.4%;left:-10.43%;width:124.1%;height:auto;max-width:none}
.producto .specs{margin-top:102px}
.producto .specs ul{display:flex;flex-direction:column;row-gap:10px}
.producto .specs .box{display:flex;align-items:center;column-gap:10px;padding:13px 30px 12px}
.producto .specs .box p{flex:1 0 0}

.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:120px}
.features .box{display:flex;flex-direction:column;padding:40px 40px 50px;border-radius:30px;background-color:#0000001A}
.features .box .icon{height:40px;margin-bottom:40px}
.features .box .icon img{width:auto;display:block}

.producto .sublimacion{margin-top:88px}
.producto .sublimacion .fs-l+p{margin-top:44px}

.cotiza .intro{margin-top:65px}
.cotiza .bottom{position:relative;margin-top:135px;min-height:238px}
.cotiza .abanico{position:absolute;left:12.5%;top:0;width:29.24%;aspect-ratio:386/238;overflow:hidden}
.cotiza .abanico img{position:absolute;top:-7.4%;left:-10.43%;width:124.1%;height:auto;max-width:none}
.cotiza form{margin-left:45.45%;padding-top:13px;width:43.26%}
.cotiza .fields{display:flex;flex-direction:column;row-gap:20px}
.cotiza .fields li{display:flex;align-items:center;column-gap:10px}
.cotiza .fields input[type="text"],.cotiza .fields input[type="email"],.cotiza .fields select,.cotiza .fields textarea{flex:1 0 0;min-width:0;padding:0;background:none;border:0;color:#FFF;font-family:'oriental-mono';font-size:14px;line-height:20px;appearance:none;-webkit-appearance:none}
.cotiza .fields select option{color:#000}
.cotiza .fields select:invalid{color:#FFFFFF80}
.cotiza .fields .bullet{font-size:21px;line-height:20px}
.cotiza .fields .textarea{align-items:flex-start;padding-bottom:155px}
.cotiza .fields textarea{resize:none;height:20px;overflow:hidden}
.cotiza .fields .submit{padding:0}
.cotiza .fields .submit input[type="submit"]{flex:1 0 0;background:none;color:#FFF;font-family:'oriental-mono';font-size:14px;line-height:20px;text-align:left;padding:15px 0 15px 30px}
.cotiza .fields .submit .arrow{padding-right:30px;font-family:'oriental';line-height:18px}

.file-wrapper{display:flex;align-items:center;column-gap:10px;cursor:pointer;font-size:14px;line-height:20px}
.file-wrapper label{cursor:pointer;white-space:nowrap}
.file-wrapper input[type="file"]{display:none}
.file-wrapper .file-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#FFFFFF80}
.file-wrapper.cargado .file-name{color:#FFF}

.como-funciona .steps-wrap{margin-top:75px}
.como-funciona .steps{display:grid;grid-template-columns:repeat(2,1fr);column-gap:60px;row-gap:64px}
.como-funciona .steps .btn{margin-bottom:30px}

.items{display:grid;grid-template-columns:repeat(3,1fr);column-gap:30px;row-gap:60px;margin-top:148px}
.items .item{display:flex;flex-direction:column}
.items .item .img{width:91.9%;margin-left:2.62%;aspect-ratio:386/238;overflow:hidden;position:relative}
.items .item .img img{position:absolute;top:-7.4%;left:-10.43%;width:124.1%;height:auto;max-width:none}
.items .item .meta{display:flex;align-items:flex-start;margin-top:60px}
.items .item .meta .fs-l{flex:1 0 0}
.items .item .info{margin-top:44px;margin-bottom:45px}
.items .item .box{margin-top:auto;transition:opacity .3s ease}
.items .item .box:hover{opacity:.7}

.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:#fff0}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block}
.slick-track:before, .slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none;position:relative}
.slick-slide img{display:block}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}

.nosotros .slider{margin-top:105px;position:relative;--slide-color:#0055FF}
.nosotros .slide{position:relative;height:707px;border-radius:30px;overflow:hidden}
.nosotros .slide .img{width:100%;height:100%}
.nosotros .slide .img img{width:100%;height:100%;object-fit:cover}
.nosotros .slide .info{position:absolute;left:60px;bottom:60px;width:533px;padding:60px;border-radius:20px;background-color:var(--slide-color);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}
.nosotros .slide .info .fs-l{margin-bottom:60px}
.nosotros .slick-prev,.nosotros .slick-next{position:absolute;bottom:60px;width:52px;height:52px;border-radius:40px;background-color:var(--slide-color);border:0;padding:14px;cursor:pointer;z-index:2;transition:opacity .3s ease}
.nosotros .slick-prev{right:120px}
.nosotros .slick-next{right:60px}
.nosotros .slick-prev img,.nosotros .slick-next img{width:24px;height:24px;display:block}
.nosotros .slick-prev:hover,.nosotros .slick-next:hover{opacity:.7}

.ciclo .diagrama{position:relative;margin-top:145px;width:83.94%;margin-left:auto;margin-right:auto;aspect-ratio:1108/773}
.ciclo .circle{position:absolute;left:25.9%;top:18.24%;width:47.47%;aspect-ratio:526/520}
.ciclo .circle img{width:100%;animation:girar 40s linear infinite}
.ciclo .label{position:absolute;width:25.54%;transform:translateX(-50%);text-align:center}
.ciclo .label .desc{font-size:14px;line-height:20px;margin-top:30px}

.preguntas-frecuentes .faq{margin-top:95px}
.preguntas-frecuentes .faq .label{margin-top:23px}
.preguntas-frecuentes .faq ul{display:flex;flex-direction:column;row-gap:20px}
.preguntas-frecuentes .box{padding:0;cursor:pointer}
.preguntas-frecuentes .question{display:flex;align-items:center;column-gap:10px;padding:13px 30px 12px;transition:padding .4s ease}
.preguntas-frecuentes .question p{flex:1 0 0}
.preguntas-frecuentes .question .toggle{width:18px;text-align:right}
.preguntas-frecuentes .answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease, opacity .3s ease}
.preguntas-frecuentes .answer p{padding:30px 30px 22px}
.preguntas-frecuentes .opened .answer{opacity:1}
.preguntas-frecuentes .opened .question{padding:23px 30px 0;align-items:flex-start}

label.error{display:block;font-family:'oriental-mono';font-size:14px;line-height:20px;color:#FFF;padding:0 30px;margin-top:-14px}
.box.has-error{background-color:#FF008040}

.notification{position:fixed;left:60px;bottom:104px;z-index:20;display:flex;align-items:center;column-gap:30px;padding:13px 30px 12px;border-radius:30px;background-color:#0000001A;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);-moz-backdrop-filter:blur(50px);-ms-backdrop-filter:blur(50px);max-width:calc(100vw - 120px)}
.notification.error{background-color:#FF008050}
.notification .btn-notification{cursor:pointer;transition:opacity .3s ease}
.notification .btn-notification:hover{opacity:.7}

.swipe{position:fixed;top:0;left:0;width:100%;height:100%;z-index:30;visibility:hidden;opacity:0;transition:opacity .4s ease,visibility .4s ease}
body.swipe-opened .swipe{visibility:visible;opacity:1}
.swipe .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.swipe nav{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;display:flex;flex-direction:column}
.swipe nav header{width:100%}
.swipe nav .logotype{width:130px}
.swipe nav .btn-swipe{cursor:pointer;flex:0 0 auto}
.swipe nav ul{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:10px}
.swipe nav ul li{width:100%;display:flex;justify-content:center}
.swipe nav ul a{width:fit-content;padding:13px 30px 12px;text-align:center;transition:opacity .3s ease}
.swipe nav ul a:hover{opacity:.7}
header.master .btn-swipe{display:none;cursor:pointer}

.bc-cyan{background-color:var(--cyan)!important}

.modal{display:flex;align-items:flex-start;justify-content:space-between;position:fixed;top:0;left:0;width:100%;height:100%;z-index:40;padding:60px;overflow-y:auto;visibility:hidden;transition:visibility .35s ease}
.modal.opened{visibility:visible}
.modal.opened .overlay{opacity:1}
.modal.opened .cerrar{opacity:1}
.modal.opened .panel{opacity:1;transform:translateY(0)}
.modal .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000001A;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);-moz-backdrop-filter:blur(50px);-ms-backdrop-filter:blur(50px);opacity:0;transition:opacity .35s ease}
.modal .panel{position:relative;z-index:2;width:780px;padding:60px;border-radius:30px;background-color:var(--primary-color);display:flex;flex-direction:column;row-gap:60px;opacity:0;transform:translateY(24px);transition:opacity .35s ease, transform .45s ease}
.modal .cerrar{position:fixed;top:60px;right:60px;z-index:3;width:59px;height:59px;border-radius:40px;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:21px;line-height:30px;cursor:pointer;opacity:0;transition:opacity .35s ease}
.modal.opened .cerrar:hover{opacity:.7}
.modal .lineas{display:flex;flex-direction:column;row-gap:10px}
.modal .lineas li{display:flex;align-items:center;justify-content:space-between;column-gap:24px}
.modal .lineas .modelo{width:440px;display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;font-size:14px;line-height:20px}
.modal .lineas .modelo p{flex:1 1 auto;min-width:0}
.modal .lineas .modelo .ta-right{flex:1 1 auto}
.modal .lineas .cantidad{width:196px;display:flex;align-items:center;font-size:14px;line-height:20px}
.modal .campos{display:flex;flex-direction:column;row-gap:10px}
.modal .campos>.box{display:flex;align-items:center}
.modal input[type="text"],.modal input[type="email"],.modal input[type="number"]{width:100%;padding:0;background:none;border:0;color:#FFF;font-family:'oriental-mono';font-size:14px;line-height:20px;appearance:none;-webkit-appearance:none}
.modal input[type="number"]::-webkit-outer-spin-button,.modal input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.modal .continuar{display:flex;align-items:center;justify-content:space-between;column-gap:10px;width:100%;cursor:pointer;transition:opacity .3s ease}
.modal .continuar:hover{opacity:.7}
.modal .continuar.desactivado{opacity:.4;pointer-events:none}
.modal .continuar .arrow{font-family:'oriental';font-size:16px;line-height:20px}
.modal .submit{padding:0}
.modal .submit input[type="submit"]{flex:1 0 0;background:none;color:#FFF;font-family:'oriental-mono';font-size:14px;line-height:20px;text-align:left;padding:15px 0 15px 30px}
.modal .submit .arrow{padding-right:30px}
.modal .transferencia{display:flex;flex-direction:column;row-gap:20px}
.modal .datos{display:flex;flex-direction:column;row-gap:10px}
.modal .datos .box{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;font-size:14px;line-height:20px}
.modal .datos .box p{flex:0 1 auto}
.modal .datos .box .ta-right{flex:1 1 auto;min-width:0}
.modal .botones{display:flex;align-items:stretch;column-gap:10px}
.modal .botones .submit{flex:1 1 auto;min-width:0}
.modal .volver{flex:0 0 auto;display:flex;align-items:center;justify-content:center;column-gap:10px;cursor:pointer;font-size:14px;line-height:20px;transition:opacity .3s ease}
.modal .volver:hover{opacity:.7}
.modal .volver .arrow{font-family:'oriental';font-size:16px;line-height:20px}
.modal label.error{margin-top:-4px}

@media (max-width:1440px){
    header.master nav>.btn.bc-primary{display:none}
}

@media (max-width:1140px){
    :root{--column-width:calc((100vw - 40px*2 - 20px*8)/9);--column-gap:20px}
    .grid{padding:0 40px;grid-gap:20px}
    .section{padding-left:40px;padding-right:40px}
    .sides-padding{padding-left:40px;padding-right:40px}
    .fs-xl{font-size:52px;line-height:58px}
    .fs-l{font-size:30px;line-height:36px}
    .fs-xxl{font-size:70px;line-height:72px}
    body{font-size:18px;line-height:26px}
    .section+.section{margin-top:160px}
    .sections{padding-top:80px}
    header.master{padding-top:24px}
    header.master .logotype{width:150px}
    .hero .content{left:40px;width:calc(100% - 80px);max-width:480px}
    .section>.img{height:480px}
    .producto .abanico{margin-left:0;width:100%;height:auto;aspect-ratio:946/581}
    .producto .abanico img{position:relative;left:-10.43%;height:auto}
    .ciclo .diagrama{aspect-ratio:auto;height:auto;width:100%;margin-left:0;margin-right:0}
    .ciclo .circle{display:block;position:relative;left:auto;top:auto;width:100%;max-width:400px;aspect-ratio:auto;margin:0 auto 60px;overflow:hidden}
    .ciclo .label{position:relative;left:auto!important;top:auto!important;width:100%;transform:none;text-align:left}
    .ciclo .label+.label{margin-top:40px}
    .ciclo .label .desc{margin-top:20px}
    .tags-hero{left:40px}
    .btn-chat{right:40px}
    .notification{left:40px;bottom:40px;max-width:calc(100vw - 80px)}
}

@media (max-width:1024px){
    .fs-xl{font-size:44px;line-height:50px}
    .features{grid-template-columns:repeat(2,1fr)}
    .items{grid-template-columns:repeat(2,1fr)}
    .items .item .img{width:100%;margin-left:0}
    .section>.img{height:400px}
    .nosotros .slide{height:480px}

    .modal{padding:40px}
    .modal .panel{width:100%;max-width:780px}
    .modal .panel>.titulo{padding-right:80px}
    .modal .cerrar{top:40px;right:40px;background-color:#00000059;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
    .tags-hero{display:none}
    .hero .content{bottom:44px}

    header.master{align-items:center}
    header.master .menu{display:none}
    header.master nav{margin-top:0}
    header.master .btn-swipe{display:flex}
}

@media (max-width:800px){
    :root{--column-gap:20px}
    .grid{padding:0 20px;grid-template-columns:1fr;grid-gap:20px}
    .section{padding-left:20px;padding-right:20px}
    .sides-padding{padding-left:20px;padding-right:20px}
    .c-1,.c-2,.c-3,.c-4,.c-5,.c-6,.c-7,.c-8,.c-9{grid-column-end:span 1}
    .p-1,.p-2,.p-3,.p-4,.p-5,.p-6,.p-7{grid-column-start:1}
    .fs-xl{font-size:38px;line-height:44px}
    .fs-l{font-size:26px;line-height:32px}
    .fs-xxl{font-size:48px;line-height:52px}
    body{font-size:17px;line-height:25px}
    .section+.section{margin-top:100px}
    .sections{padding-top:60px}

    header.master{padding-top:20px}
    header.master .logotype{width:130px}
    header.master .fondo{height:120px}

    .hero{display:flex;flex-direction:column;justify-content:flex-end;padding:0 20px 20px}
    .hero .img img{top:0;transform:none;width:100%;height:100%;object-position:89% 50%}
    .hero .content{position:static;left:auto;top:auto;width:100%;max-width:none}
    .hero .bajada{margin-top:24px}
    .hero .btns{margin-top:30px}
    .hero .btns{flex-wrap:wrap;row-gap:10px;padding-right:63px}
    .btn-chat{right:20px;bottom:20px}

    .section>.img{height:280px;border-radius:20px}
    .section .title{margin-top:50px}
    .section .intro{margin-top:40px}
    .section .list{margin-top:50px}
    .section .list>li+li{margin-top:40px}
    .section .list .fs-l+p,.section .list .fs-l+.tags{margin-top:20px}
    .tags{grid-template-columns:repeat(2,1fr);column-gap:10px;row-gap:10px}

    .producto .specs{margin-top:50px}
    .producto .sublimacion{margin-top:50px}
    .producto .sublimacion .fs-l+p{margin-top:20px}
    .features{grid-template-columns:1fr;gap:20px;margin-top:50px}
    .features .box{padding:30px 30px 40px;border-radius:20px}
    .features .box .icon{margin-bottom:30px}

    .cotiza .bottom{min-height:0}
    .cotiza .abanico{position:relative;left:0;width:100%;height:auto;aspect-ratio:386/238}
    .cotiza .abanico img{position:relative;left:-10.43%;height:auto}
    .cotiza form{margin-left:0;width:100%;padding-top:40px}
    .cotiza .fields .box{padding:15px 20px}
    .cotiza .fields .submit{padding:0}
    .cotiza .fields .submit input[type="submit"]{padding:15px 0 15px 20px}
    .cotiza .fields .submit .arrow{padding-right:20px}
    .cotiza .fields .textarea{padding-bottom:100px}

    .como-funciona .steps-wrap{margin-top:50px}
    .como-funciona .steps{grid-template-columns:1fr;column-gap:0;row-gap:40px}
    .como-funciona .steps .btn{margin-bottom:20px}

    .items{grid-template-columns:1fr;row-gap:50px;margin-top:50px}
    .items .item .img{aspect-ratio:16/10}
    .items .item .meta{margin-top:30px}
    .items .item .info{margin-top:20px;margin-bottom:25px}

    .nosotros .slider{margin-top:50px}
    .nosotros .slide{height:auto;border-radius:20px}
    .nosotros .slide .img{height:auto;aspect-ratio:9/16;max-height:620px}
    .nosotros .slide .info{left:20px;right:20px;bottom:20px;width:auto;padding:20px}
    .nosotros .slide .info .fs-l{margin-bottom:20px}
    .nosotros .slick-prev,.nosotros .slick-next{bottom:auto;top:20px;width:44px;height:44px;padding:10px}
    .nosotros .slick-prev{right:74px}
    .nosotros .slick-next{right:20px}

    .ciclo .diagrama{margin-top:50px}
    .ciclo .circle{max-width:280px;margin-bottom:50px}

    .preguntas-frecuentes .faq{margin-top:50px}
    .preguntas-frecuentes .faq .label{margin-top:0;margin-bottom:10px}
    .preguntas-frecuentes .question{padding:13px 20px 12px}
    .preguntas-frecuentes .answer p{padding:30px 20px 22px}
    .preguntas-frecuentes .opened .question{padding:23px 20px 0}

    footer.master{padding-top:160px;padding-bottom:80px}
    footer .bottom{margin-top:60px}
    footer .proyecto{margin-top:40px}
    footer .logotype{width:130px}
    .notification{left:20px;right:20px;bottom:88px;max-width:none;column-gap:20px}

    .flow br{display:none}
    .flow>p{display:inline}

    label.error{padding:0 20px}

    .modal{padding:20px}
    .modal .cerrar{top:20px;right:20px;width:44px;height:44px;font-size:16px;line-height:20px;background-color:#00000059;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
    .modal .panel{width:100%;padding:30px;border-radius:20px;row-gap:30px}
    .modal .panel>.titulo{padding-right:34px}
    .modal .lineas li{column-gap:10px}
    .modal .lineas .modelo{flex:1 1 auto;min-width:0;width:auto}
    .modal .lineas .cantidad{flex:0 0 88px;width:auto}
    .modal .box{padding:15px 20px}
    .modal .submit{padding:0}
    .modal .submit input[type="submit"]{padding:15px 0 15px 20px}
    .modal .submit .arrow{padding-right:20px}
}

@media (max-width:460px){
    .fs-xl{font-size:32px;line-height:38px}
    .fs-l{font-size:22px;line-height:28px}
    body{font-size:16px;line-height:24px}
    .hero .btns .btn{width:100%}
    .modal .volver .texto{display:none}
    .file-wrapper .texto{display:none}
}

@media (max-width:359px){
    .tags{grid-template-columns:1fr}
}