@charset "UTF-8";html{scroll-behavior:smooth}body.activo{overflow-y:hidden}.white{color:#fff}.middle-middle{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:100%;z-index:102;opacity:1;transition:all ease .4s}.align-middle{position:relative;top:0;left:0;transform:none;width:100%}@media (min-width: 768px){.align-middle{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:100%;padding:50px}}#fair-trade #shopify-section-header{position:relative}#fairtrade{margin-top:0;padding-bottom:0;overflow:hidden}@media (min-width: 768px){#fairtrade{padding-bottom:70px}}#fairtrade .row>div{margin-left:auto;margin-right:auto}#fairtrade h1,#fairtrade .h1{font-size:52px;line-height:52px;letter-spacing:-2px}@media (min-width: 768px){#fairtrade h1,#fairtrade .h1{font-size:72px;line-height:74px}}#fairtrade p{font-size:18px;line-height:24px}@media (min-width: 768px){#fairtrade p{font-size:20px;line-height:32px}}#fairtrade p.small{font-size:16px}@media (min-width: 768px){#fairtrade p.small{font-size:18px}}#fairtrade .btn{font-size:16px;line-height:18px;border-radius:40px;text-align:center;text-decoration:none;padding:16px 40px;display:inline-block;-webkit-font-smoothing:antialiased;background:#000;color:#fff;font-weight:400;text-transform:none;letter-spacing:.5px;font-weight:600;margin:auto;width:100%}@media (min-width: 768px){#fairtrade .btn{width:auto}}#fairtrade .btn.white{background:#fff;color:#000}#fairtrade .container{max-width:90%}#fairtrade .imgover:after{content:"";width:100%;height:100%;top:0;left:0;right:0;bottom:0;position:absolute;z-index:99;background:#0000004d;transition:all ease .4s}#fairtrade .imgover.activo:after{background:#0009}#fairtrade .middle-middle figure{width:3rem;height:3rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;background-color:#fff;border-radius:50%}#fairtrade .middle-middle figure svg{width:12px;margin-left:.4rem}@media (min-width: 768px){#fairtrade .middle-middle figure{width:4rem;height:4rem}#fairtrade .middle-middle figure svg{width:18px}}#fairtrade .creditos{position:absolute;z-index:100;bottom:2%;right:1%;display:flex;justify-content:center;align-items:center}#fairtrade .creditos div{display:inline-block}#fairtrade .creditos .buton{width:30px;height:30px;background:#fff;text-align:center;border-radius:50%;font-weight:600;margin-left:10px;cursor:pointer;line-height:26px;opacity:.7}#fairtrade .ncredito{color:#fff;opacity:0;visibility:hidden;transition:all ease .2s;font-size:24px;font-weight:600;line-height:48px;position:absolute;bottom:-10%;z-index:9999;left:1%;transition:all ease .4s}#fairtrade .ncredito.activo{opacity:1;visibility:visible;bottom:1%}#fairtrade figure{margin-bottom:0}#fairtrade span.break{line-height:0}@media (min-width: 768px){#fairtrade span.break{display:none}}#fairtrade .pt-cuatro{padding-top:4%}#fairtrade .pb-cuatro{padding-bottom:4%}#fairtrade .pl-cuatro{padding-left:4%}#fairtrade .pr-cuatro{padding-right:4%}#fairtrade .px-cuatro{padding-left:4%;padding-right:4%}#fairtrade .py-cuatro{padding-top:4%;padding-bottom:4%}#fairtrade .pt-seis{padding-top:6%}#fairtrade .pb-seis{padding-bottom:6%}#fairtrade .pl-seis{padding-left:6%}#fairtrade .pr-seis{padding-right:6%}#fairtrade .px-seis{padding-left:6%;padding-right:6%}#fairtrade .py-seis{padding-top:6%;padding-bottom:6%}#fairtrade .pt-ocho{padding-top:8%}#fairtrade .pb-ocho{padding-bottom:8%}#fairtrade .pl-ocho{padding-left:8%}#fairtrade .pr-ocho{padding-right:8%}#fairtrade .px-ocho{padding-left:8%;padding-right:8%}#fairtrade .py-ocho{padding-top:8%;padding-bottom:8%}#fairtrade .mt-cuatro{margin-top:4%}#fairtrade .mb-cuatro{margin-bottom:4%}#fairtrade .ml-cuatro{margin-left:4%}#fairtrade .mr-cuatro{margin-right:4%}#fairtrade .mx-cuatro{margin-left:4%;margin-right:4%}#fairtrade .my-cuatro{margin-top:4%;margin-bottom:4%}#fairtrade .mt-seis{margin-top:6%}#fairtrade .mb-seis{margin-bottom:6%}#fairtrade .ml-seis{margin-left:6%}#fairtrade .mr-seis{margin-right:6%}#fairtrade .mx-seis{margin-left:6%;margin-right:6%}#fairtrade .my-seis{margin-top:6%;margin-bottom:6%}#fairtrade .mt-ocho{margin-top:8%}#fairtrade .mb-ocho{margin-bottom:8%}#fairtrade .ml-ocho{margin-left:8%}#fairtrade .mr-ocho{margin-right:8%}#fairtrade .mx-ocho{margin-left:8%;margin-right:8%}#fairtrade .my-ocho{margin-top:8%;margin-bottom:8%}@media (max-width: 768px){#fairtrade .pmobile{padding-left:15px;padding-right:15px}}#fairtrade .owl-carousel .owl-stage{display:flex;margin:auto}#fairtrade .owl-carousel .owl-item{overflow:hidden;background:#fff}#fairtrade .owl-carousel .owl-nav div,#fairtrade .owl-carousel .owl-nav button{background:#fff;width:46px;height:46px;position:absolute;right:1%;z-index:999999;top:45%;text-align:center;line-height:30px;font-size:20px;font-weight:700;border-radius:50%;box-shadow:0 6px 8px #0003}@media (min-width: 768px){#fairtrade .owl-carousel .owl-nav div,#fairtrade .owl-carousel .owl-nav button{right:3%;width:50px;height:50px;line-height:50px;font-size:30px}}#fairtrade .owl-carousel .owl-nav div.owl-prev,#fairtrade .owl-carousel .owl-nav button.owl-prev{right:auto;left:1%}@media (min-width: 768px){#fairtrade .owl-carousel .owl-nav div.owl-prev,#fairtrade .owl-carousel .owl-nav button.owl-prev{left:3%}}#fairtrade .owl-carousel .owl-nav div.disabled,#fairtrade .owl-carousel .owl-nav button.disabled{opacity:0}#fairtrade .owl-carousel .owl-dots{text-align:center;margin-top:3%}#fairtrade .owl-carousel .owl-dots .owl-dot{border:1px solid black;width:10px;height:10px;border-radius:50%;margin:0 2%}#fairtrade .owl-carousel .owl-dots .owl-dot.active{background:#000}#fairtrade .banner-top-solapas .banner-video{overflow:hidden;height:auto}@media (min-width: 768px){#fairtrade .banner-top-solapas .banner-video{height:100vh}}#fairtrade .banner-top-solapas .banner-video video{width:auto;vertical-align:top;height:100%}@media (min-width: 768px){#fairtrade .banner-top-solapas .banner-video video{width:100%;height:auto}#fairtrade .banner-top-solapas .banner-video video source{width:100%}}#fairtrade .banner-top-solapas .banner-video figure{width:100%;height:100%}#fairtrade .banner-top-solapas .banner-video figure img{width:100%;height:100%;object-fit:cover;object-position:center}#fairtrade .banner-top-solapas .banner-video .middle-middle{width:90%}#fairtrade .banner-top-solapas .banner-video .middle-middle h1{font-size:32px;line-height:40px}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){#fairtrade .banner-top-solapas .banner-video .middle-middle h1{font-size:60px;line-height:60px}}@media (min-width: 1025px){#fairtrade .banner-top-solapas .banner-video .middle-middle h1{font-size:64px;line-height:70px}}#fairtrade .banner-top-solapas .banner-video .middle-middle.activo{top:75%;opacity:0}#fairtrade .banner-top-solapas .banner-video .middle-middle+a{position:absolute;bottom:5%;z-index:99999;width:20px;fill:#fff;height:20px;left:50%;margin-left:-10px;display:none}@media (min-width: 768px){#fairtrade .banner-top-solapas .banner-video .middle-middle+a{display:block}}#fairtrade .banner-top-solapas .banner-video .middle-middle+a #flechabajo{width:100%;height:100%;animation:fade_move_down 2s ease-in-out infinite}#fairtrade .banner-top-solapas .banner-video .middle-middle a svg{width:11px;margin-right:.5rem}#fairtrade .banner-top-solapas #arrowdown{position:absolute;bottom:6em;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);z-index:9999999;width:1rem}#fairtrade .banner-top-solapas #arrowdown a svg{fill:#fff;animation:fade_move_down 2s ease-in-out infinite}#fairtrade #hero{display:block;padding-top:60px;padding-bottom:120px}@media (min-width: 768px){#fairtrade #hero{text-align:center;padding-top:160px;padding-bottom:120px}}#fairtrade #hero h1{font-size:32px;line-height:1.25}@media (min-width: 768px){#fairtrade #hero h1{font-size:64px;letter-spacing:-.01em;line-height:1.125}}#fairtrade .contentxt .container{max-width:92%;padding-left:5%;padding-right:5%;margin-top:4%;margin-bottom:4%}@media (min-width: 768px){#fairtrade .contentxt .container{max-width:63%}}#fairtrade .contentxt .container h5{font-size:20px;letter-spacing:-.01em;line-height:32px;padding-bottom:20px}@media (min-width: 768px){#fairtrade .contentxt .container h5{font-size:24px}}#fairtrade .contentxt .container p{font-size:20px;line-height:1.8;margin-bottom:40px}@media (min-width: 768px){#fairtrade .contentxt .container p{font-size:24px}}#fairtrade .contentxt .container p a{text-decoration:underline}#fairtrade #progfairtrade{background:#f5f5f5;padding:20% 0}@media (min-width: 768px){#fairtrade #progfairtrade{padding:2% 0}}#fairtrade #progfairtrade .container{max-width:90%}@media (min-width: 768px){#fairtrade #progfairtrade .container{max-width:80%}}#fairtrade #progfairtrade .content-blob{width:100%;height:80vw;margin:auto;background:transparent;justify-content:center;align-items:center}@media only screen and (min-device-width: 768px) and (max-device-width: 1200px){#fairtrade #progfairtrade .content-blob{width:100%;height:40vw}}@media only screen and (min-device-width: 1200.1px){#fairtrade #progfairtrade .content-blob{width:500px;height:500px}}#fairtrade #progfairtrade .content-blob .txtblob{width:50%;z-index:999;text-align:center}@media (min-width: 768px){#fairtrade #progfairtrade .content-blob .txtblob{width:30%}}#fairtrade #progfairtrade .content-blob .txtblob p{color:#fff;font-weight:600}#fairtrade #progfairtrade .content-blob .txtblob p span{font-size:24px}#fairtrade #progfairtrade h2{font-size:32px;line-height:42px;margin-bottom:8%}@media (min-width: 768px){#fairtrade #progfairtrade h2{font-size:48px;line-height:60px}}#fairtrade #progfairtrade p{font-size:16px;line-height:24px}#fairtrade #pinContainer{width:100%;height:100vh;overflow:hidden;-webkit-perspective:1000;perspective:1000}#fairtrade #pinContainer .panel,#fairtrade #pinContainer .panelt{height:100%;width:100%;position:absolute;display:flex;justify-content:normal;align-items:center}#fairtrade #pinContainer .panel figure,#fairtrade #pinContainer .panelt figure{height:100%;width:100%;opacity:.5}#fairtrade #pinContainer .panel figure img,#fairtrade #pinContainer .panelt figure img{height:100%;width:100%;object-fit:cover}#fairtrade #pinContainer .panel figure.activo,#fairtrade #pinContainer .panelt figure.activo{opacity:.8}#fairtrade #pinContainer .panel{background:#000;overflow:hidden;height:100%}#fairtrade #pinContainer .panelt{opacity:0;transform:translateY(100%);transition:all ease .6s}#fairtrade #pinContainer .panelt .contenpanel{text-align:left;width:80%;margin:auto}@media (min-width: 768px){#fairtrade #pinContainer .panelt .contenpanel{width:45%;margin-left:5%}}#fairtrade #pinContainer .panelt .contenpanel .titp{font-size:16px;font-weight:600;line-height:20px;margin-bottom:0}#fairtrade #pinContainer .panelt .contenpanel h2{font-size:32px;line-height:40px}@media (min-width: 768px){#fairtrade #pinContainer .panelt .contenpanel h2{font-size:64px;line-height:72px}}#fairtrade #pinContainer .panelt .contenpanel figure{width:10px;display:inline-block}#fairtrade #pinContainer .panelt.activo{transform:translateY(80%)!important;opacity:0}#fairtrade #pinContainer .panelta{z-index:30}#fairtrade #pinContainer .bgvideos{position:relative;width:100%;height:100%}#fairtrade #pinContainer .bgvideos video{width:auto;opacity:.8}@media (min-width: 768px){#fairtrade #pinContainer .bgvideos video{width:100%;max-width:100%}}#fairtrade #pinContainer .txtvideos{position:absolute;z-index:99;width:100%;height:100%;top:0;left:0;font-size:50px}#fairtrade #pinContainer .btn{border-radius:30px;border:4px solid white;background:transparent;color:#fff}#fairtrade #garantias{background:#000;padding:6rem;margin-top:-1px}#fairtrade #garantias .container-fluid{margin:auto}@media (min-width: 768px){#fairtrade #garantias .row>div{margin-left:0;padding-right:40px}}#fairtrade #garantias h3{font-size:20px;line-height:30px;color:#fff}@media (min-width: 768px){#fairtrade #garantias h3{font-size:28px;line-height:34px}}#fairtrade #garantias p{font-size:16px;line-height:24px;color:#fff;padding-top:20px;padding-bottom:20px}#fairtrade #garantias a{color:#fff;text-decoration:underline}#fairtrade #garantias .box{margin-bottom:100px;text-align:center}@media (min-width: 768px){#fairtrade #garantias .box{text-align:left;margin-bottom:0}}#fairtrade #garantias .box .icon{width:60px;height:60px;margin:auto}@media (min-width: 768px){#fairtrade #garantias .box .icon{margin-left:0}}#fairtrade .progress__gutter{height:.6rem;position:absolute;background:#0006;z-index:9999;top:0;left:0;opacity:0}#fairtrade .progress__gutter.active{opacity:1}.hdr-video{position:absolute;width:100%;height:100%;z-index:2000;opacity:0;visibility:hidden;top:0}.hdr-video .vid-modal{position:fixed;z-index:1035;top:0;left:0;width:100%;height:100%;overflow-y:hidden}.hdr-video .vid-modal-overlay{width:100%;height:100vh;background:#000000e6;z-index:5}.hdr-video .vid-modal-container{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);width:75%;z-index:6;height:auto;padding-bottom:56.25%;overflow:hidden}.hdr-video .vid-modal-container iframe{position:absolute;top:0;left:0;width:100%;height:75%}.hdr-video .btn-reset{margin:0;padding:0;-webkit-appearance:none;appearance:none;background:none;border:none;outline:none;border-radius:0}.hdr-video .vid-modal-close{position:absolute;top:0;right:0;padding:40px;z-index:40;cursor:pointer}@media (min-width: 480px){.hdr-video .vid-modal-close{padding:30px 40px}}@media (min-width: 768px){.hdr-video .vid-modal-close{padding:40px 60px}}@media (min-width: 1200px){.hdr-video .vid-modal-close{padding:60px 80px}}.hdr-video .vid-modal-close-line{position:absolute;width:3px;height:30px;background:#fff}.hdr-video .vid-modal-close-line:first-of-type{transform:rotate(45deg)}.hdr-video .vid-modal-close-line:last-of-type{transform:rotate(-45deg)}@keyframes morph{0%{border-radius:50% 40% 40% 70%/60% 30% 60% 40%}25%{border-radius:60% 35% 50% 60%/50% 40% 50% 50%}50%{border-radius:70% 60% 80% 40%/35% 60%}75%{border-radius:40% 50% 60% 55%/40% 45% 45%}to{border-radius:50% 40% 40% 70%/60% 30% 60% 40%}}@keyframes morphtwo{0%{border-radius:50% 40% 40% 70%/60% 40%}50%{border-radius:40% 60% 70% 40%/50% 60% 40%}to{border-radius:50% 40% 40% 70%/60% 40%}}@keyframes morphtree{0%{border-radius:40% 60% 70% 40%/50% 60% 40%}50%{border-radius:50% 40% 40% 70%/60% 40%}to{border-radius:40% 60% 70% 40%/50% 60% 40%}}@keyframes fade_move_down{0%{transform:translateY(-.5rem);opacity:0}50%{opacity:1}to{transform:translateY(.5rem);opacity:0}}.embed-responsive-16by9:before{padding-top:initial}.embed-responsive{position:initial}
/*# sourceMappingURL=/cdn/shop/t/97/assets/fairtrade.scss.css.map */