/* Galería a todo el ancho, con tarjeta activa centrada y vecinas visibles. */
.site-bar{position:sticky;top:0;z-index:9;background:#fff9f3f5;border-bottom:1px solid #eddae4;backdrop-filter:blur(8px)}.site-bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px}.site-bar .mini-brand{font:700 1rem Georgia,serif;color:#653252}.site-bar .cta{margin:0;min-height:38px;padding:.48rem .9rem;font-size:.78rem;white-space:nowrap}html{scroll-padding-top:62px}
.gallery{position:relative;padding:3.7rem 0 4.8rem;background:radial-gradient(ellipse at 10% 82%,#ad6197 0,transparent 63%),linear-gradient(145deg,#713461,#9f4b81 68%,#ad6491);color:#fffaf5}.gallery-intro,.gallery-outro{padding-inline:18px}.gallery h2{color:#fffaf5;max-width:28ch;margin-inline:auto}.gallery p{font-size:clamp(1rem,1.6vw,1.24rem)}.gallery-intro strong{background:#51284766;padding:.08em .28em;border-radius:.3em}.gallery .slider{position:relative;width:100%;max-width:none;margin:clamp(1.5rem,4vw,3.6rem) auto 0;--card:76vw;--gap:16px}.gallery .slider-track{gap:var(--gap);padding:20px calc((100% - var(--card))/2) 30px;scrollbar-width:none}.gallery .slider-track::-webkit-scrollbar{display:none}.gallery .slider-track figure{flex:0 0 calc(var(--card) / 1);flex-basis:var(--card);scroll-snap-align:center;transform:scale(.91);opacity:.74;background:#fbe6ef;padding:10px;border-radius:22px;box-shadow:0 13px 32px #38193148;transition:transform .42s,opacity .42s,background .42s;min-width:0}.gallery .slider-track figure.is-active{transform:scale(1);opacity:1;background:#fffdfa}.gallery .slider-track img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px}.gallery .slider-track figcaption{display:grid;justify-items:center;gap:.3rem;padding:.8rem .25rem .35rem;font-size:clamp(.88rem,2.1vw,1.2rem)}.gallery .folio{border-radius:999px;background:#f4ddec;color:#88345f;padding:.1rem .6rem;font-size:.7rem;letter-spacing:.08em}.gallery .slider-controls{position:absolute;top:44%;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;margin:0;padding-inline:9px}.gallery .slider-controls button{pointer-events:auto;width:43px;height:43px;padding:0;display:grid;place-items:center;background:#5c2b50;color:white;border:none;border-radius:50%;font-size:2rem;line-height:1;box-shadow:0 4px 12px #32142766}.gallery .slider-dots{margin:0}.gallery .slider-dots button[aria-current=true]::before{width:25px;height:9px;border-radius:99px}.gallery-outro{margin-top:.8rem}.gallery-outro .cta{min-width:min(100%,340px);background:#fffaf5;color:#77325f}.gallery-note{font-size:.76rem!important}.gallery-wave{position:absolute;inset:auto 0 0;width:100%;height:34px;display:block}.recipe-visual.dessert-photo{background-size:cover;background-position:center}
.recipe-visual.chocolate{background-image:url(imagenes/postre-chocolate.webp)}.recipe-visual.limon{background-image:url(imagenes/postre-limon.webp)}.recipe-visual.cafe{background-image:url(imagenes/postre-cafe.webp)}.recipe-visual.coco{background-image:url(imagenes/postre-coco.webp)}
@media(min-width:740px){.gallery .slider{--card:39vw;--gap:22px}.gallery .slider-controls{padding-inline:20px}.gallery .slider-controls button{width:50px;height:50px}}@media(min-width:1080px){.gallery .slider{--card:27vw;--gap:28px}}
.problem .wrap{max-width:1040px;display:grid;align-items:center;gap:1.5rem;text-align:left}.problem-visual{justify-self:center;max-width:350px}.problem-visual img{width:100%;max-height:370px;object-fit:contain}.problem-copy{max-width:560px}.timeline article{border-color:#d9c9ef}.benefits .step{min-height:100%;margin:0}.benefit-grid{display:grid;gap:.65rem;margin:1.3rem 0}.lilac-strong .pack{border-radius:18px;background:#fff2eb;padding:1rem .65rem;box-shadow:0 8px 24px #4023693a}.lilac-strong .pack:nth-child(2){background:#ffe4ed}.lilac-strong .pack:nth-child(3){background:#efe1fb}.cocoa.end{color:#fff5eb}.cocoa.end .wrap{display:grid;gap:1rem;align-items:center;text-align:left;max-width:960px}.cocoa.end .cutout img{max-height:250px}.cocoa.end h2{color:#fff5eb}@media(min-width:740px){.problem .wrap{grid-template-columns:.9fr 1.1fr}.benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bio-grid .cutout{grid-column:1;grid-row:1}.bio-grid>div{grid-column:2;grid-row:1}.cocoa.end .wrap{grid-template-columns:.75fr 1.25fr}}