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

@font-face{
    font-family:"slick";
    src: url(./fonts/slick.eot);
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
         url(./fonts/slick.woff) format("woff"),
         url(./fonts/slick.ttf) format("truetype"),
         url("./fonts/slick.svg#slick") format("svg");
    font-weight:400;
    font-style:normal
}

@font-face {
    font-family: 'vp';
    src: url('fonts/OOArketaTrial-Book.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

:root{
    --primary-color:#A2EF24;
    --grey-color:#F1F1F1;
    --column-width:calc((100vw - 25px*2 - 25px*7)/8);
    --column-gap:25px;
    --page-padding:25px;
}

.columns-guide{width:100%;position:fixed;height:100%;top:0;left:0;z-index:100;pointer-events:none;grid-template-rows:1fr}

*{outline:none;margin:0;padding:0;box-sizing:border-box;font-size:inherit;line-height:inherit}
a:focus-visible, [role="button"]:focus-visible, select:focus-visible, input[type="submit"]:focus-visible{outline:1px solid currentColor;outline-offset:3px}
body{font-family:'vp';font-weight:500;-webkit-font-smoothing:antialiased!important;font-smoothing:antialiased!important;overflow-x:hidden;position:relative;margin:0 auto;font-size:13px;line-height:16px;background-color:#FFF;color:#000}
body.scroll-disabled{overflow:hidden!important;overflow-x:hidden;-webkit-overflow-scrolling:touch}

h1,h2,h3,h4,h5{font-weight:500;font-size:inherit}
p{font-size:inherit}
a{cursor:pointer;text-decoration:none;color:inherit;font-size:inherit;display:block;transition:color .3s ease-out}
a:hover{color:var(--primary-color)}
li{list-style:none}
img{width:100%;display:block}
video{position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:1}

::-webkit-input-placeholder{color:#00000050}
:-moz-placeholder{color:#00000050;opacity:1}
::-moz-placeholder{color:#00000050;opacity:1}
:-ms-input-placeholder{color:#00000050}
::-ms-input-placeholder{color:#00000050}
input[type="submit"]{border:0;appearance:none;-webkit-appearance:none;cursor:pointer;background:transparent}
input[type="text"], input[type="email"], input[type="password"], input[type="number"]{background:transparent;font-family:'vp';appearance:none;-webkit-appearance:none;-moz-appearance:textfield;border-radius:0;border:0;width:100%;border-bottom:1px solid #000;padding-bottom:9px}
input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="password"]:focus-visible, input[type="number"]:focus-visible{box-shadow:0 1px 0 currentColor}
input[type="radio"]{display:none}
input[type="checkbox"]{display:none}

.fs-s{font-size:13px;line-height:15px}
.fs-m{font-size:20px;line-height:24px}
.uppercase{text-transform:uppercase}
.underlined{text-decoration:underline;text-underline-offset:2px}
.background-primary{background-color:var(--primary-color)}
.background-white{background-color:#FFF}
.background-black{background-color:#000}
.color-primary{color:var(--primary-color)}
.color-black{color:#000}
.color-white{color:#FFF}
.color-grey{color:#00000050}
.color-red{color:#FF0000}
.display-table{display:table}
.display-block{display:block}
.display-inline{display:inline}
.inline-block{display:inline-block}
.ta-left{text-align:left}
.ta-right{text-align:right}
.ta-center{text-align:center}
.no-sides-padding{padding-left:0!important;padding-right:0!important}
.sides-padding{padding-left:25px!important;padding-right:25px!important}
.padding-top-10{padding-top:10px!important}
.padding-top-25{padding-top:25px!important}
.padding-top-50{padding-top:50px!important}
.padding-top-100{padding-top:100px!important}
.padding-top-117{padding-top:117px!important}
.padding-top-125{padding-top:125px!important}
.padding-top-150{padding-top:150px!important}
.padding-bottom-25{padding-bottom:25px!important}
.padding-bottom-50{padding-bottom:50px!important}
.padding-bottom-100{padding-bottom:100px!important}
.padding-bottom-150{padding-bottom:150px!important}
.padding-bottom-300{padding-bottom:300px!important}
.padding-vertical-10{padding-top:10px!important;padding-bottom:10px!important}
.margin-top-10{margin-top:10px!important}
.margin-top-16{margin-top:16px!important}
.margin-top-25{margin-top:25px!important}
.margin-top-34{margin-top:34px!important}
.margin-top-40{margin-top:40px!important}
.margin-top-43{margin-top:43px!important}
.margin-top-50{margin-top:50px!important}
.margin-top-59{margin-top:59px!important}
.margin-top-100{margin-top:100px!important}
.margin-bottom-16{margin-bottom:16px!important}
.margin-bottom-25{margin-bottom:25px!important}
.margin-bottom-34{margin-bottom:34px!important}
.margin-bottom-50{margin-bottom:50px!important}
.margin-bottom-50{margin-bottom:50px!important}
.margin-bottom-59{margin-bottom:59px!important}
.margin-bottom-85{margin-bottom:85px!important}
.margin-bottom-100{margin-bottom:100px!important}
.margin-centered{margin:0 auto!important}
.column-gap-10{column-gap:10px!important}
.column-gap-17{column-gap:17px!important}
.column-gap-25{column-gap:25px!important}
.column-gap-40{column-gap:40px!important}
.row-gap-8{row-gap:8px!important}
.row-gap-10{row-gap:10px!important}
.row-gap-16{row-gap:16px!important}
.row-gap-25{row-gap:25px!important}
.row-gap-50{row-gap:50px!important}
.height-dvh{height:100dvh}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.height-100{height:100%}
.width-100{width:100%}
.overflow-hidden{overflow:hidden}

.btn{border:1px solid #000;line-height:27px;height:29px;padding:0 10px;display:inline-block;text-align:center;width:fit-content;cursor:pointer;transition:color .3s ease-out, border-color .3s ease-out}
.btn:hover{color:var(--primary-color);border-color:var(--primary-color)}
input[type="submit"].btn{font-family:'vp';font-size:13px;text-transform:uppercase;border:1px solid #000}
input[type="submit"].btn:hover{border-color:var(--primary-color)}

.overlay{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#00000050;opacity:0;padding:25px;transition:opacity 0s ease;z-index:2}
.hover-overlay:hover .overlay{opacity:1}
.hover-opacity:hover{cursor:pointer;opacity:.7}
.hover-primary:hover{cursor:pointer;color:var(--primary-color)}
.overlay.close{z-index:-1;padding:0;opacity:1;background-color:transparent;cursor:pointer}

.position-relative{position:relative}
.position-sticky{position:sticky}

.display-flex{display:flex}
.space-between{justify-content:space-between}
.space-evenly{justify-content:space-evenly}
.centered{justify-content:center;align-items:center}
.align-vertical-center{align-items:center}
.align-vertical-end{align-items:flex-end}
.align-bottom{margin-top:auto}

.flex-end{justify-content:flex-end}
.flex-vertical{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.column-100{flex:none;width:100px}
.column-150{flex:none;width:150px}
.column-xs{flex:1 1 0}
.column-s{flex:2 1 0}
.column-m{flex:4 1 0}
.column-l{flex:6 1 0}

.grid{display:grid;justify-content:center;width:100%;grid-template-columns:repeat(8, 1fr);padding:0 25px;grid-gap:25px}
.grid.no-padding{padding-left:0;padding-right:0}
.grid > *{grid-column-end:span 8}
.fit-content{height:fit-content}
.align-center{align-content:center;align-items:center;justify-items:center}
.align-start{align-items:start}

.grid .c-1{grid-column-end:span 1}
.grid .c-1  > *{grid-column-end:span 1}
.grid .c-2{grid-column-end:span 2}
.grid .c-2  > *{grid-column-end:span 2}
.grid .c-3{grid-column-end:span 3}
.grid .c-3  > *{grid-column-end:span 3}
.grid .c-4{grid-column-end:span 4}
.grid .c-4  > *{grid-column-end:span 4}
.grid .c-5{grid-column-end:span 5}
.grid .c-5 > *{grid-column-end:span 5}
.grid .c-6{grid-column-end:span 6}
.grid .c-6 > *{grid-column-end:span 6}
.grid .c-7{grid-column-end:span 7}
.grid .c-7 > *{grid-column-end:span 7}

.grid .p-1{grid-column-start:1}
.grid .p-2{grid-column-start:2}
.grid .p-3{grid-column-start:3}
.grid .p-4{grid-column-start:4}
.grid .p-5{grid-column-start:5}
.grid .p-6{grid-column-start:6}
.grid .p-7{grid-column-start:7}

.page-checkout .form-field.c-4, .page-checkout .checkout-address, .page-checkout .checkout-totals, .page-checkout .promo{grid-column-end:span 8}
.page-checkout .form-field.c-2{grid-column-end:span 4}

.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;height:100%}
.slick-list:focus{outline:none}
.slick-loading .slick-list{background:#fff url(./ajax-loader.gif) center center no-repeat}
.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);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;height:100%}
.slick-track:before, .slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-slide{float:left;height:100%;min-height:1px;display:none;background-position:center center;background-size:cover;position:relative}
[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid #fff0}
.slick-prev, .slick-next{position:absolute;display:block;line-height:30px;cursor:pointer;background:#fff0;color:#fff0;padding:0;border:none;outline:none;z-index:1;font-size:50px;font-weight:500;overflow:hidden;width:50%;height:100%;top:0}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before, .slick-next:before{font-size:40px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:0;cursor:url(../imgs/nav_prev.svg),auto}
.slick-next{right:0;cursor:url(../imgs/nav_next.svg),auto}
.slick-dots{position:absolute;bottom:20px;left:30px;list-style:none;text-align:left;padding:0;z-index:2;width:calc(100% - 60px);background-color:rgb(255 255 255 / .4);height:5px;border-radius:5px;display:none}
.slick-dots li{position:relative;height:5px;width:100%;padding:0;cursor:pointer;display:inline-block;border-radius:5px}
.slick-dots li button{border:0;background:#fff0;display:block;height:5px;width:100%;outline:none;line-height:0;font-size:0;color:#fff0;cursor:pointer;opacity:.2;border-radius:5px;transition:background .3s ease}
.slick-dots li.slick-active button{background:#FFF;opacity:1}

.thumb{background-color:transparent;position:relative}
.aspect{opacity:0;visibility:hidden}
.lazy{opacity:0;visibility:hidden;transition:opacity .3s ease, transform .1s ease;transform:translateY(20px)}
.lazy.visible{opacity:1;visibility:visible;transform:none}
.lazy-img-wrapper{position:relative;overflow:hidden;background:var(--grey-color);transition:background .1s ease}
.lazy-img-wrapper .img{position:absolute;top:0;left:0;bottom:0;width:100%;opacity:0;transition:opacity .1s ease;background-position:center;background-size:cover;background-repeat:no-repeat;height:100%;object-fit:cover}
.lazy-img-wrapper .video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}
.lazy-img-wrapper iframe{position:absolute;top:50%;left:50%;width:calc(100% + 4px);height:calc(100% + 4px);transform:translate(-50%, -50%) scale(1.01);opacity:0;transition:opacity .1s ease;z-index:1}
.lazy-img-wrapper.loaded{background-color:transparent}
.lazy-img-wrapper.loaded .img{opacity:1}
.lazy-img-wrapper.played iframe{opacity:1}

.video-wrapper{padding:0;width:100%;height:100%;overflow:hidden;position:relative;background-position:center;background-size:cover}
.video-wrapper.height-dvh{height:100dvh}
.video-wrapper .video-iframe{width:100%;height:100%}
.video-wrapper iframe{box-sizing:border-box;width:177.77777778dvh;height:56.25vw;min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1.01);opacity:0;transition:opacity 1s ease;transition-delay:1s;object-fit:cover}
.video-wrapper .aspect{opacity:0;visibility:hidden}
.video-wrapper.played iframe{opacity:1;pointer-events:none}

.banner{transition:transform .625s cubic-bezier(.7, 0, .3, 1);position:fixed;top:0;left:0;width:100%;height:35px;background-color:var(--primary-color);z-index:3;display:flex;align-items:center}
.banner p{position:absolute;width:100%;text-align:center;text-transform:uppercase}
.banner .btn-banner-close{position:absolute;right:25px;text-transform:uppercase;z-index:1}
.banner .btn-banner-close:hover{color:#000;text-decoration:underline;text-underline-offset:2px}
body.banner-closed .banner{transform:translateY(-100%)}

header.master{position:fixed;padding:0 25px;top:0;left:0;width:100%;height:73px;z-index:3;display:flex;justify-content:space-between;align-items:center}
body.banner-visible header.master{top:var(--banner-height,35px)}
header.master{transition:top .625s cubic-bezier(.7, 0, .3, 1)}
header.master .logotype{width:264px}
header.master nav{position:absolute;left:calc(var(--column-width)*4 + var(--column-gap)*4 + var(--page-padding));display:flex;column-gap:var(--column-gap)}
header.master nav a{text-transform:uppercase}
header.master .account{display:flex;column-gap:var(--column-gap);margin-left:auto}
header.master .account a{text-transform:uppercase}
header.master .btn-swipe{display:none;text-transform:uppercase}
header.master nav a.active, header.master .account a.active{color:var(--primary-color)}
body.header-transparent header.master a.active{color:var(--primary-color)}
.swipe nav a.active{color:var(--primary-color)}
body.header-transparent header.master{background-color:transparent;color:#FFF}
body.header-transparent header.master a{color:#FFF}
body.header-transparent header.master a:hover{color:var(--primary-color)}

.page-construction{background-color:var(--primary-color)}
.page-construction main, .page-error main{display:flex;align-items:center;padding:0 25px}

.swipe{width:100vw;height:100dvh;position:fixed;top:0;left:0;z-index:4;visibility:hidden;pointer-events:none;background-color:#00000000;transition:visibility 0s 1.25s, background-color 1.25s ease 0s}
.swipe nav{position:relative;background:#FFF;max-height:100dvh;overflow:auto;padding:25px;transform:translateY(calc(-100% - 50px));transition:transform 1.25s cubic-bezier(.7, 0, .3, 1)}
.swipe nav ul{margin-top:60px}
.swipe nav li{margin-bottom:18px}
.swipe nav li.swipe-divider{border-top:1px solid #000;margin:25px 0 43px}
.swipe nav .logotype{width:220px}
.swipe nav .logotype img{display:block}
.swipe nav li:last-child{margin-bottom:0}
.swipe nav a{text-transform:uppercase}
.swipe-opened .swipe{visibility:visible;pointer-events:all;background-color:#00000066;transition-delay:0s}
.swipe-opened .swipe nav{transform:translateY(0)}

.modal{width:100vw;height:100dvh;position:fixed;top:0;left:0;z-index:5;visibility:hidden;pointer-events:none;background-color:#00000000;transition:visibility 0s 1.25s, background-color 1.25s ease 0s}
.modal .content{position:absolute;top:0;right:0;width:calc(var(--column-width)*4 + var(--column-gap)*4 + var(--page-padding));max-width:100%;height:100dvh;background:#FFF;overflow:hidden;transform:translateX(calc(100% + 50px));transition:transform 1.25s cubic-bezier(.7, 0, .3, 1)}
.modal .content .scroll{height:100%;overflow:auto;padding:91px 25px 100px}
.modal .content .modal-header{position:absolute;top:0;left:0;width:100%;background:#FFF;z-index:2;display:flex;justify-content:space-between;padding:28px 25px 29px;text-transform:uppercase}
.modal .content .modal-footer{position:absolute;bottom:0;left:0;width:100%;background:#FFF;z-index:2;display:flex;justify-content:space-between;padding:21px 25px 22px;text-transform:uppercase}
body.modal-opened{overflow:hidden}
.modal-opened[modal-opened="cart-modal"] .modal.cart-modal{visibility:visible;pointer-events:all;background-color:#00000066;transition-delay:0s}
.modal-opened[modal-opened="cart-modal"] .modal.cart-modal .content{transform:translateX(0)}
.modal-opened[modal-opened="picker-modal"] .modal.picker-modal{visibility:visible;pointer-events:all;background-color:#00000066;transition-delay:0s}
.modal-opened[modal-opened="picker-modal"] .modal.picker-modal .content{transform:translateX(0)}
.modal-opened[modal-opened="address-modal"] .modal.address-modal{visibility:visible;pointer-events:all;background-color:#00000066;transition-delay:0s}
.modal-opened[modal-opened="address-modal"] .modal.address-modal .content{transform:translateX(0)}
.modal-opened[modal-opened="customer-modal"] .modal.customer-modal{visibility:visible;pointer-events:all;background-color:#00000066;transition-delay:0s}
.modal-opened[modal-opened="customer-modal"] .modal.customer-modal .content{transform:translateX(0)}
.modal-opened[modal-opened="filters-modal"] .modal.filters-modal{visibility:visible;pointer-events:all;background-color:#00000066;transition-delay:0s}
.modal-opened[modal-opened="filters-modal"] .modal.filters-modal .content{transform:translateX(0)}
.modal-opened[modal-opened="account-modal"] .modal.account-modal{visibility:visible;pointer-events:all;background-color:#00000066;transition-delay:0s}
.modal-opened[modal-opened="account-modal"] .modal.account-modal .content{transform:translateX(0)}
.modal-opened[modal-opened="features-modal"] .modal.features-modal{visibility:visible;pointer-events:all;background-color:#00000066;transition-delay:0s}
.modal-opened[modal-opened="features-modal"] .modal.features-modal .content{transform:translateX(0)}

.notification{position:fixed;left:25px;bottom:25px;width:329px;min-height:73px;row-gap:11px;background-color:var(--primary-color);z-index:6;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:15px;text-transform:uppercase;opacity:0;visibility:hidden;transition:opacity .3s ease-out, visibility 0s .3s}
.notification.visible{opacity:1;visibility:visible;transition:opacity .3s ease-out, visibility 0s}
.notification a{cursor:pointer}
.notification a:hover{color:#000;text-decoration:underline;text-underline-offset:2px}

.master-wrapper{width:100%;position:relative}

main{width:100%;position:relative;min-height:100dvh}

.sections-wrapper{position:relative;z-index:1;background:#FFF}

section{padding:0 25px}
section.no-padding{padding-left:0;padding-right:0}

.hero{position:sticky;top:0;height:100dvh;overflow:hidden}
.hero .slider, .hero .slide{height:100dvh}
.hero .slide .lazy-img-wrapper{width:100%;height:100dvh}
.hero .slide-meta{position:absolute;left:25px;right:25px;bottom:46px;z-index:2;color:#FFF;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 1.25s cubic-bezier(.7, 0, .3, 1), visibility 0s 1.25s}
.hero .slide-meta.active{opacity:1;visibility:visible;transition:opacity 1.25s cubic-bezier(.7, 0, .3, 1), visibility 0s}
.hero .slide-meta .index{position:absolute;top:0;left:0}
.hero .slide-meta .title{position:absolute;top:0;left:calc(var(--column-width) + var(--column-gap));text-transform:uppercase}
.hero .slide-meta .text{margin-left:calc(var(--column-width)*4 + var(--column-gap)*4);width:calc(var(--column-width)*3 + var(--column-gap)*2)}
.hero .slider-nav{position:absolute;right:0;top:0;z-index:2;color:#FFF;display:flex;column-gap:25px;pointer-events:all}
.hero .slide-meta .slide-specs{margin-left:calc(var(--column-width)*4 + var(--column-gap)*4);width:calc(var(--column-width)*3 + var(--column-gap)*2)}
.hero .slide-meta .slide-specs li{display:flex;text-transform:uppercase}
.hero .slide-meta .slide-specs li span{width:calc(var(--column-width) + var(--column-gap));flex:none}
.hero .slide-meta .slide-specs li div{text-transform:none}
.hero .slider-nav a{cursor:pointer}

.products{grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:25px;row-gap:45px}
.products > *{grid-column-end:span 1}
.products li{position:relative}
.products li .card-info{margin-top:15px;position:relative;text-transform:uppercase;line-height:15px;transition:color .3s ease-out}
.products li .card-info > p:first-child{padding-right:20px;overflow-wrap:break-word}
.products li .card-info .price .old{color:#FF000050;text-decoration:line-through}
.products li .card-info.sale{color:#FF0000}
.products li .lazy-img-wrapper .hover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;z-index:2}
.products li:hover .lazy-img-wrapper .hover{opacity:1}
.products li:hover .card-info{color:var(--primary-color)}
.products li:hover .card-info.sale{color:#FF0000}
.creator-suggested li.hidden{display:none}
.products li .btn-fav{position:absolute;top:3px;right:0;width:8px;height:10px;z-index:1;cursor:pointer}
.products li .btn-fav img{height:100%}
.btn-fav{position:relative}
.btn-fav .active{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease-out}
.btn-fav.faved .active, .btn-fav:hover .active{opacity:1}

.filters{position:relative;color:#000;line-height:15px}
.filters .filter-title{text-transform:uppercase}
.filters li a.active{color:var(--primary-color)}
.filters .search input{border-bottom:1px solid #000;padding-bottom:6px;font-size:13px;text-transform:uppercase}
.filters-mobile{display:none;text-transform:uppercase}
.filters-mobile .search{position:relative;flex:1}
.filters-mobile .search input{border-bottom:1px solid #000;padding-bottom:6px;font-size:13px;text-transform:uppercase}
.filters-modal .filters-group{display:none;text-transform:uppercase}
.filters-modal[data-filters="filtrar"] .filters-group[data-filters="filtrar"]{display:block}
.filters-modal[data-filters="ordenar"] .filters-group[data-filters="ordenar"]{display:block}
.filters-modal .filters-group li a.active{color:var(--primary-color)}
.account-modal .account-group{display:none}
.account-modal[data-account="login"] .account-group[data-account="login"],
.account-modal[data-account="recuperar"] .account-group[data-account="recuperar"],
.account-modal[data-account="registro"] .account-group[data-account="registro"]{display:block;height:100%}
.account-modal .form-field .btn-account-state{display:block;width:fit-content;margin-top:16px}
.account-modal .modal-footer input[type="submit"]{font-family:'vp';font-size:13px}

.page-product main{padding-top:73px!important}
.page-product .gallery{padding-top:85px}
.page-product .product-info{position:sticky;top:73px;background:#FFF;padding-top:85px;min-height:calc(100dvh - 73px);display:flex;flex-direction:column}
.page-product .product-title-mobile{display:none}
.page-product .product-title .btn-fav, .page-product .product-title-mobile .btn-fav{margin-top:3.5px}
.page-product .product-grid > .c-2{margin-bottom:-25px}
.page-product .gallery li{grid-column-end:span 4;margin-bottom:21px}
.page-product .gallery li:nth-last-child(-n+2){margin-bottom:0}
.page-product .gallery li .gallery-index{margin-top:15px;text-transform:uppercase}
.page-product .gallery-counter{display:none}
.product-info .info-rows{width:100%}
.product-info .info-rows li{display:flex}
.product-info .info-rows li span:first-child{width:119px;flex:none;text-transform:uppercase}
.product-info .divider{border-top:1px solid #000;margin:21px 0}
.product-info .product-colors a{display:flex;align-items:center;column-gap:10px;text-transform:uppercase}
.product-info .product-colors a.active{pointer-events:none}
.product-info .product-summary + .info-rows{margin-top:18px}
.product-info .btn-features{margin-top:18px}
.swatch{width:11px;height:11px;border-radius:50%;flex:none}
.rich-text li[data-list="bullet"]::before{content:"▶ "}
.features-modal .content .scroll{padding-top:112px}
.features-modal .info-rows > li{display:flex}
.features-modal .info-rows > li + li{margin-top:43px}
.features-modal .info-rows > li > span{width:calc(var(--column-width) + var(--column-gap));min-width:119px;padding-right:20px;flex:none;text-transform:uppercase;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.product-info .product-bottom{margin-top:auto;padding-bottom:25px}
.product-info .product-bottom .product-actions{margin-top:75px}
.product-info .product-actions{display:flex;justify-content:space-between;text-transform:uppercase}

.page-create main{padding-top:169px!important}
.creator .creator-left{display:flex;flex-direction:column;row-gap:50px}
.creator .creator-slots{display:grid;grid-template-columns:repeat(4, 1fr)}
.creator .creator-slots .slot-tile{width:100%;aspect-ratio:4/5;background:var(--grey-color);position:relative;overflow:hidden;margin-top:11px}
.creator .creator-slots .slot-tile img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.creator .creator-slots li{display:flex;flex-direction:column}
.creator .creator-slots .slot-label{position:relative;margin-top:auto}
.picker-modal .modal-header .btn-picker-remove{margin-left:auto;margin-right:25px}
.creator .creator-slots .btn-picker{margin-top:12px;text-transform:uppercase;text-decoration:underline;text-underline-offset:2px;width:fit-content}
.creator .creator-preview{position:relative;background:#EFEFEF;width:100%;height:calc(100dvh - 217px);overflow:hidden}
.creator .creator-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}
.creator .creator-total{display:flex;justify-content:space-between;margin-top:12px;text-transform:uppercase}

.picker-tiles{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-gap:18px 25px}
.picker-tiles li{cursor:pointer}
.picker-tiles li .picker-tile{width:100%;aspect-ratio:4/5;background:var(--grey-color);position:relative;overflow:hidden}
.picker-tiles li .picker-tile img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.picker-tiles li .picker-info{margin-top:12px;text-transform:uppercase;transition:color .3s ease-out}
.picker-tiles li:hover .picker-info{color:var(--primary-color)}
.picker-filters{display:flex;column-gap:25px;margin-bottom:43px}
.picker-filters a{min-width:0}
.picker-filters a[data-material='0']{flex-shrink:0}
.picker-filters a.active{color:var(--primary-color)}

.cart-items{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:43px 25px}
.cart-items li{position:relative}
.cart-items li .cart-img{width:100%;aspect-ratio:4/5;background:var(--grey-color);position:relative;overflow:hidden}
.cart-items li .cart-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.cart-items li .cart-info{margin-top:15px;text-transform:uppercase;display:flex;column-gap:17px;padding-right:20px;position:relative}
.cart-items li .cart-actions{margin-top:18px;display:flex;column-gap:25px;text-transform:uppercase}
.cart-items li .cart-actions a{text-decoration:underline;text-underline-offset:2px}
.cart-items li .btn-fav{position:absolute;top:3.5px;right:0;width:8px;height:10px;cursor:pointer}
.cart-bar{position:fixed;left:0;bottom:0;width:100%;height:59px;background:#FFF;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 25px;text-transform:uppercase}

.checkout-steps li a.active, .checkout-steps li span.active{color:var(--primary-color)}
.checkout-steps li{text-transform:uppercase}
.checkout-items{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-gap:43px 25px}
.checkout-items li{position:relative}
.checkout-items li .checkout-img{width:100%;aspect-ratio:4/5;background:var(--grey-color);position:relative;overflow:hidden}
.checkout-items li .checkout-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.checkout-items li .checkout-info{margin-top:12px;text-transform:uppercase}
.checkout-items li .checkout-actions{margin-top:18px;display:flex;justify-content:space-between;text-transform:uppercase}
.checkout-items li .checkout-actions .borrar{text-decoration:underline;text-underline-offset:2px}
.checkout-items li .checkout-actions .stepper{display:flex;column-gap:8.5px}
.checkout-items li .checkout-actions .stepper a{cursor:pointer}
.checkout-totals{text-transform:uppercase}
.checkout-totals .totals-row{display:flex;justify-content:space-between}
.checkout-divider{border-top:1px solid #000;margin-top:22px;margin-bottom:25px}
.promo{display:flex;column-gap:25px;align-items:flex-end}
.promo input[type="text"]{width:223px;border-bottom:1px solid #000;padding-bottom:10px;text-transform:uppercase}

.form-field label{text-transform:uppercase;display:block;margin-bottom:16px}
.page-checkout form.row-gap-50{row-gap:45px!important}
.page-checkout .promo{margin-top:93px!important}
.form-field{position:relative}
.form-field input{height:26px}
.form-field .select-wrapper{position:relative;border-bottom:1px solid #000}
.form-field .select-wrapper select{width:100%;height:25px;border:0;background:transparent;font-family:'vp';font-size:13px;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;padding-bottom:9px;cursor:pointer}
.form-field .select-wrapper .bullet{position:absolute;right:0;bottom:11px;pointer-events:none;width:14px}
.select-line{position:relative;border:1px solid #000;height:29px;display:flex;align-items:center;padding:0 10px}
.checkout-address .select-line{width:329px}
.select-line select{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none}
.select-line .bullet{margin-left:auto;width:14px}
.checkbox-line{display:flex;align-items:center;column-gap:8px;cursor:pointer;text-transform:uppercase;position:relative}
.checkbox-line input[type="checkbox"]{display:block;position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.checkbox-line .box{width:13px;height:13px;border:1px solid #000;flex:none}
.checkbox-line input:focus-visible ~ .box{outline:1px solid #000;outline-offset:2px}
.checkbox-line input:checked ~ .box{background-color:#000}
.address-modal .checkbox-line .box{width:11px;height:11px;border-radius:50%}

.account-tabs li{text-transform:uppercase}
.account-tabs li a.active{color:var(--primary-color)}
.page-account main > section > .c-4 .grid{grid-template-columns:repeat(4, minmax(0, 1fr))}
.account-block{border-bottom:1px solid #000;padding-bottom:30px}
.account-head{display:flex;justify-content:space-between;align-items:baseline;text-transform:uppercase;margin-bottom:16px}
.account-addresses{margin-top:21px}
.account-block .grid p:first-child{white-space:nowrap}
.account-rows{text-transform:uppercase;margin-top:43px}
.account-rows .account-row{margin-bottom:16px}
.account-rows .account-row:last-child{margin-bottom:0}
.orders .order{border-bottom:1px solid #000;padding-bottom:45px;margin-bottom:46px}
.orders .checkout-items{margin-top:46px}
.orders .order .order-head{text-transform:uppercase}

.page-cart .cart-items{grid-template-columns:repeat(4, minmax(0, 1fr))}
.page-cart main{padding-bottom:209px!important}
.page-vorta main{position:sticky;top:0}
.page-vorta .sections-wrapper{background:#000;color:#FFF;position:relative;z-index:1}
.page-vorta .vorta-index{position:sticky;top:98px;height:fit-content}
.page-vorta .vorta-index li a{text-transform:uppercase;display:flex;white-space:nowrap}
.page-vorta .vorta-index li a span{flex:0 0 calc(50% + 12.5px)}
.page-vorta .vorta-index li a.active{color:var(--primary-color)}
.page-vorta .vorta-content .vorta-section{margin-top:200px}
.page-vorta .vorta-content .vorta-section:first-child{margin-top:0}
.page-vorta .vorta-content .vorta-section.sub{margin-top:100px}
.page-vorta .vorta-content .vorta-section h2{text-transform:uppercase;margin-bottom:16px}
.page-vorta .vorta-content .vorta-section.sub h2{text-transform:none}
.page-vorta .vorta-content .vorta-section .text p{margin-bottom:16px}
.page-vorta .vorta-content .vorta-section .text p:last-child{margin-bottom:0}
.page-vorta .vorta-content .vorta-section .section-img{margin-top:50px}
.page-vorta .vorta-content .vorta-section .section-img .img-index{margin-top:15px;text-transform:uppercase}
.page-vorta .hero-caption{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);text-align:center;color:#FFF;z-index:1;font-size:20px;line-height:24px}

.help-text p{margin-bottom:16px}
.help-text p:last-child{margin-bottom:0}

footer.master{background:#FFF;padding:25px 25px 25px;position:relative;z-index:2}
footer.master .top{padding:0;min-height:200px}
footer.master .footer-title{text-transform:uppercase;margin-bottom:16px}
footer.master .bottom{padding:0;margin-top:73px}
footer.master a{width:fit-content}
footer.master .newsletter{position:relative}
footer.master .newsletter input[type="email"]{border-bottom:1px solid #000;padding-bottom:5px;height:22px;width:328px;max-width:100%}
footer.master .newsletter .footer-title{margin-bottom:9px}
footer.master .newsletter .btn{border-width:1px}
footer.master .newsletter .btn{text-transform:uppercase}
.page-vorta footer.master{background:#000;color:#FFF}
.page-vorta footer.master input[type="email"]{border-color:#FFF;color:#FFF}
.page-vorta footer.master input::placeholder{color:#FFFFFF50}
.page-vorta footer.master .btn{border-color:#FFF}


@media screen and (min-width: 1920px){
    :root{--column-width:calc((1920px - 25px*2 - 25px*7)/8);--page-padding:calc((100vw - 1920px)/2 + 25px)}

    section, .grid, header.master{padding-left:var(--page-padding);padding-right:var(--page-padding)}
    footer.master{padding-left:var(--page-padding);padding-right:var(--page-padding)}
    .hero .slide-meta{left:var(--page-padding);right:var(--page-padding)}
    .banner .btn-banner-close{right:var(--page-padding)}
    .notification{left:var(--page-padding)}
    .cart-bar{padding:0 var(--page-padding)}
    .modal .content{width:calc(var(--column-width)*4 + var(--column-gap)*4 + 25px)}
}

@media screen and (max-width: 1140px){
    .products{grid-template-columns:repeat(3, minmax(0, 1fr))}
    .checkout-items{grid-template-columns:repeat(3, minmax(0, 1fr))}
}

@media screen and (max-width: 1024px){
    :root{--column-width:calc((100vw - 20px*2 - 20px*7)/8);--column-gap:20px;--page-padding:20px}

    .sides-padding{padding-left:20px!important;padding-right:20px!important}
    .padding-top-100{padding-top:80px!important}
    .padding-top-117{padding-top:97px!important}
    .padding-top-150{padding-top:120px!important}
    .padding-bottom-100{padding-bottom:60px!important}
    .padding-bottom-150{padding-bottom:120px!important}
    .padding-bottom-300{padding-bottom:240px!important}

    .grid{padding:0 20px;grid-gap:20px}
    section{padding:0 20px}

    header.master{padding:0 20px}
    .page-construction main, .page-error main{padding:0 20px}
    .banner .btn-banner-close{right:20px}
    .swipe nav{padding:15px 20px 26px}
    .swipe nav ul{margin-top:80px}
    .swipe nav li.swipe-divider{margin:3px 0 21px}
    .modal .content .scroll{padding:91px 20px 100px}
    .modal .content .modal-header{padding:28px 20px 29px}
    .modal .content .modal-footer{padding:21px 20px 22px}
    .features-modal .content .scroll{padding-top:112px}

    .hero .slide-meta{left:20px;right:20px}
    .hero .slider-nav{right:20px}

    .products{column-gap:20px;row-gap:40px}
    footer.master{padding:20px}
}

@media screen and (max-width: 800px){
    .banner{height:auto;min-height:35px;padding:9.5px 20px}
    .banner p{position:static;text-align:left;padding-right:calc(6ch + 15px)}
    .banner .btn-banner-close{top:9.5px}

    header.master{height:66px}
    header.master .logotype{width:220px}
    header.master nav{display:none}
    header.master .account .cuenta{display:none}
    header.master .account .btn-cart .cart-label{display:none}
    header.master .btn-swipe{display:block;margin-left:20px}

    .hero .slide-meta{bottom:40px}
    .hero .slide-meta .title{position:absolute;top:0;left:96px}
    .hero .slide-meta .text{margin-left:0;width:100%;margin-top:33px}
    .hero .slide-meta .slide-specs{margin-left:0;width:100%;margin-top:33px}
    .hero .slider-nav{display:none}

    .products{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .checkout-items{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .picker-tiles{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .cart-items{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .cart-items li .cart-info{display:block}
    .page-cart .cart-items{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .cart-bar{height:49px;padding:0 20px}
    .notification{left:20px;bottom:20px;width:calc(100% - 40px)}
    .picker-filters{justify-content:space-between;column-gap:15px}

    .page-product main{padding-top:103px!important}
    .page-product .product-grid{row-gap:0}
    .page-product .product-grid > .c-2{margin-bottom:0}
    .page-product .gallery{padding-top:0}
    .page-product .product-title-mobile{display:flex;justify-content:space-between;position:relative;text-transform:uppercase;margin-bottom:36px}
    .page-product .product-info{position:relative;top:0;padding-top:33px;padding-bottom:74px;height:auto;min-height:0;display:block}
    .page-product .product-info .product-title + *{margin-top:0!important}
    .page-product .product-info .product-title{display:none}
    .page-product .product-info .product-bottom{margin-top:60px;padding-bottom:0}
    .features-modal .info-rows > li > span{width:119px}
    .page-product .product-info .product-bottom .product-actions{margin-top:50px}
    .page-product .product-actions{position:fixed;left:0;bottom:0;width:100%;height:49px;background:#FFF;padding:0 20px;align-items:center;z-index:3;margin-top:0!important}
    .page-product .gallery li{margin-bottom:0}
    .page-product .crea-vorta{padding-top:115px!important}
    .page-product .gallery.slick-initialized{display:block}
    .page-product .gallery li .gallery-index{display:none}
    .page-product .gallery-counter{display:block;margin-top:12px;text-transform:uppercase}

    .creator .creator-slots{column-gap:20px!important;grid-template-columns:repeat(3, 1fr)}
    .page-create main{padding-top:101px!important;padding-bottom:120px!important}
    .creator .creator-left{row-gap:67px}
    .modal .content{width:100%}
    .creator .creator-preview{margin-top:16px;height:auto;aspect-ratio:4/5}
    .creator .creator-slots .slot-label .zero{display:none}

    .grid .c-1{grid-column-end:span 8}
    .grid .c-1  > *{grid-column-end:span 8}
    .grid .c-2{grid-column-end:span 8}
    .grid .c-2  > *{grid-column-end:span 8}
    .grid .c-3{grid-column-end:span 8}
    .grid .c-3  > *{grid-column-end:span 8}
    .grid .c-4{grid-column-end:span 8}
    .grid .c-4  > *{grid-column-end:span 8}
    .grid .c-5{grid-column-end:span 8}
    .grid .c-5 > *{grid-column-end:span 8}
    .grid .c-6{grid-column-end:span 8}
    .grid .c-6 > *{grid-column-end:span 8}
    .grid .c-7{grid-column-end:span 8}
    .grid .c-7 > *{grid-column-end:span 8}

    .grid .p-1{grid-column-start:1}
    .grid .p-2{grid-column-start:1}
    .grid .p-3{grid-column-start:1}
    .grid .p-4{grid-column-start:1}
    .grid .p-5{grid-column-start:1}
    .grid .p-6{grid-column-start:1}
    .grid .p-7{grid-column-start:1}

    .filters{margin-bottom:50px!important}
    .filters > ul, .filters > .search{display:none}
    .filters-mobile{display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));column-gap:20px;row-gap:25px;align-items:start}
    .filters-mobile .btn-modal{grid-column-end:span 4}
    .filters-mobile .search{grid-column-end:span 8}
    .filters-mobile .search input{padding-bottom:7px;height:23px}

    .page-checkout .checkout-steps{grid-column:5/span 4}
    .page-checkout .form-field.c-2{grid-column-end:span 4}
    .checkout-address .select-line{width:calc(50% - 10px)}
    .promo input[type="text"]{width:auto;flex:1}

    .account-tabs{margin-bottom:60px}
    .orders .order{padding-bottom:40px;margin-bottom:40px}
    .orders .order .grid .c-1, .orders .order .grid .c-2, .orders .order .grid .c-4{grid-column-end:span 4}
    .orders .order .grid .p-3{grid-column-start:5}
    .orders .order .margin-top-50{margin-top:40px!important}

    .slick-prev, .slick-next{display:none!important}

    .page-vorta .vorta-index{display:none}
    .page-vorta .sections-wrapper section{padding-top:120px!important;padding-bottom:120px!important}
    .page-vorta .vorta-content .vorta-section{margin-top:120px}
    .page-vorta .vorta-content .vorta-section.sub{margin-top:80px}
    .page-vorta .vorta-content .vorta-section .section-img{margin-top:40px}

    footer.master .newsletter .display-flex{flex-direction:column;align-items:flex-start;row-gap:20px}
    footer.master .newsletter input[type="email"]{width:100%}
    footer.master .newsletter .footer-title{margin-bottom:16px}
    footer.master .top{row-gap:44px}
    footer.master .bottom{margin-top:80px;row-gap:0}
    footer.master .bottom a[href*="estudioanimal"]{order:3}
    footer.master .bottom a[href*="terminos"]{order:4;margin-top:16px}
}

@media screen and (max-width: 460px){
    .products{grid-template-columns:repeat(2, minmax(0, 1fr))}
    .checkout-items{grid-template-columns:repeat(2, minmax(0, 1fr))}
}