/** Shopify CDN: Minification failed

Line 415:1 Unexpected "}"

**/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--cream:#FFFAF5;--surface:#F5EDE3;--crimson:#8C1D11;--brown:#56483B;--gold:#C9A96E;--gold-light:#E8D5B0;--text:#1A1410;--muted:#6B5B52;--muted-light:#9C8B82;--border:rgba(140,29,17,.12);--border-gold:rgba(201,169,110,.25)}
html{scroll-behavior:smooth;scroll-padding-top:0}
body{background:var(--cream);color:var(--text);font-family:'Montserrat',sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}

/* PRELOADER */
#preloader{position:fixed;inset:0;background:#0D0906;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;transition:opacity .9s ease,visibility .9s ease}
html:has(#preloader:not(.done)){overflow:hidden;position:fixed;width:100%;top:0}
#preloader.done{opacity:0;visibility:hidden;pointer-events:none}
.aml{position:relative;width:150px;height:150px}
.aml svg{width:100%;height:100%}
.r-outer{stroke:rgba(201,169,110,.2);stroke-width:.7;fill:none;animation:rpulse 3s ease-in-out infinite}
.r-mid{stroke:rgba(201,169,110,.45);stroke-width:.55;fill:none;animation:rpulse 3s ease-in-out infinite .5s}
.r-inner{stroke:rgba(201,169,110,.75);stroke-width:.45;fill:none;animation:rpulse 3s ease-in-out infinite 1s}
.a-gem{fill:none;stroke:rgba(201,169,110,.6);stroke-width:.55;animation:gemglow 2.2s ease-in-out infinite}
.a-center{fill:rgba(201,169,110,.12);stroke:rgba(201,169,110,.55);stroke-width:.45;animation:centpulse 2.5s ease-in-out infinite}
.o-dot{fill:#C9A96E;animation:odot 1.6s ease-in-out infinite}
.o-path{fill:none;stroke:rgba(201,169,110,.18);stroke-width:.35;stroke-dasharray:3 4;animation:orotate 9s linear infinite}
.o-path2{fill:none;stroke:rgba(201,169,110,.12);stroke-width:.28;stroke-dasharray:2 5;animation:orotate 13s linear infinite reverse}
.glow-r{fill:none;stroke:rgba(201,169,110,.08);stroke-width:14;animation:glowp 3.2s ease-in-out infinite}
.tri{fill:none;stroke:rgba(201,169,110,.35);stroke-width:.45;animation:trirot 16s linear infinite reverse}
.hex{fill:none;stroke:rgba(201,169,110,.25);stroke-width:.35;animation:hexc 11s linear infinite}
.part{fill:#C9A96E;opacity:0;animation:partfloat 4.2s ease-in-out infinite}
@keyframes rpulse{0%,100%{stroke-opacity:.3}50%{stroke-opacity:1}}
@keyframes gemglow{0%,100%{stroke-opacity:.35}50%{stroke-opacity:1}}
@keyframes centpulse{0%,100%{fill-opacity:.12;stroke-opacity:.55}50%{fill-opacity:.32;stroke-opacity:1}}
@keyframes odot{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes orotate{from{transform-origin:75px 75px;transform:rotate(0deg)}to{transform-origin:75px 75px;transform:rotate(360deg)}}
@keyframes glowp{0%,100%{stroke-opacity:.04}50%{stroke-opacity:.18}}
@keyframes trirot{from{transform-origin:75px 75px;transform:rotate(0deg)}to{transform-origin:75px 75px;transform:rotate(360deg)}}
@keyframes hexc{from{transform-origin:75px 75px;transform:rotate(0deg)}to{transform-origin:75px 75px;transform:rotate(360deg)}}
@keyframes partfloat{0%{opacity:0;transform:translateY(0)}30%{opacity:.8}100%{opacity:0;transform:translateY(-32px)}}
.ldr-brand{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:300;letter-spacing:.35em;color:rgba(201,169,110,.85);text-transform:uppercase;animation:bpulse 2s ease-in-out infinite}
.ldr-sub{font-size:10px;font-weight:400;letter-spacing:.2em;color:rgba(201,169,110,.4);text-transform:uppercase;margin-top:4px;text-align:center}
@keyframes bpulse{0%,100%{opacity:.7}50%{opacity:1}}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 48px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,250,245,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-gold);box-shadow:0 1px 20px rgba(0,0,0,.06)}
nav.scrolled{}
.nav-logo-wrap{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.nav-logo-img{width:44px;height:44px;object-fit:contain;filter:none!important;display:block;opacity:1!important;visibility:visible!important}

.nav-logo-text{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:var(--crimson);letter-spacing:.06em}
nav.scrolled .nav-logo-text{color:var(--crimson)}
.nav-links{display:flex;gap:28px;list-style:none;align-items:center}
.nav-links a{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--crimson);text-decoration:none;transition:color .3s}
nav.scrolled .nav-links a{color:var(--muted)}
.nav-links a:hover{color:var(--gold)!important}
.nav-cta{background:var(--crimson)!important;color:#fff!important;padding:9px 20px;border-radius:2px;font-size:10px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase;text-decoration:none;transition:all .25s;display:inline-block}
.nav-cta:hover{background:#6B1509!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(140,29,17,.35)}

/* HERO */
.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(155deg,#0D0906 0%,#1E0E08 45%,#2A1810 75%,#180C07 100%)}
.hero-bg{position:absolute;inset:0;background-image:url('https://pieldesal.com/cdn/shop/files/protec2.webp?v=1770404782');background-size:cover;background-position:center 30%;opacity:.2;animation:herodrift 22s ease-in-out infinite alternate}
@keyframes herodrift{0%{transform:scale(1.05)translateX(0)}100%{transform:scale(1.09)translateX(-1.5%)}}
.hero-ov{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,9,6,.25) 0%,rgba(13,9,6,.05) 35%,rgba(13,9,6,.72) 100%)}
.hero-content{position:relative;z-index:2;text-align:center;max-width:860px;padding:0 24px;opacity:0;animation:henter 1.3s ease .2s forwards}
@keyframes henter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.hero-eyebrow{font-family:'Pinyon Script',cursive;font-size:30px;color:var(--gold);display:block;margin-bottom:14px;opacity:.92}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(50px,8.5vw,100px);font-weight:300;color:var(--cream);line-height:.96;letter-spacing:-.01em;margin-bottom:6px}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero-sub{font-size:15px;font-weight:300;color:rgba(255,250,245,.68);letter-spacing:.07em;margin:28px auto 40px;line-height:1.85;max-width:560px}
.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:52px}
.btn-primary{background:var(--crimson);color:#fff;padding:15px 36px;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .3s;border:none;cursor:pointer;display:inline-block}
.btn-primary:hover{background:#6B1509;transform:translateY(-2px);box-shadow:0 8px 24px rgba(140,29,17,.4)}
.btn-outline{background:transparent;color:var(--cream);padding:14px 36px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;border:1px solid rgba(255,250,245,.3);transition:all .3s;display:inline-block}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.hero-trust{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;letter-spacing:.08em;color:rgba(255,250,245,.55);text-transform:uppercase}
.trust-item .dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0}

/* TRUST BAR */
.trust-bar{background:var(--brown);padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}
.tb-item{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,250,245,.82);white-space:nowrap}
.tb-icon{width:16px;height:16px;opacity:.65;flex-shrink:0}

/* SHARED */
.section{padding:92px 24px}
.section-inner{max-width:1120px;margin:0 auto}
.section-label{font-family:'Pinyon Script',cursive;font-size:26px;color:var(--gold);display:block;margin-bottom:10px;opacity:.88}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(34px,5vw,62px);font-weight:300;color:var(--crimson);line-height:1.05;margin-bottom:18px}
.section-title em{font-style:italic}
.section-body{font-size:15px;font-weight:300;color:var(--muted);line-height:1.88;max-width:600px}
.divider{width:44px;height:1px;background:var(--gold);margin:22px 0;opacity:.55}

/* REVEAL */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.rd1{transition-delay:.1s}.rd2{transition-delay:.2s}.rd3{transition-delay:.3s}.rd4{transition-delay:.4s}

/* COLLECTION */
.coleccion{background:var(--cream);padding:80px 0 100px}
.coleccion-header{text-align:center;padding:0 24px;margin-bottom:48px}
.coleccion .section-title{color:var(--crimson)}
.coleccion .section-label{color:var(--crimson)}
.coleccion .section-body{color:var(--muted);margin:0 auto;text-align:center}
.coleccion .divider{margin:22px auto;background:var(--crimson);opacity:.4}

/* FILTER TABS */
.filter-tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:0 24px;margin-bottom:48px}
.ftab{padding:7px 18px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(140,29,17,.2);border-radius:2px;color:var(--muted);cursor:pointer;transition:all .22s;background:transparent}
.ftab.active,.ftab:hover{border-color:var(--crimson);color:var(--cream);background:var(--crimson)}

/* PRODUCT SHOWCASE */
.products-container{padding:0 16px;max-width:1400px;margin:0 auto}
.product-showcase{display:none;animation:prodenter .4s ease forwards}
.product-showcase.active{display:grid;grid-template-columns:1fr 1fr;gap:0}
@keyframes prodenter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* GALLERY */
.prod-gallery{position:relative;background:var(--surface);overflow:hidden}
.gallery-main{width:100%;aspect-ratio:4/5;overflow:hidden;position:relative;cursor:zoom-in}
.gallery-main img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;display:block}
.gallery-main:hover img{transform:scale(1.04)}
.gallery-zoom-hint{position:absolute;bottom:16px;right:16px;background:rgba(0,0,0,.5);color:rgba(255,250,245,.7);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:1px;pointer-events:none;opacity:0;transition:opacity .3s}
.gallery-main:hover .gallery-zoom-hint{opacity:1}
.gallery-thumbs{display:flex;gap:2px;padding:2px;overflow-x:auto;background:var(--surface);scrollbar-width:none}
.gallery-thumbs::-webkit-scrollbar{display:none}
.gthumb{width:64px;height:64px;flex-shrink:0;cursor:pointer;overflow:hidden;border:2px solid transparent;transition:border-color .2s,opacity .2s;opacity:.65}
.gthumb.active,.gthumb:hover{border-color:var(--crimson);opacity:1}
.gthumb img{width:100%;height:100%;object-fit:cover;display:block}
.swipe-dots{display:none;justify-content:center;gap:6px;padding:12px 0;background:var(--surface)}
.sdot{width:6px;height:6px;border-radius:50%;background:rgba(86,72,59,.2);border:none;cursor:pointer;transition:background .2s;padding:0}
.sdot.active{background:var(--gold)}

/* PRODUCT INFO */
.prod-info{background:var(--cream);padding:48px 52px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--border-gold)}
.prod-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(140,29,17,.06);border:1px solid rgba(140,29,17,.2);border-radius:2px;padding:5px 12px;margin-bottom:24px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--crimson)}
.prod-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--crimson);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:.4}50%{opacity:1}}
.prod-title-type{font-family:'Pinyon Script',cursive;font-size:22px;color:var(--crimson);opacity:.9;margin-bottom:6px}
.prod-title-main{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3.5vw,44px);font-weight:300;color:var(--crimson);line-height:1.05;margin-bottom:12px}
.prod-tagline{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:20px;font-style:italic}
.prod-desc{font-size:13px;color:var(--muted);line-height:1.85;margin-bottom:28px}
.prod-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.prod-feat{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--muted)}
.prod-feat-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);margin-top:6px;flex-shrink:0}
.prod-price-block{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}
.prod-price-old{font-size:16px;color:var(--muted-light);text-decoration:line-through}
.prod-price-new{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:400;color:var(--gold)}
.prod-price-note{font-size:11px;color:var(--muted-light);letter-spacing:.06em;margin-bottom:14px}
.prod-stock{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-bottom:24px;letter-spacing:.05em}
.stock-dot{width:6px;height:6px;border-radius:50%;background:#E8A427;animation:stockblink 2s infinite}
@keyframes stockblink{0%,100%{opacity:.5}50%{opacity:1}}
.prod-cta-wrap{display:flex;flex-direction:column;gap:10px}
.prod-cta-primary{background:var(--crimson);color:#fff;padding:15px 32px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;text-align:center;transition:all .28s;border:none;cursor:pointer;display:block}
.prod-cta-primary:hover{background:#6B1509;transform:translateY(-2px);box-shadow:0 8px 20px rgba(140,29,17,.45)}
.prod-cta-sec{background:transparent;color:rgba(255,250,245,.55);padding:13px 32px;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:2px;text-align:center;border:1px solid rgba(255,250,245,.15);transition:all .25s;display:block}
.prod-cta-sec:hover{border-color:var(--gold);color:var(--gold)}
.prod-review-strip{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-gold)}
.rev-stars{color:var(--gold);font-size:13px;letter-spacing:2px}
.rev-text{font-size:11px;color:var(--muted-light);font-style:italic}
.prod-review-quote{margin-top:14px;padding:14px 16px;background:var(--surface);border-left:2px solid var(--gold);border-radius:0 2px 2px 0}
.prq-text{font-size:12px;color:var(--muted);font-style:italic;line-height:1.7}
.prq-author{font-size:11px;color:var(--gold);margin-top:6px;font-weight:500;letter-spacing:.05em}
.prod-guarantee{display:flex;gap:16px;margin-top:18px;flex-wrap:wrap}
.pguarantee-item{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted-light);letter-spacing:.04em}

/* LIGHTBOX */
#lightbox{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;cursor:zoom-out}
#lightbox.open{display:flex}
#lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;animation:lbenter .25s ease}
@keyframes lbenter{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
#lb-close{position:absolute;top:20px;right:28px;color:rgba(255,250,245,.7);font-size:28px;cursor:pointer;font-family:'Cormorant Garamond',serif;font-weight:300;line-height:1;background:none;border:none}

/* PROBLEMA */
.problema{background:var(--surface)}
.problema-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.problema-img-wrap{position:relative;overflow:hidden;border-radius:2px}
.problema-img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .8s ease;display:block}
.problema-img-wrap:hover .problema-img{transform:scale(1.03)}
.problema-img-caption{position:absolute;bottom:0;left:0;right:0;padding:28px 24px;background:linear-gradient(to top,rgba(26,20,16,.85) 0%,transparent 100%);font-family:'Pinyon Script',cursive;font-size:22px;color:var(--gold);opacity:.9}
.problema-items{display:flex;flex-direction:column;gap:26px;margin-top:28px}
.problema-item{display:flex;gap:16px;align-items:flex-start}
.pn{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:300;color:var(--gold-light);line-height:1;min-width:32px;opacity:.6}
.pi-body strong{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px;margin-top:4px}
.pi-body span{font-size:13px;color:var(--muted);line-height:1.75}

/* SOLUCION */
.solucion-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.solucion-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px}
.feats{display:flex;flex-direction:column;gap:16px;margin-top:28px}
.feat{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:var(--cream);border:1px solid var(--border-gold);border-radius:2px;transition:all .28s}
.feat:hover{border-color:var(--gold);transform:translateX(4px)}
.feat-icon{width:34px;height:34px;background:rgba(201,169,110,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}
.feat-text strong{display:block;font-size:12px;font-weight:600;color:var(--text);letter-spacing:.02em}
.feat-text span{font-size:12px;color:var(--muted)}

/* PROCESO */
.proceso{background:var(--surface)}
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-gold);border:1px solid var(--border-gold);margin-top:52px}
.paso{background:var(--cream);padding:44px 32px;position:relative;transition:background .3s}
.paso:hover{background:#EDE5D8}
.paso-num{font-family:'Cormorant Garamond',serif;font-size:68px;font-weight:300;color:rgba(201,169,110,.18);line-height:1;position:absolute;top:20px;right:22px}
.paso-icon{width:44px;height:44px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;background:rgba(140,29,17,.07);border-radius:50%;font-size:20px}
.paso h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;color:var(--crimson);margin-bottom:10px}
.paso p{font-size:13px;color:var(--muted);line-height:1.8}

/* MATERIALES */
.materiales-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.mat-list{display:flex;flex-direction:column;gap:0;margin-top:28px}
.mat-item{padding:17px 0;border-bottom:1px solid var(--border-gold);display:flex;gap:14px;align-items:flex-start}
.mat-item:first-child{border-top:1px solid var(--border-gold)}
.mat-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);margin-top:7px;flex-shrink:0}
.mat-item strong{display:block;font-size:12px;font-weight:600;color:var(--text);margin-bottom:3px}
.mat-item span{font-size:12px;color:var(--muted)}
.mat-imgs{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.mimg{aspect-ratio:1;overflow:hidden;border-radius:2px}
.mimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s;display:block}
.mimg:hover img{transform:scale(1.05)}
.mimg.tall{grid-row:span 2;aspect-ratio:auto}

/* TESTIMONIOS */
.testimonios{background:#0D0906}
.testimonios .section-title{color:var(--cream)}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.rcard{background:rgba(255,250,245,.03);border:1px solid rgba(201,169,110,.13);border-radius:2px;padding:28px 24px;transition:all .3s;position:relative}
.rcard:hover{background:rgba(201,169,110,.06);border-color:rgba(201,169,110,.32);transform:translateY(-3px)}
.rstars{display:flex;gap:2px;margin-bottom:14px}
.rstar{color:var(--gold);font-size:12px}
.rquote-mark{font-family:'Cormorant Garamond',serif;font-size:36px;color:rgba(201,169,110,.15);position:absolute;top:16px;right:20px}
.rtext{font-size:13px;color:rgba(255,250,245,.72);line-height:1.75;margin-bottom:18px;font-style:italic}
.rauthor{font-size:11px;font-weight:600;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}
.rprod{font-size:10px;color:rgba(255,250,245,.3);margin-top:2px}

/* COMPARATIVA */
.comparativa{background:var(--surface)}
.ctable-wrap{margin-top:52px;overflow-x:auto}
.ctable{width:100%;border-collapse:collapse;min-width:580px}
.ctable th{padding:14px 18px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--border-gold);text-align:left}
.ctable th.our{color:var(--crimson);background:rgba(140,29,17,.04)}
.ctable th.other{color:var(--muted)}
.ctable td{padding:13px 18px;font-size:12px;border-bottom:1px solid var(--border-gold);color:var(--muted)}
.ctable td.feat{font-weight:600;color:var(--text)}
.ctable td.our{background:rgba(140,29,17,.03);color:var(--text);font-weight:500}
.ctable tr:hover td{background:rgba(201,169,110,.05)}
.ck{color:#2D7A3A;font-size:15px}.cx{color:#C0392B;font-size:15px}.cn{color:var(--muted-light)}

/* FAQ */
.faq-items{max-width:680px;margin:52px auto 0}
.faq-item{border-bottom:1px solid var(--border-gold)}
.faq-item:first-child{border-top:1px solid var(--border-gold)}
.faq-q{width:100%;background:none;border:none;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:var(--text);text-align:left;transition:color .22s}
.faq-q:hover{color:var(--crimson)}
.faq-arr{flex-shrink:0;transition:transform .28s;color:var(--gold);font-size:22px;font-family:'Cormorant Garamond',serif;font-weight:300}
.faq-item.open .faq-arr{transform:rotate(45deg)}
.faq-a{font-size:13px;color:var(--muted);line-height:1.85;max-height:0;overflow:hidden;transition:max-height .38s ease,padding-bottom .28s;padding-bottom:0}
.faq-item.open .faq-a{max-height:240px;padding-bottom:20px}

/* CTA FINAL */
.cta-final{background:linear-gradient(140deg,#0D0906 0%,#1A0F0A 55%,#2A1810 100%);text-align:center;position:relative;overflow:hidden;padding:110px 24px}
.cta-final-bg{position:absolute;inset:0;background-image:url('https://pieldesal.com/cdn/shop/files/Mediterranean_Model_-_Green_Locket_2.webp?v=1772307479');background-size:cover;background-position:center;opacity:.07}
.cta-final-c{position:relative;z-index:2;max-width:620px;margin:0 auto}
.cta-final .section-label{font-size:30px}
.cta-final .section-title{color:var(--cream);font-size:clamp(40px,6vw,70px);margin-bottom:14px}
.cta-final p{color:rgba(255,250,245,.55);font-size:15px;line-height:1.85;margin-bottom:36px}
.cta-price-b{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:30px;flex-wrap:wrap}
.cpa-old{font-size:18px;color:rgba(255,250,245,.28);text-decoration:line-through}
.cpa-new{font-family:'Cormorant Garamond',serif;font-size:46px;font-weight:300;color:var(--gold)}
.cpa-note{font-size:11px;color:rgba(255,250,245,.38);letter-spacing:.07em}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-guarantee{margin-top:26px;font-size:11px;color:rgba(255,250,245,.3);letter-spacing:.05em}


/* STICKY BAR */
#sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;background:rgba(13,9,6,.95);border-top:1px solid rgba(201,169,110,.2);padding:12px 20px;display:none;align-items:center;justify-content:space-between;gap:12px;backdrop-filter:blur(12px)}
.sb-price{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--gold)}
.sb-note{font-size:10px;color:rgba(255,250,245,.4);margin-top:1px}
.sb-cta{background:var(--crimson);color:#fff;padding:11px 24px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:2px;white-space:nowrap;flex-shrink:0}

/* PROGRESS */
#progress-bar{position:fixed;top:0;left:0;z-index:200;height:2px;background:var(--gold);width:0;transition:width .1s linear}

/* FOOTER */
footer{background:#070504;padding:52px 24px 28px;color:rgba(255,250,245,.3)}
.footer-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer-brand{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;color:rgba(201,169,110,.65);margin-bottom:10px}
.footer-tagline{font-size:12px;line-height:1.75;color:rgba(255,250,245,.28)}
.footer-col h4{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,250,245,.38);margin-bottom:14px}
.footer-col a{display:block;font-size:12px;color:rgba(255,250,245,.28);text-decoration:none;margin-bottom:9px;transition:color .2s}
.footer-col a:hover{color:var(--gold)}
.footer-bottom{max-width:1120px;margin:0 auto;border-top:1px solid rgba(255,255,255,.05);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:10px}

/* RESPONSIVE */
@media(max-width:1024px){.product-showcase.active{grid-template-columns:1fr}.prod-info{padding:36px 32px}.swipe-dots{display:flex}}
@media(max-width:900px){nav{padding:14px 20px}nav.scrolled{padding:10px 20px}.nav-links{display:none}#sticky-bar{display:flex}.problema-grid,.solucion-grid,.materiales-grid{grid-template-columns:1fr;gap:36px}.reviews{grid-template-columns:1fr;gap:14px}.pasos{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.section{padding:60px 18px}.hero-ctas{flex-direction:column;align-items:center}.filter-tabs{gap:4px}.cta-btns{flex-direction:column;align-items:center}.footer-inner{grid-template-columns:1fr}.prod-info{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ══════════════════════════════════════════════
   MOBILE-FIRST ENHANCEMENTS
   ══════════════════════════════════════════════ */

/* Nav logo: CDN webp — needs dark treatment on hero */
.nav-logo-img {
  /* webp with transparency on CDN: invert for dark backgrounds */
  filter: brightness(0) invert(1);
  transition: filter 0.4s ease;
}
nav.scrolled .nav-logo-img {
  filter: none; /* show original on light bg */
}

/* Larger logo on desktop for premium feel */
@media (min-width: 901px) {
  .nav-logo-img { width: 48px; height: 48px; }
  .nav-logo-text { font-size: 20px; }
}

/* ── Product showcase: mobile single-column stacked ── */
@media (max-width: 1024px) {
  .product-showcase.active { grid-template-columns: 1fr; }
  .prod-gallery { border-radius: 0; }
  .gallery-main { aspect-ratio: 1/1; } /* square on mobile = better thumb */
  .gthumb { width: 56px; height: 56px; }
  .swipe-dots { display: flex; }
  .prod-info { padding: 28px 20px 40px; }
  .prod-title-main { font-size: 28px; }
  .prod-price-new { font-size: 30px; }
}

/* ── Mobile typography scale ── */
@media (max-width: 600px) {
  .section { padding: 56px 18px; }
  
  /* Hero tighter on small screens */
  .hero h1 { font-size: clamp(40px, 12vw, 56px); }
  .hero-sub { font-size: 14px; letter-spacing: 0.04em; margin: 20px auto 32px; }
  .hero-trust { gap: 16px; }
  .trust-item { font-size: 10px; gap: 5px; }
  
  /* Trust bar: wrap to 2 cols on small */
  .trust-bar { gap: 14px; padding: 14px 16px; }
  .tb-item { font-size: 9px; }
  
  /* Collection header */
  .coleccion-header { padding: 0 18px; }
  .filter-tabs { gap: 5px; padding: 0 18px; margin-bottom: 24px; }
  .ftab { padding: 7px 13px; font-size: 9px; }
  
  /* Product info mobile */
  .prod-info { padding: 24px 18px 36px; }
  .prod-badge { font-size: 9px; padding: 4px 10px; }
  .prod-title-type { font-size: 18px; }
  .prod-title-main { font-size: 24px; }
  .prod-tagline { font-size: 13px; }
  .prod-desc { font-size: 12px; }
  .prod-feat { font-size: 11px; }
  .prod-price-old { font-size: 14px; }
  .prod-price-new { font-size: 28px; }
  .prod-price-note { font-size: 10px; }
  .prod-stock { font-size: 10px; }
  
  /* CTAs: full width on mobile for thumb reach */
  .prod-cta-primary { padding: 16px 20px; font-size: 12px; }
  .prod-cta-sec { padding: 13px 20px; font-size: 10px; }
  
  /* Section typography */
  .section-title { font-size: clamp(28px, 8vw, 44px); }
  .section-label { font-size: 22px; }
  .section-body { font-size: 14px; }
  
  /* Proceso: single col with smaller padding */
  .pasos { gap: 1px; }
  .paso { padding: 32px 22px; }
  .paso-num { font-size: 52px; top: 14px; right: 16px; }
  .paso h3 { font-size: 18px; }
  .paso p { font-size: 12px; }
  
  /* Reviews: 1 col, smaller */
  .rcard { padding: 22px 18px; }
  .rtext { font-size: 12px; }
  
  /* Comparativa: scroll hint */
  .ctable-wrap { position: relative; }
  .ctable th, .ctable td { padding: 11px 12px; font-size: 11px; }
  
  /* FAQ */
  .faq-q { font-size: 16px; padding: 18px 0; }
  .faq-a { font-size: 12px; }
  
  /* CTA final */
  .cta-final { padding: 80px 18px; }
  .cpa-new { font-size: 38px; }
  
  /* Footer */
  .footer-inner { gap: 28px; }
  .footer-brand { font-size: 20px; }
  
  /* Hero CTAs stacked */
  .hero-ctas { gap: 10px; }
  .btn-primary, .btn-outline { padding: 14px 28px; font-size: 11px; }
}

/* ── CTA buttons: minimum 44px touch target ── */
.btn-primary, .btn-outline, .prod-cta-primary, .prod-cta-sec,
.nav-cta, .sb-cta, .ftab {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.prod-cta-primary, .prod-cta-sec { min-height: 50px; } /* larger for product CTAs */

/* ── Gallery thumbs: larger touch targets on mobile ── */
@media (max-width: 600px) {
  .gthumb { width: 52px; height: 52px; border-width: 2px; }
}

 }
}

/* ── Sticky bar: only show after hero ── */
#sticky-bar { transform: translateY(100%); transition: transform 0.35s ease; }
#sticky-bar.visible { transform: translateY(0); }

/* ── Scroll progress bar: visible on all screen sizes ── */
#progress-bar { transition: width 0.08s linear; }

/* ── problema image: full bleed on mobile ── */
@media (max-width: 900px) {
  .problema-grid { grid-template-columns: 1fr; gap: 32px; }
  .problema-img { aspect-ratio: 3/2; }
  .solucion-grid { grid-template-columns: 1fr; gap: 32px; }
  .solucion-img { aspect-ratio: 3/2; object-position: center 70%; }
  .materiales-grid { grid-template-columns: 1fr; gap: 32px; }
  .mat-imgs { grid-template-columns: 1fr 1fr; }
  .mimg.tall { grid-row: span 1; aspect-ratio: 1; }
}

/* ── Lightbox: close button bigger on mobile ── */
@media (max-width: 600px) {
  #lb-close { font-size: 36px; top: 14px; right: 18px; }
  #lightbox img { max-width: 96vw; max-height: 85vh; }
}

/* ── Scroll snap for mobile gallery ── */
@media (max-width: 1024px) {
  .gallery-thumbs {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .gthumb { scroll-snap-align: start; }
}

/* ── Reduced motion: skip animations ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ── Focus visible for accessibility ── */
:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
  border-radius: 2px;
}


/* ── MOBILE NAV ── */
.nav-mobile-actions{display:none;align-items:center;gap:14px}
.nav-cart-icon{color:var(--crimson);transition:color .25s;display:flex;align-items:center}

.nav-cart-icon:hover{color:var(--gold)}
.nav-hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:4px;width:32px}
.nav-hamburger span{display:block;width:22px;height:1.5px;background:var(--crimson);transition:all .3s ease;border-radius:2px}

.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ── MOBILE MENU PANEL ── */
.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;background:#0D0906;z-index:150;padding:72px 32px 40px;display:flex;flex-direction:column;gap:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px rgba(0,0,0,.4)}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#B5382A;font-size:22px;cursor:pointer;font-family:'Cormorant Garamond',serif;padding:4px 8px}
.mobile-menu-nav{display:flex;flex-direction:column;gap:0;margin-bottom:auto}
.mobile-menu-nav a{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:400;color:#C9564A;text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(201,86,74,.18);transition:color .2s;letter-spacing:.02em}
.mobile-menu-nav a:first-child{border-top:1px solid rgba(201,86,74,.18)}
.mobile-menu-nav a:hover{color:#E8877A}
.mobile-menu-cta{display:block;background:var(--crimson);color:#fff;padding:14px 24px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px;text-align:center;margin-top:32px;transition:background .25s}
.mobile-menu-cta:hover{background:#6B1509}
.mobile-menu-cart{display:flex;align-items:center;gap:10px;color:#C9564A;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;margin-top:16px;padding:12px 0;transition:color .2s;justify-content:center}
.mobile-menu-cart:hover{color:#E8877A}

/* ── BACKDROP ── */
.mobile-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:140;display:none;backdrop-filter:blur(3px)}
.mobile-menu-backdrop.open{display:block}

@media(max-width:900px){
  .nav-links{display:none}
  .nav-mobile-actions{display:flex}
}
@media(min-width:901px){
  .nav-mobile-actions{display:none}
  .mobile-menu{display:none}
  .mobile-menu-backdrop{display:none!important}
}
/* ══════════════════════════════════════════════
   HERO MIST — niebla animada
   ══════════════════════════════════════════════ */
.hero-mist{
  position:absolute;
  inset:-20%;
  pointer-events:none;
  opacity:.5;
  filter:blur(60px);
  z-index:1;
}
.hero-mist-1{
  background:radial-gradient(ellipse 55% 40% at 25% 60%, rgba(201,169,110,.16), transparent 65%);
  animation:mist-drift-1 26s ease-in-out infinite alternate;
}
.hero-mist-2{
  background:radial-gradient(ellipse 45% 38% at 75% 35%, rgba(140,29,17,.14), transparent 60%);
  animation:mist-drift-2 32s ease-in-out infinite alternate;
}
.hero-mist-3{
  background:radial-gradient(ellipse 60% 35% at 50% 85%, rgba(255,250,245,.07), transparent 70%);
  animation:mist-drift-3 22s ease-in-out infinite alternate;
}
@keyframes mist-drift-1{
  0%{transform:translate(0,0) scale(1)}
  50%{transform:translate(6%,-4%) scale(1.08)}
  100%{transform:translate(-4%,3%) scale(1.02)}
}
@keyframes mist-drift-2{
  0%{transform:translate(0,0) scale(1.05)}
  50%{transform:translate(-7%,5%) scale(1)}
  100%{transform:translate(5%,-3%) scale(1.1)}
}
@keyframes mist-drift-3{
  0%{transform:translate(0,0)}
  100%{transform:translate(-6%,-5%) scale(1.12)}
}
/* hero content above mist */
.hero-content{z-index:3}
.hero-ov{z-index:2}

/* ══════════════════════════════════════════════
   PROD REVIEW SINGLE — una sola review con Trustpilot
   ══════════════════════════════════════════════ */
.prod-review-single{
  margin:20px 0 24px;
  padding:16px 18px;
  background:var(--surface);
  border-left:2px solid #00B67A;
  border-radius:0 2px 2px 0;
}
.prs-top{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.prs-top .rev-stars{color:#00B67A;font-size:13px;letter-spacing:2px}
.prs-top .rev-text{font-size:11px;color:var(--muted);font-weight:600}
.prs-quote{
  font-size:13px;
  color:var(--muted);
  font-style:italic;
  line-height:1.7;
}
.prs-author{
  font-size:11px;
  color:var(--crimson);
  margin-top:6px;
  font-weight:600;
  letter-spacing:.05em;
}

/* ══════════════════════════════════════════════
   CARROUSEL ARROWS
   ══════════════════════════════════════════════ */





@media(max-width:600px){
  
  
  
}

/* Trust strip bigger */
.spc-trust{padding:12px 22px;gap:12px}
.spc-trust-stars{font-size:17px}
.spc-trust-score{font-size:15px}
.spc-trust-count{font-size:13px}

/* ══════════════════════════════════════════════
   MARQUEE REVIEWS — compacto, auto-deslizante
   ══════════════════════════════════════════════ */
.mq-section{background:var(--surface);padding:56px 0 64px}
.mq-header{text-align:center;margin-bottom:32px;padding:0 24px}
.mq-header .section-title{color:var(--crimson)}

.mq-wrap{
  overflow:hidden;
  width:100%;
  -webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);
  mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);
}
.mq-track{
  display:flex;
  gap:12px;
  width:max-content;
  animation:mq-scroll 40s linear infinite;
}
.mq-wrap:hover .mq-track{animation-play-state:paused}
@keyframes mq-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.mq-card{
  display:flex;
  align-items:flex-start;
  gap:14px;
  background:var(--cream);
  border:1px solid var(--border-gold);
  border-radius:4px;
  padding:16px 18px;
  width:340px;
  flex-shrink:0;
}
.mq-img{
  width:84px;
  height:84px;
  border-radius:8px;
  object-fit:cover;
  object-position:center top;
  flex-shrink:0;
  border:2px solid rgba(0,182,122,.35);
}
.mq-content{min-width:0}
.mq-top{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:4px;
}
.mq-stars{color:#00B67A;font-size:12px;letter-spacing:1px}
.mq-verified{
  display:inline-flex;
  align-items:center;
  gap:3px;
  color:#00B67A;
  font-size:9px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mq-text{
  font-size:12px;
  color:var(--muted);
  line-height:1.55;
  font-style:italic;
  margin:0 0 5px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.mq-name{
  font-size:11px;
  font-weight:700;
  color:var(--text);
  letter-spacing:.03em;
}

@media(max-width:600px){
  .mq-section{padding:44px 0 52px}
  .mq-card{width:300px;padding:14px 16px}
  .mq-img{width:76px;height:76px}
  .mq-track{animation-duration:36s}
  .mq-text{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .mq-track{animation:none}
  .mq-wrap{overflow-x:auto}
}