@media only screen and (max-width:100em){#pinturas-tipos .swiper-slide img{width:100%;max-width:19em}}@media only screen and (max-width:80em){.header__inwrap,#trending-colors .inwrap,#pinturas-tipos .inwrap,#sucursales .inwrap,#banner-descuento .inwrap,#color-mix .inwrap,#colorsnap .inwrap,#blog .inwrap,#main-footer .inwrap{width:95%;padding-left:1em;padding-right:1em}.header__nav li{font-size:.9em}.header__nav li + li{margin-left:1em}.header__social{padding-left:1em;margin-left:1em}.header__social span{font-size:.675em}}@media only screen and (max-width:64em){.header__inwrap{padding:1.5em 1em;gap:1em}.header__social{display:none}.header__nav ul{display:none}#hero-banner .swiper-slide .info h2{font-size:2.5em}#hero-banner .swiper-slide .info p{font-size:1em}#trending-colors .details{flex-direction:column}#trending-colors .details .title{max-width:100%}#pinturas-tipos .selector{flex-wrap:wrap;justify-content:center}#pinturas-tipos .selector button{padding:.75em 1.5em}#sucursales .cols{flex-direction:column;gap:2em}#sucursales .left,#sucursales .right{flex:1 1 100%}#sucursales .navigation{order:-1;margin-bottom:2em}#color-mix .left-bg,#color-mix .right-bg{opacity:.5!important}#colorsnap .inwrap{flex-direction:column}#colorsnap .mockup{width:100%;max-width:40em}#colorsnap .info{text-align:center;align-items:center}#blog .cols{flex-direction:column;gap:2em}#product-detail .ctas .cta-btn{font-size:.7em}#products-catalogue .products-list .box .info h4{font-size:.8em}.banner-discount .info h4{font-size:1.2em}}@media only screen and (max-width:48em){.header__inwrap{flex-wrap:wrap;justify-content:space-between}.header__nav{margin-left:auto;justify-content:space-between}.header__nav li + li{margin-left:0}#hero-banner{padding:0}#hero-banner .swiper-slide .inwrap{flex-direction:column}#hero-banner .swiper-slide .info{text-align:center;margin-bottom:2em}#hero-banner .swiper-slide .info h2{margin:.5em auto;font-size:1.8em}#hero-banner .swiper-slide .image{order:-1}#hero-banner .swiper-slide .image img{max-width:10em}#hero-banner .logos{justify-content:center}#trending-colors .inwrap{padding:3em 0 8em}#trending-colors .main-title h2{font-size:1.75em}#trending-colors .main-title p{font-size:2.75em}#trending-colors .swiper-slide{height:22em}#pinturas-tipos .swiper-slide .info h4{font-size:2.5em}#sucursales .tiendas li{width:48%}#banner-descuento .banner{padding:3em 2em}#banner-descuento .banner form{flex-direction:column;align-items:stretch}#banner-descuento .banner .input-field{border-radius:.25em;margin-bottom:1em}#banner-descuento .banner .send-discount-form{border-radius:.25em;justify-content:center}#color-mix{padding:8em 0}#blog .posts-list article a{width:100%}#blog .featured .image{height:15em}#blog .featured .info h2{font-size:1.75em}#blog .posts-list article{flex-direction:column;align-items:flex-start}#blog .posts-list .image{width:100%;height:10em;margin-bottom:1em}#products-catalogue .inwrap{flex-direction:column}#products-catalogue aside{width:100%}#products-catalogue .products-list .box{width:48%}#products-list-hero .inwrap{padding:3em 0;flex-direction:column}#products-list-hero .info{width:90%;transform:translateX(0);text-align:center}#products-list-hero .info h1{font-size:2.1em}#products-list-hero .info p{font-size:.9em}#products-list-hero .slider-container{width:100%}#products-list-hero .color-info{padding-left:2em}#products-top-nav .selector button{padding:.75em 1.5em;font-size:.9em}#hero-banner .swiper-pagination{bottom:1.5em}#product-detail .ctas{text-align:left}#product-detail .info{padding-top:0}#page-hero{padding:1em 0 4em}#page-hero .info h2{font-size:2em}}@media only screen and (max-width:40em){.header__nav{flex-direction:column;align-items:center}.header__cta{margin-left:0}#hero-banner .swiper-button-prev{left:0;width:1em}#hero-banner .swiper-button-prev::after{font-size:1.25em}#hero-banner .swiper-button-next{right:0;width:1em}#hero-banner .swiper-button-next::after{font-size:1.25em}#trending-colors .main-title{margin-bottom:1em;margin-top:3em}#trending-colors .main-title p{font-size:2.5em}#trending-colors .main-title .sublabel{font-size:1.5em}#trending-colors .main-title .color-name{font-size:2.4em;font-weight:100}#pinturas-tipos .selector{width:100%}#pinturas-tipos .selector button{padding:.75em 1em;font-size:.75em}#sucursales .main-title h3{font-size:2.5em}#sucursales .tiendas li{width:100%}#color-mix h3{font-size:1.5em}#colorsnap .info h3{font-size:2em}#colorsnap .buttons{flex-direction:column}#products-top-nav .selector{display:none}#products-top-nav .selector-select{display:block}#sucursales .zonas{flex-direction:column;gap:.5em}}@media only screen and (max-width:30em){.header__logo img{max-width:8em}#main-header .header__cta{display:none}#hero-banner .swiper-slide .info h2{font-size:2em}#hero-banner .swiper-slide .info p{font-size:.875em}#hero-banner .cta-btn{font-size:1em}#trending-colors .main-title h2{font-size:1.5em}#trending-colors .main-title p{font-size:2em}#trending-colors .details .title h3{font-size:1.5em}#pinturas-tipos h3{font-size:1.25em}#pinturas-tipos .swiper-slide .info h4{font-size:2em}#pinturas-tipos .swiper-slide .info p{font-size:.875em}#banner-descuento .banner .info h4{font-size:1.5em}#color-mix{padding:6em 0}#color-mix h3 span:nth-child(2),#color-mix h3 span:nth-child(3){width:auto}#blog .main-title h3{font-size:2em}#blog .featured .info h2{font-size:1.5em}#main-footer .menu{width:100%}#products-catalogue .inwrap{flex-direction:column}#products-catalogue aside{width:100%}#products-catalogue .products-list .box{flex:1 1 100%}.banner-discount .info form{flex-direction:column}.banner-discount::before{height:44%}.banner-discount .info form{border-radius:1em}.banner-discount .info .input-field input[type="email"]{text-align:center}.banner-discount .info .send-discount-form{justify-content:center}#pinturas-tipos .selector-select{display:block}#pinturas-tipos .selector{display:none}#page-hero .info h2{font-size:1.3em}}@media only screen and (max-width:20em){.header__inwrap{padding:1em .5em}.header__logo img{max-width:8em}#hero-banner .swiper-slide .info h2{font-size:1.75em}#trending-colors .main-title p{font-size:1.75em}#pinturas-tipos .selector{flex-direction:column;gap:.5em}#banner-descuento .banner{padding:2em 1em}#colorsnap .info h3{font-size:1.75em}}