:root{--ink:#183d2b;--sage:#dce6c8;--paper:#fbf9f3;--muted:#637064;--line:#d9dfd0;--green:#256d3a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b27335;outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:750;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(36px,3.5vw,54px)}h2{font-size:clamp(32px,3.5vw,48px)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#687d4f}p{line-height:1.7}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:absolute;left:16px;top:-100px;z-index:99;background:white;padding:12px}.skip:focus{top:10px}.announcement{background:var(--ink);color:#fff;text-align:center;font-size:10px;letter-spacing:.15em;padding:10px 20px}.header{position:sticky;top:0;background:#fbf9f3f5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:20}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;font-size:25px;font-weight:bold;white-space:nowrap}.brand em{font-weight:400;color:#778865}.brand img{width:43px;height:43px;object-fit:contain}.header nav{display:flex;gap:24px;font-size:12px}.header nav a:hover{color:#6c824d}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:white;border:1px solid transparent;border-radius:9px;padding:16px 24px;font-size:12px;font-weight:700;letter-spacing:.05em;min-height:48px;transition:transform .2s,background .2s}.button:hover{background:#326845;transform:translateY(-2px)}.button.small{font-size:11px;padding:11px 18px}.button.primary{background:var(--green);width:100%;min-height:60px;box-shadow:0 5px 0 #17452a;font-size:14px}.button.primary:hover{background:#1b5930}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:58px;padding-top:40px;padding-bottom:55px;align-items:start}.gallery{position:sticky;top:105px;min-width:0}.main-image{position:relative;border-radius:18px;overflow:hidden;background:#edeedf;border:1px solid var(--line)}.main-image>img{width:100%;aspect-ratio:1;object-fit:contain}.zoom{position:absolute;right:15px;bottom:15px;border:1px solid var(--line);border-radius:50%;background:#fff;width:42px;height:42px;font-size:26px;color:var(--ink)}.thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.thumb{border:2px solid transparent;padding:0;border-radius:8px;overflow:hidden;background:#efefe5;aspect-ratio:1}.thumb img{width:100%;height:100%;object-fit:cover}.thumb[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--green)}.gallery-note{font-size:10px;text-align:center;color:var(--muted);margin-top:12px}.hero-copy{padding:9px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:18px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:#75864d;border-radius:50%;margin-right:6px}.intro{font-size:15px;color:var(--muted);margin-top:22px;max-width:450px}.product-name{font-size:12px;margin-top:22px;font-weight:bold}.price{display:flex;align-items:baseline;gap:14px;margin-top:6px}.price strong{font-size:38px;letter-spacing:-.05em}.price span{font-size:11px;color:var(--muted)}.shipping{font-size:12px;margin:0 0 22px;color:var(--muted)}.shipping span{margin:0 6px}.preview-note{font-size:11px;text-align:center;color:var(--muted);margin-top:14px}.benefits{padding:22px 0 0;margin:22px 0 0;list-style:none;display:grid;gap:14px;border-top:1px solid var(--line)}.benefits li{display:flex;gap:13px}.benefits li>span{width:24px;height:24px;border-radius:50%;background:var(--sage);display:grid;place-items:center;flex-shrink:0;font-size:13px}.benefits strong{font-size:13px}.benefits p{font-size:12px;color:var(--muted)}.color-note{display:flex;align-items:center;gap:12px;background:#eef1e6;border-radius:8px;padding:12px 15px;margin-top:22px;font-size:11px;color:var(--muted)}.swatch{width:20px;height:20px;border-radius:50%;background:#09a6ce;border:3px solid white;flex-shrink:0}.ribbon{display:flex;align-items:center;justify-content:center;gap:45px;background:var(--sage);padding:19px;font-size:10px;font-weight:bold;letter-spacing:.16em}.section{padding-top:85px;padding-bottom:85px}.story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.art img{border-radius:18px;width:100%}.story-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);margin:24px 0}.use-tags{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.use-tags span{border:1px solid #becaaa;border-radius:25px;padding:8px 16px;font-size:11px}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:6px}.campaign{background:#e9eede;padding:75px 0}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-top>p{font-size:13px;color:var(--muted);max-width:285px}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.art-grid img{width:100%;border-radius:14px}.art-grid figcaption{font-size:11px;color:var(--muted);padding-top:12px}.campaign-cta{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:36px}.campaign-cta p{font-size:15px}.steps{list-style:none;padding:0;margin:32px 0;display:grid;gap:23px}.steps li{display:flex;align-items:flex-start;gap:18px}.steps li>span{font-family:Georgia,serif;font-size:26px;color:#849369;border-bottom:1px solid var(--line);min-width:42px}.steps h3{font-size:15px}.steps p{font-size:13px;color:var(--muted)}.fine{font-size:11px;color:var(--muted)}.details-section{background:#f0f0e7;padding:70px 0}.details-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.details-grid .fine{margin-top:25px;max-width:330px}.faq details{border-bottom:1px solid #cfd8c5}.faq summary{list-style:none;cursor:pointer;padding:20px 25px 20px 0;font-size:14px;font-weight:bold;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;font-size:20px;top:15px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);padding:0 20px 20px 0}.order-heading{text-align:center;margin-bottom:32px}.order-heading>p:last-child{margin-top:16px;color:var(--muted);font-size:14px}.order-card{border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:1.2fr 1fr;padding:35px;gap:50px;background:white;max-width:1000px;margin:auto}.order-product{display:flex;align-items:center;gap:24px}.order-product>img{width:44%;border-radius:10px}.order-product h3{font-size:21px;line-height:1.2}.order-product p:not(.eyebrow){font-size:11px;color:var(--muted);margin-top:8px}.order-product label{display:block;font-size:11px;margin-top:20px;margin-bottom:7px}.quantity{display:flex;border:1px solid var(--line);border-radius:7px;width:138px;overflow:hidden}.quantity button{width:42px;min-height:44px;background:var(--paper);border:0;color:var(--ink);font-size:20px}.quantity input{min-width:0;width:52px;text-align:center;border:0;color:var(--ink);appearance:textfield;-moz-appearance:textfield}.quantity input::-webkit-inner-spin-button{appearance:none}.quantity button:disabled{opacity:.35;cursor:default}.order-summary>div{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;margin-bottom:12px}.order-summary .total{border-top:1px solid var(--line);padding-top:16px;font-size:17px;margin:18px 0 22px}.total strong{font-size:25px}.order-summary .fine{text-align:center;margin-top:16px}#order-status{font-size:12px;border-radius:8px;background:var(--sage);padding:14px;margin-top:14px}footer{background:var(--ink);color:#fff;padding:45px 0 90px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}footer p{font-size:11px;color:#c4cebb;margin-top:12px}footer nav{display:flex;gap:24px;font-size:12px}.copyright{width:100%;padding-top:24px;border-top:1px solid #ffffff24}.sticky{position:fixed;bottom:0;left:0;right:0;padding:12px max(24px,calc((100vw - 1160px)/2));background:#fbf9f3f7;backdrop-filter:blur(12px);z-index:25;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 -4px 24px #183d2b0c}.sticky strong{display:block;font-size:13px}.sticky span{font-size:11px;color:var(--muted)}[hidden]{display:none!important}dialog{padding:0;border:0;background:var(--paper);border-radius:14px;max-width:min(90vw,900px);max-height:92vh}dialog::backdrop{background:#13251c99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}dialog img{max-height:89vh;object-fit:contain}#close-image{position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:26px;color:var(--ink)}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header nav{gap:14px}.hero{gap:30px}.story{gap:35px}.details-grid{gap:40px}.order-card{gap:25px;padding:25px}.brand{font-size:22px}.header-inner{gap:16px}.header nav{font-size:11px}}
@media(max-width:700px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 32px)}.announcement{font-size:8px;letter-spacing:.09em;padding:8px}.announcement span{display:none}.header-inner{min-height:68px;gap:8px}.header nav{display:none}.brand{font-size:20px;gap:4px}.brand img{width:32px;height:32px}.button.small{font-size:9px;min-height:42px;padding:9px 11px;gap:8px}.hero{grid-template-columns:1fr;padding-top:20px;gap:20px;padding-bottom:32px}.gallery{position:static}.main-image{border-radius:12px}.thumbnails{gap:6px;margin-top:10px}.gallery-note{font-size:9px}.hero-copy{padding:8px 4px}.eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:14px}h1{font-size:38px}h2{font-size:34px}.intro{font-size:14px;margin-top:18px}.price strong{font-size:36px}.ribbon{gap:14px;font-size:8px;padding:15px 10px;letter-spacing:.05em}.ribbon>span:last-child,.ribbon>span:nth-last-child(2){display:none}.section{padding-top:45px;padding-bottom:45px}.story{grid-template-columns:1fr;gap:28px}.story-copy{padding:0 5px}.story-copy>p:not(.eyebrow){font-size:14px;margin:18px 0}.art img{border-radius:12px}.campaign{padding:44px 0}.section-top{display:block;margin-bottom:25px}.section-top>p{margin-top:18px;max-width:100%}.art-grid{grid-template-columns:1fr;gap:28px}.campaign-cta{flex-direction:column;gap:16px;margin-top:25px}.campaign-cta .button{width:100%}.steps-section .art{grid-row:1}.steps-copy{padding:0 5px}.steps-copy h2 br{display:none}.steps{margin:24px 0;gap:18px}.details-section{padding:40px 0}.details-grid{grid-template-columns:1fr;gap:20px}.details-grid .fine{max-width:100%;margin-top:16px}.faq summary{font-size:13px}.order-heading h2{font-size:32px}.order-card{grid-template-columns:1fr;padding:20px;gap:25px}.order-product{gap:16px}.order-product h3{font-size:20px}.order-product>img{width:42%}.order-product .eyebrow{font-size:8px}.order-product label{margin-top:12px}.order-summary{padding-top:20px;border-top:1px solid var(--line)}.footer-inner{gap:24px}footer nav{flex-wrap:wrap;gap:16px;font-size:11px}.copyright{margin-top:0}.sticky{padding:10px 16px;gap:10px}.sticky strong{font-size:11px}.sticky .button{font-size:10px;padding:12px 15px;min-height:44px}.sticky span{font-size:10px}dialog{max-width:96vw}dialog img{max-height:85vh}}
.button.cod-label{background:#00d500;color:#102914;border:2px solid #15351d;box-shadow:0 4px 10px #15351d30;border-radius:13px;animation:cod-nudge 2s ease-in-out infinite;transform-origin:center}
.button.cod-label:hover{background:#0be30b;animation-play-state:paused;transform:none}
.button.cod-label:focus-visible{animation:none}
@keyframes cod-nudge{0%,60%,100%{transform:translateX(0)}66%{transform:translateX(-7px)}72%{transform:translateX(7px)}78%{transform:translateX(-5px)}84%{transform:translateX(5px)}90%{transform:translateX(-2px)}}
.review-link{display:inline-flex;gap:9px;align-items:center;font-size:11px;color:var(--muted);margin:10px 0 3px}.review-link span{color:#946312;font-size:23px;letter-spacing:2px;line-height:1}.reviews{text-align:center;padding-bottom:10px}.review-empty{background:#f0f0e7;border:1px solid var(--line);border-radius:16px;padding:35px 24px;max-width:700px;margin:28px auto 0}.review-stars{display:block;font-size:36px;color:#946312;letter-spacing:7px;line-height:1.3;margin-bottom:16px}.review-empty strong{display:block;font-size:16px}.review-empty p{font-size:13px;max-width:440px;margin:10px auto 0;color:var(--muted)}
.button.cod-label{flex-direction:column;gap:3px;text-align:center}.button.cod-label .cod-title{color:inherit;font-size:15px;font-family:'Poppins',Arial,sans-serif;font-weight:800;letter-spacing:.03em}.button.cod-label .cod-delivery{color:inherit;font-size:11.5px;line-height:1.3;font-family:'Poppins',Arial,sans-serif;font-weight:600;letter-spacing:.01em}.header .button.cod-label .cod-delivery{font-size:9px}@media(max-width:700px){.header .button.cod-label .cod-delivery{font-size:8px}.sticky .button.cod-label .cod-delivery{font-size:9px}}
.gallery-play{display:block;margin:10px auto 0;padding:8px 14px;min-height:44px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);font-size:11px}.gallery-play:hover{background:var(--sage)}
.price-was{font-size:16px;color:var(--muted);text-decoration:line-through;font-weight:400}.total .price-was{font-size:13px;margin-left:8px}.total .save-badge{margin-left:8px;vertical-align:middle}.save-badge{background:#fdf0d9;color:#8a5a12;font-size:10px;font-weight:700;letter-spacing:.04em;padding:5px 10px;border-radius:6px}.price-note{font-size:11px;color:var(--muted);margin-top:4px}
.order-product{align-items:flex-start!important}
.order-form{margin-top:14px;display:grid;gap:0}
.order-form label{display:block;font-size:11px;margin-top:14px;margin-bottom:6px}
.order-form input,.order-form select{width:100%;border:1px solid var(--line);border-radius:7px;padding:11px 12px;font-size:13px;color:var(--ink);background:#fff;min-height:44px}
.order-form select{appearance:auto}
#order-status:empty{display:none!important}
#order-status.error{background:#fbe4de;color:#8a2c17}
#order-dialog{overflow:auto}
#order-dialog .order-card{border:0;border-radius:0;background:transparent;max-width:100%;margin:0}
#close-order{position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:26px;color:var(--ink);z-index:2}
.order-heading .button{margin-top:26px}
.comparison-section{padding-top:10px}.comparison-heading{text-align:center;margin-bottom:28px}.comparison-heading>p:last-child{margin-top:18px;font-size:14px;color:var(--muted)}.comparison{position:relative;max-width:780px;margin:auto;aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--sage);isolation:isolate}.comparison>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:20px;background:#fbf9f3ed;color:var(--ink);padding:6px 13px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.1em;pointer-events:none}.compare-label.before{left:20px}.compare-label.after{right:20px}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:3px;background:#fff;transform:translateX(-50%);pointer-events:none}.compare-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:3px solid white;width:52px;height:52px;border-radius:50%;background:var(--ink);color:white;font-size:28px;box-shadow:0 2px 15px #0004}.comparison input{position:absolute;left:-26px;top:0;width:calc(100% + 52px);height:100%;margin:0;opacity:0;cursor:ew-resize;appearance:none;background:transparent;touch-action:pan-y}.comparison input::-webkit-slider-thumb{appearance:none;width:52px;height:52px;background:transparent}.comparison input::-moz-range-thumb{width:52px;height:52px;border:0;background:transparent}.comparison:focus-within{outline:3px solid #ad7435;outline-offset:5px}.comparison-note{font-size:11px;color:var(--muted);text-align:center;max-width:680px;margin:18px auto 0}.comparison-note strong{display:block;color:var(--ink)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Comparación de producto aprobada, sin botón adicional */
.comparison-section{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-top:30px;padding-bottom:75px}.comparison-section .comparison{max-width:none;width:100%;box-shadow:0 18px 60px #183d2b12}.comparison-copy{padding:20px 0}.comparison-copy h2{font-size:clamp(36px,3.8vw,56px);line-height:1.08}.comparison-copy .intro{margin:24px 0;font-size:16px;max-width:440px}.comparison-copy .benefits{margin:24px 0 30px;padding-top:24px;gap:18px}.comparison-copy .benefits strong{font-size:14px}.comparison-copy .benefits p{font-size:13px}.copy-footer{margin-top:18px;font-size:12px;color:var(--muted)}@media(max-width:800px){.comparison-section{grid-template-columns:1fr;gap:26px;padding-top:10px;padding-bottom:45px}.comparison-copy{padding:0 4px}.comparison-copy h2{font-size:38px}.comparison-copy .intro{font-size:14px;margin:18px 0}}

/* Shopify: selector de paquetes en la ventana de pedido */
.pack-card{grid-template-columns:1fr!important;gap:22px!important}
.pack-card .order-product{align-items:center!important}
.pack-card .order-product>img{width:34%}
.packs{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.packs legend{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;padding:0}
.pack{position:relative;display:flex;flex-direction:column;gap:4px;border:2px solid var(--line);border-radius:14px;padding:14px 14px 12px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.pack input{position:absolute;opacity:0;pointer-events:none}
.pack.is-on{border-color:var(--green);box-shadow:0 0 0 3px #256d3a22}
.pack:focus-within{outline:3px solid #b27335;outline-offset:2px}
.pack-title{font-size:13px;font-weight:700}
.pack-price{display:flex;align-items:baseline;gap:8px}
.pack-price strong{font-size:20px;letter-spacing:-.03em}
.pack-price s{font-size:12px;color:var(--muted)}
.pack .save-badge{align-self:flex-start;margin-top:2px}
#go-checkout[disabled]{opacity:.6;animation:none}
@media(max-width:700px){.packs{gap:10px}.pack{padding:12px 10px}.pack-price strong{font-size:18px}.pack-card .order-product>img{width:30%}}