.demo-bar{display:flex;gap:22px;justify-content:center;align-items:center;background:#382315;color:#fff4df;font:13px Georgia;padding:9px 18px;flex-wrap:wrap}.demo-bar a{text-decoration:underline}.demo-bar button{border:1px solid #aa8967;background:transparent;color:inherit;padding:5px 9px;border-radius:4px;cursor:pointer}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#fff;z-index:999;padding:10px}
.flow-nav{display:flex;gap:32px;align-items:center;padding:12px 32px;max-width:1600px;margin:auto;background:#faf5edf5}.scrolled .flow-nav{background:#faf5edcc;backdrop-filter:blur(18px)}.flow-nav .site-logo{flex:0 0 130px}.flow-nav nav{display:flex;align-items:center;gap:22px;flex:1;justify-content:flex-end;font-size:15px}.flow-mobile{display:none}.nav-details{position:relative}.nav-details summary{cursor:pointer;white-space:nowrap;min-height:44px;display:flex;align-items:center;gap:8px}.nav-details summary:after{content:'⌄'}.nav-details>div{position:absolute;top:100%;left:0;min-width:220px;background:#fcf8f1;border:1px solid #e8d7c3;padding:8px;box-shadow:0 6px 18px #321d1320;z-index:90}.nav-details a,.nav-details button{display:block;padding:10px;width:100%;text-align:left;background:transparent;border:0;cursor:pointer}.nav-details a:hover,.nav-details button:hover{background:#f0e2d0}
.flow-nav a[href='#/club']{color:#97740e}.flow-nav a[href='#/distribuidores']{color:#a75a22}.flow-nav a[href='#/afiliados']{color:#a03734}.flow-nav a[href='#/nosotros']{color:#4d7343}.flow-nav a[href='#/blog']{color:#345e89}.nav-details:first-child>summary{color:#a25470}.flow-nav .nav-link{font-style:italic}.flow-nav:has(.nav-link:hover) .nav-link:not(:hover){color:#171717}
.flow-page{padding:36px 0 50px}.flow-heading{margin-bottom:28px}.flow-heading h1{font-size:clamp(32px,4vw,48px);margin:0 0 12px}.flow-heading p{color:var(--muted);max-width:780px}.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:25px 0 35px}.flow-grid h2{font-size:24px}.product-card small{display:block;margin:9px 0 16px;color:#735e4b}.product-card button{width:100%}.flow-filters{display:flex;gap:18px;align-items:end;flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0}.flow-filters label{flex:1;min-width:170px}.flow-page label{display:grid;gap:7px;margin-bottom:14px}.flow-product{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:28px 0}.detail-photo{width:100%;height:460px;object-fit:cover;border-radius:9px}.photo-options{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.photo-options button{background:transparent;border:1px solid var(--line);padding:4px;border-radius:5px;cursor:pointer}.photo-options button.active,.photo-options button[aria-current="true"]{border-color:#9e621e;box-shadow:0 0 0 2px rgba(158,98,30,.2)}.photo-options img{width:76px;height:68px;object-fit:cover}.big-price{font-size:32px;color:#9e621e}.flow-info{padding:30px 0;margin:20px 0;border-block:1px solid var(--line)}.flow-info a{display:block;text-decoration:underline;margin:10px 0}.order-summary{max-width:480px;padding:20px;background:#f1e5d4}.order-summary>div{display:flex;justify-content:space-between;gap:30px;padding:6px 0}.order-summary>div:last-child{font-weight:bold;border-top:1px solid #ccb392}.flow-page>small{display:block;margin-bottom:20px}.cart-row{display:grid;grid-template-columns:80px 1fr 95px 130px auto;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.cart-row img{width:80px;height:75px;object-fit:cover}.cart-row small{display:block}.cart-row button{background:none;border:0;color:#924d30;text-decoration:underline;cursor:pointer}.inline-form{display:flex;gap:15px;align-items:center;margin-top:20px;max-width:500px}.flow-page label.check{display:flex;align-items:start;gap:10px;font-size:14px;margin:20px 0}.check input{width:18px;flex:0 0 18px;margin-top:5px}.flow-page .form-card .btn{margin-top:14px}.article-photo{width:100%;max-height:450px;object-fit:cover;border-radius:8px}.article-copy{max-width:760px;margin:30px auto}.article-copy .product-card{max-width:320px}.topic-links{display:flex;gap:10px;flex-wrap:wrap}.topic-links a{padding:9px 16px;border:1px solid #d2b999;border-radius:30px}.selected{background:#eee0ca!important;font-weight:bold}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.role-card{padding:24px;text-align:left;cursor:pointer;color:#352116}.role-card h2,.role-card h3{font-size:23px}.panel-layout{display:grid;grid-template-columns:240px 1fr;gap:25px}.panel-layout>nav a{display:block;padding:10px 14px;border-bottom:1px solid var(--line);font-size:15px}.panel-content{padding:28px;min-width:0}.panel-content .role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-item{padding:20px 0;border-bottom:1px solid var(--line)}.order-item button{margin:5px;cursor:pointer}.metric-card{padding:25px;background:#f1e5d4;margin:20px 0}.flow-form{max-width:720px}.form-result{color:#386534}.flow-footer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px;padding:35px 0}.flow-footer a{display:block;margin:7px 0;font-size:14px}.flow-footer img{mix-blend-mode:multiply}.flow-footer small{font-size:12px}.flow-footer h3{font-size:21px}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#382315;color:#fff;padding:15px 24px;border-radius:8px;z-index:200;max-width:90vw;display:none}#notice.visible{display:block}section[id]{scroll-margin-top:150px}.flow-page .contribution{margin-top:30px}
@media(max-width:1150px){.flow-nav{flex-wrap:wrap;gap:15px;padding:12px 24px}.flow-nav .site-logo img{height:72px;width:110px}.flow-mobile{display:block;margin-left:auto;background:none;border:1px solid #cbb18f;padding:10px;cursor:pointer}.flow-nav nav{display:none;width:100%;flex-basis:100%;align-items:stretch;max-height:65vh;overflow:auto}.flow-nav nav.open{display:grid;gap:0}.flow-nav nav>a{padding:12px}.nav-details summary{padding:12px}.nav-details>div{position:static;box-shadow:none}.flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-footer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-product,.panel-layout{grid-template-columns:1fr;gap:24px}.detail-photo{height:330px}.cart-row{grid-template-columns:60px 1fr 80px;gap:12px}.cart-row img{width:60px}.cart-row strong{grid-column:2}.cart-row button{grid-column:3}.role-grid,.panel-content .role-grid{grid-template-columns:1fr}.flow-page .two-col{grid-template-columns:1fr}.panel-layout>nav{display:flex;overflow:auto;gap:8px}.panel-layout>nav a{min-width:150px}.demo-bar{font-size:12px;gap:12px}.flow-footer{grid-template-columns:1fr 1fr}.flow-footer h3{font-size:18px}.flow-heading h1{font-size:35px}}
@media(max-width:430px){.flow-grid,.flow-footer{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.cart-row{grid-template-columns:50px 1fr 70px}.flow-page{padding-top:26px}}
.editorial-model .flow-footer img{background:#faf5ed;padding:5px;mix-blend-mode:normal;border-radius:4px}body[data-page="belgusto"] .flow-filters select,body[data-page="belgusto"] #add-product input,body[data-page="belgusto"] #add-product select{color:#321d13;background:#fffaf4}body[data-page="belgusto"] .flow-footer{color:#321d13}.flow-nav .nav-link:after{display:none!important}
/* Corrección de entrada editorial y navegación visible. */
.demo-bar{background:#f0e5d5;color:#6f5743;font-size:11px;padding:5px 14px;gap:18px}.demo-bar button{border-color:#ccb69c;font-size:11px;padding:3px 7px}
.flow-nav{display:flex;flex-direction:column;gap:0;padding:8px 24px 12px;position:relative}.flow-nav .site-logo{flex:0 0 auto;justify-content:center}.flow-nav .site-logo img{width:116px;height:78px}.flow-nav nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;width:100%;font-size:15px;overflow:visible;max-height:none}.flow-nav .flow-mobile{display:none}.flow-nav .nav-link{font-size:15px;padding:8px 0}.flow-nav nav>a{padding:8px 0}.nav-details summary{min-height:36px;padding:8px 0}.nav-details>div{position:absolute;top:100%;left:0;box-shadow:0 6px 18px #321d1320;background:#fcf8f1}.nav-details>div a{white-space:nowrap}.nav-details:last-of-type>div{left:auto;right:0}
.home .hero-home{min-height:350px}.home .hero-home .inner{padding:36px 0 32px}.home .hero-home h1{font-size:clamp(32px,3.15vw,49px);max-width:46%;line-height:1.08}.home .hero-home p{font-size:18px;max-width:43%;line-height:1.5}.home .hero-home .hero-home-image{object-position:center bottom}.home .hero-home::after{background:linear-gradient(90deg,#faf5edf5 0%,#faf5ede6 28%,#faf5ed66 46%,transparent 65%)}
.home .hero-home .kicker{font-size:10px}.home .hero-home .chips{max-width:48%;margin-top:15px!important}.home .hero-home .btn,.home .hero-home .btn-outline{font-size:14px;padding:10px 15px}
.home .hero-sub{border-bottom:1px solid var(--line)}
@media(min-width:1200px){.flow-nav{padding:8px 32px 14px}.flow-nav .site-logo img{height:88px;width:132px}.flow-nav nav{gap:28px;font-size:17px}.flow-nav .nav-link{font-size:17px}}
@media(min-width:621px) and (max-width:1000px){.flow-nav nav{gap:4px 17px;font-size:13px}.flow-nav .nav-link{font-size:13px}.flow-nav .site-logo img{height:64px;width:95px}.home .hero-home{display:block;min-height:350px}.home .hero-media{position:absolute;inset:0;width:100%;aspect-ratio:auto;z-index:-2}.home .hero-home .inner{width:var(--container);padding:32px 0;position:relative}.home .hero-home h1{max-width:46%;font-size:33px}.home .hero-home p{max-width:43%;font-size:16px}.home .hero-home::after{display:block}.home .hero-home .hero-home-image{object-position:center bottom}.home .hero-home .ornament{width:150px}}
@media(max-width:620px){.flow-nav{flex-direction:row;justify-content:space-between;flex-wrap:wrap;padding:8px 18px}.flow-nav .site-logo img{height:62px;width:93px}.flow-nav .flow-mobile{display:block;margin-left:0}.flow-nav nav{display:none;flex-basis:100%;align-items:stretch;max-height:65vh;overflow:auto}.flow-nav nav.open{display:grid;gap:0}.flow-nav nav>a,.nav-details summary{padding:12px}.nav-details>div{position:static;box-shadow:none}.home .hero-home{display:flex;min-height:0}.home .hero-media{position:relative;inset:auto;z-index:auto;aspect-ratio:2.6}.home .hero-home .inner{padding:24px 0 28px}.home .hero-home::after{display:none}.home .hero-home h1{max-width:100%;font-size:34px}.home .hero-home p,.home .hero-home .chips{max-width:100%}.demo-bar span{max-width:170px}.demo-bar{gap:8px}.home .hero-home .hero-home-image{object-position:center bottom}}

/* Identidad editorial compartida por los paneles */
body[data-role="cliente"]{--panel-accent:#a25470;--panel-soft:#f4e4ea}
body[data-role="miembro"]{--panel-accent:#a98510;--panel-soft:#f7edc9}
body[data-role="distribuidor"]{--panel-accent:#b45d22;--panel-soft:#f6e2d2}
body[data-role="afiliado"]{--panel-accent:#9d3e3c;--panel-soft:#f4dedd}
body[data-role="institucional"]{--panel-accent:#4f7147;--panel-soft:#e3eee0}
body[data-role="admin"]{--panel-accent:#6b4a2f;--panel-soft:#eee2d4}
body[data-page="mi-cuenta"] .flow-heading{padding:25px 28px;background:linear-gradient(120deg,var(--panel-soft,#f3e7d8),#fffaf4);border-left:6px solid var(--panel-accent,#7c5a3c);border-radius:12px}
body[data-page="mi-cuenta"] .panel-layout>nav{padding:14px;background:#fffaf4;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
body[data-page="mi-cuenta"] .panel-layout>nav a{border-radius:7px;border-bottom:0;margin:3px 0}
body[data-page="mi-cuenta"] .panel-layout>nav a:hover{background:var(--panel-soft,#f3e7d8)}
body[data-page="mi-cuenta"] .panel-layout>nav a.selected{background:var(--panel-accent,#6b4a2f)!important;color:white}
body[data-page="mi-cuenta"] .panel-content{border-top:5px solid var(--panel-accent,#6b4a2f);box-shadow:var(--shadow)}
body[data-page="mi-cuenta"] .role-card{border-top:4px solid var(--panel-accent,#6b4a2f);background:#fffdf8}
.catalog-search{flex:2!important;min-width:260px!important}.catalog-result-count{color:var(--muted);margin:18px 0 -8px}.empty-state{grid-column:1/-1;padding:35px;text-align:center}.stock-alternative{display:block;margin-top:10px;text-decoration:underline;color:#6d543f}.payment-trust{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 16px}.payment-trust span{padding:7px 10px;border:1px solid #d8c2a7;border-radius:7px;background:#fffaf2;font-size:12px;color:#614b39}
.afiliados .page-hero .copy h1{font-size:clamp(28px,3vw,44px);line-height:1.1}.afiliados .page-hero .copy{padding-top:26px;padding-bottom:26px}.afiliados .page-hero .copy p{font-size:17px}.affiliate-overview{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.affiliate-step{text-align:center;padding:12px 4px}.affiliate-step>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#402818;color:#fff;margin:0 auto 12px}.affiliate-step h3{font-size:18px}.affiliate-step p{font-size:14px}.afiliados .thumb-card .reference-photo{border-radius:7px}.afiliados .thumb-card .reference-photo img{border:0;background:none}.affiliate-overview .section-title{font-size:29px}@media(max-width:900px){.affiliate-overview{grid-template-columns:1fr}.affiliate-overview .four-col{grid-template-columns:repeat(4,1fr)}}@media(max-width:620px){.affiliate-overview .four-col{grid-template-columns:repeat(2,1fr)}}
.blog-editorial-hero{margin:0 0 28px;border-radius:5px}.blog-editorial-hero .story-copy{padding:28px 22px}.blog-editorial-hero .story-copy h1{font-size:38px}.blog-editorial-hero .story-copy h2{font-size:21px}@media(max-width:900px){.blog-editorial-hero{grid-template-columns:1fr 1.1fr}.blog-editorial-hero .story-copy h1{font-size:32px}.blog-editorial-hero .story-copy h2{font-size:18px}.blog-editorial-hero .story-copy p{font-size:14px}}@media(max-width:620px){.blog-editorial-hero{grid-template-columns:1fr}}
.category-directory .product-card>a{display:block}.category-directory .product-card img{height:110px;object-fit:none;object-position:center top}.category-directory .product-card h2{font-size:23px}.category-directory .product-card .pad{padding-top:18px}