@font-face{font-family:'Poppins';src:url('/sistema/assets/fuentes/poppins-600.woff') format('woff');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('/sistema/assets/fuentes/poppins-700.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Poppins';src:url('/sistema/assets/fuentes/poppins-800.woff') format('woff');font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:'Mulish';src:url('/sistema/assets/fuentes/mulish.woff') format('woff');font-weight:200 1000;font-style:normal;font-display:swap;}
.ico{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;border-radius:var(--radius-pill); font-family:var(--font-display);font-weight:600;line-height:1;letter-spacing:.005em;white-space:nowrap; border:1.5px solid transparent;transition:background 140ms var(--ease-out),box-shadow 220ms var(--ease-out);}
.btn--lg{height:58px;padding:0 34px;font-size:var(--text-md);}
.btn--md{height:48px;padding:0 24px;font-size:var(--text-base);}
.btn--sm{height:38px;padding:0 16px;font-size:var(--text-sm);}
.btn--pri{background:var(--color-primary);color:var(--white);box-shadow:var(--shadow-primary);}
.btn--pri:hover{background:var(--color-primary-hover);color:var(--white);box-shadow:var(--shadow-lg);}
.btn--sec{background:transparent;color:var(--color-primary);border-color:var(--color-primary);}
.btn--sec:hover{background:var(--red-50);color:var(--color-primary);}
.btn .ico{font-size:18px;}
.btn--md .ico{font-size:16px;}
.chip{display:inline-flex;align-items:center;gap:.4em;padding:5px 13px;font-family:var(--font-display);font-weight:600; font-size:var(--text-xs);line-height:1.1;letter-spacing:var(--tracking-wide);text-transform:uppercase; border-radius:var(--radius-pill);white-space:nowrap;}
.chip--natural{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-200);}
.chip--nueva{background:var(--green-400);color:var(--ink-900);border:1px solid transparent;align-self:flex-start;white-space:normal;}
.chip .ico{font-size:12px;}
.eyebrow{font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow); text-transform:uppercase;color:var(--red-600);}
.chips{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-2);}
.tarjeta{position:relative;height:100%;display:flex;flex-direction:column;background:var(--color-surface); border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;border-top:6px solid var(--sabor); transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out);}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.tarjeta:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}}
.tarjeta__bolsa{display:flex;justify-content:center;padding:var(--space-8) var(--space-8) 0;}
.tarjeta__bolsa img{width:150px;height:auto;display:block;}
.tarjeta__cuerpo{flex:1;padding:var(--space-6) var(--space-8) var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);}
.tarjeta h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);line-height:var(--leading-snug);}
.tarjeta__en{display:block;margin-top:2px;font-family:var(--font-display);font-weight:600;font-size:var(--text-xs); letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--sabor);}
.tarjeta__datos{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);}
.tarjeta__datos p{margin:0;}
.tarjeta__datos strong{color:var(--color-text);font-weight:600;}
.tarjeta__linea{margin:0;font-style:italic;font-size:var(--text-base);line-height:var(--leading-relaxed);}
.tarjeta__pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4); margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border);}
.precio{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);white-space:nowrap;}
.precios{padding:var(--space-24) var(--gutter);max-width:var(--container-sm);margin:0 auto;display:flex; flex-direction:column;gap:var(--space-8);text-align:center;}
.precios__envio{margin:0;font-weight:600;font-size:var(--text-sm);}
.precios__feria{margin:0;font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--color-text-subtle); padding-top:var(--space-4);border-top:1px solid var(--color-border);}
@media (max-width:480px){.tarjeta__bolsa{padding:var(--space-6) var(--space-6) 0;}
.tarjeta__cuerpo{padding:var(--space-5) var(--space-6) var(--space-6);}
.btn--lg{padding:0 28px;}}
@media (prefers-reduced-motion:reduce){.tarjeta,.btn{transition:none;}}
.rw-card{display:flex; flex-direction:column; gap:.55rem; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:1.5rem; box-shadow:var(--shadow-sm); transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-fast) var(--ease-out);}
.rw-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-md); border-color:var(--color-accent);}
.rw-card__cat{font-family:var(--font-display); font-weight:700; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--color-primary);}
.rw-card h2{font-size:1.2rem; font-weight:700; letter-spacing:-.015em; line-height:1.2;}
.rw-card__txt{color:var(--color-text-muted); font-size:.95rem; flex:1;}
.rw-card__sal{font-family:var(--font-display); font-weight:700; font-size:.85rem; color:var(--green-700); margin-top:.25rem;}

html{-webkit-text-size-adjust:100%;}
*,*::before,*::after{box-sizing:border-box;}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3{text-wrap:balance;}
:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;}
.s-enlace{color:var(--color-text);font-weight:var(--weight-bold);text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:2px;text-underline-offset:.22em;}
.s-enlace:hover{color:var(--red-600);}
.s-toldo{width:100%;}
.s-cab{max-width:var(--container-md);margin:0 auto;padding:var(--space-10) var(--gutter) var(--space-12);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center;}
.s-marca{position:relative;width:min(220px,60vw);container-type:inline-size;}
.s-marca img{width:100%;}
.s-tm{position:absolute;left:95.6%;top:62.4%;font-size:4.6cqw;font-weight:var(--weight-bold);line-height:1;color:var(--color-text);}
.s-marca--tinta .s-tm{color:var(--cream-100);}
.s-ante{margin:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xs);line-height:var(--leading-snug);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--red-600);}
.s-h1{margin:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(2rem,8vw,var(--text-4xl));line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);}
.s-lead{margin:0;max-width:56ch;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-muted);}
.s-acciones{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-2);}
.s-indice{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none;}
.s-indice a{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-4);border:var(--border-base) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-sm);}
.s-indice a:hover{border-color:var(--color-primary);}
.s-seccion{padding:var(--space-16) var(--gutter);}
.s-seccion--alt{background:var(--cream-200);border-top:var(--border-thin) solid var(--color-border);border-bottom:var(--border-thin) solid var(--color-border);}
.s-in{max-width:var(--container-lg);margin:0 auto;}
.s-cabeza{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--container-md);margin-bottom:var(--space-10);}
.s-h2{margin:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(1.75rem,6vw,var(--text-3xl));line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);}
.s-h3{margin:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);line-height:var(--leading-snug);}
.s-txt{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-muted);}
.s-txt strong{color:var(--color-text);}
.s-rejilla{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);}
.s-mesa{background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);min-width:0;}
.s-pie-demo{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);overflow-wrap:anywhere;}
.s-pie-demo b{color:var(--color-text);}
.s-logos{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-10);}
.s-logo{margin:0;display:flex;flex-direction:column;gap:var(--space-3);}
.s-logo__caja{display:flex;align-items:center;justify-content:center;padding:var(--space-8);border-radius:var(--radius-lg);border:var(--border-thin) solid var(--color-border);background:var(--color-bg);}
.s-logo__caja--tinta{background:var(--ink-900);border-color:var(--ink-900);}
.s-logo .s-marca{width:min(170px,46vw);}
.s-logo figcaption{font-size:var(--text-sm);color:var(--color-text-muted);}
.s-colores{list-style:none;margin:0 0 var(--space-8);padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--space-4);}
.s-color{display:grid;grid-template-columns:var(--space-12) minmax(0,1fr);gap:var(--space-4);align-items:center;background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);}
.s-muestra{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-md);border:var(--border-thin) solid var(--color-border);background:var(--c);}
.s-color p{margin:0;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text-muted);}
.s-color strong{display:block;font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);}
.s-hex{font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--color-text);}
.s-token{font-size:var(--text-xs);overflow-wrap:anywhere;}
.s-barra{display:flex;height:var(--space-10);border-radius:var(--radius-md);overflow:hidden;border:var(--border-thin) solid var(--color-border);}
.s-barra span{display:block;background:var(--c);}
.s-leyenda{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-1) var(--space-3);align-items:baseline;margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-text-muted);}
.s-leyenda dt{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text);}
.s-leyenda dd{margin:0;}
.s-fichas{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);}
.s-ficha{display:flex;flex-direction:column;background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);min-width:0;}
.s-ficha__toldo{position:relative;z-index:1;height:52px;--franja:26px;background:radial-gradient(circle calc(var(--franja) / 2) at calc(var(--franja) / 2) 0,var(--red-500) 97%,transparent 100%) 0 36px / calc(var(--franja) * 2) calc(var(--franja) / 2 + 1px) repeat-x,radial-gradient(circle calc(var(--franja) / 2) at calc(var(--franja) * 1.5) 0,var(--white) 97%,transparent 100%) 0 36px / calc(var(--franja) * 2) calc(var(--franja) / 2 + 1px) repeat-x,repeating-linear-gradient(90deg,var(--red-500) 0 var(--franja),var(--white) var(--franja) calc(var(--franja) * 2)) 0 0 / 100% 36px no-repeat;}
.s-ficha__ventana{margin-top:-16px;padding:var(--space-10) var(--space-6) var(--space-6);background:var(--c-bolsa);color:var(--cream-100);}
.s-ficha__ventana strong{display:block;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-2xl);line-height:var(--leading-tight);}
.s-ficha__ventana span{display:block;margin-top:var(--space-1);font-weight:var(--weight-semibold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);}
.s-ficha__datos{margin:0;padding:var(--space-5) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);flex:1;}
.s-ficha__datos div{display:flex;flex-direction:column;gap:2px;}
.s-ficha__datos dt{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-text-muted);}
.s-ficha__datos dd{margin:0;color:var(--color-text);}
.s-punto{display:inline-block;width:14px;height:14px;margin-right:var(--space-2);vertical-align:-2px;border-radius:var(--radius-circle);background:var(--c);box-shadow:inset 0 0 0 1px var(--color-border);}
.s-ficha .s-enlace{margin:0 var(--space-6) var(--space-6);align-self:flex-start;font-size:var(--text-sm);}
.s-regla{margin:var(--space-8) 0 0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);line-height:var(--leading-snug);}
.s-letras{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);margin-bottom:var(--space-6);}
.s-letra{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-5);align-items:center;}
.s-aa{font-size:var(--text-5xl);line-height:1;}
.s-aa--display{font-family:var(--font-display);font-weight:var(--weight-bold);}
.s-aa--cuerpo{font-family:var(--font-body);font-weight:var(--weight-semibold);}
.s-pesos{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin:var(--space-2) 0 0;padding:0;list-style:none;font-size:var(--text-md);}
.s-viva{margin:0;padding:var(--space-5);border:var(--border-base) dashed var(--color-border-strong);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(1.75rem,7vw,var(--text-3xl));line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;}
.s-viva:focus{outline:2px solid var(--color-primary);outline-offset:3px;border-color:transparent;}
.s-escala{list-style:none;margin:0;padding:0;}
.s-escala li{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1);padding:var(--space-3) 0;border-bottom:var(--border-thin) solid var(--color-border);}
.s-escala li:last-child{border-bottom:0;}
.s-escala__n{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;}
.s-escala__n b{color:var(--color-text);}
.s-escala__m{line-height:var(--leading-snug);overflow-wrap:anywhere;}
.s-escala__m--display{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);}
.s-fila{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);}
.s-fila .chip{white-space:normal;max-width:100%;}
.s-demo-ficha{max-width:380px;width:100%;}
.s-demo-receta{display:grid;max-width:380px;}
.s-calle{margin:0 0 var(--space-8);}
.s-calle img{width:100%;border-radius:var(--radius-lg);border:var(--border-thin) solid var(--color-border);background:var(--color-surface);}
.s-bolsas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);}
.s-bolsa{display:flex;flex-direction:column;gap:var(--space-2);}
.s-bolsa img{width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-md);}
.s-bolsa strong{font-family:var(--font-display);font-size:var(--text-base);line-height:var(--leading-snug);}
.s-bolsa span{font-size:var(--text-sm);color:var(--color-text-muted);overflow-wrap:anywhere;}
.s-bolsa:hover strong{color:var(--red-600);}
.s-reglas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);counter-reset:regla;}
.s-reglas li{counter-increment:regla;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);}
.s-reglas li::before{content:counter(regla);font-family:var(--font-display);font-weight:var(--weight-extra);font-size:var(--text-3xl);line-height:1;color:var(--color-primary);}
.s-reglas p{margin:var(--space-2) 0 0;color:var(--color-text-muted);}
.s-pie{background:var(--ink-900);color:var(--cream-100);padding:var(--space-16) var(--gutter);display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center;}
.s-pie .s-marca{width:min(150px,40vw);}
.s-pie__lema{margin:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);line-height:var(--leading-snug);}
.s-pie__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3) var(--space-6);}
.s-pie__links a{display:inline-flex;min-height:40px;align-items:center;font-weight:var(--weight-bold);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:.22em;}
.s-pie__nota{margin:0;max-width:560px;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--stone-400);}
@media (min-width:720px){
.s-logos{grid-template-columns:1fr 1fr;}
.s-rejilla--2,.s-fichas,.s-letras,.s-reglas{grid-template-columns:repeat(2,minmax(0,1fr));}
.s-escala li{grid-template-columns:8rem minmax(0,1fr);align-items:baseline;gap:var(--space-4);}
}
@media (min-width:1040px){
.s-fichas,.s-bolsas{grid-template-columns:repeat(4,minmax(0,1fr));}
.s-reglas{grid-template-columns:repeat(3,minmax(0,1fr));}
.s-seccion{padding:var(--space-24) var(--gutter);}
}