/** Shopify CDN: Minification failed

Line 253:22 Unexpected "@page"

**/

#landing-shapeher-top{--typeHeaderPrimary: Montserrat;
    --typeHeaderFallback: sans-serif;
    --typeHeaderSize: 23px;
    --typeHeaderWeight: 700;
    --typeHeaderLineHeight: 0.9;
    --typeHeaderSpacing: 0.0em;

    --typeBasePrimary:"Open Sans";
    --typeBaseFallback:sans-serif;
    --typeBaseSize: 17px;
    --typeBaseWeight: 400;
    --typeBaseSpacing: 0.05em;
    --typeBaseLineHeight: 1.6;

    --typeCollectionTitle: 24px;

    --iconWeight: 2px;
    --iconLinecaps: miter;

    
      --buttonRadius: 3px;
    

    --colorGridOverlayOpacity: 0.1;}
#landing-shapeher-top{--typeBasePrimary: "Montserrat";--typeBaseFallback: sans-serif}
@media only screen and (min-width:769px){
#landing-shapeher-top{--grid-gutter:22px;--drawer-gutter:30px}}
@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes preloading{0%{transform-origin:0% 50%;transform:scaleX(0);opacity:0}40%{transform-origin:0% 50%;transform:scaleX(1);opacity:1}41%{transform-origin:100% 50%;transform:scaleX(1);opacity:1}to{transform-origin:100% 50%;transform:scaleX(0);opacity:1}}
@keyframes slideshowBars{0%{transform:translate(-100%)}to{transform:translate(0)}}
@keyframes grid-product__loading{0%{opacity:1}60%{opacity:0}to{opacity:1}}
@keyframes shine{to{left:-200%}}
@keyframes overlay-on{0%{opacity:0}to{opacity:.6}}
@keyframes overlay-off{0%{opacity:.6}to{opacity:0}}
@keyframes full-overlay-on{0%{opacity:0}to{opacity:1}}
@keyframes full-overlay-off{0%{opacity:1}to{opacity:0}}
@keyframes modal-open{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes modal-closing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}
@keyframes rise-up{0%{opacity:1;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}
@keyframes rise-up-out{0%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(-120%)}}
@keyframes fade-in{0%{opacity:0}to{opacity:1}}
@keyframes fade-out{0%{opacity:1}to{opacity:0}}
@keyframes zoom-fade{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}
@keyframes placeholder-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}
#landing-shapeher-top *,#landing-shapeher-top input{box-sizing:border-box}
#landing-shapeher-top,#landing-shapeher-top{padding:0;margin:0}
#landing-shapeher-top article,#landing-shapeher-top aside,#landing-shapeher-top details,#landing-shapeher-top figcaption,#landing-shapeher-top figure,#landing-shapeher-top footer,#landing-shapeher-top header,#landing-shapeher-top main,#landing-shapeher-top section,#landing-shapeher-top summary{display:block}
#landing-shapeher-top video{display:inline-block;vertical-align:baseline}
#landing-shapeher-top input[type=number]::-webkit-inner-spin-button,#landing-shapeher-top input[type=number]::-webkit-outer-spin-button{height:auto}
#landing-shapeher-top input[type=search]::-webkit-search-cancel-button,#landing-shapeher-top input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
#landing-shapeher-top .grid:after{content:"";display:table;clear:both}
#landing-shapeher-top .grid{list-style:none;padding:0;margin:0 0 0 -22px}
@media only screen and (max-width:768px){
#landing-shapeher-top .grid{margin-left:-17px}
#landing-shapeher-top html[dir=rtl] .grid{margin-left:0;margin-right:-17px}}
#landing-shapeher-top html[dir=rtl] .grid{margin-left:0;margin-right:-22px}
#landing-shapeher-top .grid__item{float:left;padding-left:22px;width:100%;min-height:1px}
@media only screen and (max-width:768px){
#landing-shapeher-top .grid__item{padding-left:17px}
#landing-shapeher-top html[dir=rtl] .grid__item{padding-left:0;padding-right:17px}}
#landing-shapeher-top html[dir=rtl] .grid__item{float:right;padding-left:0;padding-right:22px}
#landing-shapeher-top .text-left{text-align:left!important}
#landing-shapeher-top html:not(.no-js):not(.tab-outline) :focus{outline:none}
#landing-shapeher-top .visually-hidden{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}
#landing-shapeher-top{touch-action:manipulation}
#landing-shapeher-top html[dir=rtl]{direction:rtl}
#landing-shapeher-top,#landing-shapeher-top{background-color:#fff;background-color:var(--colorBody);color:#000;color:var(--colorTextBody)}
#landing-shapeher-top .page-width{max-width:1500px;margin:0 auto}
#landing-shapeher-top .page-width{padding:0 17px}
@media only screen and (min-width:769px){
#landing-shapeher-top .page-width{padding:0 40px}}
#landing-shapeher-top .page-width--narrow{max-width:1000px}
#landing-shapeher-top .page-content{padding-top:40px;padding-bottom:40px}
@media only screen and (min-width:769px){
#landing-shapeher-top .page-content{padding-top:75px;padding-bottom:75px}}
#landing-shapeher-top hr{height:1px;border:0;border-top:1px solid;border-top-color:#f7f3ee;border-top-color:var(--colorBorder)}
#landing-shapeher-top,#landing-shapeher-top button,#landing-shapeher-top input{font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:calc(var(--typeBaseSize)*.92);letter-spacing:var(--typeBaseSpacing);line-height:var(--typeBaseLineHeight)}
@media only screen and (min-width:769px){
#landing-shapeher-top,#landing-shapeher-top button,#landing-shapeher-top input{font-size:var(--typeBaseSize)}}
#landing-shapeher-top,#landing-shapeher-top button,#landing-shapeher-top input{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-rendering:optimizeSpeed}
#landing-shapeher-top{font-weight:var(--typeBaseWeight)}
#landing-shapeher-top p{margin:0 0 15px}
#landing-shapeher-top p img{margin:0}
#landing-shapeher-top em{font-style:italic}
#landing-shapeher-top b,#landing-shapeher-top strong{font-weight:700}
#landing-shapeher-top p[data-spam-detection-disclaimer],#landing-shapeher-top small{font-size:.85em}
#landing-shapeher-top .rte blockquote{margin:0;padding:15px 30px 40px}
#landing-shapeher-top .rte blockquote p,#landing-shapeher-top blockquote p{margin-bottom:0}
#landing-shapeher-top .rte blockquote p+cite,#landing-shapeher-top blockquote p+cite{margin-top:15px}
#landing-shapeher-top .rte blockquote cite{display:block}
#landing-shapeher-top .label,#landing-shapeher-top label:not(.variant__button-label):not(.text-label){text-transform:uppercase;letter-spacing:.3em;font-size:.8em}
#landing-shapeher-top label{display:block;margin-bottom:10px}
#landing-shapeher-top .h2,#landing-shapeher-top h1,#landing-shapeher-top h2,#landing-shapeher-top h3,#landing-shapeher-top h4,#landing-shapeher-top h5,#landing-shapeher-top h6{display:block;margin:0 0 10px}
@media only screen and (min-width:769px){
#landing-shapeher-top .h2,#landing-shapeher-top h1,#landing-shapeher-top h2,#landing-shapeher-top h3,#landing-shapeher-top h4,#landing-shapeher-top h5,#landing-shapeher-top h6{margin:0 0 15px}}
#landing-shapeher-top .h2 a,#landing-shapeher-top h1 a,#landing-shapeher-top h2 a,#landing-shapeher-top h3 a,#landing-shapeher-top h4 a,#landing-shapeher-top h5 a,#landing-shapeher-top h6 a{text-decoration:none;font-weight:inherit}
#landing-shapeher-top .h2,#landing-shapeher-top h1,#landing-shapeher-top h2,#landing-shapeher-top h3{font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-weight:var(--typeHeaderWeight);letter-spacing:var(--typeHeaderSpacing);line-height:var(--typeHeaderLineHeight)}
#landing-shapeher-top [data-type_header_capitalize=true] .h2,#landing-shapeher-top [data-type_header_capitalize=true] h1,#landing-shapeher-top [data-type_header_capitalize=true] h2,#landing-shapeher-top [data-type_header_capitalize=true] h3{text-transform:uppercase}
#landing-shapeher-top h1{font-size:calc(var(--typeHeaderSize)*.85)}
#landing-shapeher-top .h2,#landing-shapeher-top h2{font-size:calc(var(--typeHeaderSize)*.73)}
#landing-shapeher-top h3{font-size:calc(var(--typeHeaderSize)*.62)}
@media only screen and (min-width:769px){
#landing-shapeher-top h1{font-size:var(--typeHeaderSize)}
#landing-shapeher-top .h2,#landing-shapeher-top h2{font-size:calc(var(--typeHeaderSize)*.85)}
#landing-shapeher-top h3{font-size:calc(var(--typeHeaderSize)*.65)}}
#landing-shapeher-top h4{text-transform:uppercase;letter-spacing:.3em;font-size:.8em}
#landing-shapeher-top h5,#landing-shapeher-top h6{text-transform:uppercase;letter-spacing:.3em;font-size:.8em;margin-bottom:10px}
@media only screen and (max-width:768px){
#landing-shapeher-top h5,#landing-shapeher-top h6{margin-bottom:5px}
#landing-shapeher-top .rte table td,#landing-shapeher-top .rte table th{padding:6px 8px}}
#landing-shapeher-top .collapsible-content .rte table td,#landing-shapeher-top .collapsible-content .rte table th{padding:6px 8px}
#landing-shapeher-top html[dir=rtl] .text-left{text-align:right!important}
#landing-shapeher-top ol,#landing-shapeher-top ul{margin:0 0 15px 30px;padding:0;text-rendering:optimizeLegibility}
#landing-shapeher-top ol ol{list-style:lower-alpha}
#landing-shapeher-top ol{list-style:decimal}
#landing-shapeher-top ol ol,#landing-shapeher-top ol ul,#landing-shapeher-top ul ol,#landing-shapeher-top ul ul{margin:4px 0 5px 20px}
#landing-shapeher-top li{margin-bottom:.25em}
#landing-shapeher-top table{width:100%;border-spacing:1px;position:relative;border:0 none;background:#f7f3ee;background:var(--colorBorder)}
#landing-shapeher-top td,#landing-shapeher-top th{border:0 none;text-align:left;padding:10px 15px;background:#fff;background:var(--colorBody)}
#landing-shapeher-top html[dir=rtl] td,#landing-shapeher-top html[dir=rtl] th{text-align:right}
#landing-shapeher-top th{font-weight:700}
#landing-shapeher-top a{color:#000;color:var(--colorTextBody);text-decoration:none;background:transparent}
#landing-shapeher-top a:hover{color:#000;color:var(--colorTextBody)}
#landing-shapeher-top .rte a{color:#000;color:var(--colorLink)}
#landing-shapeher-top button{overflow:visible;color:currentColor}
#landing-shapeher-top button[disabled],#landing-shapeher-top html input[disabled]{cursor:default}
#landing-shapeher-top .collapsible-trigger-btn{text-align:left}
#landing-shapeher-top [data-center-text=true] .collapsible-trigger-btn{text-align:center}
#landing-shapeher-top .collapsible-trigger-btn{text-transform:uppercase;letter-spacing:.3em;font-size:.8em;display:block;width:100%;padding:15px 10px 15px 0}
#landing-shapeher-top .collapsible-trigger-btn--borders{border:1px solid;border-color:#f7f3ee;border-color:var(--colorBorder);border-bottom:0;padding:12px}
#landing-shapeher-top .collapsible-trigger-btn--borders .collapsible-trigger__icon{right:12px}
@media only screen and (min-width:769px){
#landing-shapeher-top .collapsible-trigger-btn--borders{padding:15px}
#landing-shapeher-top .collapsible-trigger-btn--borders .collapsible-trigger__icon{right:15px}}
#landing-shapeher-top .collapsible-content+.collapsible-trigger-btn--borders{margin-top:-1px}
#landing-shapeher-top .collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner{border:1px solid;border-color:#f7f3ee;border-color:var(--colorBorder);border-top:0;padding:0 20px 20px;font-size:calc(var(--typeBaseSize)*.92)}
#landing-shapeher-top img{border:0 none}
#landing-shapeher-top svg:not(:root){overflow:hidden}
#landing-shapeher-top img{max-width:100%}
#landing-shapeher-top img[data-sizes=auto]{display:block;width:100%}
#landing-shapeher-top form{margin:0}
@media only screen and (max-width:959px){
#landing-shapeher-top input{font-size:16px!important}}
#landing-shapeher-top button,#landing-shapeher-top input{-webkit-appearance:none;-moz-appearance:none}
#landing-shapeher-top button{background:none;border:none;display:inline-block;cursor:pointer}
#landing-shapeher-top button,#landing-shapeher-top input[type=submit]{cursor:pointer}
#landing-shapeher-top input{border:1px solid;border-color:#f7f3ee;border-color:var(--colorBorder);max-width:100%;padding:8px 10px;border-radius:0}
#landing-shapeher-top input[disabled]{cursor:default;border-color:#b6b6b6}
#landing-shapeher-top input[type=checkbox],#landing-shapeher-top input[type=radio]{margin:0 10px 0 0;padding:0;width:auto}
#landing-shapeher-top input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox}
#landing-shapeher-top input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio}
#landing-shapeher-top input[type=image]{padding-left:0;padding-right:0}
#landing-shapeher-top label[for]{cursor:pointer}
#landing-shapeher-top small{display:block}
#landing-shapeher-top .icon{display:inline-block;width:20px;height:20px;vertical-align:middle;fill:currentColor}
#landing-shapeher-top svg.icon:not(.icon--full-color) circle,#landing-shapeher-top svg.icon:not(.icon--full-color) ellipse,#landing-shapeher-top svg.icon:not(.icon--full-color) g,#landing-shapeher-top svg.icon:not(.icon--full-color) line,#landing-shapeher-top svg.icon:not(.icon--full-color) path,#landing-shapeher-top svg.icon:not(.icon--full-color) polygon,#landing-shapeher-top svg.icon:not(.icon--full-color) polyline,#landing-shapeher-top svg.icon:not(.icon--full-color) rect,#landing-shapeher-top symbol.icon:not(.icon--full-color) circle,#landing-shapeher-top symbol.icon:not(.icon--full-color) ellipse,#landing-shapeher-top symbol.icon:not(.icon--full-color) g,#landing-shapeher-top symbol.icon:not(.icon--full-color) line,#landing-shapeher-top symbol.icon:not(.icon--full-color) path,#landing-shapeher-top symbol.icon:not(.icon--full-color) polygon,#landing-shapeher-top symbol.icon:not(.icon--full-color) polyline,#landing-shapeher-top symbol.icon:not(.icon--full-color) rect{fill:inherit;stroke:inherit}
#landing-shapeher-top .icon-chevron-down circle,#landing-shapeher-top .icon-chevron-down ellipse,#landing-shapeher-top .icon-chevron-down g,#landing-shapeher-top .icon-chevron-down line,#landing-shapeher-top .icon-chevron-down path,#landing-shapeher-top .icon-chevron-down polygon,#landing-shapeher-top .icon-chevron-down polyline,#landing-shapeher-top .icon-chevron-down rect{fill:none!important;stroke-width:var(--iconWeight);stroke:currentColor!important;stroke-linecap:var(--iconLinecaps);stroke-linejoin:var(--iconLinecaps)}
#landing-shapeher-top .image-wrap{background:#fff;background:var(--colorSmallImageBg);overflow:hidden}
#landing-shapeher-top .image-wrap img:not([role=presentation]){display:block}
#landing-shapeher-top .image-wrap img:not([role=presentation]),#landing-shapeher-top .image-wrap svg{opacity:0}
#landing-shapeher-top .no-js .image-wrap img:not([role=presentation]),#landing-shapeher-top .no-js .image-wrap svg{opacity:1}
#landing-shapeher-top .loading:after,#landing-shapeher-top .loading:before{content:"";position:absolute;width:100px;height:3px;background:#fff;background:var(--colorBody);left:50%;top:50%;margin:-1px 0 0 -50px;z-index:4;opacity:0}
#landing-shapeher-top .no-js .loading:after,#landing-shapeher-top .no-js .loading:before{display:none}
#landing-shapeher-top .loading:before{background:#000;background:var(--colorTextBody);opacity:1}
#landing-shapeher-top .loading:after{opacity:0;animation:preloading .5s ease .3s infinite}
#landing-shapeher-top .collapsible-content__inner p a:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;border-bottom:2px solid;border-bottom-color:#000;border-bottom-color:var(--colorFooterText);transition:width .5s ease}
#landing-shapeher-top .collapsible-content__inner p a{position:relative;text-decoration:none;border-bottom:2px solid;border-color:#0000001a}
#landing-shapeher-top .collapsible-content__inner p a:focus:after,#landing-shapeher-top .collapsible-content__inner p a:hover:after{width:100%}
#landing-shapeher-top .rte:after{content:"";display:table;clear:both}
#landing-shapeher-top .rte{margin-bottom:7.5px}
@media only screen and (min-width:769px){
#landing-shapeher-top .rte{margin-bottom:15px}}
#landing-shapeher-top .rte:last-child{margin-bottom:0}
#landing-shapeher-top .rte+.rte{margin-top:30px}
#landing-shapeher-top .rte ol,#landing-shapeher-top .rte p,#landing-shapeher-top .rte table,#landing-shapeher-top .rte ul{margin-bottom:15px}
@media only screen and (min-width:769px){
#landing-shapeher-top .rte ol,#landing-shapeher-top .rte p,#landing-shapeher-top .rte table,#landing-shapeher-top .rte ul{margin-bottom:25px}}
#landing-shapeher-top .rte ol:last-child,#landing-shapeher-top .rte p:last-child,#landing-shapeher-top .rte table:last-child,#landing-shapeher-top .rte ul:last-child{margin-bottom:0}
#landing-shapeher-top .rte ul ul{margin-bottom:0}
#landing-shapeher-top .rte h1,#landing-shapeher-top .rte h2,#landing-shapeher-top .rte h3,#landing-shapeher-top .rte h4,#landing-shapeher-top .rte h5,#landing-shapeher-top .rte h6{margin-top:60px;margin-bottom:25px}
#landing-shapeher-top .rte h1:first-child,#landing-shapeher-top .rte h2:first-child,#landing-shapeher-top .rte h3:first-child,#landing-shapeher-top .rte h4:first-child,#landing-shapeher-top .rte h5:first-child,#landing-shapeher-top .rte h6:first-child{margin-top:0}
#landing-shapeher-top .rte h1 a,#landing-shapeher-top .rte h2 a,#landing-shapeher-top .rte h3 a,#landing-shapeher-top .rte h4 a,#landing-shapeher-top .rte h5 a,#landing-shapeher-top .rte h6 a{text-decoration:none}
#landing-shapeher-top .rte meta:first-child+h1,#landing-shapeher-top .rte meta:first-child+h2,#landing-shapeher-top .rte meta:first-child+h3,#landing-shapeher-top .rte meta:first-child+h4,#landing-shapeher-top .rte meta:first-child+h5,#landing-shapeher-top .rte meta:first-child+h6{margin-top:0}
#landing-shapeher-top .rte>div{margin-bottom:15px}
#landing-shapeher-top .rte>div:last-child{margin-bottom:0}
#landing-shapeher-top .rte li{margin-bottom:0}
#landing-shapeher-top .rte table{table-layout:fixed}
#landing-shapeher-top .rte a{text-decoration:none}
#landing-shapeher-top .rte img{height:auto}
#landing-shapeher-top .rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview){text-decoration:none;border-bottom:1px solid;border-bottom-color:#00000026;position:relative;display:inline-block}
#landing-shapeher-top .rte a:not(.btn):not(.spr-summary-actions-newreview):after{content:"";position:absolute;bottom:-2px;left:0;width:0%;border-bottom:2px solid currentColor;transition:width .5s ease}
#landing-shapeher-top .rte a:not(.btn):focus:after,#landing-shapeher-top .rte a:not(.btn):hover:after{width:100%}
#landing-shapeher-top .section-header{margin-bottom:30px}
@media only screen and (min-width:769px){
#landing-shapeher-top .section-header{margin-bottom:50px}}
#landing-shapeher-top [data-type_headers_align_text=true] .section-header{text-align:center}
#landing-shapeher-top .section-header select{display:inline-block;vertical-align:middle}
#landing-shapeher-top .section-header__title{margin-bottom:0}
#landing-shapeher-top .section-header select,#landing-shapeher-top .section-header p{margin:10px 0}
#landing-shapeher-top .collapsibles-wrapper--border-bottom{border-bottom:1px solid;border-bottom-color:#f7f3ee;border-bottom-color:var(--colorBorder)}
#landing-shapeher-top .collapsibles-wrapper--border-bottom+.collapsibles-wrapper--border-bottom .collapsible-trigger-btn--borders{border-top:0}
#landing-shapeher-top .collapsible-trigger{color:inherit;position:relative}
#landing-shapeher-top .collapsible-trigger__icon{display:block;position:absolute;right:0;top:50%;width:10px;height:10px;transform:translateY(-50%)}
@media only screen and (min-width:769px){
#landing-shapeher-top .collapsible-trigger__icon{width:12px;height:12px}}
#landing-shapeher-top .collapsible-trigger__icon .icon{display:block;width:10px;height:10px;transition:all .1s ease-in}
@media only screen and (min-width:769px){
#landing-shapeher-top .collapsible-trigger__icon .icon{width:12px;height:12px}}
#landing-shapeher-top .collapsible-trigger--inline{padding:11px 0 11px 40px}
#landing-shapeher-top .collapsible-trigger--inline .collapsible-trigger__icon{right:auto;left:0}
#landing-shapeher-top .collapsible-trigger__icon--circle{border:1px solid;border-color:#f7f3ee;border-color:var(--colorBorder);width:28px;height:28px;border-radius:28px;text-align:center}
#landing-shapeher-top .collapsible-trigger__icon--circle .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#landing-shapeher-top .collapsible-content{transition:opacity .3s cubic-bezier(.25,.46,.45,.94),height .3s cubic-bezier(.25,.46,.45,.94)}
#landing-shapeher-top .collapsible-content--all{visibility:hidden;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;height:0}
#landing-shapeher-top .collapsible-content--all .collapsible-content__inner{transform:translateY(40px)}
#landing-shapeher-top .collapsible-content__inner{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}
#landing-shapeher-top .rte.collapsible-content__inner--faq{padding-bottom:30px}
#landing-shapeher-top input{background-color:inherit;color:inherit}
#landing-shapeher-top input[disabled]{background-color:#f6f6f6;border-color:transparent}
#landing-shapeher-top input:active,#landing-shapeher-top input:focus{border:1px solid;border-color:#000;border-color:var(--colorTextBody)}
#landing-shapeher-top input[type=image]{background-color:transparent}
#landing-shapeher-top .index-section{margin:40px 0}
#landing-shapeher-top .index-section+.index-section{margin-top:0}
@media only screen and (min-width:769px){
#landing-shapeher-top .index-section{margin:75px 0}}
@keyframes inventory-pulse{0%{opacity:.5}to{transform:scale(2.5);opacity:0}}
#landing-shapeher-top .page-content--product{padding-top:55px}
@media only screen and (max-width:768px){
#landing-shapeher-top .page-content--product{padding-top:0}}
#landing-shapeher-top .product-single__meta{padding-left:45px}
@media only screen and (max-width:768px){
#landing-shapeher-top .product-single__meta{text-align:center;padding-left:0;margin-top:15px}}
#landing-shapeher-top .product-single__meta .rte{text-align:left}
#landing-shapeher-top html[dir=rtl] .product-single__meta .rte{text-align:right}
#landing-shapeher-top .product-single__title{margin-bottom:10px;word-wrap:break-word}
#landing-shapeher-top .product-image-main{position:relative}
#landing-shapeher-top .product__photos{direction:ltr}
#landing-shapeher-top .product__photos a{display:block;max-width:100%}
#landing-shapeher-top .product__photos img{display:block;margin:0 auto;max-width:100%;width:100%}
#landing-shapeher-top .product__main-photos{position:relative;flex:1 1 auto}
#landing-shapeher-top .product__main-photos img{display:none}
@media only screen and (max-width:768px){
#landing-shapeher-top .product__main-photos{margin-bottom:30px;margin-left:-17px;margin-right:-17px}}
#landing-shapeher-top .product-main-slide:not(.is-selected) button,#landing-shapeher-top .product-main-slide:not(.is-selected) iframe,#landing-shapeher-top .product-main-slide:not(.is-selected) model-viewer,#landing-shapeher-top .product-main-slide:not(.is-selected) video{display:none}
#landing-shapeher-top .product-main-slide{display:none;width:100%;overflow:hidden}
#landing-shapeher-top .product-main-slide:first-child{display:block}
#landing-shapeher-top @page{margin:.5cm}
@media print{
#landing-shapeher-top h2,#landing-shapeher-top h3,#landing-shapeher-top p{orphans:3;widows:3}
#landing-shapeher-top h2,#landing-shapeher-top h3{page-break-after:avoid}
#landing-shapeher-top,#landing-shapeher-top{background-color:#fff}}
@keyframes bf-badge-pulse{0%{transform:scale(1);box-shadow:0 0 0 2px #000,0 0 #0006}50%{transform:scale(1.05);box-shadow:0 0 0 2px #000,0 0 15px 4px #00000080}to{transform:scale(1);box-shadow:0 0 0 2px #000,0 0 #0006}}
#landing-shapeher-top button[type=submit]{height:70px!important;font-size:22px!important;font-weight:700!important;border-radius:14px!important;padding:0 20px!important}
@media screen and (max-width:749px){
#landing-shapeher-top .product-single__title{text-align:left!important}}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top .promo-badge{position: absolute;
        top: 10px;
        left: 10px;
        background-color: #000;
        color: white;
        padding: 10px 15px;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        max-width: 160px;
        z-index: 2;
        font-size: 13px;}
#landing-shapeher-top .promo-badge strong{display: block;
        font-size: 14px;
        margin-bottom: 5px;}
#landing-shapeher-top .product-main-slide{position: relative;}
#landing-shapeher-top{--social-proof-text-color: #000000;
  --social-proof-star-color: #724C39;}
#landing-shapeher-top .social-proof-slide__block-rating{display: flex;
    align-items: center;
    justify-content: flex-start;
font-size: 14px;}
#landing-shapeher-top .social-proof-slide__block-stars{display: flex;
    margin-right: 8px;
    color: var(--social-proof-star-color);}
#landing-shapeher-top .social-proof-slide__block-rating-text{display: inline;
    color: var(--social-proof-text-color);
    content: var(--social-proof-rating-text);}
#landing-shapeher-top .social-proof-star{margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;}
#landing-shapeher-top .social-proof-star svg{width: 16px;
    height: 16px;
    fill: var(--social-proof-star-color);}
#landing-shapeher-top .alerta{background-color: rgba(253, 234, 234, 0.8);  color: #4d1d1d;  padding: 15px; border-left: 5px solid #e57373;  border-radius: 8px; font-family: Arial, sans-serif; font-size: 16px; margin-bottom: 20px; max-width: 100%;}
#landing-shapeher-top .info-container{display: flex; justify-content: center; gap: 20px;}
#landing-shapeher-top .info-box{display: flex; align-items: center; background-color: rgba(250, 210, 194, 0.3);  padding: 15px 25px; border-radius: 20px; flex: 1; max-width: 250px;}
#landing-shapeher-top .icon{width: 32px; height: 32px; margin-right: 12px;}
#landing-shapeher-top p{margin: 0; font-size: 14px; font-family: Arial, sans-serif; font-weight: 400; text-align: left;}
#landing-shapeher-top .bf-banner{background-color: #F7F3EE; 
        padding: 10px 18px;
        border-radius: 10px;
        font-size: 15px;
        text-align: center;
        width: 100%;
        font-family: inherit; 
        color: #3d2b1f;}
#landing-shapeher-top .bf-banner strong{font-weight: 700;}
#landing-shapeher-top .price-container{display: flex;
        align-items: center;
        gap: 10px;}
#landing-shapeher-top .old-price{color: #777;
        text-decoration: line-through;
        font-size: 18px;
        font-weight: 600;}
#landing-shapeher-top .new-price{color: #000000;
        font-size: 22px;
        font-weight: 700;}
#landing-shapeher-top .discount-tag{background-color: #fdfa82;
        color: ;
        font-size: 14px;
        font-weight: 700;
        padding: 5px 10px;
        border-radius: 5px;}
#landing-shapeher-top .benefits-list{display:flex; flex-direction:column; gap:16px; margin-top:20px; font-family:Arial,Helvetica,sans-serif;}
#landing-shapeher-top .benefit{display:flex; align-items:center; gap:14px;}
#landing-shapeher-top .benefit-ico{flex:0 0 auto; width:36px; height:36px;
  border:1px solid #E4DACB; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;}
#landing-shapeher-top .benefit-ico svg{width:18px; height:18px; stroke:#A98F63; fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;}
#landing-shapeher-top .benefit p{margin:0; font-size:16px; color:#2B2723; letter-spacing:.2px;}
#landing-shapeher-top .sh-selector{--sh-ink:#1a1a1a;
    --sh-line:#e6ddcf;
    background:#ffffff;
    padding:28px 16px;
    text-align:center;
    font-family:Georgia,'Times New Roman',serif;}
#landing-shapeher-top .sh-selector__label{margin:0 0 20px;
    font-family:'Helvetica Neue',Arial,sans-serif;
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:12px;
    font-weight:600;
    color:var(--sh-ink);}
#landing-shapeher-top .sh-selector__grid{display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(12px,3vw,28px);
    max-width:480px;
    margin:0 auto;}
#landing-shapeher-top .sh-card{display:flex;
    flex-direction:column;
    align-items:center;
    text-decoration:none;
    color:inherit;}
#landing-shapeher-top .sh-card__thumb{width:100%;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    border:1px solid var(--sh-line);
    border-radius:2px;
    overflow:hidden;
    transition:border-color .2s ease;}
#landing-shapeher-top .sh-card__thumb img{width:100%;
    height:100%;
    object-fit:contain;
    display:block;}
#landing-shapeher-top .sh-card:hover .sh-card__thumb{border-color:#999;}
#landing-shapeher-top .sh-card.is-active .sh-card__thumb{border:1.5px solid #111111;}
#landing-shapeher-top .sh-card__name{margin-top:12px;
    font-size:clamp(11px,3.2vw,14px);
    color:var(--sh-ink);
    line-height:1.2;
    white-space:nowrap;}
#landing-shapeher-top .sh-guia{--tinta:#1A1A1A;
  --tinta-suave:#6E6259;
  --arena:#F6F0E9;
  --arena-2:#EFE5DA;
  --terracota:#B5795A;
  --terracota-osc:#96603F;
  --linea:#E2D5C7;
  --blanco:#FFFFFF;
  --radio:14px;
  font-family:inherit;
  color:var(--tinta);
  max-width:780px;
  margin:0 auto;
  padding:0 16px;
  -webkit-font-smoothing:antialiased;}
#landing-shapeher-top .sh-guia *{box-sizing:border-box}
#landing-shapeher-top .sh-eyebrow{font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--terracota); font-weight:700; margin:0 0 8px;}
#landing-shapeher-top .sh-h2{font-size:clamp(22px,4.4vw,30px); font-weight:700; margin:0 0 10px; line-height:1.2}
#landing-shapeher-top .sh-intro{font-size:15px; line-height:1.6; color:var(--tinta-suave); margin:0 0 26px; max-width:56ch}
#landing-shapeher-top .sh-tabs{display:flex; gap:7px; margin-bottom:22px}
#landing-shapeher-top .sh-tab{flex:1; appearance:none; cursor:pointer; font-family:inherit;
  border:1.5px solid var(--linea); background:var(--blanco);
  color:var(--tinta-suave); border-radius:var(--radio);
  padding:13px 8px; font-size:13.5px; font-weight:600; line-height:1.35;
  transition:border-color .18s, background .18s, color .18s;}
#landing-shapeher-top .sh-tab small{display:block; font-weight:400; font-size:11.5px; opacity:.75; margin-top:3px}
#landing-shapeher-top .sh-tab:hover{border-color:var(--terracota)}
#landing-shapeher-top .sh-tab[aria-selected="true"]{background:var(--terracota); border-color:var(--terracota); color:var(--blanco);}
#landing-shapeher-top .sh-tab[aria-selected="true"] small{opacity:.85}
#landing-shapeher-top .sh-tab:focus-visible{outline:2px solid var(--tinta); outline-offset:2px}
#landing-shapeher-top .sh-panel[hidden]{display:none}
#landing-shapeher-top .sh-tabla{width:100%; border-collapse:separate; border-spacing:0; font-size:15px;
  border:1px solid var(--linea); border-radius:var(--radio); overflow:hidden}
#landing-shapeher-top .sh-tabla th{background:var(--terracota); color:var(--blanco);
  font-size:11.5px; letter-spacing:.12em; text-transform:uppercase;
  font-weight:700; padding:13px 8px; text-align:center;}
#landing-shapeher-top .sh-tabla th:first-child{background:var(--terracota-osc)}
#landing-shapeher-top .sh-tabla td{padding:13px 8px; text-align:center; font-weight:600; border-top:1px solid var(--linea)}
#landing-shapeher-top .sh-tabla tbody tr:nth-child(odd){background:var(--arena)}
#landing-shapeher-top .sh-tabla tbody tr:nth-child(even){background:var(--blanco)}
#landing-shapeher-top .sh-tabla td:first-child{background:var(--arena-2); font-weight:700}
#landing-shapeher-top .sh-rango{text-align:left !important; padding-left:18px !important; font-weight:600}
#landing-shapeher-top .sh-talla-out{font-size:19px; font-weight:700; color:var(--terracota-osc)}
#landing-shapeher-top .sh-lista{border:1px solid var(--linea); border-radius:var(--radio); overflow:hidden}
#landing-shapeher-top .sh-fila{display:grid; grid-template-columns:80px 1fr; gap:14px; align-items:center;
  padding:16px; border-top:1px solid var(--linea)}
#landing-shapeher-top .sh-fila:first-child{border-top:0}
#landing-shapeher-top .sh-fila:nth-child(odd){background:var(--arena)}
#landing-shapeher-top .sh-fila-talla{font-size:19px; font-weight:700; color:var(--terracota-osc); letter-spacing:.04em}
#landing-shapeher-top .sh-chips{display:flex; flex-wrap:wrap; gap:8px}
#landing-shapeher-top .sh-chip{font-size:15px; font-weight:700; color:var(--tinta); letter-spacing:.02em;
  background:var(--blanco); border:1px solid var(--linea); border-radius:999px; padding:7px 15px; white-space:nowrap}
#landing-shapeher-top .sh-chip-txt{font-weight:600; font-size:14px; color:var(--tinta-suave); background:transparent; border-style:dashed}
#landing-shapeher-top .sh-regla{display:flex; gap:12px; align-items:flex-start;
  background:var(--arena); border:1px solid var(--linea);
  border-radius:var(--radio); padding:15px 17px; margin-top:16px;
  font-size:14px; line-height:1.55; color:var(--tinta-suave);}
#landing-shapeher-top .sh-regla b{color:var(--tinta)}
#landing-shapeher-top .sh-regla span[aria-hidden]{flex:0 0 22px; height:22px; border-radius:50%; background:var(--terracota);
  color:#fff; font-weight:700; font-size:14px; display:grid; place-items:center; margin-top:1px;}
#landing-shapeher-top .sh-notas{margin:18px 0 0; padding:0; list-style:none; font-size:12px; line-height:1.7; color:var(--tinta-suave)}
#landing-shapeher-top .sh-notas li{padding-left:15px; position:relative; margin-bottom:7px}
#landing-shapeher-top .sh-notas li::before{content:"*"; position:absolute; left:0; color:var(--terracota)}
#landing-shapeher-top .sh-notas b{color:var(--tinta); font-weight:600}
#landing-shapeher-top .sh-medir{margin-top:30px; border-top:1px solid var(--linea); padding-top:30px}
#landing-shapeher-top .sh-medir h3{font-size:17px; font-weight:700; margin:0 0 18px}
#landing-shapeher-top .sh-pasos{display:grid; grid-template-columns:1fr 1fr; gap:22px}
#landing-shapeher-top .sh-paso figure{margin:0}
#landing-shapeher-top .sh-ilu{width:auto; max-width:100%; max-height:200px; height:auto; display:block; margin:0 auto 6px}
#landing-shapeher-top .sh-paso figcaption{margin-top:11px; font-size:13.5px; line-height:1.55; color:var(--tinta-suave)}
#landing-shapeher-top .sh-paso b{display:block; color:var(--tinta); font-size:14.5px; margin-bottom:3px}
#landing-shapeher-top .sh-cierre{margin-top:26px; font-size:14px; line-height:1.6; color:var(--tinta-suave)}
#landing-shapeher-top .sh-cierre a{color:var(--terracota-osc); font-weight:600}
@media (max-width:600px){
#landing-shapeher-top .sh-tabs{flex-direction:column}
#landing-shapeher-top .sh-tabla{font-size:14px}
#landing-shapeher-top .sh-tabla th{padding:11px 4px; font-size:10.5px; letter-spacing:.08em}
#landing-shapeher-top .sh-tabla td{padding:11px 4px}
#landing-shapeher-top .sh-rango{padding-left:12px !important}
#landing-shapeher-top .sh-pasos{grid-template-columns:1fr; gap:26px}}
@media (prefers-reduced-motion:reduce){
#landing-shapeher-top .sh-guia *{transition:none !important}}
#landing-shapeher-top .shg-btn{display:flex; align-items:center; gap:14px; width:100%;
  font-family:inherit; font-size:12.5px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; text-align:left;
  color:#8B5636; background:#F0E2D3;
  border:1.5px solid #A96C4C; border-radius:8px;
  padding:17px 20px; cursor:pointer; line-height:1;
  transition:background .2s, color .2s, border-color .2s;}
#landing-shapeher-top .shg-btn:hover{background:#A96C4C; border-color:#A96C4C; color:#fff}
#landing-shapeher-top .shg-btn:focus-visible{outline:2px solid #8B5636; outline-offset:2px}
#landing-shapeher-top .shg-btn .shg-ico{flex:0 0 22px; width:22px; height:22px; color:currentColor}
#landing-shapeher-top .shg-btn .shg-txt{flex:1}
#landing-shapeher-top .shg-btn .shg-chev{flex:0 0 11px; width:11px; height:11px; color:currentColor; opacity:.6; transition:transform .2s}
#landing-shapeher-top .shg-btn:hover .shg-chev{transform:translateX(3px); opacity:1}
@media (max-width:560px){
#landing-shapeher-top .shg-btn{padding:16px; gap:12px; font-size:11.5px; letter-spacing:.11em}}
#landing-shapeher-top .shg-ov{position:fixed; inset:0; z-index:9999;
  background:rgba(20,16,12,.55); backdrop-filter:blur(2px);
  display:flex; align-items:center; justify-content:center; padding:24px;
  opacity:0; visibility:hidden; transition:opacity .22s, visibility .22s;}
#landing-shapeher-top .shg-ov[data-abierto="1"]{opacity:1; visibility:visible}
#landing-shapeher-top .shg-caja{position:relative; background:#fff; border-radius:16px;
  width:100%; max-width:840px; max-height:88vh; overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:30px 10px 34px;
  transform:translateY(14px); transition:transform .22s;
  box-shadow:0 18px 60px rgba(0,0,0,.24);}
#landing-shapeher-top .shg-ov[data-abierto="1"] .shg-caja{transform:none}
#landing-shapeher-top .shg-x{position:sticky; top:0; float:right; margin:-14px 12px 0 0;
  width:38px; height:38px; border-radius:50%; border:1px solid #E2D5C7;
  background:#fff; cursor:pointer; font-size:20px; line-height:1; color:#6E6259;
  display:grid; place-items:center; z-index:2;}
#landing-shapeher-top .shg-x:hover{color:#1A1A1A; border-color:#B5795A}
#landing-shapeher-top .shg-x:focus-visible{outline:2px solid #1A1A1A; outline-offset:2px}
#landing-shapeher-top body.shg-lock{overflow:hidden}
@media (max-width:700px){
#landing-shapeher-top .shg-ov{padding:0; align-items:flex-end}
#landing-shapeher-top .shg-caja{max-width:none; max-height:92vh; border-radius:18px 18px 0 0;
            padding:26px 4px 30px; transform:translateY(100%)}}
@media (max-width:560px){
#landing-shapeher-top .sh-cw{display:none}
#landing-shapeher-top .sh-tabla th{letter-spacing:.04em}
#landing-shapeher-top .sh-fila{grid-template-columns:60px 1fr; padding:13px 12px}
#landing-shapeher-top .sh-chip{font-size:14px; padding:6px 12px}
#landing-shapeher-top .sh-guia{padding:0 12px}}
@media (prefers-reduced-motion:reduce){
#landing-shapeher-top .shg-ov,#landing-shapeher-top .shg-caja{transition:none}}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838{--ctl-ink: var(--colorTextBody, #1a1a1a);
        --ctl-line: rgba(0, 0, 0, 0.18);
        --ctl-muted: #9b9b9b;
        --ctl-badge-bg: #fefa82;
        --ctl-btn-bg: var(--colorBtnPrimary, #1a1a1a);
        --ctl-btn-ink: var(--colorBtnPrimaryText, #ffffff);

        margin: 16px 0 14px;
        padding: 14px;
        border: 1px solid var(--colorBtnPrimary, #1a1a1a);
        border-radius: 8px;
        background: var(--colorBody, #fff);
        color: var(--ctl-ink);}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__title{margin: 0 0 12px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0;
        text-transform: none;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__tabs{display: flex; gap: 8px; margin-bottom: 12px;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__tab{flex: 1 1 0;
        min-height: 34px;
        padding: 0 12px;
        border: 1px solid var(--ctl-btn-bg);
        border-radius: 999px;
        background: transparent;
        color: var(--ctl-ink);
        font-size: 13px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0;
        text-transform: none;
        cursor: pointer;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__tab.is-active{background: var(--ctl-btn-bg);
        border-color: var(--ctl-btn-bg);
        color: var(--ctl-btn-ink);}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__panel[hidden]{display: none;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__row{display: grid;
        grid-template-columns: 72px minmax(0, 1fr) auto;
        grid-template-areas: "image mid right";
        gap: 12px;
        align-items: center;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__image{grid-area: image; display: block; line-height: 0;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__image img{width: 72px;
        height: 88px;
        object-fit: cover;
        border-radius: 4px;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__mid{grid-area: mid;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__topline{display: flex;
        align-items: flex-start;
        gap: 8px;
        min-width: 0;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__name{color: var(--ctl-ink);
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.25;
        border: 0;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__badge{flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        height: 20px;
        padding: 0 7px;
        border-radius: 3px;
        background: var(--ctl-badge-bg);
        color: #1a1a1a;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        white-space: nowrap;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__badge[hidden]{display: none;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__options{display: flex;
        gap: 8px;
        flex-wrap: wrap;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__field{flex: 1 1 120px;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 3px;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__field-label{font-size: 11px;
        line-height: 1;
        color: var(--ctl-muted);
        letter-spacing: 0;
        text-transform: none;
        margin: 0;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__select{width: 100%;
        height: 36px;
        margin: 0;
        padding: 0 26px 0 10px;
        border: 1px solid var(--ctl-line);
        border-radius: 4px;
        background-color: #fff;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23555' stroke-width='1.4' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 9px center;
        color: var(--ctl-ink);
        font-size: 13px;
        line-height: 1.2;
        text-transform: none;
        letter-spacing: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__select:focus-visible{outline: 2px solid var(--ctl-btn-bg);
        outline-offset: 1px;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__right{grid-area: right;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 8px;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__prices{display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 1px;
        line-height: 1.2;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__compare{font-size: 12px; color: var(--ctl-muted); text-decoration: line-through;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__compare[hidden]{display: none;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__price{font-size: 15px; font-weight: 600;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__btn{min-width: 90px;
        height: 36px;
        padding: 0 18px;
        border: 0;
        border-radius: 999px;
        background: var(--ctl-btn-bg);
        color: var(--ctl-btn-ink);
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        text-transform: none;
        cursor: pointer;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__btn[disabled]{opacity: 0.45; cursor: not-allowed;}
@media screen and (max-width: 749px){
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__row{grid-template-columns: 72px minmax(0, 1fr);
          grid-template-areas:
            "image mid"
            "right right";
          align-items: start;
          row-gap: 12px;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__right{flex-direction: row;
          align-items: center;
          justify-content: space-between;
          width: 100%;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__prices{flex-direction: row; align-items: baseline; gap: 6px;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__options{flex-direction: column;}
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 .ctl__field{flex: 1 1 auto;}}
@media (prefers-reduced-motion: reduce){
#landing-shapeher-top #ctl-template--26400332579158__main-9727675498838 *{transition: none !important;}}
#landing-shapeher-top .trust-list{display:flex; flex-direction:column; gap:13px; list-style:none; padding:0; margin:0; font-family:Arial,Helvetica,sans-serif;}
#landing-shapeher-top .trust-item{display:flex; align-items:center; gap:10px;}
#landing-shapeher-top .trust-icon{flex-shrink:0; width:20px; height:20px; color:#A98F63;}
#landing-shapeher-top .trust-icon svg{width:100%; height:100%; stroke:currentColor; fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;}
#landing-shapeher-top .trust-text{font-size:14px; color:#2B2723; letter-spacing:.1px;}
#landing-shapeher-top .ship-banner{background:#FBF8F3; border:1px solid #E4DACB; border-radius:10px;
  padding:14px 20px; text-align:center;
  font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:500;
  color:#2B2723; letter-spacing:.2px;}
#landing-shapeher-top .ship-banner span{font-weight:700; color:#A98F63; border-bottom:1px solid #D8C9B2;}
#landing-shapeher-top .body{display:flex;align-items:center;background-color:var(--bg-color);gap:6px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);border-radius:var(--border-radius);overflow:hidden;border:var(--border-width) var(--border-style) var(--border-color)}
#landing-shapeher-top .scroller{min-width:calc(var(--visible-slides-count) * var(--slide-size) * .8 + var(--slide-size) * .2 + 2 * 3px);width:calc(var(--visible-slides-count) * var(--slide-size) * .8 + var(--slide-size) * .2 + 2 * 3px);height:var(--slide-size);overflow:hidden;padding-left:3px;padding-right:3px}
#landing-shapeher-top .scroller .slides{display:flex;position:relative;height:100%}
#landing-shapeher-top .scroller .slide{min-width:var(--slide-size);width:var(--slide-size);height:var(--slide-size);display:flex;align-items:center;justify-content:center;transition:transform .7s cubic-bezier(.11,.72,.3,1.21);position:absolute;top:0;left:0;border:2px solid var(--bg-color);border-radius:50%;box-sizing:border-box;overflow:hidden;transform:translate(calc(-1 * var(--slide-size) - max(3px,.25 * var(--slide-size))))}
#landing-shapeher-top .scroller .slide img{object-fit:cover;width:100%;height:100%}
#landing-shapeher-top .text{font-size:calc(var(--text-size) * .9);line-height:1.2;color:var(--text-color)}
#landing-shapeher-top .text .checkmark svg{width:var(--checkmark-size);height:var(--checkmark-size)}
#landing-shapeher-top .text p{padding:0;margin:0}
@media (min-width: 1024px){
#landing-shapeher-top .text{font-size:var(--text-size)}}
#landing-shapeher-top .ugc-title{margin: 0 0 10px;
    font: 700 20px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color:#222;}
#landing-shapeher-top .ugc-track{display:flex;
    
    gap:0;
    overflow-x:auto;
    padding:0;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    mask-image: linear-gradient(90deg, transparent 0, #000 8px, #000 calc(100% - 8px), transparent 100%);}
#landing-shapeher-top .ugc-track::-webkit-scrollbar{display:none;}
#landing-shapeher-top .ugc-card{flex:0 0 auto;
    width: clamp(180px, 26vw, 240px);
    aspect-ratio: 9 / 16;
    background:#000;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    scroll-snap-align:start;
    border: 1px solid rgba(0,0,0,.06);
    margin-right:2px;}
#landing-shapeher-top .ugc-card:last-child{margin-right:0;}
#landing-shapeher-top .ugc-card video{width:100%;
    height:100%;
    object-fit:cover;
    display:block;}
#landing-shapeher-top .product-sticky-banner{position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000000;
    color: white;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    padding: 12px 0;
    z-index: 9999;}
#landing-shapeher-top .product-sticky-banner .highlight{color: red;}
@media (max-width: 768px){
#landing-shapeher-top .product-sticky-banner{font-size: 14px;
      padding: 8px 0;}}
@font-face{
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shape-her.shop/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
       url("//shape-her.shop/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
}
@font-face{
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shape-her.shop/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
       url("//shape-her.shop/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
}
@font-face{
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shape-her.shop/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//shape-her.shop/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}
@font-face{
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shape-her.shop/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//shape-her.shop/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}
#landing-shapeher-top .section-template--26400332579158__ss_testimonial_12_CPdKDg{border-top: solid #121212 0px;
    border-bottom: solid #121212 0px;
    margin-top: 0px;
    margin-bottom: 0px;}
#landing-shapeher-top .section-template--26400332579158__ss_testimonial_12_CPdKDg-settings{margin: 0 auto;
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 24px;
    padding-right: 24px;}
#landing-shapeher-top .testimonials-heading-template--26400332579158__ss_testimonial_12_CPdKDg{text-align: center;}
#landing-shapeher-top .testimonials-heading-template--26400332579158__ss_testimonial_12_CPdKDg *{margin: 0;
    font-size: 18px;
    color: #837c5c;
    line-height: 130%;
    text-transform: unset;}
#landing-shapeher-top .testimonials-subheading-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 9px;
    text-align: center;}
#landing-shapeher-top .testimonials-subheading-template--26400332579158__ss_testimonial_12_CPdKDg *{margin: 0;
    font-size: 22px;
    color: #837c5c;
    line-height: 150%;
    text-transform: unset;}
#landing-shapeher-top .testimonials-slider-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 15px !important;
    margin-left: -24px !important;
    margin-right: -24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;}
#landing-shapeher-top .testimonials-slider-template--26400332579158__ss_testimonial_12_CPdKDg .swiper-wrapper{align-items: stretch !important;}
#landing-shapeher-top .testimonials-slide-template--26400332579158__ss_testimonial_12_CPdKDg{display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px 16px;
    border-radius: 20px;
    border: 1px solid #dedbc4;
    background-color: #ffffff;
    box-sizing: border-box !important;
    height: auto !important;
    overflow: hidden;}
#landing-shapeher-top .testimonials-content-template--26400332579158__ss_testimonial_12_CPdKDg{padding: 0px 0px;
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;}
#landing-shapeher-top .testimonials-stars-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;}
#landing-shapeher-top .testimonials-stars-template--26400332579158__ss_testimonial_12_CPdKDg svg,#landing-shapeher-top .testimonials-stars-template--26400332579158__ss_testimonial_12_CPdKDg img{display: block;
    width: 16px;
    height: 16px;
    object-fit: cover;}
#landing-shapeher-top .testimonials-text-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 9px;
    text-align: center;}
#landing-shapeher-top .testimonials-text-template--26400332579158__ss_testimonial_12_CPdKDg *{margin: 0;
    font-size: 16px;
    color: #323232;
    line-height: 130%;
    text-transform: unset;}
#landing-shapeher-top .testimonials-author-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 9px;
    text-align: center;}
#landing-shapeher-top .testimonials-author-template--26400332579158__ss_testimonial_12_CPdKDg *{margin: 0;
    font-size: 14px;
    color: #323232;
    line-height: 130%;
    text-transform: unset;}
#landing-shapeher-top .testimonials-media-template--26400332579158__ss_testimonial_12_CPdKDg{border-radius: 20px;
    border: 0px solid #121212;
    overflow: hidden;
    position: relative;}
#landing-shapeher-top .testimonials-media-template--26400332579158__ss_testimonial_12_CPdKDg img,#landing-shapeher-top .testimonials-media-template--26400332579158__ss_testimonial_12_CPdKDg svg,#landing-shapeher-top .testimonials-media-template--26400332579158__ss_testimonial_12_CPdKDg video,#landing-shapeher-top .testimonials-media-template--26400332579158__ss_testimonial_12_CPdKDg iframe{display: block;
    width: 100%;
    height: 100%;
    border: 0px;
    box-shadow: none;
    object-fit: cover;}
#landing-shapeher-top .testimonials-media-template--26400332579158__ss_testimonial_12_CPdKDg > svg{background-color: #DADADA;}
#landing-shapeher-top .testimonials-video-btn-wrapper-template--26400332579158__ss_testimonial_12_CPdKDg{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    pointer-events: all;
    transition: all 0.25s ease 0s;}
#landing-shapeher-top .testimonials-video-btn-wrapper-template--26400332579158__ss_testimonial_12_CPdKDg.active{opacity: 0;
    pointer-events: none;
    transition: all 0.25s ease 0s;}
#landing-shapeher-top .testimonials-video-btn-template--26400332579158__ss_testimonial_12_CPdKDg{display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;

    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;

    -moz-background-clip: content;
    -webkit-background-clip: content;
    background-clip: content-box;

    background-color: #ffffff;
    overflow: hidden;}
#landing-shapeher-top .testimonials-video-btn-template--26400332579158__ss_testimonial_12_CPdKDg img,#landing-shapeher-top .testimonials-video-btn-template--26400332579158__ss_testimonial_12_CPdKDg svg{display: block;
    width: 20px;
    height: 20px;
    object-fit: cover;}
#landing-shapeher-top .testimonials-video-btn-template--26400332579158__ss_testimonial_12_CPdKDg svg{margin-left: 2px;}
#landing-shapeher-top .testimonials-navigation-template--26400332579158__ss_testimonial_12_CPdKDg{display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;}
#landing-shapeher-top .testimonials-btn-prev-template--26400332579158__ss_testimonial_12_CPdKDg,#landing-shapeher-top .testimonials-btn-next-template--26400332579158__ss_testimonial_12_CPdKDg{position: static !important;
    flex: 0 0 50px;
    background: transparent;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    -webkit-appearance: none;
    border: 0px;
    box-shadow: none;
    padding: 0px;}
#landing-shapeher-top .testimonials-btn-prev-template--26400332579158__ss_testimonial_12_CPdKDg svg,#landing-shapeher-top .testimonials-btn-next-template--26400332579158__ss_testimonial_12_CPdKDg svg,#landing-shapeher-top .testimonials-btn-prev-template--26400332579158__ss_testimonial_12_CPdKDg img,#landing-shapeher-top .testimonials-btn-next-template--26400332579158__ss_testimonial_12_CPdKDg img{width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;}
#landing-shapeher-top .testimonials-btn-prev-template--26400332579158__ss_testimonial_12_CPdKDg svg path,#landing-shapeher-top .testimonials-btn-next-template--26400332579158__ss_testimonial_12_CPdKDg svg path{fill: #837c5c;
    transition: all 0.3s ease 0s;}
#landing-shapeher-top .testimonials-btn-prev-template--26400332579158__ss_testimonial_12_CPdKDg:hover svg path,#landing-shapeher-top .testimonials-btn-next-template--26400332579158__ss_testimonial_12_CPdKDg:hover svg path{fill: #837c5c;
    transition: all 0.3s ease 0s;}
#landing-shapeher-top .testimonials-btn-prev-template--26400332579158__ss_testimonial_12_CPdKDg.swiper-button-disabled,#landing-shapeher-top .testimonials-btn-next-template--26400332579158__ss_testimonial_12_CPdKDg.swiper-button-disabled{opacity: 0.3;}
#landing-shapeher-top .testimonials-pagination-template--26400332579158__ss_testimonial_12_CPdKDg{position: static !important;
    width: 100%;
    max-width: fit-content;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;}
#landing-shapeher-top .testimonials-pagination-template--26400332579158__ss_testimonial_12_CPdKDg .swiper-pagination-bullet{flex: 0 0 10px;
    width: 10px;
    height: 10px;
    background-color: transparent !important;
    transition: all 0.25s ease 0s;
    border: 1px solid #837c5c !important;
    opacity: 1 !important;}
#landing-shapeher-top .testimonials-pagination-template--26400332579158__ss_testimonial_12_CPdKDg .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #837c5c !important;
    transition: all 0.25s ease 0s;}
#landing-shapeher-top .testimonials-video-template--26400332579158__ss_testimonial_12_CPdKDg{position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    cursor: pointer;}
#landing-shapeher-top .testimonials-video-poster-template--26400332579158__ss_testimonial_12_CPdKDg{position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
#landing-shapeher-top .testimonials-video-poster-with-controls-template--26400332579158__ss_testimonial_12_CPdKDg.active{display: none;}
#landing-shapeher-top .testimonials-video-poster-template--26400332579158__ss_testimonial_12_CPdKDg.active img{display: none;}
@media(min-width: 1024px){
#landing-shapeher-top .section-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 0px;
      margin-bottom: 0px;}
#landing-shapeher-top .section-template--26400332579158__ss_testimonial_12_CPdKDg-settings{padding: 0 80px;
      padding-top: 36px;
      padding-bottom: 36px;
      padding-left: 80px;
      padding-right: 80px;}
#landing-shapeher-top .testimonials-heading-template--26400332579158__ss_testimonial_12_CPdKDg{text-align: center;}
#landing-shapeher-top .testimonials-heading-template--26400332579158__ss_testimonial_12_CPdKDg *{font-size: 30px;}
#landing-shapeher-top .testimonials-subheading-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 12px;
      text-align: center;}
#landing-shapeher-top .testimonials-subheading-template--26400332579158__ss_testimonial_12_CPdKDg *{font-size: 30px;}
#landing-shapeher-top .testimonials-slider-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 20px !important;
      margin-left: -80px !important;
      margin-right: -80px !important;
      padding-left: 80px !important;
      padding-right: 80px !important;}
#landing-shapeher-top .testimonials-slide-template--26400332579158__ss_testimonial_12_CPdKDg{padding: 20px 20px;}
#landing-shapeher-top .testimonials-video-btn-template--26400332579158__ss_testimonial_12_CPdKDg{width: 50px;
      height: 50px;}
#landing-shapeher-top .testimonials-video-btn-template--26400332579158__ss_testimonial_12_CPdKDg img,#landing-shapeher-top .testimonials-video-btn-template--26400332579158__ss_testimonial_12_CPdKDg svg{display: block;
      width: 25px;
      height: 25px;}
#landing-shapeher-top .testimonials-content-template--26400332579158__ss_testimonial_12_CPdKDg{padding: 0px 0px;}
#landing-shapeher-top .testimonials-stars-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 12px;
      justify-content: center;}
#landing-shapeher-top .testimonials-text-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 12px;
      text-align: center;}
#landing-shapeher-top .testimonials-text-template--26400332579158__ss_testimonial_12_CPdKDg *{font-size: 16px;}
#landing-shapeher-top .testimonials-author-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 12px;
      text-align: center;}
#landing-shapeher-top .testimonials-author-template--26400332579158__ss_testimonial_12_CPdKDg *{font-size: 14px;}
#landing-shapeher-top .testimonials-navigation-template--26400332579158__ss_testimonial_12_CPdKDg{margin-top: 40px;
      justify-content: center;
      gap: 20px;}
#landing-shapeher-top .testimonials-btn-prev-template--26400332579158__ss_testimonial_12_CPdKDg,#landing-shapeher-top .testimonials-btn-next-template--26400332579158__ss_testimonial_12_CPdKDg{flex: 0 0 50px;}
#landing-shapeher-top .testimonials-pagination-template--26400332579158__ss_testimonial_12_CPdKDg{gap: 10px;}
#landing-shapeher-top .testimonials-pagination-template--26400332579158__ss_testimonial_12_CPdKDg .swiper-pagination-bullet{width: 10px;
      flex: 0 0 10px;
      height: 10px;}}
#landing-shapeher-top .testimonials-media-template--26400332579158__ss_testimonial_12_CPdKDg{aspect-ratio: 12/12;}
@media(min-width: 1024px){
#landing-shapeher-top .testimonials-media-template--26400332579158__ss_testimonial_12_CPdKDg{aspect-ratio: 9.6/12;}}
#landing-shapeher-top .testimonials-btn-prev-template--26400332579158__ss_testimonial_12_CPdKDg,#landing-shapeher-top .testimonials-btn-next-template--26400332579158__ss_testimonial_12_CPdKDg{display: none;}
@media(min-width: 1024px){
#landing-shapeher-top .testimonials-btn-prev-template--26400332579158__ss_testimonial_12_CPdKDg,#landing-shapeher-top .testimonials-btn-next-template--26400332579158__ss_testimonial_12_CPdKDg{display: flex;}}
#landing-shapeher-top .testimonials-pagination-template--26400332579158__ss_testimonial_12_CPdKDg{display: flex !important;}
@media(min-width: 1024px){
#landing-shapeher-top .testimonials-pagination-template--26400332579158__ss_testimonial_12_CPdKDg{display: none !important;}}
#landing-shapeher-top .testimonials-slider-template--26400332579158__ss_testimonial_12_CPdKDg.preview .swiper-wrapper{display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;}
#landing-shapeher-top .testimonials-slider-template--26400332579158__ss_testimonial_12_CPdKDg.preview .testimonials-slide-template--26400332579158__ss_testimonial_12_CPdKDg{width: 100%;}
#landing-shapeher-top .testimonials-slider-template--26400332579158__ss_testimonial_12_CPdKDg.preview .testimonials-slide-template--26400332579158__ss_testimonial_12_CPdKDg:not(:first-child){margin-left: 20px;}
@media(min-width: 1024px){
#landing-shapeher-top .testimonials-slider-template--26400332579158__ss_testimonial_12_CPdKDg.preview .testimonials-slide-template--26400332579158__ss_testimonial_12_CPdKDg:not(:first-child){margin-left: 28px;}
#landing-shapeher-top .testimonials-slider-template--26400332579158__ss_testimonial_12_CPdKDg.preview .testimonials-slide-template--26400332579158__ss_testimonial_12_CPdKDg{width: 18%;}}
#landing-shapeher-top .ai-logo-cloud-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n{background-color: #f7f3ee;
    padding: 50px 0 50px;
    overflow: hidden;
    position: relative;}
#landing-shapeher-top .ai-logo-cloud-wrapper-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n{display: flex;
    align-items: center;
    width: fit-content;
    animation: ai-logo-cloud-scroll-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n 30s linear infinite;}
#landing-shapeher-top .ai-logo-cloud-track-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n{display: flex;
    align-items: center;
    gap: 60px;
    padding: 0 30px;}
#landing-shapeher-top .ai-logo-cloud-item-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n{flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: auto;}
#landing-shapeher-top .ai-logo-cloud-item-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n img{max-height: 60px;
    max-width: 200px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;}
#landing-shapeher-top .ai-logo-cloud-placeholder-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n{width: 90.0px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;}
#landing-shapeher-top .ai-logo-cloud-placeholder-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n svg{width: 50%;
    height: 50%;
    opacity: 0.3;}
@keyframes ai-logo-cloud-scroll-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n{
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-33.333%);
    }
  }
#landing-shapeher-top .ai-logo-cloud-wrapper-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n:hover{animation-play-state: paused;}
@media screen and (max-width: 749px){
#landing-shapeher-top .ai-logo-cloud-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n{padding: 35.0px 0 35.0px;}
#landing-shapeher-top .ai-logo-cloud-item-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n{height: 42.0px;}
#landing-shapeher-top .ai-logo-cloud-item-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n img{max-height: 42.0px;}
#landing-shapeher-top .ai-logo-cloud-placeholder-aruhsvnhiwmvhtgxudaigenblockd9741bddxmh6n{width: 63.0px;
      height: 42.0px;}}
#landing-shapeher-top .ai-image-grid-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{padding: 50px 0;
    background-color: #ffffff;
    width: 100%;}
#landing-shapeher-top .ai-image-grid-container-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{width: 100%;
    padding: 0 20px;}
#landing-shapeher-top .ai-image-grid-header-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;}
#landing-shapeher-top .ai-image-grid-title-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{font-size: 36px;
    color: #000000;
    margin: 0 0 16px;
    text-align: center;}
#landing-shapeher-top .ai-image-grid-description-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{font-size: 16px;
    color: #000000;
    margin: 0;
    line-height: 1.6;
    max-width: 800px;
    text-align: center;}
#landing-shapeher-top .ai-image-grid-row-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 20px;}
#landing-shapeher-top .ai-image-grid-row-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc:last-child{margin-bottom: 0;}
#landing-shapeher-top .ai-image-grid-item-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0px;
    background-color: #f7f3ee;}
#landing-shapeher-top .ai-image-grid-image-wrapper-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{position: relative;
    width: 100%;
    overflow: hidden;}
#landing-shapeher-top .ai-image-grid-item-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc img{width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;}
#landing-shapeher-top .ai-image-grid-placeholder-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{width: 100%;
    aspect-ratio: 1;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;}
#landing-shapeher-top .ai-image-grid-placeholder-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc svg{width: 60%;
    height: 60%;
    opacity: 0.3;}
#landing-shapeher-top .ai-image-grid-content-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{padding: 20px;
    background-color: #f7f3ee;}
#landing-shapeher-top .ai-image-grid-item-title-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{font-size: 18px;
    color: #000000;
    margin: 0 0 8px;
    font-weight: 600;
    text-align: center;}
#landing-shapeher-top .ai-image-grid-item-description-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{font-size: 14px;
    color: #000000;
    margin: 0;
    line-height: 1.5;
    text-align: center;}
@media screen and (max-width: 768px){
#landing-shapeher-top .ai-image-grid-row-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{grid-template-columns: repeat(2, 1fr);}
#landing-shapeher-top .ai-image-grid-item-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc:nth-child(3){grid-column: 1 / -1;}}
@media screen and (max-width: 480px){
#landing-shapeher-top .ai-image-grid-row-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc{grid-template-columns: 1fr;}
#landing-shapeher-top .ai-image-grid-item-aejzvt1vxd2vnrtrsraigenblockbe3828cdkakdc:nth-child(3){grid-column: auto;}}
@font-face{
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shape-her.shop/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
       url("//shape-her.shop/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
}
@font-face{
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shape-her.shop/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
       url("//shape-her.shop/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
}
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_pdE4Xi{border-top: solid #000000 0px;
    border-bottom: solid #000000 0px;
    margin-top: 0px;
    margin-bottom: 0px;}
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_pdE4Xi-settings{margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box__title{margin: 0px;
    font-size: 12px;
    color: #000000;
    line-height: 130%;
    text-transform: unset;
    font-weight: bold;
    margin-top: 8px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box__description{margin-top: 3px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box__description *{margin: 0px;
    font-size: 12px;
    color: #000000;
    line-height: 80%;
    text-transform: unset;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .wrapper-box{display: grid;
    grid-template-columns: repeat(1, 1fr);
    background-color: #ffffff; 
    border: 0px solid #000000;
    border-radius: 16px;
    padding: 0px 0px;
    gap: 20px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box:not(:nth-child(2)) .box__content-wrapper{padding-right: 10px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box{display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    text-align: center;
    text-decoration: none;
    gap: 5px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box__image{display:flex;
    margin-right: 10px;
    flex: 0 0 42px;
    height: 42px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box__image img,#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box__image svg{height: 100%;
    display: block;
    object-fit: cover;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box__image svg path{fill: #000000;}
@media(min-width: 768px){
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_pdE4Xi{margin-top: 0px;
      margin-bottom: 0px;}
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_pdE4Xi-settings{padding: 0 80px;
      padding-top: 16px;
      padding-bottom: 16px;
      padding-left: 80px;
      padding-right: 80px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .wrapper-box{grid-template-columns: repeat(4, 1fr);
      padding: 0px 0px;
      gap: 20px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box{flex: 1 0 auto;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box__title{font-size: 14px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box__description{margin-top: 4px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_pdE4Xi .box__description *{font-size: 12px;}
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_pdE4Xi-settings .box__image{flex: 0 0 42px;
      height: 42px;}}
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_pdE4Xi-settings{max-width: 1920px;}
#landing-shapeher-top .ai-html-section-aovnfm0dzeu9xt2zikaigenblock503a0d0jdje68{display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    color: #000000;
    background-color: #ffffff;
    padding: 20px 20px;
    text-align: center;
    box-sizing: border-box;}
#landing-shapeher-top .ai-html-section-aovnfm0dzeu9xt2zikaigenblock503a0d0jdje68 img,#landing-shapeher-top .ai-html-section-aovnfm0dzeu9xt2zikaigenblock503a0d0jdje68 video,#landing-shapeher-top .ai-html-section-aovnfm0dzeu9xt2zikaigenblock503a0d0jdje68 iframe{max-width: 100%;}
#landing-shapeher-top .ai-html-section-aovnfm0dzeu9xt2zikaigenblock503a0d0jdje68 a{color: #000000;}
@media screen and (max-width: 749px){
#landing-shapeher-top .ai-html-section-aovnfm0dzeu9xt2zikaigenblock503a0d0jdje68{width: 100%;
      padding: 15px 15px;}}
#landing-shapeher-top .sh-guia{--tinta:#1A1A1A;
  --tinta-suave:#6E6259;
  --arena:#F6F0E9;
  --arena-2:#EFE5DA;
  --terracota:#B5795A;
  --terracota-osc:#96603F;
  --linea:#E2D5C7;
  --blanco:#FFFFFF;
  --radio:14px;
  font-family:inherit;
  color:var(--tinta);
  max-width:780px;
  margin:0 auto;
  padding:0 16px;
  -webkit-font-smoothing:antialiased;}
#landing-shapeher-top .sh-guia *{box-sizing:border-box}
#landing-shapeher-top .sh-eyebrow{font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--terracota); font-weight:700; margin:0 0 8px;}
#landing-shapeher-top .sh-h2{font-size:clamp(22px,4.4vw,30px); font-weight:700; margin:0 0 10px; line-height:1.2}
#landing-shapeher-top .sh-intro{font-size:15px; line-height:1.6; color:var(--tinta-suave); margin:0 0 26px; max-width:56ch}
#landing-shapeher-top .sh-tabs{display:flex; gap:7px; margin-bottom:22px}
#landing-shapeher-top .sh-tab{flex:1; appearance:none; cursor:pointer; font-family:inherit;
  border:1.5px solid var(--linea); background:var(--blanco);
  color:var(--tinta-suave); border-radius:var(--radio);
  padding:13px 8px; font-size:13.5px; font-weight:600; line-height:1.35;
  transition:border-color .18s, background .18s, color .18s;}
#landing-shapeher-top .sh-tab small{display:block; font-weight:400; font-size:11.5px; opacity:.75; margin-top:3px}
#landing-shapeher-top .sh-tab:hover{border-color:var(--terracota)}
#landing-shapeher-top .sh-tab[aria-selected="true"]{background:var(--terracota); border-color:var(--terracota); color:var(--blanco);}
#landing-shapeher-top .sh-tab[aria-selected="true"] small{opacity:.85}
#landing-shapeher-top .sh-tab:focus-visible{outline:2px solid var(--tinta); outline-offset:2px}
#landing-shapeher-top .sh-panel[hidden]{display:none}
#landing-shapeher-top .sh-tabla{width:100%; border-collapse:separate; border-spacing:0; font-size:15px;
  border:1px solid var(--linea); border-radius:var(--radio); overflow:hidden}
#landing-shapeher-top .sh-tabla th{background:var(--terracota); color:var(--blanco);
  font-size:11.5px; letter-spacing:.12em; text-transform:uppercase;
  font-weight:700; padding:13px 8px; text-align:center;}
#landing-shapeher-top .sh-tabla th:first-child{background:var(--terracota-osc)}
#landing-shapeher-top .sh-tabla td{padding:13px 8px; text-align:center; font-weight:600; border-top:1px solid var(--linea)}
#landing-shapeher-top .sh-tabla tbody tr:nth-child(odd){background:var(--arena)}
#landing-shapeher-top .sh-tabla tbody tr:nth-child(even){background:var(--blanco)}
#landing-shapeher-top .sh-tabla td:first-child{background:var(--arena-2); font-weight:700}
#landing-shapeher-top .sh-rango{text-align:left !important; padding-left:18px !important; font-weight:600}
#landing-shapeher-top .sh-talla-out{font-size:19px; font-weight:700; color:var(--terracota-osc)}
#landing-shapeher-top .sh-lista{border:1px solid var(--linea); border-radius:var(--radio); overflow:hidden}
#landing-shapeher-top .sh-fila{display:grid; grid-template-columns:80px 1fr; gap:14px; align-items:center;
  padding:16px; border-top:1px solid var(--linea)}
#landing-shapeher-top .sh-fila:first-child{border-top:0}
#landing-shapeher-top .sh-fila:nth-child(odd){background:var(--arena)}
#landing-shapeher-top .sh-fila-talla{font-size:19px; font-weight:700; color:var(--terracota-osc); letter-spacing:.04em}
#landing-shapeher-top .sh-chips{display:flex; flex-wrap:wrap; gap:8px}
#landing-shapeher-top .sh-chip{font-size:15px; font-weight:700; color:var(--tinta); letter-spacing:.02em;
  background:var(--blanco); border:1px solid var(--linea); border-radius:999px; padding:7px 15px; white-space:nowrap}
#landing-shapeher-top .sh-chip-txt{font-weight:600; font-size:14px; color:var(--tinta-suave); background:transparent; border-style:dashed}
#landing-shapeher-top .sh-regla{display:flex; gap:12px; align-items:flex-start;
  background:var(--arena); border:1px solid var(--linea);
  border-radius:var(--radio); padding:15px 17px; margin-top:16px;
  font-size:14px; line-height:1.55; color:var(--tinta-suave);}
#landing-shapeher-top .sh-regla b{color:var(--tinta)}
#landing-shapeher-top .sh-regla span[aria-hidden]{flex:0 0 22px; height:22px; border-radius:50%; background:var(--terracota);
  color:#fff; font-weight:700; font-size:14px; display:grid; place-items:center; margin-top:1px;}
#landing-shapeher-top .sh-notas{margin:18px 0 0; padding:0; list-style:none; font-size:12px; line-height:1.7; color:var(--tinta-suave)}
#landing-shapeher-top .sh-notas li{padding-left:15px; position:relative; margin-bottom:7px}
#landing-shapeher-top .sh-notas li::before{content:"*"; position:absolute; left:0; color:var(--terracota)}
#landing-shapeher-top .sh-notas b{color:var(--tinta); font-weight:600}
#landing-shapeher-top .sh-medir{margin-top:30px; border-top:1px solid var(--linea); padding-top:30px}
#landing-shapeher-top .sh-medir h3{font-size:17px; font-weight:700; margin:0 0 18px}
#landing-shapeher-top .sh-pasos{display:grid; grid-template-columns:1fr 1fr; gap:22px}
#landing-shapeher-top .sh-paso figure{margin:0}
#landing-shapeher-top .sh-ilu{width:auto; max-width:100%; max-height:200px; height:auto; display:block; margin:0 auto 6px}
#landing-shapeher-top .sh-paso figcaption{margin-top:11px; font-size:13.5px; line-height:1.55; color:var(--tinta-suave)}
#landing-shapeher-top .sh-paso b{display:block; color:var(--tinta); font-size:14.5px; margin-bottom:3px}
#landing-shapeher-top .sh-cierre{margin-top:26px; font-size:14px; line-height:1.6; color:var(--tinta-suave)}
#landing-shapeher-top .sh-cierre a{color:var(--terracota-osc); font-weight:600}
@media (max-width:600px){
#landing-shapeher-top .sh-tabs{flex-direction:column}
#landing-shapeher-top .sh-tabla{font-size:14px}
#landing-shapeher-top .sh-tabla th{padding:11px 4px; font-size:10.5px; letter-spacing:.08em}
#landing-shapeher-top .sh-tabla td{padding:11px 4px}
#landing-shapeher-top .sh-rango{padding-left:12px !important}
#landing-shapeher-top .sh-pasos{grid-template-columns:1fr; gap:26px}}
@media (prefers-reduced-motion:reduce){
#landing-shapeher-top .sh-guia *{transition:none !important}}
@media (max-width:560px){
#landing-shapeher-top .sh-cw{display:none}
#landing-shapeher-top .sh-tabla th{letter-spacing:.04em}
#landing-shapeher-top .sh-fila{grid-template-columns:60px 1fr; padding:13px 12px}
#landing-shapeher-top .sh-chip{font-size:14px; padding:6px 12px}
#landing-shapeher-top .sh-guia{padding:0 12px}}
#landing-shapeher-top .sh-seccion{padding-top:48px; padding-bottom:48px}
@media (max-width:600px){
#landing-shapeher-top .sh-seccion{padding-top:34px; padding-bottom:34px}}
#landing-shapeher-top .ai-before-after-stats-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding: 60px 20px;
    background-color: #ffffff;}
#landing-shapeher-top .ai-before-after-stats__image-wrapper-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{flex: 1;
    min-width: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;}
#landing-shapeher-top .ai-before-after-stats__image-container-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{position: relative;
    width: 100%;
    height: 500px;
    user-select: none;}
#landing-shapeher-top .ai-before-after-stats__image-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}
#landing-shapeher-top .ai-before-after-stats__image-after-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{clip-path: inset(0 0 0 50%);}
#landing-shapeher-top .ai-before-after-stats__slider-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    background-color: #ffffff;
    cursor: ew-resize;
    transform: translateX(-50%);
    z-index: 10;}
#landing-shapeher-top .ai-before-after-stats__slider-button-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    border: 3px solid #000000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: ew-resize;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
#landing-shapeher-top .ai-before-after-stats__slider-button-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr svg{width: 24px;
    height: 24px;
    color: #000000;}
#landing-shapeher-top .ai-before-after-stats__label-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{position: absolute;
    top: 20px;
    padding: 8px 16px;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;}
#landing-shapeher-top .ai-before-after-stats__label-before-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{left: 20px;}
#landing-shapeher-top .ai-before-after-stats__label-after-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{right: 20px;}
#landing-shapeher-top .ai-before-after-stats__content-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{flex: 1;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;}
#landing-shapeher-top .ai-before-after-stats__text-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{display: flex;
    flex-direction: column;
    gap: 16px;}
#landing-shapeher-top .ai-before-after-stats__title-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{margin: 0;
    line-height: 1.2;}
#landing-shapeher-top .ai-before-after-stats__title-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr p{font-size: 38px;
    color: #000000;
    margin: 0;}
#landing-shapeher-top .ai-before-after-stats__description-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{line-height: 1.6;}
#landing-shapeher-top .ai-before-after-stats__description-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr p{font-size: 16px;
    color: #000000;
    margin: 0;}
#landing-shapeher-top .ai-before-after-stats__circles-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{display: flex;
    gap: 30px;
    flex-wrap: wrap;}
#landing-shapeher-top .ai-before-after-stats__circle-item-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 120px;}
#landing-shapeher-top .ai-before-after-stats__circle-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{position: relative;
    width: 120px;
    height: 120px;}
#landing-shapeher-top .ai-before-after-stats__circle-svg-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{transform: rotate(-90deg);
    width: 100%;
    height: 100%;}
#landing-shapeher-top .ai-before-after-stats__circle-bg-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{fill: none;
    stroke: #e0e0e0;
    stroke-width: 8;}
#landing-shapeher-top .ai-before-after-stats__circle-progress-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{fill: none;
    stroke: #000000;
    stroke-width: 8;
    stroke-linecap: round;
    transition: stroke-dashoffset 1.5s ease-out;}
#landing-shapeher-top .ai-before-after-stats__circle-text-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: 700;
    color: #000000;}
#landing-shapeher-top .ai-before-after-stats__circle-label-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{text-align: center;
    font-size: 14px;
    color: #000000;
    line-height: 1.4;}
#landing-shapeher-top .ai-before-after-stats__placeholder-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;}
#landing-shapeher-top .ai-before-after-stats__placeholder-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr svg{width: 100%;
    height: 100%;
    max-width: 200px;
    max-height: 200px;}
@media screen and (max-width: 768px){
#landing-shapeher-top .ai-before-after-stats-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{flex-direction: column;
      gap: 30px;
      padding: 40px 20px;}
#landing-shapeher-top .ai-before-after-stats__image-container-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{height: 400px;}
#landing-shapeher-top .ai-before-after-stats__circles-abkzzeg5twdb2l0xzoaigenblock25b651d7wawgr{justify-content: center;}}
#landing-shapeher-top .ai-comparison-section-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp{display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 40px;
    padding: 40px 20px;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #ffffff;}
#landing-shapeher-top .ai-comparison-content-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp{display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;}
#landing-shapeher-top .ai-comparison-title-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp p{font-size: 36px !important;
    color: #000000 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    font-family: var(--font-heading-family) !important;
    font-weight: var(--font-heading-weight) !important;
    letter-spacing: var(--font-heading-style) !important;}
#landing-shapeher-top .ai-comparison-text-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp p{font-size: 16px !important;
    color: #000000 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-family: var(--font-body-family) !important;
    font-weight: var(--font-body-weight) !important;
    letter-spacing: var(--font-body-style) !important;}
#landing-shapeher-top .ai-comparison-table-wrapper-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp{overflow-x: auto;}
#landing-shapeher-top .ai-comparison-table-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp{width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    font-family: var(--font-body-family);
    font-weight: var(--font-body-weight);
    letter-spacing: var(--font-body-style);}
#landing-shapeher-top .ai-comparison-table-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp th,#landing-shapeher-top .ai-comparison-table-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp td{padding: 16px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;}
#landing-shapeher-top .ai-comparison-table-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp thead th{background-color: #f7f3ee;
    color: #000000;
    font-weight: 600;
    font-size: 14px;}
#landing-shapeher-top .ai-comparison-table-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp tbody td{color: #000000;
    font-size: 14px;}
#landing-shapeher-top .ai-comparison-table-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp tbody tr:last-child td{border-bottom: none;}
#landing-shapeher-top .ai-comparison-table-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp tbody td:first-child{text-align: left;
    font-weight: 500;}
#landing-shapeher-top .ai-comparison-logo-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp{max-width: 80px;
    height: auto;
    display: block;
    margin: 0 auto;}
#landing-shapeher-top .ai-comparison-icon-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp{width: 24px;
    height: 24px;
    display: inline-block;}
#landing-shapeher-top .ai-comparison-check-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp{color: #00a651;}
#landing-shapeher-top .ai-comparison-cross-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp{color: #c20000;}
@media screen and (max-width: 768px){
#landing-shapeher-top .ai-comparison-section-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp{grid-template-columns: 1fr;
      gap: 30px;
      padding: 30px 15px;}
#landing-shapeher-top .ai-comparison-title-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp p{font-size: calc(36px * 0.8) !important;}
#landing-shapeher-top .ai-comparison-table-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp th,#landing-shapeher-top .ai-comparison-table-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp td{padding: 12px 8px;
      font-size: 14px;}
#landing-shapeher-top .ai-comparison-logo-aymp4z1zeynkxzwu3uaigenblock822f37aaunehp{max-width: calc(80px * 0.7);}}
@font-face{
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shape-her.shop/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//shape-her.shop/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}
@font-face{
  font-family: "Josefin Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//shape-her.shop/cdn/fonts/josefin_sans/josefinsans_n4.70f7efd699799949e6d9f99bc20843a2c86a2e0f.woff2") format("woff2"),
       url("//shape-her.shop/cdn/fonts/josefin_sans/josefinsans_n4.35d308a1bdf56e5556bc2ac79702c721e4e2e983.woff") format("woff");
}
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_fmqzAy{border-top: solid #000000 0px;
    border-bottom: solid #000000 0px;
    margin-top: 0px;
    margin-bottom: 0px;}
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_fmqzAy-settings{margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box__title{margin: 0px;
    font-size: 12px;
    color: #000000;
    line-height: 130%;
    text-transform: unset;
    font-weight: bold;
    margin-top: 8px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box__description{margin-top: 3px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box__description *{margin: 0px;
    font-size: 12px;
    color: #000000;
    line-height: 130%;
    text-transform: unset;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .wrapper-box{display: grid;
    grid-template-columns: repeat(1, 1fr);
    background-color: #ffffff; 
    border: 0px solid #000000;
    border-radius: 16px;
    padding: 0px 0px;
    gap: 20px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box:not(:nth-child(2)) .box__content-wrapper{padding-right: 10px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box{display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    text-align: center;
    text-decoration: none;
    gap: 5px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box__image{display:flex;
    margin-right: 10px;
    flex: 0 0 42px;
    height: 42px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box__image img,#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box__image svg{height: 100%;
    display: block;
    object-fit: cover;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box__image svg path{fill: #000000;}
@media(min-width: 768px){
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_fmqzAy{margin-top: 0px;
      margin-bottom: 0px;}
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_fmqzAy-settings{padding: 0 80px;
      padding-top: 16px;
      padding-bottom: 16px;
      padding-left: 80px;
      padding-right: 80px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .wrapper-box{grid-template-columns: repeat(4, 1fr);
      padding: 0px 0px;
      gap: 20px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box{flex: 1 0 auto;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box__title{font-size: 14px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box__description{margin-top: 4px;}
#landing-shapeher-top .feature-template--26400332579158__ss_feature_1_fmqzAy .box__description *{font-size: 12px;}
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_fmqzAy-settings .box__image{flex: 0 0 42px;
      height: 42px;}}
#landing-shapeher-top .section-template--26400332579158__ss_feature_1_fmqzAy-settings{max-width: 1920px;}
#landing-shapeher-top{--papel:#FFFFFF;
  --boton:#111111;
  --boton-hondo:#000000;
  --ancho:560px;
  --tinta:#1a1a1a;
  --linea:#E6E4E0;
  --gris:#7A7670;
  --f-cuerpo:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --f-titulo:Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
#landing-shapeher-top *{box-sizing:border-box}
#landing-shapeher-top img{max-width:100%; height:auto}
#landing-shapeher-top .lienzo{max-width:var(--ancho); margin:0 auto; background:var(--papel);
  color:var(--tinta); font-family:var(--f-cuerpo); line-height:1.5; overflow-x:hidden}
#landing-shapeher-top .lienzo h1,#landing-shapeher-top .lienzo h2,#landing-shapeher-top .lienzo h3,#landing-shapeher-top .lienzo .h1,#landing-shapeher-top .lienzo .h2,#landing-shapeher-top .lienzo .h3{font-family:var(--f-titulo)}
#landing-shapeher-top .shaper .grid{display:block !important; margin-left:0 !important}
#landing-shapeher-top .shaper .grid__item{display:block !important; width:100% !important;
  max-width:100% !important; padding-left:0 !important; float:none !important;
  margin-left:0 !important}
#landing-shapeher-top .page-width{max-width:100% !important;
  padding-left:15px !important; padding-right:15px !important}
#landing-shapeher-top .product__photos{margin:0 0 14px}
#landing-shapeher-top .product-slideshow{display:flex; overflow-x:auto; scroll-snap-type:x mandatory;
  scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scrollbar-width:none;
  margin:0; padding:0; gap:0}
#landing-shapeher-top .product-slideshow::-webkit-scrollbar{display:none}
#landing-shapeher-top .product-slideshow .product-main-slide{display:block !important;
  flex:0 0 100%; scroll-snap-align:center; min-width:0}
#landing-shapeher-top .product-main-slide .image-wrap{position:relative; width:100%}
#landing-shapeher-top .product-main-slide img{display:block; width:100%; height:auto}
#landing-shapeher-top .sh-puntos{display:flex; justify-content:center; gap:6px; margin:10px 0 0; flex-wrap:wrap}
#landing-shapeher-top .sh-puntos button{width:6px; height:6px; padding:0; border:0; border-radius:99px;
  background:rgba(0,0,0,.2); cursor:pointer}
#landing-shapeher-top .sh-puntos button.on{background:var(--tinta); width:16px}
#landing-shapeher-top .sh-minis{display:flex; gap:6px; overflow-x:auto; padding:10px 0 2px;
  scrollbar-width:none; -webkit-overflow-scrolling:touch}
#landing-shapeher-top .sh-minis::-webkit-scrollbar{display:none}
#landing-shapeher-top .sh-minis button{flex:0 0 58px; width:58px; height:58px; padding:0; border:0;
  border-radius:8px; overflow:hidden; background:#f3f1ee; cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--linea)}
#landing-shapeher-top .sh-minis button.on{box-shadow:inset 0 0 0 2px var(--tinta)}
#landing-shapeher-top .sh-minis img{width:100%; height:100%; object-fit:cover; display:block}
#landing-shapeher-top .shaper-raya{border:0; border-top:1px solid var(--linea); margin:14px 0}
#landing-shapeher-top .np-cabecera,#landing-shapeher-top .np-urgencia,#landing-shapeher-top .np-cuenta__envio,#landing-shapeher-top .np-lote,#landing-shapeher-top .np-stock__aviso,#landing-shapeher-top .boton__nota{display:none !important}
#landing-shapeher-top .np-cuenta__hueco{display:block !important; height:48px !important}
#landing-shapeher-top .np-variantes input[type="radio"]{position:absolute !important; width:1px !important; height:1px !important;
  opacity:0 !important; pointer-events:none !important}
#landing-shapeher-top .np-opcion{position:absolute !important; width:1px !important; height:1px !important;
  overflow:hidden !important; clip:rect(0 0 0 0) !important; margin:-1px !important}
#landing-shapeher-top .sel{margin:16px 0 0}
#landing-shapeher-top .sel__f + .sel__f{margin-top:14px}
#landing-shapeher-top .sel__t{font-size:13px; font-weight:600; color:var(--tinta); margin-bottom:9px}
#landing-shapeher-top .sel__o{display:flex; flex-wrap:wrap; gap:9px}
#landing-shapeher-top .tono{all:unset; box-sizing:border-box; width:34px; height:34px; border-radius:999px;
  cursor:pointer; border:2px solid transparent; box-shadow:0 0 0 1px var(--linea)}
#landing-shapeher-top .tono[aria-pressed="true"]{border-color:#fff; box-shadow:0 0 0 2px var(--tinta)}
#landing-shapeher-top .talla{all:unset; box-sizing:border-box; min-width:48px; height:40px;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  border-radius:10px; background:#fff; border:1.5px solid var(--linea);
  color:var(--tinta); font-family:inherit; font-size:14px; font-weight:700}
#landing-shapeher-top .talla[aria-pressed="true"]{border-color:var(--tinta); background:#F4F2EF}
#landing-shapeher-top #korin-offer{max-width:100%; margin:16px 0; display:flex; flex-direction:column; gap:12px}
#landing-shapeher-top #korin-offer *,#landing-shapeher-top #korin-offer *::before,#landing-shapeher-top #korin-offer *::after{box-sizing:border-box}
#landing-shapeher-top #korin-offer .koc-opt{position:relative}
#landing-shapeher-top #korin-offer .koc-input{position:absolute; opacity:0; width:0; height:0; pointer-events:none}
#landing-shapeher-top #korin-offer .koc-body{display:block; cursor:pointer; background:#FFFFFF;
  border:1px solid var(--linea); border-radius:14px; padding:16px 18px 14px;
  color:var(--tinta); letter-spacing:-.2px;
  transition:border-color .18s ease, background .18s ease}
#landing-shapeher-top #korin-offer .koc-input:checked + .koc-body{background:#F7F5F2; border:1.5px solid var(--tinta);
  padding:15.5px 17.5px 13.5px}
#landing-shapeher-top #korin-offer .koc-head{display:flex; align-items:center; gap:10px}
#landing-shapeher-top #korin-offer .koc-radio{flex:0 0 auto; width:20px; height:20px; border-radius:999px;
  background:#FFF; border:2px solid #CBC7C1; display:flex; align-items:center;
  justify-content:center; transition:border-color .18s ease, background .18s ease}
#landing-shapeher-top #korin-offer .koc-input:checked + .koc-body .koc-radio{background:var(--tinta); border-color:var(--tinta)}
#landing-shapeher-top #korin-offer .koc-radio::after{content:""; width:10px; height:10px; border-radius:999px;
  background:#FFF; opacity:0}
#landing-shapeher-top #korin-offer .koc-input:checked + .koc-body .koc-radio::after{opacity:1}
#landing-shapeher-top #korin-offer .koc-name{flex:1 1 auto; margin:0; font-size:17px; line-height:21.25px;
  font-weight:700; color:var(--tinta); letter-spacing:normal; font-family:var(--f-titulo)}
#landing-shapeher-top #korin-offer .koc-badge{flex:0 0 auto; font-size:10.5px; line-height:1; font-weight:700;
  letter-spacing:.84px; text-transform:uppercase; background:#EAE6E0; color:var(--tinta);
  padding:5px 11px; border-radius:999px; white-space:nowrap}
#landing-shapeher-top #korin-offer .koc-badge.dark{background:var(--tinta); color:#FFF}
#landing-shapeher-top #korin-offer .koc-pricerow{display:flex; align-items:baseline; flex-wrap:wrap;
  column-gap:4px; row-gap:6px; margin-top:6px; padding-left:30px}
#landing-shapeher-top #korin-offer .koc-save{align-self:center; margin-right:6px; font-size:10.5px; line-height:1;
  font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:#8A1538;
  background:#FBE9EE; padding:5px 11px; border-radius:999px; white-space:nowrap}
#landing-shapeher-top #korin-offer .koc-price{font-size:30px; line-height:33px; font-weight:700;
  color:var(--tinta); letter-spacing:-.3px; font-family:var(--f-titulo)}
#landing-shapeher-top #korin-offer .koc-sub{padding-left:30px; margin-top:4px; font-size:12.5px;
  line-height:16.25px; font-weight:500; color:var(--gris)}
#landing-shapeher-top #korin-offer .koc-sub strong{color:var(--tinta); font-weight:700}
#landing-shapeher-top #korin-offer .koc-expand{display:none}
#landing-shapeher-top #korin-offer .koc-input:checked + .koc-body .koc-expand{display:block}
#landing-shapeher-top #korin-offer .koc-divider{height:1px; background:var(--linea); border:0; margin:14px 0 0}
#landing-shapeher-top #korin-offer .koc-list{list-style:none; margin:14px 0 4px; padding:0; font-size:14px;
  line-height:20.3px; font-weight:500; letter-spacing:-.4px; color:var(--tinta)}
#landing-shapeher-top #korin-offer .koc-list li{position:relative; padding-left:24px; margin-bottom:5px}
#landing-shapeher-top #korin-offer .koc-list li::before{content:"\2713"; position:absolute; left:0; top:0;
  width:16px; font-weight:700; color:var(--tinta)}
#landing-shapeher-top .sh-colores{margin-top:16px}
#landing-shapeher-top .sh-colores__t{margin:0 0 9px; font-size:11px; font-weight:700; letter-spacing:1px;
  text-transform:uppercase; color:var(--tinta)}
#landing-shapeher-top .sh-colores__f{display:flex; flex-wrap:wrap; gap:14px}
#landing-shapeher-top .sh-colores__f span{display:flex; align-items:center; gap:7px; font-size:13px; color:var(--tinta)}
#landing-shapeher-top .sh-colores__f i{width:20px; height:20px; border-radius:999px; display:block}
#landing-shapeher-top .sh-nota{margin:10px 0 0; font-size:13px; line-height:1.5; color:var(--gris)}
#landing-shapeher-top .sh-nota strong{color:var(--tinta)}
#landing-shapeher-top .ugc-card{width:190px !important}
#landing-shapeher-top .shaper-segunda{padding-top:0}
#landing-shapeher-top [class*="ai-logo-cloud-wrapper"]{overflow:hidden !important; max-width:100% !important}
#landing-shapeher-top .image-wrap img{opacity:1 !important}
#landing-shapeher-top .product__photos,#landing-shapeher-top .product-slideshow{max-width:100%; margin-left:0; margin-right:0}


/* MODO OSCURO FORZADO: Chrome y Samsung Internet en Android invierten
   por su cuenta los fondos claros de cualquier pagina que no declare que
   es clara. Eso dejaba el bloque de compra en negro con el texto en
   blanco, aunque el CSS diga crema. Declarando el esquema, el navegador
   deja de tocarla y se ve con los colores de la marca. */
:root{color-scheme:light !important}
#landing-shapeher-top, #landing-shapeher-top *{color-scheme:light}

/* Los tonos de marca, como variables. Sin esto var(--boton-hondo) no existia
   en ninguna parte y la pildora del descuento de la banda de arriba quedaba
   con texto blanco sobre fondo blanco: se veia un rectangulo vacio.
   Los dos hex se sustituyen mas abajo por los del proyecto. */
#landing-shapeher-top{--boton:#111111; --boton-hondo:#000000}

#landing-shapeher-top{margin:0 auto; background:#FFFFFF}
#landing-shapeher-top .lienzo{max-width:100%; background:#FFFFFF}

/* Las secciones del tema traen su propio fondo blanco y por eso se
   marcaba el corte de cada imagen. Aqui les damos el crema de la
   marca, que es el color al que van a morir los degradados. */
[id^="shopify-section-"][id*="__np_"]{
  background:#FFFFFF !important;
  padding:0 !important;
  margin:0 !important;
}

/* Costuras mas generosas: la imagen se funde por arriba y por abajo,
   no solo por abajo. Asi no se ve donde empieza y donde termina. */
/* Difuminacion entre secciones: bandas mas anchas pero con CURVA
   SUAVE (varios pasos), asi el fundido es profundo sin tapar el
   texto que las imagenes traen pegado al borde. La opacidad cae
   rapido: a 20px del borde ya casi no cubre nada. */
#landing-shapeher-top .costura{height:52px; margin-top:-52px}
#landing-shapeher-top .bloque{position:relative}
#landing-shapeher-top .bloque::before{
  content:''; position:absolute; left:0; right:0; top:0; height:44px;
  z-index:2; pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(255,255,255,.95) 0%,
    rgba(255,255,255,.55) 30%,
    rgba(255,255,255,.18) 60%,
    rgba(255,255,255,0) 100%);
}
/* El fundido superior se apaga SOLO en el hero (#arriba, arriba del todo).
   Antes se usaba :first-of-type, pero como la landing se parte en dos
   secciones, la primera imagen de contenido (np_abajo) tambien era
   first-of-type y perdia el fundido -> borde duro. Ahora esa SI se difumina. */
#landing-shapeher-top #arriba::before{display:none}
#landing-shapeher-top .bloque:first-of-type:not(#arriba)::before{display:block}
#landing-shapeher-top .bloque::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:52px;
  z-index:2; pointer-events:none;
  background:linear-gradient(to top,
    rgba(255,255,255,.95) 0%,
    rgba(255,255,255,.55) 30%,
    rgba(255,255,255,.18) 60%,
    rgba(255,255,255,0) 100%);
}

/* La barra flotante nuestra sobra: la unica que queda es la de
   Releasit, que es la que de verdad abre el formulario. */
#landing-shapeher-top .barra, .barra{display:none !important}
#landing-shapeher-top{padding-bottom:0}

/* BLINDAJE: la landing NO se muestra en computador (mouse = PC/laptop).
   Se oculta al instante, sin parpadeo. El telefono (tactil) no se toca.
   El JS complementa esto para las extensiones que fingen movil.

   El :not(.np-movil) es por Clarity. Clarity no guarda un video: guarda el
   HTML y lo vuelve a pintar dentro de un iframe EN NUESTRO PC. Como la
   regla de abajo es una media query, se evaluaba de nuevo al reproducir,
   contra el mouse de quien mira la grabacion -> tapaba la landing entera y
   la grabacion salia en blanco (solo se veia el boton de Releasit, que es
   lo unico que vive fuera de #landing-shapeher-top). La clase np-movil se la pone el
   JS al celular de verdad, queda grabada en el HTML, y al reproducir manda
   la clase y no el mouse del que mira. */
@media (hover:hover) and (pointer:fine){
  html:not(.np-dueno):not(.np-movil) #landing-shapeher-top{display:none !important}
}
/* En PC, cuando el dueño des-oculta la landing, las secciones .revela deben
   verse SIN depender del JS de reveal (que en PC no dispara bien). */
@media (hover:hover) and (pointer:fine){
  #landing-shapeher-top .revela{opacity:1 !important; transform:none !important; filter:none !important}
}
/* En PC el tema Horizon encierra la pagina: a partir de 990px pone
     html:has(.page-wrapper), html:has(.page-wrapper) body { height:100dvh; overflow:hidden }
   y hace el scroll por dentro de .page-wrapper. Con la landing abierta eso
   dejaba la pagina trabada en la primera pantalla: no bajaba, y como las
   fotos son lazy nunca entraban en vista -> nunca cargaban -> las secciones
   quedaban en alto 0 (se veia solo el hero). Cuando el dueño abre la landing
   le devolvemos el scroll normal a la pagina. */
html.np-dueno,
html.np-dueno body,
html.np-dueno .page-wrapper{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

/* La tira de fotos y las fajas, sobre el fondo de la landing.

   Va con var(--fondo, ...) y no con el color pelado a proposito: este
   bloque se pega DESPUES del CSS del proyecto, asi que un color fijo
   aqui le ganaba a cualquier seccion que quisiera otro fondo. Una
   landing que alterna secciones claras y oscuras solo tiene que
   redefinir --fondo en la seccion; el respaldo se usa cuando la
   landing no declara el token. */
#landing-shapeher-top .tira, #landing-shapeher-top .faja{background:var(--fondo,#FFFFFF)}
#np-comprar{scroll-margin-top:90px; display:block; height:0}
#landing-shapeher-top .np-respiro{height:80px}

#landing-shapeher-top .np-variantes{padding-top:22px; padding-bottom:28px}
#landing-shapeher-top .np-opcion{margin-bottom:20px}

/* insignia de viral: una sola linea, logos reales, sin quiebres.
   Los colores NO son suyos: los toma de las variables de cada
   landing (superficie, borde, tinta), asi combina con cualquier
   sistema, claro u oscuro. */
#landing-shapeher-top .np-viral{
  display:flex; align-items:center; justify-content:center;
  flex-wrap:nowrap; white-space:nowrap; gap:8px;
  width:fit-content; max-width:100%;
  margin:0 auto 14px; padding:8px 16px; border-radius:999px;
  background:var(--superficie, #fff);
  border:1px solid var(--borde, rgba(0,0,0,.15));
  box-shadow:0 4px 14px rgba(0,0,0,.10);
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:13px; color:var(--tinta, #222);
}
#landing-shapeher-top .np-viral__fuego{font-size:14px; line-height:1}
#landing-shapeher-top .np-viral__texto{
  font-weight:600; opacity:.85; letter-spacing:.02em;
}
#landing-shapeher-top .np-viral__red{
  display:inline-flex; align-items:center; gap:5px;
  font-weight:800; letter-spacing:.01em;
}
#landing-shapeher-top .np-viral__red + .np-viral__red{
  margin-left:2px; padding-left:10px;
  border-left:1px solid var(--borde, rgba(0,0,0,.18));
}
#landing-shapeher-top .np-viral__red svg{display:block; flex:0 0 auto}

@media (max-width:380px){
  #landing-shapeher-top .np-viral{font-size:12px; padding:7px 12px; gap:6px}
}

/* estrellas + ventas, arriba del precio.
   Las estrellas van en DORADO, no en el color del boton: en las landings
   de fondo oscuro y boton rojo se perdian contra el fondo y ensuciaban.
   El dorado es color de estrella en todos lados y sube el nivel. */
#landing-shapeher-top .np-social{
  display:flex; align-items:center; gap:8px; margin:0; min-width:0;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
}
#landing-shapeher-top .np-estrellas{
  color:#F0B429; font-size:13px; letter-spacing:1px; line-height:1;
  white-space:nowrap; flex:0 0 auto;   /* nunca se parten en dos renglones */
}
#landing-shapeher-top .np-social__texto{
  font-size:12.5px; color:var(--tinta-suave); letter-spacing:.005em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#landing-shapeher-top .np-social__texto b{color:var(--tinta); font-weight:800}
#landing-shapeher-top .np-opcion__nombre{
  display:block; margin-bottom:8px;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:12px; font-weight:700; letter-spacing:.13em;
  text-transform:uppercase; color:var(--oro);
}
/* --- color: cuadritos con el tono real --- */
#landing-shapeher-top .np-muestras{display:flex; gap:14px; flex-wrap:wrap}
#landing-shapeher-top .np-muestra{
  position:relative; cursor:pointer; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:7px;
}
#landing-shapeher-top .np-muestra input{position:absolute; opacity:0; pointer-events:none}
#landing-shapeher-top .np-muestra__tono{
  display:block; width:58px; height:58px; border-radius:14px;
  border:2px solid var(--borde,rgba(46,52,64,.12));
  box-shadow:inset 0 -8px 14px rgba(0,0,0,.10), 0 3px 10px rgba(46,52,64,.10);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  background:#D9D9D9;
}
#landing-shapeher-top .np-muestra__nombre{
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:12.5px; font-style:normal; color:var(--tinta-suave);
  transition:color .18s ease, font-weight .18s ease;
}
#landing-shapeher-top .np-muestra input:checked + .np-muestra__tono{
  border-color:var(--boton); transform:scale(1.06);
  box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--boton), inset 0 -8px 14px rgba(0,0,0,.10);
}
#landing-shapeher-top .np-muestra input:checked ~ .np-muestra__nombre{
  color:var(--tinta); font-weight:700;
}
#landing-shapeher-top .np-muestra__tono[data-tono="palo-de-rosa"]{background:#C18B87}
#landing-shapeher-top .np-muestra__tono[data-tono="azul"]{background:#5D7091}
#landing-shapeher-top .np-muestra__tono[data-tono="crema"]{background:#EDE2CE}
#landing-shapeher-top .np-muestra__tono[data-tono="gris"]{background:#5E5E5E}
#landing-shapeher-top .np-muestra__tono[data-tono="cafe"]{background:#B5722F}
#landing-shapeher-top .np-muestra__tono[data-tono="blanco"]{background:#F6F4EF}
#landing-shapeher-top .np-muestra__tono[data-tono="rojo"]{background:#B8272E}
#landing-shapeher-top .np-muestra__tono[data-tono="negro"]{background:#1C1C1C}
#landing-shapeher-top .np-muestra__tono[data-tono="beige"]{background:#D9C7A7}
#landing-shapeher-top .np-muestra__tono[data-tono="miel"]{background:#C68A3F}
#landing-shapeher-top .np-muestra__tono[data-tono="rosado"]{background:#E8A2B8}
#landing-shapeher-top .np-muestra__tono[data-tono="verde"]{background:#4E7A44}
#landing-shapeher-top .np-muestra__tono[data-tono="vinotinto"]{background:#6E1F2C}

/* --- talla: selector de borde a borde --- */
#landing-shapeher-top .np-tallas{
  display:grid; gap:0; width:100%;
  border:1.5px solid var(--borde,#D5DCE4); border-radius:14px;
  overflow:hidden; background:var(--superficie,#fff);
  align-items:stretch;
}
#landing-shapeher-top .np-talla{position:relative; cursor:pointer; display:flex}
#landing-shapeher-top .np-talla input{position:absolute; opacity:0; pointer-events:none}
#landing-shapeher-top .np-talla + .np-talla span{border-left:1.5px solid var(--borde,#D5DCE4)}
#landing-shapeher-top .np-talla span{
  display:flex; align-items:center; justify-content:center;
  width:100%; min-height:56px; padding:12px 10px; text-align:center;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:15.5px; font-weight:700; color:var(--tinta);
  line-height:1.25; hyphens:none; word-break:normal;
  transition:background .18s ease, color .18s ease;
}
#landing-shapeher-top .np-talla input:checked + span{
  background:var(--boton); color:#fff; border-left-color:var(--boton);
}
#landing-shapeher-top .np-talla input:disabled + span{
  opacity:.32; text-decoration:line-through; cursor:not-allowed;
}
/* Nombre del producto, justo encima del precio. Hereda la tipografia de
   titulares de cada landing (la serif en las que la usan), para que no
   se vea como un texto pegado sino como parte del diseno. */
/* Nombre del producto. Hereda la tipografia de titulares de la landing
   (la serif donde la haya) para que se lea como parte del diseno y no
   como un texto del sistema pegado encima del precio. */
/* Dos renglones: arriba nombre + precio, abajo estrellas + tachado. */
#landing-shapeher-top .np-cabecera{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin:0 0 4px;
}
#landing-shapeher-top .np-cabecera--sec{
  align-items:center; margin:0 0 16px;
}
#landing-shapeher-top .np-titulo{
  /* cada landing puede fijar --fuente-titulo en su :root; si no la define,
     se queda con la del sistema como hasta ahora */
  font-family:var(--fuente-titulo, system-ui,-apple-system,'Segoe UI',sans-serif);
  font-size:clamp(21px,5.8vw,27px); line-height:1.1; font-weight:800;
  color:var(--tinta); letter-spacing:-.015em; margin:0;
  text-transform:none; flex:1 1 auto; min-width:0;
}
/* PRECIO: el ancla de la pagina. Se le da aire y una jerarquia clara:
   el "antes" chiquito y apagado arriba, el precio grande solo, y el
   descuento como una ficha discreta al lado. Antes iban los tres al
   mismo nivel peleandose. */
/* El precio, pegado a la derecha: el numero grande arriba y debajo, en
   una sola linea, el tachado y el descuento. */
#landing-shapeher-top .np-precio{
  flex:0 0 auto; margin:0; padding:0;
  display:flex; align-items:center; justify-content:flex-end;
  gap:8px; max-width:100%;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
}
/* el precio vive en el primer renglon, al frente del nombre */
#landing-shapeher-top .np-precio__ahora{
  flex:0 0 auto; text-align:right; white-space:nowrap;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:clamp(28px,7.8vw,36px); font-weight:900;
  color:var(--tinta); letter-spacing:-.028em; line-height:1;
}
#landing-shapeher-top .np-precio__antes{
  font-size:13.5px; color:var(--tinta-suave);
  text-decoration:line-through; text-decoration-thickness:1px; opacity:.75;
}
/* La ficha del descuento va RELLENA: en contorno se perdia contra el
   fondo oscuro. Rellena se ve de una y sigue siendo chica. */
#landing-shapeher-top .np-precio__ahorro{
  align-self:center;
  background:var(--boton); color:#fff;
  padding:3.5px 10px; border-radius:8px;
  font-size:12.5px; font-weight:900; letter-spacing:.02em;
  box-shadow:0 3px 10px rgba(0,0,0,.35);
}

/* la seccion de compra fija su padding horizontal para poder sangrar la banda */
#landing-shapeher-top .np-variantes{padding-left:22px; padding-right:22px}

/* CONTADOR STICKY: barra de oferta que sigue toda la landing */
#landing-shapeher-top .np-cuenta__hueco{height:48px}
#landing-shapeher-top .np-cuenta{
  position:fixed; top:0; left:50%; transform:translateX(-50%); z-index:9500;
  width:100%; max-width:560px; height:48px; overflow:hidden;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:0 13px;
  background:
    radial-gradient(120% 180% at 0% 0%, rgba(255,255,255,.16), rgba(255,255,255,0) 45%),
    linear-gradient(90deg, #111111 0%, #000000 100%);
  color:#fff; font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  box-shadow:0 4px 20px rgba(0,0,0,.24);
  border-bottom:1px solid rgba(255,255,255,.18);
}
/* brillo que barre la banda */
#landing-shapeher-top .np-cuenta::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(105deg, transparent 34%, rgba(255,255,255,.30) 50%, transparent 66%);
  transform:translateX(-120%); animation:np-brillo 5.5s ease-in-out infinite;
}
@keyframes np-brillo{ 0%,55%{transform:translateX(-120%)} 100%{transform:translateX(120%)} }
@media (prefers-reduced-motion:reduce){ #landing-shapeher-top .np-cuenta::after{animation:none; display:none} }

/* zona izquierda: la oferta */
#landing-shapeher-top .np-cuenta__deal{display:inline-flex; align-items:center; gap:8px; position:relative; z-index:1; min-width:0}
#landing-shapeher-top .np-cuenta__rayo{
  width:23px; height:23px; flex:0 0 auto; padding:4px; border-radius:50%;
  background:rgba(255,255,255,.18); filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));
}
#landing-shapeher-top .np-cuenta__precio{display:inline-flex; align-items:baseline; gap:5px; white-space:nowrap; flex:0 0 auto}
#landing-shapeher-top .np-cuenta__antes{font-size:11px; opacity:.72; text-decoration:line-through}
#landing-shapeher-top .np-cuenta__ahora{font-size:15.5px; font-weight:900; letter-spacing:-.02em}
#landing-shapeher-top .np-cuenta__desc{
  background:var(--superficie,#fff); color:var(--boton-hondo);
  padding:3px 8px; border-radius:7px; font-weight:900; font-size:13px; line-height:1.1;
  letter-spacing:-.02em; box-shadow:0 2px 7px rgba(0,0,0,.22); flex:0 0 auto;
}
#landing-shapeher-top .np-cuenta__envio{
  font-weight:800; font-size:11px; line-height:1.1; text-transform:uppercase;
  letter-spacing:.02em; white-space:nowrap;
}
#landing-shapeher-top .np-cuenta__envio b{color:#FFE9B0; font-weight:900}
/* segunda linea: dice que la oferta no se repite, no solo que hay reloj */
#landing-shapeher-top .np-cuenta__envio em{
  display:block; font-style:normal; font-size:8.5px; font-weight:700;
  opacity:.82; letter-spacing:.06em;
}
/* zona derecha: el cronometro en fichas */
#landing-shapeher-top .np-cuenta__timer{display:inline-flex; align-items:center; gap:4px; position:relative; z-index:1; flex:0 0 auto}
#landing-shapeher-top .np-cuenta__reloj-ico{width:15px; height:15px; opacity:.85; margin-right:2px}
/* "Termina en" al lado del reloj: sin esto el cronometro no decia de que */
#landing-shapeher-top .np-cuenta__termina{
  font-size:8.5px; font-weight:800; line-height:1.05; text-transform:uppercase;
  letter-spacing:.04em; opacity:.9; text-align:right; margin-right:4px;
}
#landing-shapeher-top .np-cuenta__tile{
  background:rgba(0,0,0,.32); color:#fff; font-weight:900; font-size:15.5px; line-height:1;
  font-variant-numeric:tabular-nums; padding:6px 6px; border-radius:6px; min-width:28px; text-align:center;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.16);
}
#landing-shapeher-top .np-cuenta__colon{font-weight:900; font-size:15px; opacity:.9; animation:np-parpadeo 1s step-end infinite}
@keyframes np-parpadeo{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){#landing-shapeher-top .np-cuenta__colon{animation:none}}
/* en celular sobra el tachado (el -32% ya dice el descuento): se oculta
   para que "Envío GRATIS" y el reloj nunca se monten. Solo vuelve en anchos. */
@media (max-width:479px){ #landing-shapeher-top .np-cuenta__antes{display:none} }
@media (max-width:369px){ #landing-shapeher-top .np-cuenta__envio{display:none} }

/* BANDA DE URGENCIA a todo el ancho. Va separada del precio: antes
   quedaba pegada debajo y los dos bloques se leian como uno solo. */
#landing-shapeher-top .np-urgencia{
  display:flex; align-items:center; justify-content:center; gap:9px;
  margin:6px -22px 20px; padding:11px 16px;
  background:linear-gradient(90deg,
    rgba(17,17,17,.08) 0%, rgba(17,17,17,.16) 50%, rgba(17,17,17,.08) 100%);
  border-top:1px solid rgba(17,17,17,.20);
  border-bottom:1px solid rgba(17,17,17,.20);
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:13px; color:var(--tinta); text-align:center;
}
/* el numero de gente viendo va en BLANCO: en el color de marca se perdia
   contra la banda, que ya es de ese mismo tono */
#landing-shapeher-top .np-urgencia b{color:var(--tinta); font-weight:900}
/* el monito toma el color del texto: claro en landing oscura, oscuro
   en landing clara. Con el rojo de marca se perdia sobre el vino. */
#landing-shapeher-top .np-gente{width:18px; height:18px; color:var(--tinta); flex:0 0 auto}
#landing-shapeher-top .np-vivo{
  width:9px; height:9px; border-radius:50%; background:#2ECC40; flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(46,204,64,.55);
  animation:np-vivo-pulso 1.7s ease-out infinite;
}
@keyframes np-vivo-pulso{
  0%{box-shadow:0 0 0 0 rgba(46,204,64,.55)}
  70%{box-shadow:0 0 0 9px rgba(46,204,64,0)}
  100%{box-shadow:0 0 0 0 rgba(46,204,64,0)}
}
@media (prefers-reduced-motion:reduce){ #landing-shapeher-top .np-vivo{animation:none} }
#landing-shapeher-top .np-lote{margin:14px auto 0; max-width:360px; text-align:center}
#landing-shapeher-top .np-stock{
  height:4px; border-radius:999px; margin:0 0 7px;
  background:var(--borde,var(--borde,#D5DCE4)); overflow:hidden;
}
#landing-shapeher-top .np-stock__fill{
  height:100%; border-radius:999px;
  background:linear-gradient(90deg, #111111, #000000);
  transition:width 1.1s cubic-bezier(.22,.61,.36,1);
}
/* AVISO DE LOTE: tiene que verse. El numero baja solo mientras el
   cliente lee, en una caja que no se puede pasar por alto. */
#landing-shapeher-top .np-stock__aviso{
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  margin:0 auto; padding:7px 14px; border-radius:999px;
  background:
    radial-gradient(120% 180% at 0% 0%, rgba(255,255,255,.10), rgba(255,255,255,0) 55%),
    linear-gradient(100deg, rgba(17,17,17,.24) 0%, rgba(17,17,17,.08) 100%);
  border:1.5px solid rgba(17,17,17,.45);
  box-shadow:0 6px 20px rgba(0,0,0,.16);
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
}
/* un brillo cruza la caja cada tanto: la hace mirar sin gritar */
#landing-shapeher-top .np-stock__aviso::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(105deg, transparent 36%, rgba(255,255,255,.22) 50%, transparent 64%);
  transform:translateX(-120%); animation:np-brillo-stock 6s ease-in-out infinite;
}
@keyframes np-brillo-stock{ 0%,58%{transform:translateX(-120%)} 100%{transform:translateX(120%)} }
@media (prefers-reduced-motion:reduce){ #landing-shapeher-top .np-stock__aviso::after{display:none} }
/* el numero va en su propia ficha roja: se lee de lejos */
#landing-shapeher-top .np-stock__num{
  flex:0 0 auto; min-width:28px; height:auto; padding:2px 8px;
  display:flex; align-items:center; justify-content:center;
  border-radius:6px; position:relative; z-index:1;
  background:linear-gradient(135deg, var(--boton) 0%, var(--boton-hondo) 100%);
  color:#fff; font-size:15px; font-weight:800; line-height:1.3;
  letter-spacing:-.03em; font-variant-numeric:tabular-nums;
  box-shadow:0 5px 16px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.22);
}
#landing-shapeher-top .np-stock__cuerpo{
  display:flex; flex-direction:row; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; min-width:0;
  position:relative; z-index:1;
}
#landing-shapeher-top .np-stock__txt{
  font-size:11.5px; font-weight:600; color:var(--tinta); line-height:1.3;
}
#landing-shapeher-top .np-stock__baja{
  font-size:10.5px; font-weight:600; color:var(--boton);
  opacity:0; transition:opacity .35s ease;
}
#landing-shapeher-top .np-stock__baja.visible{opacity:1}
#landing-shapeher-top .np-stock__baja::before{content:'● '; font-size:8px; vertical-align:middle}

/* RESUMEN DE CALIFICACION: siempre en la seccion de reseñas.

   La tarjeta se pinta sobre una superficie CLARA. En una landing oscura el
   --tinta de la pagina es casi blanco, y el "4.8" y los porcentajes salian
   blancos sobre blanco: se veia una tarjeta vacia con dos barras rojas
   flotando. Por eso declara aqui sus propios tonos de texto y deja de
   depender de los de la pagina. Si una landing quiere la tarjeta oscura,
   redefine --superficie Y estos dos. */
#landing-shapeher-top .np-rating{
  --tinta:#16181C; --tinta-suave:#6B7280;
  background:var(--superficie,#fff); border:1px solid var(--borde,var(--borde,#D5DCE4));
  border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,.07);
  padding:18px 18px 15px; margin:0 auto 18px; max-width:440px; text-align:left;
}
#landing-shapeher-top .np-rating__score{display:flex; align-items:center; gap:13px; margin-bottom:14px}
#landing-shapeher-top .np-rating__score > b{font-size:44px; font-weight:900; line-height:.85; letter-spacing:-.03em; color:var(--tinta)}
#landing-shapeher-top .np-rating__stars{color:#F5A623; font-size:16px; letter-spacing:2px}
#landing-shapeher-top .np-rating__base{display:block; font-size:11.5px; color:var(--tinta-suave); margin-top:4px}
#landing-shapeher-top .np-rating__bars{display:grid; gap:6px}
#landing-shapeher-top .np-rating__row{display:grid; grid-template-columns:28px 1fr 36px; align-items:center; gap:9px; font-size:11px; color:var(--tinta-suave)}
#landing-shapeher-top .np-rating__lbl{color:var(--tinta); font-weight:700; white-space:nowrap}
/* Las barras: riel parejo y relleno con un minimo de ancho. Sin el minimo,
   la fila del 1% dibujaba una raya de dos pixeles que parecia un error. */
#landing-shapeher-top .np-rating__track{height:7px; border-radius:999px; background:rgba(22,24,28,.10); overflow:hidden}
#landing-shapeher-top .np-rating__track b{display:block; height:100%; min-width:0; border-radius:999px; background:var(--boton)}
#landing-shapeher-top .np-rating__track b[style="width:0%"]{background:transparent}
#landing-shapeher-top .np-rating__row em{text-align:right; font-variant-numeric:tabular-nums; font-style:normal}
#landing-shapeher-top .np-rating__hi{
  margin-top:14px; display:flex; align-items:center; gap:11px;
  background:rgba(17,17,17,.07); border:1px solid rgba(17,17,17,.18);
  border-radius:12px; padding:11px 13px; font-size:13px; color:var(--tinta);
  text-align:left; line-height:1.3;
}
#landing-shapeher-top .np-rating__hi-ico{
  width:27px; height:27px; border-radius:50%; background:var(--boton); flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 7px rgba(17,17,17,.35);
}
#landing-shapeher-top .np-rating__hi-ico svg{width:15px; height:15px; stroke:#fff; fill:none; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round}
#landing-shapeher-top .np-rating__hi b{color:var(--boton-hondo); font-weight:800}
#landing-shapeher-top .np-rating__hi .pct{font-size:16px; font-weight:900}

/* precio por pack dentro del selector: que se vea que el pack es negocio */
#landing-shapeher-top .np-talla span{flex-direction:column; gap:3px}
#landing-shapeher-top .np-talla__precio{
  font-size:12.5px; font-weight:800; opacity:.85; letter-spacing:-.01em;
}
#landing-shapeher-top .np-talla__unidad{
  font-size:10px; font-weight:600; opacity:.6;
}

/* ============================================================
   BUNDLES QUE SE VEN
   ------------------------------------------------------------
   El pack deja de ser un recuadrito de texto: cada opcion es una
   tarjeta con la foto real de ESE pack (uno, dos o tres botes),
   su precio, lo que sale la unidad y el ahorro. La elegida se
   marca con el color de la marca y un check.
   ============================================================ */
/* los packs plegados: se ve el elegido, el resto se abre al tocar */
#landing-shapeher-top .np-packs-fold{
  border:1.5px solid var(--borde,rgba(0,0,0,.16)); border-radius:16px;
  background:var(--superficie,#fff); overflow:hidden;
  box-shadow:0 3px 12px rgba(0,0,0,.07);
}
#landing-shapeher-top .np-packs-fold__resumen{
  list-style:none; cursor:pointer; padding:13px 15px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
}
#landing-shapeher-top .np-packs-fold__resumen::-webkit-details-marker{display:none}
#landing-shapeher-top .np-packs-fold__izq{display:flex; align-items:center; gap:11px; min-width:0}
#landing-shapeher-top .np-packs-fold__foto{
  flex:0 0 auto; width:46px; height:46px; border-radius:10px; overflow:hidden;
  background:rgba(127,127,127,.10); display:flex; align-items:center; justify-content:center;
}
#landing-shapeher-top .np-packs-fold__foto img{width:100%; height:100%; object-fit:cover; display:block}
#landing-shapeher-top .np-packs-fold__txt{display:flex; flex-direction:column; gap:2px; min-width:0}
#landing-shapeher-top .np-packs-fold__elegido{
  font-size:15.5px; font-weight:800; color:var(--tinta); line-height:1.2;
}
#landing-shapeher-top .np-packs-fold__elegido b{color:var(--boton)}
/* solo el triangulo, grandecito: el "Cambiar" sobraba */
#landing-shapeher-top .np-packs-fold__cambiar{
  flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; color:var(--boton);
}
#landing-shapeher-top .np-packs-fold__cambiar::after{content:'▾'; font-size:22px; line-height:1}
#landing-shapeher-top .np-packs-fold[open] .np-packs-fold__cambiar::after{content:'▴'}

/* el texto del resumen NUNCA cambia de color: ni al tocar, ni abierto.
   El tema le metia su color de hover al summary y se veia negro. */
#landing-shapeher-top .np-packs-fold__resumen,
#landing-shapeher-top .np-packs-fold__resumen:hover,
#landing-shapeher-top .np-packs-fold__resumen:active,
#landing-shapeher-top .np-packs-fold[open] .np-packs-fold__resumen{
  color:var(--tinta) !important; background:transparent !important;
}
#landing-shapeher-top .np-packs-fold__elegido,
#landing-shapeher-top .np-packs-fold__resumen:hover .np-packs-fold__elegido,
#landing-shapeher-top .np-packs-fold__resumen:active .np-packs-fold__elegido{
  color:var(--tinta) !important;
}

/* insignia "Mas elegido" tambien en el resumen plegado */
#landing-shapeher-top .np-packs-fold__mini-cinta{
  display:inline-block; margin-left:7px; padding:2px 8px; border-radius:999px;
  background:var(--boton); color:#fff; vertical-align:middle;
  font-size:9.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
}
#landing-shapeher-top .np-packs-fold[open] .np-packs-fold__resumen{
  border-bottom:1px solid var(--borde,rgba(0,0,0,.12));
}
#landing-shapeher-top .np-packs-fold .np-packs{padding:12px 12px 14px}

/* Tarjetas de pack COMPACTAS: con tres ofertas a la vista ocupaban
   media pantalla y empujaban el boton fuera de vista. Se achico la foto,
   el relleno y el espacio entre tarjetas, sin tocar los tamanos de
   precio (que son los que tienen que leerse de lejos). */
#landing-shapeher-top .np-packs{display:grid; gap:8px}
#landing-shapeher-top .np-pack{position:relative; cursor:pointer; display:block}
#landing-shapeher-top .np-pack input{position:absolute; opacity:0; pointer-events:none}
#landing-shapeher-top .np-pack__caja{
  position:relative; display:flex; align-items:center; gap:10px;
  padding:8px 12px 8px 8px; border-radius:13px;
  background:var(--superficie,#fff);
  border:2px solid var(--borde,rgba(0,0,0,.14));
  box-shadow:0 4px 16px rgba(0,0,0,.10);
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
#landing-shapeher-top .np-pack__foto{
  flex:0 0 auto; width:62px; height:62px; border-radius:10px;
  overflow:hidden; background:rgba(127,127,127,.10);
  display:flex; align-items:center; justify-content:center;
}
#landing-shapeher-top .np-pack__foto img{
  width:100%; height:100%; object-fit:cover; display:block;
}
#landing-shapeher-top .np-pack__cuerpo{
  flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:1px;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif; text-align:left;
}
#landing-shapeher-top .np-pack__nombre{
  font-size:14px; font-weight:800; color:var(--tinta); letter-spacing:-.01em;
  line-height:1.15;
}
#landing-shapeher-top .np-pack__precios{display:flex; align-items:baseline; gap:7px; flex-wrap:wrap}
#landing-shapeher-top .np-pack__ahora{
  font-size:18px; font-weight:900; color:var(--tinta); letter-spacing:-.02em;
}
#landing-shapeher-top .np-pack__antes{
  font-size:11.5px; color:var(--tinta-suave); text-decoration:line-through;
}
#landing-shapeher-top .np-pack__unidad{
  font-size:11.5px; font-weight:700; color:var(--boton);
}
/* Oferta unica: no hay nada que elegir, asi que la ficha no se comporta
   como boton (ni cursor de mano, ni levantarse al estar "elegida"). */
#landing-shapeher-top .np-pack--solo{cursor:default}
#landing-shapeher-top .np-pack--solo .np-pack__caja{
  border-color:var(--boton);
  box-shadow:0 8px 24px rgba(0,0,0,.14);
  transform:none !important;
}
/* sello de envio gratis dentro de la tarjeta de oferta */
#landing-shapeher-top .np-pack__envio{
  display:inline-flex; align-items:center; gap:4px; align-self:flex-start;
  margin-top:2px; padding:2px 8px 2px 6px; border-radius:999px;
  background:rgba(46,160,90,.12); color:#1E7A45;
  font-size:10.5px; font-weight:800; letter-spacing:.01em; line-height:1.25;
}
#landing-shapeher-top .np-pack__envio svg{
  width:14px; height:14px; flex:0 0 auto;
  stroke:#1E7A45; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}
#landing-shapeher-top .np-pack__envio svg circle{fill:#1E7A45; stroke:none}

/* Regalo que solo trae ese pack (por ejemplo las membresias que vienen con
   el de dos unidades). Sale del metacampo custom.regalo de la variante, asi
   que cada producto pone el suyo y ninguno lo inventa. */
#landing-shapeher-top .np-pack__regalo{
  display:inline-flex; align-items:center; gap:4px; align-self:flex-start;
  margin-top:3px; padding:2px 8px 2px 6px; border-radius:999px;
  background:rgba(214,158,46,.14); color:#B7791F;
  font-size:10.5px; font-weight:800; letter-spacing:.01em; line-height:1.25;
}
#landing-shapeher-top .np-pack__regalo svg{
  width:13px; height:13px; flex:0 0 auto;
  stroke:#B7791F; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}

/* El formulario de pedido va SIN selector de cantidad: la cantidad la
   define el pack que eligio arriba. Dejar el +/- confundia y permitia
   pedir cantidades que no cuadran con la oferta mostrada. */
#landing-shapeher-top .np-cantidad,
#landing-shapeher-top quantity-selector,
#landing-shapeher-top .quantity,
#landing-shapeher-top .quantity__input,
#landing-shapeher-top .product-form__quantity,
#landing-shapeher-top [class*="quantity-selector"],
#landing-shapeher-top [class*="qty-selector"]{display:none !important}
/* OJO: antes aqui se escondia TODO lo que tuviera "quantity" dentro del
   formulario de Releasit, para matar el +/-. El problema es que la
   TARJETA DE OFERTA de Releasit se llama rsi-quantity-product (y sus
   partes rsi-quantity-title / -price / -plaque): caian en la misma red y
   la oferta desaparecia del formulario. Ahora no se esconde nada de ahi:
   se ve la tarjeta de oferta con su precio tachado y sus insignias, y el
   cliente puede ver la cantidad (1) y cambiarla si quiere. */
/* el circulo que marca cual esta elegido */
#landing-shapeher-top .np-pack__marca{
  flex:0 0 auto; width:23px; height:23px; border-radius:50%;
  border:2px solid var(--borde,rgba(0,0,0,.22)); position:relative;
  transition:border-color .18s ease, background .18s ease;
}
#landing-shapeher-top .np-pack input:checked + .np-pack__caja{
  border-color:var(--boton);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  transform:translateY(-1px);
}
#landing-shapeher-top .np-pack input:checked + .np-pack__caja .np-pack__marca{
  background:var(--boton); border-color:var(--boton);
}
#landing-shapeher-top .np-pack input:checked + .np-pack__caja .np-pack__marca::after{
  content:''; position:absolute; left:7px; top:3px;
  width:5px; height:10px; border:solid #fff; border-width:0 2.4px 2.4px 0;
  transform:rotate(45deg);
}
/* cinta del pack recomendado */
#landing-shapeher-top .np-pack__cinta{
  position:absolute; top:-10px; right:12px; z-index:2;
  background:var(--boton); color:#fff;
  padding:3px 11px; border-radius:999px;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  box-shadow:0 3px 10px rgba(0,0,0,.28);
}
/* Cinta de urgencia (ultimo pack): opcional, solo si el proyecto la pide.
   Va del MISMO color de marca que la de "Mas elegido": antes iba en rojo
   fijo y en las landings rosadas/doradas chocaba, se veian dos rojos
   distintos peleando en la misma pantalla. */
#landing-shapeher-top .np-pack__cinta--urgente{
  background:var(--boton);
}
@media (max-width:360px){
  #landing-shapeher-top .np-pack__foto{width:70px; height:70px}
  #landing-shapeher-top .np-pack__nombre{font-size:14.5px}
  #landing-shapeher-top .np-pack__ahora{font-size:17.5px}
}

/* estrella "vacia" para las reseñas que no son 5 perfectas */
#landing-shapeher-top [class$="__estrellas"] .v{opacity:.30}
#landing-shapeher-top [class$="__fecha"]{
  color:var(--tinta-suave); font-size:11px; margin-top:-2px; margin-bottom:7px;
}

/* barra de compra fija: sigue al cliente con precio + boton */
/* El 29% de los que tocan el boton lo tocan DOS Y TRES VECES seguidas, con
   0 segundos entre toque y toque: tocan, no ven ninguna respuesta y vuelven
   a tocar. Cada toque de mas cuenta como un pago iniciado, y el que repite
   casi nunca compra. Aqui el boton contesta al dedo al instante. */
#landing-shapeher-top a.boton[data-abriendo],
#landing-shapeher-top .np-barra a[data-abriendo],
#landing-shapeher-top .np-barra button[data-abriendo]{
  pointer-events:none; opacity:.72; position:relative}
#landing-shapeher-top a.boton[data-abriendo]::after,
#landing-shapeher-top .np-barra a[data-abriendo]::after,
#landing-shapeher-top .np-barra button[data-abriendo]::after{
  content:''; position:absolute; right:16px; top:50%; margin-top:-9px;
  width:18px; height:18px; border:2px solid rgba(255,255,255,.35);
  border-top-color:#fff; border-radius:50%; animation:npGira .7s linear infinite}
@keyframes npGira{to{transform:rotate(360deg)}}

#landing-shapeher-top .np-barra{
  position:fixed; left:50%; bottom:0; z-index:9000;
  transform:translateX(-50%) translateY(125%);
  width:100%; max-width:560px;
  display:flex; align-items:center; gap:12px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:var(--superficie,#fff);
  border-top:1px solid var(--borde,var(--borde,#D5DCE4));
  box-shadow:0 -8px 26px rgba(0,0,0,.14);
  transition:transform .4s cubic-bezier(.22,.61,.36,1);
}
#landing-shapeher-top .np-barra.visible{transform:translateX(-50%) translateY(0)}
#landing-shapeher-top .np-barra__precio{line-height:1.12; flex:0 0 auto}
#landing-shapeher-top .np-barra__antes{
  display:block; font-size:11px; color:var(--tinta-suave); text-decoration:line-through;
}
#landing-shapeher-top .np-barra__ahora{display:block; font-size:18px; font-weight:900; color:var(--tinta)}
#landing-shapeher-top .np-barra__cta{
  flex:1; text-align:center; text-decoration:none;
  padding:14px 16px; border-radius:999px;
  color:#fff !important; font-weight:800; font-size:15.5px; line-height:1.2;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  background:linear-gradient(135deg, #111111 0%, #000000 100%);
  box-shadow:0 8px 20px rgba(17,17,17,.42);
}
#landing-shapeher-top .np-agotado{
  display:none; margin-top:12px; padding:10px 14px; border-radius:10px;
  background:#FDECEC; color:#A32B2B; border:1px solid #F2C2C2;
  font-family:system-ui,sans-serif; font-size:13.5px;
}
#landing-shapeher-top .np-agotado.visible{display:block}

/* ============================================================
   NUESTRO BOTON, QUE ES EL DE RELEASIT
   ------------------------------------------------------------
   Va dentro de un formulario de producto real, que es lo que
   Releasit busca para engancharse. No hay seccion de informacion
   de producto en ninguna parte.
   ============================================================ */
#landing-shapeher-top #np-form{margin-top:18px}

/* ------------------------------------------------------------
   UN SOLO BOTON.
   El nuestro existe solo para que Releasit se enganche: queda
   plegado, sin ocupar espacio. El que ve el cliente es el de
   Releasit, vestido con nuestro estilo (.np-boton-real, que le
   pone el JavaScript en cuanto la app lo dibuja).
   ------------------------------------------------------------ */
/* El nuestro queda PLEGADO (sr-only): existe solo para que Releasit se
   enganche. El que ve y toca el cliente es el de Releasit (.np-boton-real),
   que abre el popup COD. Igual que en las demas landings que funcionan. */
#landing-shapeher-top #np-boton{
  position:absolute !important; width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important; overflow:hidden !important;
  clip:rect(0 0 0 0) !important; white-space:nowrap !important; border:0 !important;
}
#landing-shapeher-top #np-boton.oculto{display:none !important}

/* mas esbelto: antes iba con 19px de relleno y se veia gordo */
#landing-shapeher-top .np-boton-real,
#landing-shapeher-top .np-boton-real button{
  display:block !important;
  width:100% !important; max-width:100% !important;
  margin:0 auto !important; padding:13px 20px !important;
  border:0 !important; border-radius:999px !important; cursor:pointer !important;
  background:linear-gradient(135deg, #111111 0%, #000000 100%) !important;
  color:#fff !important; text-align:center !important;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif !important;
  font-size:16.5px !important; font-weight:800 !important;
  letter-spacing:.01em !important; text-transform:none !important;
  line-height:1.3 !important;
  box-shadow:0 8px 20px rgba(17,17,17,.32) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
  animation:np-latido 2.6s ease-in-out infinite;
}
/* el subtexto del boton ("Envio gratis - Pagas al recibir") mas chico */
#landing-shapeher-top .np-boton-real small,
#landing-shapeher-top .np-boton-real span:not(:first-child){
  font-size:12px !important; font-weight:500 !important; opacity:.85 !important;
}
#landing-shapeher-top .np-boton-real:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 14px 32px rgba(17,17,17,.46) !important;
}
#landing-shapeher-top .np-boton-real:active{transform:translateY(0) !important}
#landing-shapeher-top .np-boton-real *{
  color:#fff !important; background:none !important;
  font-family:inherit !important;
}

/* Releasit a veces pega un icono de carrito junto al boton: fuera,
   tanto si quedo dentro de la pastilla como si quedo de hermano suelto. */
#landing-shapeher-top .np-boton-real svg, #landing-shapeher-top .np-boton-real img, #landing-shapeher-top .np-boton-real i,
#landing-shapeher-top :has(> .np-boton-real) > svg, #landing-shapeher-top :has(> .np-boton-real) > img, #landing-shapeher-top :has(> .np-boton-real) > i{
  display:none !important;
}

@keyframes np-latido{
  0%,100%{box-shadow:0 10px 26px rgba(17,17,17,.36)}
  50%{box-shadow:0 10px 34px rgba(17,17,17,.58)}
}
@media (prefers-reduced-motion:reduce){
  #landing-shapeher-top .np-boton-real{animation:none}
}

/* Red de seguridad: si por lo que sea quedara una seccion de
   informacion de producto del tema, no se ve. En plantillas JSON
   el id real es shopify-section-template--XXXX__main, no
   shopify-section-main. Por eso el selector va por el final. */
[id^="shopify-section-"][id$="__main"],
[id^="shopify-section-"][id$="__related-products"]{display:none !important}

/* Cabecera y pie DEL TEMA fuera: la landing es de venta directa y el
   menu, el buscador y el carrito del tema solo son fugas de conversion.
   Se apunta a los grupos de seccion de Shopify (header-group /
   footer-group), nunca a nuestro <footer>, que vive dentro del lienzo. */
.shopify-section-group-header-group,
.shopify-section-group-footer-group,
[id^="shopify-section-sections--"]{display:none !important}