/* Los Duendes — capa editorial. Solo presentación; no modifica script.js. */
:root{
 --cream:#faf5ed;--paper:#fcf8f1;--paper-2:#f4eadd;
 --brown:#321d13;--brown-2:#573523;--gold:#a96720;
 --muted:#735e4b;--line:#e8d7c3;--shadow:none;
 --container:min(1280px,calc(100% - 64px));
 --editorial-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='8' viewBox='0 0 40 8'%3E%3Cpath d='M0 4 Q5 0 10 4 T20 4 T30 4 T40 4' fill='none' stroke='%23735e4b' stroke-width='1'/%3E%3C/svg%3E");
}
body[data-page]:not([data-page="belgusto"]){background:radial-gradient(ellipse at 12% 0,rgba(227,206,176,.13),transparent 65%),var(--cream);color:var(--brown)}
body{font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.025em;line-height:1.15;text-wrap:balance}
p{line-height:1.65;text-wrap:pretty}
img{max-width:100%}
main>*{min-width:0}
.section{padding:30px 0}
.section-title{font-size:clamp(28px,2.6vw,38px);margin:0 auto 16px;line-height:1.2}
.section-title::after,.form-card>h2::after{content:"❀";display:block;width:160px;margin:9px auto 0;font-size:18px;font-weight:400;line-height:18px;color:var(--brown);background:var(--editorial-wave) left center/65px 8px no-repeat,var(--editorial-wave) right center/65px 8px no-repeat}
.section-copy{font-size:16px;max-width:690px;margin-bottom:24px}
.kicker,.small-overline{font-size:11px;letter-spacing:.13em}
.header-shell{max-width:1600px;min-height:120px;padding:14px 36px;grid-template-columns:minmax(0,1fr) 142px minmax(0,1fr);gap:22px;background:rgba(250,245,237,.98)}
.site-logo{align-self:center}
.site-logo img{width:140px;height:92px;object-fit:contain}
.nav-group{gap:clamp(10px,1.35vw,23px);flex-wrap:nowrap;line-height:1.15}
.nav-link{font-size:clamp(13px,1.1vw,17px);white-space:nowrap;padding:14px 0}
.account-link{font-size:13px;gap:5px;white-space:nowrap}
.account-link img,.cart-link img{width:25px;height:25px}
.nav-right{gap:clamp(10px,1.1vw,19px)}
.dropdown-btn::after{content:"⌄"!important;display:inline!important;position:static!important;background:none!important;margin-left:7px;height:auto!important}
.dropdown-menu{border-radius:3px;background:var(--paper);min-width:245px;box-shadow:0 5px 10px #321d1310;font-size:15px;z-index:2}
.dropdown-menu a{padding:12px 16px}
.dropdown-menu a:hover{background:var(--paper-2)}
.dropdown-menu img{width:32px;height:30px}
.breadcrumb{font-size:12px;padding:24px 0 0;color:var(--muted)}
.wave-line{bottom:-7px;height:10px;background-size:66px 10px}
.btn,.btn-outline{border-radius:4px;padding:10px 25px;font-size:16px;line-height:1.3;min-height:44px}
.btn{background:linear-gradient(100deg,#321b10,#432618);border-color:#432618;color:#fffaf4}
.btn:hover{background:#684029}
.btn-outline{border-color:#aa8e71}
.btn-outline:hover{background:#eee1ce}
.chips{gap:10px}
.chip{border-radius:4px;padding:5px 12px;font-size:12px;background:transparent}
.card{border:1px solid var(--line);border-radius:6px;box-shadow:none;background:rgba(255,250,243,.28)}
a.card{transition:border-color .18s,background .18s}
a.card:hover{border-color:#af8e68;background:#f4eadc}
.hero-home{display:block;position:relative;isolation:isolate;min-height:440px;padding:0;overflow:hidden;background:#f7f0e5}
.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-home .hero-home-image{position:absolute;top:-14%;left:0;width:100%;height:114%;object-fit:cover;object-position:right bottom;margin:0}
.hero-home::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,245,237,.94) 0%,rgba(250,245,237,.78) 28%,rgba(250,245,237,.15) 54%,transparent 68%)}
.hero-home .inner{width:var(--container);margin:0 auto;padding:62px 0 48px;position:relative;grid-area:auto}
.hero-home h1{font-size:clamp(34px,3.2vw,49px);line-height:1.08;max-width:550px;margin-bottom:18px}
.hero-home p{font-size:19px;max-width:500px;line-height:1.5;margin-bottom:20px}
.hero-home .kicker{margin-bottom:13px}
.ornament{width:195px;gap:8px;color:var(--brown)}
.ornament span{height:8px;background:var(--editorial-wave) center/40px 8px repeat-x;opacity:1}
.home .section:has(.five-col){padding-top:0;padding-bottom:26px}
.home .section:has(>.container>.section-title:first-child){padding-bottom:8px}
.category-card{padding:22px 14px 18px;background:transparent}
.category-card img{width:78px;height:78px;margin-bottom:13px}
.category-card h3{font-size:22px;line-height:1.2;margin-bottom:9px}
.category-card p{font-size:14px;min-height:44px;line-height:1.5;margin:0 0 8px}
.category-card .more{font-size:14px;margin-top:4px}
.page-hero{grid-template-columns:1fr 1.1fr;gap:52px;padding:38px 0;align-items:center}
.page-hero .copy h1{font-size:clamp(34px,3.7vw,54px);line-height:1.08;margin:12px 0 20px}
.page-hero .copy p{font-size:18px;max-width:550px}
.page-hero .art img{border-radius:10px;box-shadow:none;max-height:440px;object-fit:cover}
.page-hero .small-overline{display:inline-block;border-bottom:2px solid var(--section-accent,#b18b5c);padding-bottom:6px}
body[data-page="tienda"]{--section-accent:#e4a2b8}
body[data-page="productos"]{--section-accent:#a5c8e0}
body[data-page="club-los-duendes"]{--section-accent:#e5b624}
body[data-page="se-distribuidor"]{--section-accent:#d87929}
body[data-page="afiliados"]{--section-accent:#bc3937}
body[data-page="nosotros"]{--section-accent:#558c54}
body[data-page="blog-recetas"]{--section-accent:#376fb0}
.feature-banner{padding:28px;gap:40px;border-radius:6px}
.feature-banner .copy h2{font-size:34px}
.feature-banner .copy p{font-size:16px}
.feature-banner img{border-radius:6px;box-shadow:none}
.stat-card{padding:20px;background:transparent;border-radius:4px;border-width:0 0 1px}
.stat-card h3{font-size:22px!important}
.hero-sub{padding:0;gap:32px}
.strip{background:transparent;border-color:var(--line)}
.strip-inner{grid-template-columns:repeat(4,1fr);padding:17px 0;gap:20px}
.strip-item{justify-content:center;padding-right:15px;border-right:1px solid var(--line)}
.strip-item:last-child{border-right:0}
.strip-item img{width:30px;height:30px}
.strip-item h4{font-size:15px;line-height:1.3}
.strip-item p{font-size:12px}
.product-card img{height:auto;aspect-ratio:1.5;object-fit:cover}
.product-card .pad,.thumb-card .pad{padding:15px 17px 18px}
.product-card h3,.thumb-card h3{font-size:21px}
.product-card p,.thumb-card p{font-size:14px;line-height:1.55}
.info-grid .info-card{padding:25px 24px;background:transparent;border-width:0 1px 0 0;border-radius:0}
.info-grid .info-card:last-child{border-right:0}
.info-card h3{font-size:23px}
.info-card p{font-size:15px}
.collection .info-grid{border-block:1px solid var(--line);padding:20px 0}
.collection .page-hero{grid-template-columns:.85fr 1.15fr}
.collection .page-hero .art{grid-column:1;grid-row:1}
.collection .page-hero .copy{grid-column:2;grid-row:1}
.collection .page-hero .art img{max-height:560px;aspect-ratio:4/5;object-fit:cover}
.collection .info-card{text-align:center}
.collection .info-card img{margin:0 auto 16px}
.timeline .step{border:0;border-radius:0;background:transparent;padding:20px 14px}
.timeline .num{background:#3d2315;width:32px;height:32px;font-size:15px}
.timeline p,.tier p{font-size:14px}
.tier{padding:25px 18px;border-radius:5px}
.tier h3{font-size:24px}
.cta-band{background:#f4e9db;border-color:var(--line);border-radius:6px;padding:26px 32px}
.cta-band h2{font-size:32px}
.cta-band p{font-size:16px}
.form-card{padding:26px 30px;background:linear-gradient(120deg,#f8efe3,#fcf7ef)}
.form-card>h2{text-align:center;font-size:30px!important}
.form-card>h2::after{margin-bottom:22px}
.form-grid{gap:14px 18px}
input,textarea,select{border-radius:4px;padding:10px 12px;border-color:var(--line);background:#fffbf7;font-size:15px;color:var(--brown)}
textarea{min-height:100px}
label.field{font-size:13px;color:var(--brown)}
.form-card .btn{width:100%}
.faq details{border-radius:4px;background:transparent;padding:14px 17px}
.faq summary{font-size:17px}
.faq p{font-size:15px}
.review-card{padding:24px;border-radius:5px}
.review-card h3{font-size:20px}
.review-card p{font-size:16px}
.afiliados .page-hero{width:100%;padding:0;gap:0;grid-template-columns:.9fr 1.1fr;background:#f5ecdf}
.afiliados .page-hero .copy{padding:36px 35px 36px max(32px,calc((100vw - 1280px)/2));position:relative;z-index:1}
.afiliados .page-hero .art{height:100%;min-height:355px}
.afiliados .page-hero .art img{height:100%;width:100%;max-height:440px;border-radius:0;object-fit:cover;object-position:center 57%}
.afiliados .page-hero .copy h1{font-size:44px}
.afiliados .page-hero .copy p{font-size:17px}
.afiliados .thumb-card{background:transparent;border:0;text-align:center}
.afiliados .thumb-card img{height:auto;aspect-ratio:1.15;object-fit:contain;background:#f2e8da;border:1px solid var(--line);border-radius:7px}
.afiliados .thumb-card .pad{padding:12px 5px}
.afiliados #postulacion .two-col{grid-template-columns:1.4fr 1fr;gap:26px}
.afiliados #postulacion .two-col>div:last-child>img{max-height:220px;width:100%;object-fit:cover;border-radius:6px!important}
.site-footer{margin-top:44px;background:#f5ebdf;border:0}
.footer-inner{padding:36px 0;grid-template-columns:1.2fr .8fr 1fr;gap:30px;align-items:center}
.footer-col{border-left:1px solid var(--line);padding-left:30px}
.footer-brand h3{font-size:27px}
.footer-brand p{font-size:14px}
.footer-brand img{width:100px;height:80px}
.footer-col h4{font-size:18px}
.socials a{width:38px;height:38px;background:transparent;border-color:#ba9e82}
.socials img{width:21px;height:21px}
.contact-list{font-size:13px;gap:8px}
.contact-list img{width:20px;height:20px}
.site-footer::before{background:linear-gradient(135deg,transparent 50%,#f5ebdf 50%) 0 0/32px 24px repeat-x,linear-gradient(225deg,transparent 50%,#f5ebdf 50%) 0 0/32px 24px repeat-x;height:13px;top:-12px}
/* Belgusto conserva su excepción de marca. */
body[data-page="belgusto"]{--brown:#fff;--muted:#dfd5ca;--line:#4b4238;--paper:#191716;background:#101010;color:#fff}
body[data-page="belgusto"] main .card{background:#191716}
body[data-page="belgusto"] main a.card:hover{background:#28231e;border-color:#b59a76}
body[data-page="belgusto"] .site-header,body[data-page="belgusto"] .site-footer{--brown:#321d13;--muted:#735e4b;--line:#e8d7c3;--paper:#fcf8f1}
body[data-page="belgusto"] main .btn{background:#faf5ed;color:#321d13}
body[data-page="belgusto"] main .btn-outline{color:#fff}
@media(max-width:1280px){
 .header-shell{grid-template-columns:1fr auto;min-height:94px;padding:10px 28px}.header-shell>.nav-group{display:none}
 .site-logo{justify-content:flex-start}.site-logo img{width:106px;height:72px}.mobile-toggle{display:block;color:#321d13;min-width:44px;min-height:44px}
 .mobile-menu.open{display:grid;background:#faf5ed;padding:14px 28px;gap:0;max-height:65vh;overflow:auto}
 .mobile-menu a{min-height:44px;padding:11px 0;font-size:17px;border-bottom:1px solid #e8d7c3}
 .page-hero,.collection .page-hero{gap:30px}.five-col{grid-template-columns:repeat(3,1fr)}
 .hero-home{min-height:405px}.hero-home .inner{padding:46px 0}.hero-home p{max-width:44%;font-size:17px}.hero-home h1{max-width:48%;font-size:40px}
 .two-col,.hero-sub,.feature-banner{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1.2fr .8fr 1fr}
 .strip-inner{grid-template-columns:repeat(2,1fr)}.strip-item:nth-child(2){border-right:0}
}
@media(max-width:760px){
 :root{--container:calc(100% - 36px)}
 .section{padding:24px 0}.page-hero,.collection .page-hero{grid-template-columns:1fr;gap:22px;padding:28px 0}
 .collection .page-hero .art,.collection .page-hero .copy{grid-column:1;grid-row:auto}
 .collection .page-hero .art{order:2}.collection .page-hero .art img{aspect-ratio:4/3;max-height:360px}
 .page-hero .copy h1{font-size:38px}.page-hero .copy p{font-size:17px}
 .hero-home{display:flex;flex-direction:column;min-height:0}
 .hero-media{position:relative;inset:auto;width:100%;aspect-ratio:2.6;z-index:auto;order:0}
 .hero-home .hero-home-image{width:100%;object-position:80% bottom}
 .hero-home::after{display:none}.hero-home .inner{width:var(--container);padding:25px 0 30px;order:1}
 .hero-home h1{max-width:100%;font-size:36px}.hero-home p{max-width:100%;font-size:17px}
 .five-col,.four-col,.three-col,.thumb-grid,.review-grid,.tiers,.timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .category-card{padding:18px 10px}.category-card h3{font-size:21px}.category-card p{min-height:0}
 .category-card img{width:64px;height:64px}.feature-banner,.two-col,.hero-sub{grid-template-columns:1fr}
 .feature-banner{padding:22px;gap:22px}.feature-banner .copy h2{font-size:30px}
 .info-grid .info-card{border:1px solid var(--line);padding:20px 15px;border-radius:4px}
 .info-grid .info-card:last-child{border-right:1px solid var(--line)}
 .cta-band{grid-template-columns:1fr;padding:22px}.cta-band h2{font-size:29px}
 .form-card{padding:22px 18px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:1}
 .afiliados .page-hero{grid-template-columns:1fr}.afiliados .page-hero .copy{padding:28px 18px}
 .afiliados .page-hero .art{min-height:0}.afiliados .page-hero .art img{height:auto;max-height:350px;object-fit:cover}
 .afiliados #postulacion .two-col{grid-template-columns:1fr}
 .footer-inner{grid-template-columns:1fr;gap:25px}.footer-col{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}
 .strip-item{justify-content:flex-start;padding:0;border:0}.strip-item h4{font-size:14px}
 .cart-table th,.cart-table td{padding:8px 5px}.cart-product{gap:8px}.cart-product img{width:54px;height:54px}
}
@media(max-width:420px){.three-col,.four-col,.review-grid,.tiers,.timeline{grid-template-columns:1fr}.hero-home h1{font-size:32px}.strip-inner{grid-template-columns:1fr}.header-shell{padding-inline:18px}.five-col{gap:10px}.category-card h3{font-size:19px}.category-card p{font-size:13px}}
