:root{--ink:#101112;--muted:#5d6064;--line:#e9e9e7;--cream:#f7f1eb;--orange:#f5a400;--green:#55762f;--radius:14px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}img{display:block;width:100%}.shell{width:min(var(--max),calc(100% - 56px));margin:auto}.top{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.brand{font-size:28px;letter-spacing:-1.5px}.nav{display:flex;gap:40px;font-size:13px;font-weight:700}.nav a{padding:30px 0}.top-actions{justify-self:end;display:flex;gap:10px}.icon{width:38px;height:38px;border:0;background:none;border-radius:50%;display:grid;place-items:center;cursor:pointer;position:relative}.icon:hover{background:#f4f4f2}.icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.badge{position:absolute;right:-1px;top:-2px;background:#111;color:white;width:18px;height:18px;border-radius:50%;font-size:10px;display:grid;place-items:center}.mobile-menu{display:none}
.hero{background:linear-gradient(90deg,#fcfaf7,#f4ece3);overflow:hidden}.hero-grid{min-height:398px;display:grid;grid-template-columns:48% 52%;align-items:center}.hero-copy{padding:28px 0 34px}.hero h1{font-size:56px;line-height:.99;letter-spacing:-3.1px;margin:0 0 19px;max-width:480px}.hero-sub{font-size:16px;line-height:1.55;color:#47494c;max-width:390px;margin:0 0 22px}.ctas{display:flex;gap:22px;align-items:center}.btn{border:0;border-radius:8px;padding:15px 22px;font-weight:700;cursor:pointer;display:inline-flex;gap:15px;align-items:center;justify-content:center}.btn-dark{background:#0b0b0c;color:#fff;box-shadow:0 6px 14px #0002}.btn-link{background:transparent}.arrow{font-size:20px}.rating{margin-top:27px;display:flex;align-items:center;gap:15px}.mini-avatars{display:flex}.mini-avatars span{width:31px;height:31px;border:2px solid white;border-radius:50%;margin-left:-7px;background:linear-gradient(145deg,#8f6f58,#e4cdbb)}.mini-avatars span:first-child{margin-left:0}.rating-stars{color:var(--orange);letter-spacing:1px;font-size:16px}.rating-copy{font-size:12px;line-height:1.3}.hero-photo{height:398px;background:url("../img/home-exact/hero.jpg") center/cover no-repeat}
.benefits{border-bottom:1px solid var(--line)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit{min-height:82px;display:flex;align-items:center;gap:14px;padding:16px 18px}.benefit svg{width:31px;height:31px;fill:none;stroke:#111;stroke-width:1.7}.benefit b{font-size:13px;display:block;margin-bottom:5px}.benefit small{font-size:11px;color:#555}
.section{padding:30px 0}.section-title{text-align:center;font-size:24px;letter-spacing:-.8px;margin:0}.under{width:38px;border-top:2px solid #111;margin:7px auto 20px}.products-head{position:relative}.viewall{position:absolute;right:0;top:8px;font-size:12px;font-weight:700}.grid-products{display:grid;grid-template-columns:repeat(4,1fr);gap:29px}.card{min-width:0}.pic{aspect-ratio:1/1;overflow:hidden;border-radius:11px;background:#f3eee8;position:relative}.pic img{height:100%;object-fit:cover}.tag{position:absolute;left:8px;top:8px;background:var(--green);color:#fff;font-size:11px;font-weight:700;padding:6px 9px;border-radius:999px}.tag.beige{background:#caa06b}.heart{position:absolute;right:8px;top:8px;border:0;background:transparent;font-size:23px;cursor:pointer}.heart.active{color:#d84d4d}.card h3{font-size:13px;margin:11px 0 4px}.desc{font-size:11px;color:#555;margin:0 0 9px}.price{font-size:15px;font-weight:800}.old{font-size:11px;color:#747474;text-decoration:line-through;margin-left:8px}.reviews{font-size:11px;color:#666;margin:8px 0 10px}.stars{color:var(--orange);letter-spacing:.5px}.add{width:100%;border:0;background:#0b0b0c;color:#fff;border-radius:6px;padding:11px;font-size:12px;font-weight:700;cursor:pointer}.add:hover,.btn-dark:hover{transform:translateY(-1px);filter:brightness(1.13)}
.offer{padding-top:6px}.offer-box{min-height:190px;border-radius:12px;overflow:hidden;background:linear-gradient(100deg,#eaf0e9,#f3eee6);display:grid;grid-template-columns:1.12fr 1.2fr .78fr;align-items:center;padding:24px 26px}.eyebrow{font-size:11px;font-weight:700}.offer h2{font-size:27px;line-height:1.05;margin:8px 0 10px;letter-spacing:-1px}.offer p{font-size:11px;line-height:1.5;color:#53565a;margin:0 0 13px}.offer .btn{padding:11px 16px;font-size:11px}.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.time{background:#fff;border-radius:10px;text-align:center;padding:14px 4px}.time strong{font-size:26px;display:block}.time span{font-size:9px}.offer-img{height:190px;background:url("../img/home-exact/offer-bg.jpg") center/cover no-repeat;mix-blend-mode:multiply}
.testimonials{padding-top:10px}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial-card[hidden]{display:none!important}.slider-arrow:disabled{opacity:.35;cursor:not-allowed}.quote{border:1px solid var(--line);border-radius:10px;padding:15px;min-height:117px;box-shadow:0 8px 20px #00000008}.person{display:flex;gap:10px;align-items:center}.person img{width:43px;height:43px;border-radius:50%;object-fit:cover}.person b{font-size:12px}.quote .stars{display:block;font-size:12px;margin-top:5px}.quote p{font-size:11px;line-height:1.65;margin:12px 0 0}.dots{text-align:center;margin:10px 0 15px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d4d4d4;margin:0 3px}.dot.active{background:#111}.why{padding-top:0}.why-grid{display:grid;grid-template-columns:repeat(4,1fr)}.why-item{text-align:center;padding:0 29px;border-right:1px solid var(--line)}.why-item:last-child{border:0}.why-item svg{width:34px;height:34px;fill:none;stroke:#111;stroke-width:1.7}.why-item h3{font-size:12px;margin:9px 0 6px}.why-item p{font-size:10px;line-height:1.55;color:#444;margin:0}
.faq{padding-top:18px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.accordion{display:flex;flex-direction:column;gap:5px}.faq-item{border:1px solid var(--line);border-radius:7px;overflow:hidden}.faq-q{width:100%;border:0;background:#fff;padding:10px 14px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;cursor:pointer}.faq-a{height:0;overflow:hidden;padding:0 14px;color:#555;font-size:11px;line-height:1.55;transition:.25s}.faq-item.open .faq-a{height:auto;padding:0 14px 11px}.faq-item.open .plus{transform:rotate(45deg)}.plus{transition:.2s}.faq-photo{border-radius:10px;overflow:hidden;height:121px;background:url("../img/home-exact/faq.jpg") center/cover no-repeat}
footer{background:#f5efe9;padding:17px 0 8px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.1fr .8fr .8fr .85fr 1.15fr;gap:27px}.footer-brand .brand{font-size:21px}.footer-brand p,.footer-col a,.newsletter p{font-size:9px;line-height:1.7;color:#414141}.footer-col h4,.newsletter h4{font-size:10px;margin:0 0 7px}.footer-col a{display:block;margin:3px 0}.subscribe{display:flex;background:#fff;border:1px solid #ddd;border-radius:5px;overflow:hidden}.subscribe input{min-width:0;width:100%;border:0;outline:0;padding:8px;font-size:9px}.subscribe button{width:35px;border:0;background:#111;color:#fff;cursor:pointer}.copyright{margin-top:8px;font-size:8px;color:#555}.payments{text-align:right;font-size:10px;font-weight:700;margin-top:10px;word-spacing:15px}
.drawer{position:fixed;inset:0;z-index:50;pointer-events:none}.drawer.open{pointer-events:auto}.shade{position:absolute;inset:0;background:#0007;opacity:0;transition:.25s}.drawer.open .shade{opacity:1}.panel{position:absolute;right:0;top:0;height:100%;width:min(410px,92vw);background:#fff;transform:translateX(100%);transition:.3s;padding:24px;display:flex;flex-direction:column}.drawer.open .panel{transform:none}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.cart-items{flex:1;overflow:auto}.cart-row{display:grid;grid-template-columns:62px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.cart-row img{width:62px;height:62px;object-fit:cover;border-radius:8px}.cart-row b{font-size:12px}.cart-row small{font-size:11px;color:#555}.remove{border:0;background:none;cursor:pointer}.cart-total{display:flex;justify-content:space-between;font-weight:800;padding:18px 0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);opacity:0;background:#111;color:#fff;padding:12px 18px;border-radius:999px;font-size:12px;transition:.25s;z-index:80}.toast.show{opacity:1;transform:translate(-50%,0)}.searchbox{position:fixed;inset:0;background:#fffc;backdrop-filter:blur(8px);z-index:70;display:none;place-items:start center;padding-top:14vh}.searchbox.open{display:grid}.search-inner{width:min(650px,calc(100% - 30px));background:#fff;padding:18px;border-radius:14px;box-shadow:0 20px 70px #0002;display:flex;gap:10px}.search-inner input{flex:1;border:1px solid #ddd;border-radius:9px;padding:13px}.reveal{opacity:0;transform:translateY(18px);transition:.55s}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.shell{width:min(100% - 28px,var(--max))}.top{grid-template-columns:auto 1fr auto}.nav{display:none}.mobile-menu{display:grid}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center;padding:45px 0 15px}.hero h1,.hero-sub{margin-left:auto;margin-right:auto}.ctas,.rating{justify-content:center}.hero-photo{height:350px;background-position:center}.benefits-grid{grid-template-columns:1fr 1fr}.grid-products{grid-template-columns:1fr 1fr}.offer-box{grid-template-columns:1fr 1fr}.offer-img{display:none}.test-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr;row-gap:25px}.why-item:nth-child(2){border:0}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.top{height:64px}.brand{font-size:23px}.top-actions .account{display:none}.hero h1{font-size:42px}.hero-photo{height:285px}.benefits-grid,.grid-products,.why-grid{grid-template-columns:1fr}.benefit{border-bottom:1px solid var(--line)}.viewall{position:static;text-align:center;display:block;margin-top:-10px;margin-bottom:15px}.offer-box{grid-template-columns:1fr;padding:23px}.timer{grid-template-columns:1fr 1fr}.why-item{border:0;border-bottom:1px solid var(--line);padding:18px}.footer-grid{grid-template-columns:1fr}.payments{text-align:left}.section{padding:26px 0}}

.home-logo{display:block;max-width:min(220px,28vw);height:auto;width:var(--home-logo-width,auto)}
.brand{display:flex;align-items:center}
.top-actions a.icon{color:inherit;text-decoration:none}
.card .add{display:inline-flex;align-items:center;justify-content:center;text-align:center}
.btn[role="button"], .btn{display:inline-flex;align-items:center;justify-content:center}

/* Integración real Shop8020 sin cambiar la composición visual */
.home-cart-link{position:relative}
.home-cart-count{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#111;color:#fff;font-size:9px;line-height:17px;text-align:center;font-weight:800}
.home-product-link,.home-product-title{color:inherit;text-decoration:none}
.home-product-title:hover{text-decoration:underline;text-underline-offset:3px}
.home-product-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}
.home-product-actions .add{margin-top:0;flex:none;width:100%;min-height:40px}
.home-product-actions.has-two .add,.home-product-actions.has-two .home-secondary-action{width:100%}
.home-secondary-action{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;width:100%;margin:0;border:1px solid #111;background:#fff;color:#111;border-radius:6px;padding:11px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;line-height:1.2;min-height:40px;text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.home-secondary-action:hover{border-color:#111;background:#f8f6f2}
@media(max-width:900px){.nav.open{display:flex!important;position:absolute;left:16px;right:16px;top:66px;z-index:90;flex-direction:column;align-items:stretch;padding:14px;background:#fff;border:1px solid #e6e1db;border-radius:12px;box-shadow:0 14px 36px #0002}.nav.open a{padding:9px 5px}}

/* 1.0.4 — navegación unificada y bloque de catálogo */
.top{height:78px;grid-template-columns:1fr auto 1fr}
.nav{gap:30px;font-size:12px;font-weight:700}
.nav a{padding:31px 0;position:relative}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:1px;background:#111;transform:scaleX(0);transition:.2s}
.nav a:hover:after{transform:scaleX(1)}
.download-section{padding:26px 0 34px}
.download-box{min-height:230px;border-radius:14px;overflow:hidden;background:linear-gradient(100deg,#edf2ea,#f5eee6);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:34px 38px;position:relative}
.download-box:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-85px;top:-110px;background:#fff8;pointer-events:none}
.catalog-copy{position:relative;z-index:1;max-width:620px}.catalog-copy h2{font-size:30px;letter-spacing:-1px;margin:8px 0 10px}.catalog-copy p{font-size:12px;line-height:1.65;color:#555;max-width:590px;margin:0 0 18px}
.catalog-preview{justify-self:end;width:285px;min-height:170px;border-radius:14px;background:#f4eadf;padding:18px;position:relative;box-shadow:inset 0 0 0 1px #ffffffaa}.catalog-chip{display:inline-flex;background:#55762f;color:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700}.catalog-sheet{width:168px;height:115px;background:#fff;border-radius:7px;box-shadow:0 13px 28px #5a463022;position:absolute;right:24px;top:25px;padding:16px;transform:rotate(3deg);display:flex;flex-direction:column}.catalog-sheet strong{font-size:16px}.catalog-sheet span{font-size:9px;color:#777;margin-top:6px}.catalog-sheet b{margin-top:auto;font-size:22px;letter-spacing:-1px}.catalog-note{position:absolute;left:18px;bottom:17px;font-size:9px;color:#555;max-width:120px;line-height:1.4}
@media(max-width:760px){.download-box{grid-template-columns:1fr;padding:28px}.catalog-preview{justify-self:stretch;width:100%;margin-top:22px}.nav{gap:18px}}
/* Editor visual v3: imágenes personalizadas */
.catalog-preview[style*="background-image"]{background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.catalog-preview[style*="background-image"]:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00000026,#00000008);z-index:0}.catalog-preview[style*="background-image"] .catalog-chip{position:relative;z-index:1}.catalog-preview[style*="background-image"] .catalog-sheet,.catalog-preview[style*="background-image"] .catalog-note{z-index:1}.faq-photo[style*="background-image"],.hero-photo[style*="background-image"]{background-position:center;background-size:cover;background-repeat:no-repeat}

/* 1.0.8 — sistema de plantillas */
body[class*="home-template-"]{background:var(--template-surface,#fff);color:var(--ink)}
body[class*="home-template-"] .hero{transition:background .25s ease}
body[class*="home-template-"] .pic,body[class*="home-template-"] .offer-box,body[class*="home-template-"] .download-box,body[class*="home-template-"] .quote,body[class*="home-template-"] .faq-item,body[class*="home-template-"] .catalog-preview{border-radius:var(--radius)}
body[class*="home-template-"] .tag,body[class*="home-template-"] .catalog-chip{background:var(--template-accent,#55762f)}

.home-template-tech-noir{background:#111318;color:#f5f7fa}
.home-template-tech-noir header,.home-template-tech-noir .benefits,.home-template-tech-noir .section,.home-template-tech-noir .faq-q{background:#111318;color:#f5f7fa}
.home-template-tech-noir .hero{background:linear-gradient(115deg,#151922,#202a32)}
.home-template-tech-noir .hero-sub,.home-template-tech-noir .benefit small,.home-template-tech-noir .desc,.home-template-tech-noir .offer p,.home-template-tech-noir .quote p,.home-template-tech-noir .why-item p,.home-template-tech-noir .catalog-copy p,.home-template-tech-noir .faq-a{color:#a7adb7}
.home-template-tech-noir .benefits,.home-template-tech-noir .quote,.home-template-tech-noir .faq-item,.home-template-tech-noir .why-item{border-color:#2b303a}
.home-template-tech-noir .benefit svg,.home-template-tech-noir .why-item svg{stroke:#f5f7fa}
.home-template-tech-noir .pic{background:#1b2028}.home-template-tech-noir .btn-dark,.home-template-tech-noir .add{background:#8cf6ff;color:#111318;box-shadow:none}
.home-template-tech-noir .home-secondary-action{background:#161a21;color:#f5f7fa;border-color:#3a404b}
.home-template-tech-noir .offer-box,.home-template-tech-noir .download-box{background:linear-gradient(115deg,#1b2228,#20232a)}
.home-template-tech-noir .time,.home-template-tech-noir .catalog-sheet{background:#111318;color:#f5f7fa}
.home-template-tech-noir .catalog-preview{background:#1a1d24}.home-template-tech-noir footer{background:#0b0d11;color:#f5f7fa}.home-template-tech-noir .footer-brand p,.home-template-tech-noir .footer-col a,.home-template-tech-noir .newsletter p{color:#a7adb7}
.home-template-tech-noir .under{border-color:#8cf6ff}.home-template-tech-noir .nav a:after{background:#8cf6ff}

.home-template-warm-editorial{background:#fffaf4;color:#2c211b}
.home-template-warm-editorial .hero{background:linear-gradient(90deg,#fffaf4,#ead9c8)}
.home-template-warm-editorial .hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-2px}
.home-template-warm-editorial .section-title,.home-template-warm-editorial .offer h2,.home-template-warm-editorial .catalog-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:500}
.home-template-warm-editorial .btn-dark,.home-template-warm-editorial .add{background:#5f3d2b}.home-template-warm-editorial .offer-box,.home-template-warm-editorial .download-box{background:linear-gradient(100deg,#efe2d4,#fff4e8)}
.home-template-warm-editorial .pic{background:#efe2d4}.home-template-warm-editorial footer{background:#ead9c8}
.home-template-warm-editorial .tag,.home-template-warm-editorial .catalog-chip{background:#8a5b3d}

.home-template-soft-boutique{background:#fffdfd;color:#2d2428}
.home-template-soft-boutique .hero{background:linear-gradient(110deg,#fffafa,#f4e8ec)}
.home-template-soft-boutique .hero h1{font-weight:650;letter-spacing:-2.5px}.home-template-soft-boutique .btn-dark,.home-template-soft-boutique .add{background:#5d4650}
.home-template-soft-boutique .offer-box,.home-template-soft-boutique .download-box{background:linear-gradient(100deg,#f4e8ec,#fff9f6)}
.home-template-soft-boutique .pic,.home-template-soft-boutique .quote,.home-template-soft-boutique .faq-item{border-radius:24px}.home-template-soft-boutique .catalog-preview{background:#ead9df}.home-template-soft-boutique footer{background:#f4e8ec}.home-template-soft-boutique .tag,.home-template-soft-boutique .catalog-chip{background:#ad6f83}