:root{--ink:#111014;--paper:#f7f5f1;--lilac:#c5a1ff;--peach:#ffae82;--acid:#d9ff53;--muted:#6b6870;--line:#d9d5ce;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;overflow-x:hidden}img{max-width:100%;display:block}button,a{font:inherit}button{cursor:pointer}.skip-link{position:fixed;z-index:100;top:-60px;left:16px;background:#fff;padding:12px 18px;color:#111}.skip-link:focus{top:16px}.offer-bar{height:38px;background:var(--ink);color:#fff;overflow:hidden;display:flex;align-items:center}.offer-track{display:flex;align-items:center;gap:28px;min-width:max-content;animation:ticker 24s linear infinite;font:700 .78rem "Manrope";letter-spacing:.12em}.offer-track b{color:var(--lilac)}@keyframes ticker{to{transform:translateX(-50%)}}.site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:4;background:rgba(247,245,241,.92);backdrop-filter:blur(12px)}.brand{font:800 1.1rem "Manrope";letter-spacing:-.04em;color:var(--ink);text-decoration:none}.brand span{background:var(--ink);color:var(--paper);padding:5px 7px;border-radius:3px}.site-header nav{display:flex;gap:34px}.site-header nav a,.mini-cta{color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem}.mini-cta{justify-self:end;border-bottom:2px solid}.mini-cta span{margin-left:8px}.hero{min-height:calc(100vh - 120px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);border-bottom:1px solid var(--line)}.hero-media{position:relative;padding:2.2vw;background:linear-gradient(150deg,#b790f2 0%,#e9d9ff 70%)}.photo-frame{height:100%;min-height:660px;border-radius:var(--radius);overflow:hidden;background:#c3a2ef}.photo-frame img{width:100%;height:100%;object-fit:cover;transition:opacity .25s ease,transform .6s ease}.photo-frame:hover img{transform:scale(1.015)}.floating-note{position:absolute;left:0;bottom:88px;background:var(--acid);padding:12px 18px;font:800 .75rem "Manrope";letter-spacing:.1em;transform:rotate(-3deg)}.image-dots{display:flex;gap:6px;position:absolute;bottom:42px;left:50%;transform:translateX(-50%)}.image-dots i{width:7px;height:7px;background:rgba(0,0,0,.3);border-radius:99px}.image-dots i.active{width:25px;background:#111}.hero-copy{padding:clamp(36px,5vw,78px);display:flex;flex-direction:column;justify-content:center}.eyebrow{font:800 .76rem "Manrope";letter-spacing:.14em;margin:0 0 20px}.hero h1,.section-heading h2,.detail-lead h2,.final-cta h2,.campaign h2{font:800 clamp(3.4rem,6vw,7rem)/.87 "Manrope";letter-spacing:-.075em;margin:0}.hero h1 em,.section-heading em,.detail-lead em{font-style:normal;color:#7352a8}.lead{font-size:1.1rem;line-height:1.65;max-width:550px;color:#4e4a53;margin:28px 0 16px}.rating{font-size:.9rem;display:flex;gap:10px;align-items:center}.rating span{letter-spacing:.08em}.rating a{color:var(--ink);margin-left:6px}.price-row{margin:30px 0 8px;display:flex;align-items:end;gap:14px}.price-row strong{font:800 2.25rem "Manrope";letter-spacing:-.05em}.price-row span{font-size:.78rem;color:var(--muted);margin-bottom:6px}.deal{display:inline-flex;align-items:center;gap:9px;background:#ede3fc;padding:8px 11px;border-radius:8px;align-self:flex-start;font-size:.82rem}.deal b{background:#111;color:#fff;padding:3px 7px;border-radius:4px}.choice-block{border:0;padding:0;margin:24px 0 0}.choice-block legend{width:100%;font-weight:600;margin-bottom:12px}.choice-block legend strong{float:right}.text-button{float:right;border:0;background:none;text-decoration:underline;font-size:.84rem}.swatch{width:44px;height:44px;margin-right:8px;border:2px solid var(--paper);border-radius:50%;background:linear-gradient(135deg,var(--swatch) 50%,var(--swatch2) 50%);box-shadow:0 0 0 1px #bcb6ae}.swatch.active{box-shadow:0 0 0 3px #111}.size-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.size-grid button{height:46px;border:1px solid #aaa4a0;background:transparent;border-radius:8px;font-weight:700}.size-grid button:hover,.size-grid button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.field-hint{margin:9px 0 0;color:var(--muted);font-size:.8rem}.field-hint.error{color:#b93535}.quantity-row,.total-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.quantity-row span{font-weight:600}.quantity-row small{display:block;color:var(--muted);margin-top:3px}.stepper{border:1px solid #aaa4a0;border-radius:9px;display:flex;align-items:center}.stepper button{width:42px;height:42px;border:0;background:none;font-size:1.3rem}.stepper output{min-width:25px;text-align:center;font-weight:700}.total-row{padding-top:18px;border-top:1px solid var(--line)}.total-row>span{font-weight:600}.total-row div{display:flex;gap:10px;align-items:center}.total-row del{color:var(--muted)}.total-row strong{font:800 1.5rem "Manrope"}.buy-button{width:100%;border:0;background:var(--ink);color:#fff;margin-top:18px;padding:18px 22px;border-radius:10px;font:800 .94rem "Manrope";letter-spacing:.06em;display:flex;justify-content:space-between;transition:.25s}.buy-button:hover{background:#6e4da2;transform:translateY(-2px)}.micro-benefits{display:flex;justify-content:space-between;margin-top:13px;color:#545059;font-size:.78rem}.campaign{margin:8vw 4vw 0;min-height:620px;border-radius:30px;overflow:hidden;position:relative;background:#1b171e}.campaign:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,12,.8),transparent 68%)}.campaign img{width:100%;height:100%;min-height:620px;object-fit:cover}.campaign-copy{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-50%);color:#fff}.campaign-copy p{font-weight:600}.campaign-copy h2{font-size:clamp(3.1rem,6.5vw,7.5rem);margin:18px 0 30px}.campaign-copy a{color:#fff;text-underline-offset:7px}.section-pad{padding:10vw 4vw}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:5vw}.section-heading h2{font-size:clamp(3rem,6vw,6.4rem)}.section-heading .eyebrow{align-self:flex-start}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border-radius:22px;overflow:hidden;transition:.3s}.product-card:nth-child(2){transform:translateY(36px)}.product-card:hover{transform:translateY(-7px)}.product-card:nth-child(2):hover{transform:translateY(28px)}.product-card img{aspect-ratio:1/1;object-fit:cover}.product-card>div{padding:23px}.product-card span{font:700 .75rem "Manrope";color:#7255a2}.product-card h3{font:800 1.7rem "Manrope";margin:5px 0 9px}.product-card p{color:var(--muted);line-height:1.55}.product-card button{border:0;background:none;padding:0;border-bottom:1px solid;font-weight:700}.details{background:var(--ink);color:#fff;padding:9vw 7vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.detail-lead h2{font-size:clamp(3.2rem,6vw,6.5rem)}.detail-lead em{color:var(--lilac)}.detail-list article{display:grid;grid-template-columns:50px 1fr;gap:24px;padding:27px 0;border-top:1px solid #47434b}.detail-list article>b{color:var(--peach);font:700 .8rem "Manrope"}.detail-list h3{font:700 1.35rem "Manrope";margin:0 0 9px}.detail-list p{margin:0;color:#b9b4bd;line-height:1.6}.reviews{background:#e9def7}.review-score{display:flex;align-items:center;gap:30px;margin-bottom:45px}.review-score>span{font:800 clamp(5rem,10vw,10rem)/1 "Manrope";letter-spacing:-.08em}.review-score b{letter-spacing:.18em}.review-score p{margin:8px 0 0}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.review-grid blockquote{margin:0;background:var(--paper);border-radius:18px;padding:28px;min-height:270px;display:flex;flex-direction:column}.review-grid blockquote>div{letter-spacing:.16em}.review-grid blockquote>p{font-size:1.15rem;line-height:1.6}.review-grid footer{margin-top:auto;display:flex;justify-content:space-between;gap:10px;font-size:.85rem}.review-grid footer span{color:var(--muted)}.sample-note{font-size:.78rem;color:#615870;margin-top:24px}.final-cta{text-align:center;padding:9vw 4vw;background:var(--peach)}.final-cta h2{font-size:clamp(3.2rem,7vw,8rem);margin:18px 0 40px}.final-cta>a{display:inline-flex;gap:30px;background:var(--ink);color:#fff;text-decoration:none;padding:19px 27px;border-radius:10px;font-weight:800}.shipping{padding:54px 0;border-bottom:1px solid #333;background:var(--ink);color:#fff;text-align:center;overflow:hidden}.shipping>p{font:.72rem "Manrope";letter-spacing:.15em;color:#aaa4ad;margin:0 0 32px}.carrier-window{overflow:hidden}.carrier-track{display:flex;width:max-content;align-items:center;gap:70px;animation:carriers 22s linear infinite}.carrier-track span{font:800 1.4rem "Manrope";min-width:220px}.carrier-track .envia{font-style:italic;font-size:2rem}.carrier-track .coord{color:#f7ce2b}.carrier-track .servi{color:#ef3e3e}.carrier-track .tcc{color:#f18a23;font-size:2.2rem}.carrier-track .inter{color:#e1e1e1}@keyframes carriers{to{transform:translateX(-50%)}}.site-footer{background:var(--ink);color:#fff;padding:70px 5vw 28px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8vw}.footer-brand{color:#fff;display:inline-block;margin-bottom:18px}.footer-brand span{background:#fff;color:#111}.site-footer h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 18px}.site-footer p{color:#a9a4ad;line-height:1.6}.legal-links{display:flex;flex-direction:column;align-items:flex-start}.legal-links button{border:0;background:none;color:#cbc7ce;padding:5px 0}.legal-links button:hover{text-decoration:underline}.sic-link{color:#fff;font-size:.85rem}.copyright{grid-column:1/-1;border-top:1px solid #3b373e;padding-top:22px;font-size:.78rem!important}.modal{width:min(720px,calc(100% - 28px));max-height:88vh;border:0;border-radius:24px;padding:clamp(28px,5vw,54px);background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0006}.modal::backdrop{background:#100e13c9;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:2rem}.modal h2{font:800 2.3rem "Manrope";letter-spacing:-.05em}.modal h3{margin-top:26px}.modal p,.modal li{line-height:1.65;color:#55515a}.modal .notice{background:#fff0c8;border-left:4px solid #ef9c00;padding:15px}.checkout{width:min(650px,calc(100% - 28px))}.checkout-head h2{margin:0}.checkout form{display:grid;gap:15px}.order-pill{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:15px;background:#ebe3f4;padding:10px;border-radius:14px}.order-pill img{width:80px;height:72px;object-fit:cover;border-radius:9px}.order-pill span{display:block;color:var(--muted);margin-top:5px}.checkout label{font-size:.86rem;font-weight:600}.checkout input:not([type=checkbox]){display:block;width:100%;margin-top:7px;height:48px;border:1px solid #bbb5ae;border-radius:9px;padding:0 13px;background:#fff;font-size:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check{display:flex;align-items:flex-start;gap:9px;line-height:1.4}.check input{margin-top:3px}.check button{border:0;background:none;text-decoration:underline;padding:0}.form-note{font-size:.75rem!important}.success{text-align:center}.success>div{width:58px;height:58px;display:grid;place-items:center;background:var(--acid);border-radius:50%;margin:auto;font-size:1.6rem}.success textarea{width:100%;min-height:190px;padding:15px;resize:none;border:1px solid var(--line);border-radius:10px;font:14px/1.5 monospace}@media(max-width:950px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr}.photo-frame{min-height:55vh}.hero-copy{padding:50px 6vw}.campaign{min-height:540px}.campaign img{min-height:540px}.product-grid{grid-template-columns:1fr 1fr}.product-card:nth-child(2){transform:none}.details{grid-template-columns:1fr;gap:60px}.review-grid{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}}@media(max-width:620px){.site-header{height:68px;padding:0 18px}.mini-cta{font-size:.8rem}.hero-media{padding:12px}.photo-frame{min-height:auto;aspect-ratio:1/1}.floating-note{bottom:42px;font-size:.62rem}.image-dots{bottom:24px}.hero-copy{padding:42px 20px}.hero h1{font-size:3.55rem}.lead{font-size:1rem}.price-row{align-items:flex-start;flex-direction:column;gap:0}.size-grid{gap:5px}.size-grid button{height:43px}.micro-benefits{font-size:.7rem;gap:6px}.campaign{margin:50px 12px 0;border-radius:20px;min-height:520px}.campaign img{min-height:520px}.campaign:after{background:linear-gradient(0deg,rgba(10,8,12,.85),transparent)}.campaign-copy{left:24px;right:24px;top:auto;bottom:38px;transform:none}.campaign-copy h2{font-size:3.1rem}.section-pad{padding:80px 15px}.section-heading{display:block}.section-heading h2{font-size:3rem}.product-grid,.review-grid{grid-template-columns:1fr}.product-card:nth-child(2){transform:none}.details{padding:80px 24px}.detail-lead h2{font-size:3.6rem}.review-score{gap:18px}.review-score>span{font-size:5.3rem}.review-grid blockquote{min-height:240px}.final-cta{padding:85px 20px}.final-cta h2{font-size:3.2rem}.site-footer{grid-template-columns:1fr;padding:60px 24px 25px}.copyright{grid-column:auto}.form-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.offer-track,.carrier-track{animation-play-state:paused}.photo-frame img,.buy-button,.product-card{transition:none}}
html{scroll-padding-top:20px}.mobile-buy{display:none}
@media(max-width:620px){body{padding-bottom:72px}.mobile-buy{position:fixed;z-index:20;display:flex;left:10px;right:10px;bottom:9px;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;text-decoration:none;padding:12px 16px;border-radius:12px;box-shadow:0 10px 35px #0006}.mobile-buy span{font:800 1rem "Manrope"}.mobile-buy small{display:block;color:var(--lilac);font-size:.55rem;letter-spacing:.12em}.mobile-buy b{background:var(--acid);color:var(--ink);padding:10px 12px;border-radius:8px;font:800 .75rem "Manrope";letter-spacing:.04em}}

/* Carrusel superior de referencias */
.color-marquee{background:#e8dcf8;border-bottom:1px solid #cfc2df;overflow:hidden;padding:10px 0}
.color-track{display:flex;width:max-content;align-items:center;gap:14px;animation:colorsSlide 26s linear infinite}
.color-slide-item{width:310px;height:88px;display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:14px;padding:7px 16px 7px 7px;background:rgba(255,255,255,.72);border:1px solid rgba(17,16,20,.12);border-radius:16px;color:var(--ink);text-decoration:none}
.color-slide-item img{width:78px;height:72px;object-fit:cover;border-radius:11px}
.color-slide-item span{font:800 1rem "Manrope";letter-spacing:-.03em}
.color-slide-item small{display:block;margin-bottom:3px;font-size:.62rem;letter-spacing:.12em;color:#705a8d}
.color-slide-item b{font:700 .72rem "Manrope";white-space:nowrap}
.color-slide-item[href]:hover{background:#fff;transform:translateY(-1px)}
@keyframes colorsSlide{to{transform:translateX(calc(-50% - 7px))}}

/* Logotipos reales de transportadoras */
.carrier-track{gap:18px;animation:carriers 24s linear infinite}
.carrier-logo{width:240px;height:104px;flex:0 0 240px;display:grid;place-items:center;padding:20px 24px;background:#fff;border:1px solid #e6e2dc;border-radius:18px;overflow:hidden}
.carrier-logo img{width:100%;height:100%;object-fit:contain}
.carrier-logo.carrier-inter img{width:230px;height:230px;max-width:none;max-height:none;object-fit:contain}
@keyframes carriers{to{transform:translateX(calc(-50% - 9px))}}

@media(max-width:620px){
  .color-marquee{padding:8px 0}
  .color-slide-item{width:250px;height:74px;grid-template-columns:62px 1fr auto;gap:10px;padding:6px 12px 6px 6px;border-radius:13px}
  .color-slide-item img{width:62px;height:60px;border-radius:9px}
  .color-slide-item span{font-size:.9rem}
  .color-slide-item b{font-size:.65rem}
  .carrier-logo{width:190px;height:88px;flex-basis:190px;padding:16px 20px}
  .carrier-logo.carrier-inter img{width:190px;height:190px}
}
@media(prefers-reduced-motion:reduce){.color-track{animation-play-state:paused}}

.cookie-banner{position:fixed;z-index:60;left:18px;right:18px;bottom:18px;max-width:980px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 22px;background:#fff;color:var(--ink);border:1px solid #d9d5ce;border-radius:18px;box-shadow:0 20px 70px #0004}
.cookie-banner[hidden]{display:none}
.cookie-banner strong{display:block;font:800 1rem "Manrope";margin-bottom:5px}
.cookie-banner p{margin:0;line-height:1.45;color:#5f5a63;font-size:.9rem}
.cookie-banner>div:first-child>button{border:0;background:none;padding:6px 0 0;text-decoration:underline;font-size:.8rem;color:#4e3a70}
.cookie-actions{display:flex;gap:9px;flex:0 0 auto}
.cookie-actions button{border:1px solid var(--ink);border-radius:9px;padding:11px 16px;background:#fff;font-weight:700}
.cookie-actions #cookieAccept{background:var(--ink);color:#fff}
@media(max-width:620px){.cookie-banner{bottom:86px;left:10px;right:10px;display:block;padding:18px}.cookie-actions{margin-top:14px}.cookie-actions button{flex:1}}
