:root {
--saludables-deep: #075e3d;
--saludables-deep-2: #05452d;
--saludables-leaf: #278557;
--saludables-leaf-dark: #1e6a45;
--saludables-cream: #faf7ef;
--saludables-mint: #e5f2e8;
--saludables-ink: #24352b;
--saludables-muted: #5c6f62;
--saludables-line: #dfe8dd;
--saludables-honey: #e9be62;
--saludables-white: #fff;
--saludables-danger: #b3261e;
--saludables-font-display: "Fraunces", Georgia, "Times New Roman", serif;
--saludables-font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
--saludables-logo-h: 3.25rem;
--saludables-r-sm: .6rem;
--saludables-r-md: 1rem;
--saludables-r-lg: 1.4rem;
--saludables-r-xl: 2rem;
--saludables-r-full: 999px;
--saludables-shadow-sm: 0 2px 10px -2px rgba(36, 53, 43, .12);
--saludables-shadow-md: 0 10px 28px -8px rgba(36, 53, 43, .18);
--saludables-shadow-lg: 0 22px 48px -12px rgba(7, 94, 61, .28);
--saludables-section: clamp(2.5rem, 6vw, 4.5rem);
--bs-primary: var(--saludables-leaf);
--bs-primary-rgb: 39, 133, 87;
--bs-success: var(--saludables-leaf);
--bs-link-color: var(--saludables-leaf-dark);
--bs-link-hover-color: var(--saludables-deep);
--bs-body-bg: var(--saludables-cream);
--bs-body-color: var(--saludables-ink);
--bs-border-color: var(--saludables-line);
--bs-font-sans-serif: var(--saludables-font-body);
} @media (prefers-reduced-motion: no-preference) {
html { scroll-behavior: smooth; }
}
html, body { overflow-x: clip; }
body {
margin: 0;
background: var(--saludables-cream);
color: var(--saludables-ink);
font-family: var(--saludables-font-body);
font-size: 1rem;
line-height: 1.6;
}
img, svg, video, iframe { max-width: 100%; }
h1, h2, h3, h4 { font-family: var(--saludables-font-display); line-height: 1.15; letter-spacing: -.01em; color: var(--saludables-ink); text-wrap: balance; }
a { color: var(--saludables-leaf-dark); }
a:hover { color: var(--saludables-deep); }
.saludables-skip {
position: absolute; left: 1rem; top: -4rem; z-index: 2000;
background: var(--saludables-deep); color: #fff; padding: .6rem 1rem; border-radius: var(--saludables-r-md);
transition: top .2s;
}
.saludables-skip:focus { top: 1rem; color: #fff; }
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
outline: 3px solid rgba(233, 190, 98, .9);
outline-offset: 2px;
border-radius: .4rem;
} .saludables-btn {
display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
border-radius: var(--saludables-r-full); border: 2px solid transparent;
padding: .8rem 1.6rem; font-weight: 700; font-size: 1rem; line-height: 1.2;
text-decoration: none; cursor: pointer;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.saludables-btn:hover { transform: translateY(-2px); }
.saludables-btn--primary { background: var(--saludables-leaf); border-color: var(--saludables-leaf); color: #fff; box-shadow: var(--saludables-shadow-sm); }
.saludables-btn--primary:hover { background: var(--saludables-leaf-dark); border-color: var(--saludables-leaf-dark); color: #fff; box-shadow: var(--saludables-shadow-md); }
.saludables-btn--light { background: #fff; border-color: #fff; color: var(--saludables-deep); }
.saludables-btn--light:hover { background: var(--saludables-mint); border-color: #fff; color: var(--saludables-deep); }
.saludables-btn--outline { background: transparent; border-color: var(--saludables-leaf); color: var(--saludables-leaf-dark); }
.saludables-btn--outline:hover { background: var(--saludables-mint); color: var(--saludables-deep); }
.saludables-btn--deep { background: var(--saludables-deep); border-color: var(--saludables-deep); color: #fff; }
.saludables-btn--deep:hover { background: var(--saludables-deep-2); color: #fff; }
.saludables-btn svg { flex-shrink: 0; } .saludables-icon { display: inline-block; flex-shrink: 0; vertical-align: middle; }
.saludables-eyebrow .saludables-icon,
.saludables-visit h3 .saludables-icon { flex-shrink: 0; align-self: center; }
.saludables-iconbtn {
position: relative; display: inline-flex; align-items: center; justify-content: center;
width: 2.6rem; height: 2.6rem; border-radius: 50%;
border: 1px solid var(--saludables-line); background: #fff; color: var(--saludables-deep);
transition: background .18s, transform .18s;
}
.saludables-iconbtn:hover { background: var(--saludables-mint); transform: translateY(-1px); color: var(--saludables-deep); }
.saludables-cart__count {
position: absolute; top: -.3rem; right: -.3rem;
min-width: 1.25rem; height: 1.25rem; padding: 0 .3rem;
background: var(--saludables-honey); color: var(--saludables-ink);
font-size: .72rem; font-weight: 700; line-height: 1.25rem; text-align: center;
border-radius: var(--saludables-r-full);
} .saludables-topbar { background: var(--saludables-deep); color: #fff; text-align: center; padding: .45rem 1rem; }
.saludables-topbar__text { margin: 0; font-size: .85rem; font-weight: 500; letter-spacing: .02em; } :root { --smk-header-h: 4.5rem; --smk-admin-offset: 0px; }
body.admin-bar { --smk-admin-offset: 32px; }
@media (max-width: 782px) { body.admin-bar { --smk-admin-offset: 46px; } }
@media (max-width: 600px) { body.admin-bar { --smk-admin-offset: 0px; } } .saludables-header {
position: sticky;
top: var(--smk-admin-offset);
z-index: 1020;
background: #fff;
border-bottom: 1px solid var(--saludables-line);
} html { scroll-padding-top: calc(var(--smk-header-h) + 1rem); }
#contenido, .saludables-section[id] { scroll-margin-top: calc(var(--smk-header-h) + 1rem); }
@media (min-width: 992px) { html { scrollbar-gutter: stable; } }
.saludables-header__inner { display: flex; align-items: center; justify-content: flex-start; gap: 1rem; padding-top: .7rem; padding-bottom: .7rem; max-width: 1320px; margin-left: auto; margin-right: auto; }
.saludables-brand { display: inline-flex; align-items: center; justify-content: flex-start; text-align: left; gap: .65rem; text-decoration: none; margin-right: auto; margin-left: 0; min-width: 0; flex-shrink: 1; }
.saludables-brand__mark {
display: inline-flex; align-items: center; justify-content: center;
width: var(--saludables-logo-h); height: var(--saludables-logo-h); border-radius: 50%;
background: var(--saludables-deep); color: var(--saludables-honey); flex-shrink: 0;
}
.saludables-brand__mark--light { background: rgba(255, 255, 255, .12); }
.saludables-brand__text { display: flex; flex-direction: column; align-items: flex-start; text-align: left; line-height: 1.05; min-width: 0; max-width: 100%; }
.saludables-brand__name { font-family: var(--saludables-font-display); font-weight: 700; font-size: 1.3rem; letter-spacing: .06em; color: var(--saludables-deep); white-space: nowrap; text-align: left; }
.saludables-brand__tag { font-size: .8rem; font-weight: 500; color: var(--saludables-muted); letter-spacing: .04em; white-space: nowrap; text-align: left; }
.saludables-brand, .saludables-footer__logo .saludables-footer__brand { justify-content: flex-start; text-align: left; }
.saludables-page__head { max-width: 44rem; margin-bottom: 2rem; text-align: left; } .custom-logo, .saludables-brand .custom-logo-link img, .saludables-footer__brand .custom-logo-link img {
display: block; height: var(--saludables-logo-h) !important; width: auto !important;
max-width: 13rem !important; max-height: var(--saludables-logo-h) !important;
object-fit: contain; flex-shrink: 0;
}
.custom-logo-link { display: inline-flex; align-items: center; flex-shrink: 0; max-width: 100%; }
.saludables-brand .custom-logo, .saludables-footer__brand .custom-logo { max-width: 13rem; } .woocommerce-page .saludables-header .custom-logo, .single-product .saludables-header .custom-logo,
.post-type-archive-product .saludables-header .custom-logo { height: var(--saludables-logo-h) !important; width: auto !important; }
.woocommerce-page .saludables-footer__brand .custom-logo, .single-product .saludables-footer__brand .custom-logo { height: 2.9rem !important; width: auto !important; max-width: 11rem !important; }
@media (max-width: 575.98px) { .custom-logo { max-width: 9rem !important; } }
.saludables-nav__list, .saludables-nav__list ul { list-style: none; margin: 0; padding: 0; }
.saludables-nav__list { display: flex; gap: .25rem; }
.saludables-nav__list a {
display: block; padding: .55rem .95rem; border-radius: var(--saludables-r-full);
color: var(--saludables-ink); font-weight: 600; font-size: .95rem; text-decoration: none;
}
.saludables-nav__list a:hover { background: var(--saludables-mint); color: var(--saludables-deep); }
.saludables-nav__list .current-menu-item > a, .saludables-nav__list [aria-current="page"] { background: var(--saludables-deep); color: #fff; }
.saludables-nav__list li { position: relative; }
.saludables-nav__list ul {
display: none; position: absolute; top: 100%; left: 0; min-width: 12rem;
background: #fff; border: 1px solid var(--saludables-line); border-radius: var(--saludables-r-md);
box-shadow: var(--saludables-shadow-md); padding: .4rem;
}
.saludables-nav__list li:hover > ul, .saludables-nav__list li:focus-within > ul { display: block; }
.saludables-header__actions { display: flex; align-items: center; gap: .5rem; }
.saludables-search { border-top: 1px solid var(--saludables-line); background: #fff; padding: 1rem 0; }
.saludables-searchform { display: flex; gap: .6rem; }
.saludables-searchform__input { border-radius: var(--saludables-r-full) !important; border-color: var(--saludables-line) !important; padding: .7rem 1.2rem !important; }
.saludables-searchform__input:focus { border-color: var(--saludables-leaf) !important; box-shadow: 0 0 0 .25rem rgba(39, 133, 87, .15) !important; }
.saludables-offcanvas { background: var(--saludables-cream); max-width: min(22rem, 90vw); }
.saludables-offcanvas__title { font-family: var(--saludables-font-display); font-weight: 700; color: var(--saludables-deep); }
.saludables-mnav__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .25rem; }
.saludables-mnav__list a { display: flex; align-items: center; gap: .6rem; padding: .7rem .9rem; border-radius: var(--saludables-r-md); color: var(--saludables-ink); font-weight: 600; text-decoration: none; }
.saludables-mnav__list a:hover { background: var(--saludables-mint); }
.saludables-mnav__list--tools { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--saludables-line); }
.saludables-mnav__list--tools .saludables-cart__count { position: static; margin-left: auto; } .saludables-hero { position: relative; overflow: hidden; padding: var(--saludables-section) 0; }
.saludables-hero__bg { position: absolute; inset: 0; pointer-events: none; }
.saludables-hero__blob {
position: absolute; border-radius: 50%; filter: blur(70px); opacity: .5;
}
.saludables-hero__blob--a { width: 26rem; height: 26rem; background: var(--saludables-mint); top: -8rem; right: -6rem; }
.saludables-hero__blob--b { width: 18rem; height: 18rem; background: #f6e7c6; bottom: -9rem; left: -6rem; }
.saludables-hero__badge {
display: inline-flex; align-items: center; gap: .45rem;
background: var(--saludables-mint); color: var(--saludables-deep);
border-radius: var(--saludables-r-full); padding: .4rem 1rem;
font-size: .82rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
}
.saludables-hero__title { font-size: clamp(2.2rem, 5.2vw, 3.6rem); font-weight: 700; margin: 1rem 0; }
.saludables-hero__title span { display: block; }
.saludables-hero__title .saludables-accent { color: var(--saludables-leaf); font-style: italic; }
.saludables-hero__text { font-size: 1.1rem; color: var(--saludables-muted); max-width: 32rem; }
.saludables-hero__cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.5rem; }
.saludables-hero__media { position: relative; }
.saludables-hero__frame {
border-radius: var(--saludables-r-xl); overflow: hidden; box-shadow: var(--saludables-shadow-lg);
border: 6px solid #fff; aspect-ratio: 4 / 3.4; background: var(--saludables-mint);
}
.saludables-hero__frame img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; }
.saludables-hero__chip {
position: absolute; display: inline-flex; align-items: center; gap: .5rem;
background: rgba(255, 255, 255, .95); border-radius: var(--saludables-r-full);
padding: .55rem 1rem; font-size: .85rem; font-weight: 700; color: var(--saludables-deep);
box-shadow: var(--saludables-shadow-md);
}
.saludables-hero__chip--a { top: 1rem; right: 1rem; }
.saludables-hero__chip--b { bottom: 1rem; left: 1rem; }
.saludables-hero__dot { width: .6rem; height: .6rem; border-radius: 50%; background: var(--saludables-leaf); flex-shrink: 0; }
.saludables-hero__leaf { position: absolute; color: var(--saludables-leaf); opacity: .25; }
.saludables-hero__leaf--a { top: -1rem; left: 8%; }
.saludables-hero__leaf--b { bottom: 0; right: 4%; transform: rotate(35deg); } .saludables-section { padding: var(--saludables-section) 0; }
.saludables-section--mint { background: var(--saludables-mint); }
.saludables-section--deep { background: var(--saludables-deep); color: #fff; }
.saludables-section--deep h2, .saludables-section--deep h3 { color: #fff; }
.saludables-eyebrow {
display: inline-flex; align-items: center; gap: .4rem;
color: var(--saludables-leaf-dark); font-weight: 700; font-size: .82rem;
letter-spacing: .08em; text-transform: uppercase; margin: 0 0 .5rem;
}
.saludables-section--deep .saludables-eyebrow { color: var(--saludables-honey); }
.saludables-section__title { font-size: clamp(1.7rem, 3.4vw, 2.4rem); font-weight: 700; margin: 0 0 .5rem; }
.saludables-section__lead { color: var(--saludables-muted); max-width: 40rem; margin: 0 0 1.8rem; }
.saludables-section--deep .saludables-section__lead { color: rgba(255, 255, 255, .85); }
.saludables-section__head--split { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; } .saludables-cat { position: relative; display: block; border-radius: var(--saludables-r-lg); overflow: hidden; text-decoration: none; box-shadow: var(--saludables-shadow-sm); transition: transform .2s, box-shadow .2s; background: var(--saludables-mint); }
.saludables-cat:hover { transform: translateY(-4px); box-shadow: var(--saludables-shadow-md); }
.saludables-cat__media { aspect-ratio: 4 / 3; overflow: hidden; }
.saludables-cat__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.saludables-cat:hover .saludables-cat__media img { transform: scale(1.05); }
.saludables-cat__body {
position: absolute; inset: auto 0 0 0; display: flex; align-items: center; justify-content: space-between; gap: .5rem;
padding: .8rem 1rem; background: linear-gradient(transparent, rgba(7, 69, 45, .85));
color: #fff;
}
.saludables-cat__name { font-family: var(--saludables-font-display); font-weight: 700; font-size: 1.05rem; }
.saludables-cat__go { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--saludables-honey); color: var(--saludables-ink); flex-shrink: 0; }
.saludables-cat--soon { cursor: default; }
.saludables-cat__soon {
position: absolute; top: .8rem; left: .8rem; background: rgba(255, 255, 255, .92);
color: var(--saludables-deep); font-size: .75rem; font-weight: 700; border-radius: var(--saludables-r-full); padding: .3rem .8rem;
} .saludables-product { display: flex; flex-direction: column; height: 100%; min-width: 0; background: #fff; border: 1px solid var(--saludables-line); border-radius: var(--saludables-r-lg); overflow: hidden; overflow-wrap: break-word; box-shadow: var(--saludables-shadow-sm); transition: transform .2s, box-shadow .2s; }
.saludables-product:hover { transform: translateY(-4px); box-shadow: var(--saludables-shadow-md); }
.saludables-product:focus-within { box-shadow: var(--saludables-shadow-md); }
.saludables-product__media { position: relative; aspect-ratio: 4 / 3; background: var(--saludables-mint); overflow: hidden; }
.saludables-product__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.saludables-product__badge { position: absolute; top: .7rem; left: .7rem; background: var(--saludables-deep); color: #fff; font-size: .72rem; font-weight: 700; border-radius: var(--saludables-r-full); padding: .28rem .75rem; }
.saludables-product__badge--sale { background: var(--saludables-honey); color: var(--saludables-ink); }
.saludables-product__body { display: flex; flex-direction: column; gap: .35rem; padding: clamp(.875rem, 1.5vw, 1.25rem); flex: 1; min-width: 0; }
.saludables-product__cat { font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--saludables-leaf); overflow-wrap: break-word; }
.saludables-product__title { font-size: 1.05rem; font-weight: 700; line-height: 1.35; margin: 0; overflow-wrap: break-word; }
.saludables-product__title a { color: var(--saludables-ink); text-decoration: none; }
.saludables-product__title a:hover { color: var(--saludables-leaf-dark); }
.saludables-product__foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem .75rem; margin-top: auto; padding-top: .7rem; border-top: 1px solid var(--saludables-line); }
.saludables-product__foot .saludables-btn { min-height: 2.75rem; }
.saludables-price { font-weight: 700; color: var(--saludables-deep); font-size: 1.05rem; }
.saludables-price del { color: var(--saludables-muted); font-weight: 400; font-size: .85rem; margin-right: .35rem; }
.saludables-price ins { text-decoration: none; }
.saludables-empty { background: #fff; border: 1px dashed var(--saludables-line); border-radius: var(--saludables-r-lg); padding: 2.2rem 1.5rem; text-align: center; color: var(--saludables-muted); }
.saludables-empty__icon { display: inline-flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; border-radius: 50%; background: var(--saludables-mint); color: var(--saludables-deep); margin-bottom: .8rem; } .saludables-cafe__frame { border-radius: var(--saludables-r-xl); overflow: hidden; aspect-ratio: 4 / 3.2; box-shadow: var(--saludables-shadow-lg); border: 6px solid rgba(255, 255, 255, .15); }
.saludables-cafe__frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.saludables-cafe__points { list-style: none; margin: 1.2rem 0 1.6rem; padding: 0; display: flex; flex-direction: column; gap: .7rem; }
.saludables-cafe__points li { display: flex; gap: .6rem; align-items: flex-start; color: rgba(255, 255, 255, .9); }
.saludables-cafe__points svg { color: var(--saludables-honey); flex-shrink: 0; margin-top: .2rem; } .saludables-market__frame { border-radius: var(--saludables-r-xl); overflow: hidden; aspect-ratio: 4 / 3.2; box-shadow: var(--saludables-shadow-md); border: 6px solid #fff; }
.saludables-market__frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.saludables-chips { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.2rem 0 1.6rem; padding: 0; list-style: none; }
.saludables-chips a, .saludables-chips span { display: inline-flex; align-items: center; gap: .4rem; background: #fff; border: 1px solid var(--saludables-line); color: var(--saludables-deep); border-radius: var(--saludables-r-full); padding: .5rem 1rem; font-weight: 600; font-size: .9rem; text-decoration: none; }
.saludables-chips a:hover { background: var(--saludables-deep); color: #fff; border-color: var(--saludables-deep); }
.saludables-chips a:hover .saludables-chips__count { background: rgba(255,255,255,.22); color: #fff; }
.saludables-chips a[aria-current="page"] { background: var(--saludables-deep); border-color: var(--saludables-deep); color: #fff; box-shadow: var(--saludables-shadow-sm); }
.saludables-chips a[aria-current="page"] .saludables-chips__count { background: var(--saludables-honey); color: var(--saludables-ink); }
.saludables-chips__count {
display: inline-flex; align-items: center; justify-content: center;
min-width: 1.5rem; height: 1.5rem; padding: 0 .35rem; border-radius: var(--saludables-r-full);
background: var(--saludables-mint); color: var(--saludables-deep); font-size: .75rem; font-weight: 700;
} .saludables-recommended { margin: 0 0 2.5rem; padding: 1.8rem; background: #fff; border: 1px solid var(--saludables-line); border-radius: var(--saludables-r-xl); box-shadow: var(--saludables-shadow-sm); }
@media (max-width: 575px) { .saludables-recommended { padding: 1.2rem; } } .saludables-essence { background: #fff; border: 1px solid var(--saludables-line); border-radius: var(--saludables-r-lg); padding: 1.6rem 1.4rem; height: 100%; box-shadow: var(--saludables-shadow-sm); }
.saludables-essence__icon { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 1rem; background: var(--saludables-mint); color: var(--saludables-deep); margin-bottom: .9rem; }
.saludables-essence h3 { font-size: 1.2rem; margin: 0 0 .4rem; }
.saludables-essence p { margin: 0; color: var(--saludables-muted); font-size: .95rem; } .saludables-visit { background: #fff; border: 1px solid var(--saludables-line); border-radius: var(--saludables-r-lg); padding: 1.4rem; height: 100%; }
.saludables-visit h3 { font-size: 1.1rem; display: flex; align-items: center; gap: .5rem; margin: 0 0 .5rem; color: var(--saludables-deep); }
.saludables-visit p, .saludables-visit li { color: var(--saludables-muted); font-size: .95rem; }
.saludables-visit ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .3rem; }
.saludables-visit a { font-weight: 600; } .saludables-cta { background: linear-gradient(135deg, var(--saludables-deep), var(--saludables-leaf-dark)); border-radius: var(--saludables-r-xl); color: #fff; padding: clamp(1.8rem, 4vw, 3rem); box-shadow: var(--saludables-shadow-lg); overflow: hidden; position: relative; }
.saludables-cta h2 { color: #fff; margin: 0 0 .5rem; }
.saludables-cta p { color: rgba(255, 255, 255, .85); margin: 0; }
.saludables-cta__leaf { position: absolute; right: -2rem; bottom: -2rem; width: 12rem; height: 12rem; color: rgba(255, 255, 255, .12); transform: rotate(20deg); } .saludables-cta .saludables-btn--outline, .saludables-section--deep .saludables-btn--outline { border-color: #fff; color: #fff; background: transparent; }
.saludables-cta .saludables-btn--outline:hover, .saludables-section--deep .saludables-btn--outline:hover { background: #fff; border-color: #fff; color: var(--saludables-deep); }
.saludables-cta .saludables-btn--outline:focus-visible { outline-color: var(--saludables-honey); } .saludables-btn--primary:focus-visible { outline: 3px solid rgba(233,190,98,.9); outline-offset: 2px; } .saludables-page { padding: var(--saludables-section) 0; }
.saludables-page__title { font-size: clamp(2rem, 4.5vw, 3rem); margin: .6rem 0; }
.saludables-content { max-width: 44rem; }
.saludables-content img { border-radius: var(--saludables-r-md); } .saludables-field { margin-bottom: 1rem; }
.saludables-field__label { display: block; font-weight: 700; margin-bottom: .35rem; }
.saludables-field__error { display: block; color: var(--saludables-danger); font-size: .85rem; margin-top: .3rem; }
.saludables-notice { display: flex; gap: .7rem; align-items: flex-start; border-radius: var(--saludables-r-md); padding: 1rem 1.2rem; margin-bottom: 1.2rem; }
.saludables-notice--ok { background: var(--saludables-mint); color: var(--saludables-deep); }
.saludables-notice--error { background: #fdecea; color: var(--saludables-danger); } .saludables-accordion { --bs-accordion-bg: #fff; --bs-accordion-border-color: var(--saludables-line); --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(39, 133, 87, .15); --bs-accordion-active-bg: var(--saludables-mint); --bs-accordion-active-color: var(--saludables-deep); border-radius: var(--saludables-r-lg); overflow: hidden; } .saludables-pagination { margin-top: 2rem; }
.saludables-pagination__list { display: flex; gap: .5rem; flex-wrap: wrap; justify-content: center; }
.saludables-pagination a, .saludables-pagination .current { display: inline-flex; align-items: center; justify-content: center; min-width: 2.6rem; height: 2.6rem; padding: 0 .8rem; border-radius: var(--saludables-r-full); border: 1px solid var(--saludables-line); background: #fff; text-decoration: none; font-weight: 600; }
.saludables-pagination .current { background: var(--saludables-deep); border-color: var(--saludables-deep); color: #fff; }
.saludables-widget { background: #fff; border: 1px solid var(--saludables-line); border-radius: var(--saludables-r-md); padding: 1.2rem; margin-bottom: 1.2rem; }
.saludables-widget__title { font-size: 1.1rem; margin: 0 0 .7rem; }
.saludables-postcard { background: #fff; border: 1px solid var(--saludables-line); border-radius: var(--saludables-r-lg); overflow: hidden; height: 100%; }
.saludables-postcard__media { aspect-ratio: 16 / 9; overflow: hidden; background: var(--saludables-mint); }
.saludables-postcard__media img { width: 100%; height: 100%; object-fit: cover; }
.saludables-postcard__body { padding: 1.1rem 1.2rem 1.3rem; } .saludables-footer { background: var(--saludables-deep); color: rgba(255, 255, 255, .92); padding: 2.5rem 0 0; margin-top: var(--saludables-section); }
.saludables-footer__brand { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; max-width: 100%; } .saludables-footer__logo {
display: inline-flex; max-width: 100%;
background: #fff !important; border-radius: 1rem;
padding: .55rem .9rem; margin-bottom: .9rem;
box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .25);
}
.saludables-footer__logo .saludables-footer__brand { margin-bottom: 0; min-width: 0; max-width: 100%; }
.saludables-footer__logo .saludables-brand__text { min-width: 0; max-width: 100%; }
.saludables-footer__logo .saludables-brand__name { color: var(--saludables-deep) !important; white-space: normal; line-height: 1.15; }
.saludables-footer__logo .saludables-brand__tag { color: var(--saludables-muted) !important; }
.saludables-footer__logo .custom-logo, .saludables-footer__logo .custom-logo-link img {
background: transparent !important; padding: 0 !important;
height: 2.9rem !important; width: auto !important; max-width: 11rem !important;
}
.saludables-footer__about { font-size: .95rem; max-width: 22rem; color: rgba(255, 255, 255, .88); }
.saludables-footer__title { color: #fff; font-size: 1.05rem; margin: 0 0 .9rem; }
.saludables-footer__contact a { color: #fff; text-decoration: none; font-weight: 500; }
.saludables-footer__contact a:hover { color: var(--saludables-honey); }
.saludables-footer__contact { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; font-size: .95rem; color: rgba(255,255,255,.92); }
.saludables-footer__contact li { display: flex; gap: .6rem; align-items: flex-start; }
.saludables-footer__contact svg { color: var(--saludables-honey); flex-shrink: 0; align-self: flex-start; margin-top: .15em; } .saludables-footer__contact-item--address { width: 100%; min-width: 0; }
.saludables-footer__contact-item--address > span { flex: 1 1 auto; min-width: 0; text-align: left; }
.saludables-footer__contact-item--address a { overflow-wrap: anywhere; text-align: left; } .saludables-footer__grid { row-gap: 1.5rem; }
.saludables-footer__grid > div { margin-bottom: 0; } .saludables-footer__hours { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; font-size: .95rem; color: rgba(255,255,255,.92); }
.saludables-footer__hours li {
display: flex; gap: 1rem; align-items: baseline; justify-content: space-between;
padding-bottom: .6rem; margin-bottom: .6rem; border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.saludables-footer__hours li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.saludables-footer__hours-label { color: rgba(255, 255, 255, .72); min-width: 0; overflow-wrap: break-word; }
.saludables-footer__hours-value { color: #fff; font-weight: 600; text-align: right; min-width: 0; overflow-wrap: break-word; }
.saludables-social { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; gap: .6rem; }
.saludables-social a { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: rgba(255, 255, 255, .12); color: #fff; transition: background .18s, transform .18s; }
.saludables-social a:hover { background: var(--saludables-honey); color: var(--saludables-ink); transform: translateY(-2px); }
.saludables-footer__bar { border-top: 1px solid rgba(255, 255, 255, .2); margin-top: 1.8rem; padding: 1rem 0; display: flex; flex-wrap: wrap; gap: .6rem 1.5rem; align-items: center; justify-content: space-between; font-size: .9rem; color: #fff; }
.saludables-footer__copy { margin: 0; color: #fff; font-weight: 600; }
.saludables-footer__legal { list-style: none; margin: 0; padding: 0; display: flex; gap: 1rem; }
.saludables-footer__legal a { color: #fff; }
.saludables-credit { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; opacity: .9; text-decoration: none; color: rgba(255, 255, 255, .92); }
.saludables-credit:hover { opacity: 1; color: #fff; }
.saludables-credit__brand { background: linear-gradient(135deg, #7cc7ff, #e9be62); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; }
.saludables-credit__mark { color: #e9be62; flex-shrink: 0; display: block; } .saludables-content > * { max-width: 100%; }
.saludables-content > p, .saludables-content > ul, .saludables-content > ol, .saludables-content > h2, .saludables-content > h3 { max-width: 44rem; }
.saludables-content h2 { font-size: 1.5rem; margin-top: 2rem; }
.saludables-content h3 { font-size: 1.2rem; margin-top: 1.5rem; }
.saludables-content a { font-weight: 600; }
.saludables-content ul, .saludables-content ol { color: var(--saludables-muted); }
.saludables-content blockquote { border-left: 4px solid var(--saludables-honey); padding: .4rem 0 .4rem 1.2rem; color: var(--saludables-muted); font-style: italic; }
.saludables-content table { width: 100%; border-collapse: collapse; }
.saludables-content th, .saludables-content td { border: 1px solid var(--saludables-line); padding: .6rem .8rem; text-align: left; } .saludables-aside-card { background: #fff; border: 1px solid var(--saludables-line); border-radius: var(--saludables-r-lg); padding: 1.5rem; box-shadow: var(--saludables-shadow-sm); height: 100%; }
.saludables-aside-card h2, .saludables-aside-card h3 { margin-top: 0; }
.saludables-list-check { list-style: none; margin: 0 0 1.2rem; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.saludables-list-check li { display: flex; gap: .55rem; align-items: flex-start; color: var(--saludables-muted); font-size: .95rem; }
.saludables-list-check svg { color: var(--saludables-leaf); flex-shrink: 0; margin-top: .2rem; } .saludables-table { margin-bottom: 1rem; --bs-table-bg: transparent; }
.saludables-table thead th { font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--saludables-muted); border-bottom: 1px solid var(--saludables-line); white-space: nowrap; }
.saludables-cart__product img { width: 4.5rem; height: auto; border-radius: var(--saludables-r-sm); object-fit: cover; flex-shrink: 0; }
.saludables-cart__product a { font-weight: 600; text-decoration: none; }
.saludables-cart__remove { display: inline-flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--saludables-mint); color: var(--saludables-deep); }
.saludables-cart__remove:hover { background: var(--saludables-danger); color: #fff; }
.saludables-coupon { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.saludables-coupon .form-control { max-width: 14rem; border-radius: var(--saludables-r-full); border-color: var(--saludables-line); } .saludables-shop__hero {
position: relative; overflow: hidden;
background: linear-gradient(135deg, #fff 0%, var(--saludables-mint) 60%, #f6e7c6 130%);
border: 1px solid var(--saludables-line); border-radius: var(--saludables-r-xl);
padding: clamp(1.8rem, 4vw, 3rem); margin-bottom: 1rem;
box-shadow: var(--saludables-shadow-sm);
}
.saludables-shop__hero::after {
content: ""; position: absolute; width: 18rem; height: 18rem; border-radius: 50%;
background: radial-gradient(circle, rgba(39,133,87,.14), transparent 70%);
top: -7rem; right: -5rem; pointer-events: none;
}
.saludables-shop__hero .saludables-page__head { margin-bottom: 1.2rem; position: relative; z-index: 1; }
.saludables-shop__hero .saludables-section__lead { margin-bottom: 0; }
.saludables-shop__hero .saludables-chips { margin: 1.2rem 0 0; position: relative; z-index: 1; }
.saludables-shop__head { max-width: 46rem; }
.saludables-shop__head .saludables-page__title { letter-spacing: -.015em; }
.saludables-shop__toolbar {
background: #fff; border: 1px solid var(--saludables-line); border-radius: var(--saludables-r-full);
padding: .6rem .6rem .6rem 1.3rem; margin: 1.2rem 0 1.8rem; box-shadow: var(--saludables-shadow-sm);
}
.saludables-shop__grid .col { display: flex; }
.saludables-shop__grid .saludables-product { width: 100%; }
.saludables-shop__grid .saludables-product__media { aspect-ratio: 4 / 3; }
.saludables-shop__grid .saludables-product__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.saludables-shop__grid .saludables-product:hover .saludables-product__media img { transform: scale(1.06); }
@media (max-width: 575px) { .saludables-shop__toolbar { border-radius: var(--saludables-r-lg); } } .saludables-comments { border-top: 1px solid var(--saludables-line); padding-top: 1.5rem; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .3rem; }
.woocommerce-MyAccount-navigation a { display: block; padding: .6rem .8rem; border-radius: var(--saludables-r-sm); text-decoration: none; color: var(--saludables-ink); font-weight: 600; }
.woocommerce-MyAccount-navigation a:hover, .woocommerce-MyAccount-navigation .is-active a { background: var(--saludables-mint); color: var(--saludables-deep); } .woocommerce-breadcrumb { font-size: .85rem; color: var(--saludables-muted); margin-bottom: 1rem; }
.woocommerce-breadcrumb a { color: var(--saludables-leaf-dark); } .saludables-measure--32 { max-width: 32rem; }
.saludables-measure--36 { max-width: 36rem; }
.saludables-measure--50 { max-width: 50rem; }
.saludables-title--sm { font-size: 1.5rem; }
.saludables-logo--mini { max-width: 220px; height: auto; border-radius: 12px; }
.saludables-cafe__frame--mint { border-color: var( --saludables-mint ); } .saludables-subtitle {
display: flex; align-items: center; gap: .5rem;
font-family: var(--saludables-font-display);
font-weight: 700;
font-size: 1.05rem;
margin: 1.5rem 0 .75rem;
color: var(--saludables-deep);
}
.saludables-gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: .9rem;
}
.saludables-gallery__item {
margin: 0;
overflow: hidden;
border-radius: var(--saludables-r-md);
background: var(--saludables-cream);
aspect-ratio: 4 / 3;
}
.saludables-gallery__img,
.saludables-gallery__item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .35s ease;
}
.saludables-gallery__item:hover img { transform: scale(1.04); }
.saludables-cafe__hero { width: 100%; border-radius: inherit; } @media (max-width: 767px) { .saludables-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) {
.saludables-hero__cta .saludables-btn { flex: 1 1 100%; }
.saludables-header__inner { gap: .5rem; padding-inline: .75rem; }
.saludables-header__actions { gap: .4rem; flex-shrink: 0; }
.saludables-iconbtn { width: 2.5rem; height: 2.5rem; min-width: 2.5rem; min-height: 2.5rem; }
.saludables-iconbtn--account { display: none !important; }
.saludables-brand__text { min-width: 0; }
.saludables-brand__name { font-size: .95rem; white-space: normal; line-height: 1.08; }
.saludables-brand__tag { display: none; } :root { --saludables-logo-h: 2.6rem; }
.custom-logo, .saludables-brand .custom-logo-link img { max-width: min(7rem, 36vw) !important; }
.saludables-hero__frame { aspect-ratio: 4 / 3; min-height: 0; max-height: 340px; }
.saludables-searchform { flex-direction: column; }
.saludables-cat__name { font-size: .95rem; }
.saludables-cat__go { width: 1.7rem; height: 1.7rem; }
.saludables-aside-card { padding: 1.2rem; }
.saludables-coupon .form-control { max-width: 100%; }
}
@media (min-width: 768px) {
.saludables-hero { padding: 4rem 0; }
}
@media (min-width: 1024px) {
.saludables-header__inner { gap: 1.5rem; }
}
@media (min-width: 1440px) {
.container { max-width: 1280px; }
} .saludables-page__title, .page-title { font-size: clamp(1.8rem, 3.5vw, 3rem); line-height: 1.12; overflow-wrap: break-word; }
.saludables-shop__hero { padding: clamp(1.2rem, 3vw, 2rem); }
.saludables-shop__hero .saludables-page__title { font-size: clamp(1.6rem, 3vw, 2.4rem); }
.saludables-shop__grid .col { min-width: 0; }
.saludables-btn, .woocommerce a.button, .woocommerce button.button { min-height: 2.75rem; }
.saludables-chips { max-width: 100%; }
.saludables-footer__grid > div { min-width: 0; }
.saludables-hero__media, .saludables-cafe__frame, .saludables-market__frame { min-width: 0; max-width: 100%; } .saludables-lightbox { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(18, 28, 22, .82); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s; }
.saludables-lightbox.is-open { opacity: 1; visibility: visible; }
.saludables-lightbox__figure { margin: 0; max-width: min(92vw, 1100px); max-height: 88vh; display: flex; flex-direction: column; gap: .6rem; align-items: center; }
.saludables-lightbox__img { display: block; max-width: min(92vw, 1100px); max-height: 78vh; width: auto; height: auto; object-fit: contain; border-radius: var(--saludables-r-md); background: #fff; box-shadow: var(--saludables-shadow-lg); }
.saludables-lightbox__cap { color: #fff; font-size: .9rem; text-align: center; max-width: 60ch; }
.saludables-lightbox__close { position: absolute; top: .9rem; right: .9rem; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; border: 0; background: #fff; color: var(--saludables-deep); font-size: 1.4rem; font-weight: 700; cursor: pointer; box-shadow: var(--saludables-shadow-md); }
.saludables-lightbox__close:hover { background: var(--saludables-honey); color: var(--saludables-ink); } @media (max-width: 1024px) {
.saludables-shop__hero::after { width: 12rem; height: 12rem; }
}
@media (max-width: 768px) {
.saludables-page { padding: clamp(1.5rem, 4vw, 2.5rem) 0; }
.saludables-shop__toolbar { flex-direction: column; align-items: stretch; gap: .7rem; }
.saludables-shop__order { width: 100%; }
.saludables-shop__order select { width: 100%; }
.saludables-hero__chip--a { top: .6rem; right: .6rem; }
.saludables-hero__chip--b { bottom: .6rem; left: .6rem; }
.saludables-footer__about { max-width: 100%; }
.saludables-footer__bar { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 540px) {
.saludables-shop__hero { border-radius: var(--saludables-r-lg); }
.saludables-chips a, .saludables-chips span { font-size: .85rem; padding: .45rem .85rem; }
.saludables-product__foot { flex-direction: column; align-items: stretch; }
.saludables-product__foot .saludables-btn { width: 100%; }
.saludables-hero__title { overflow-wrap: break-word; }
}
@media (max-width: 390px) {
.saludables-header__inner { padding-left: .75rem; padding-right: .75rem; }
.saludables-shop__hero { padding: 1rem; }
}
@media (max-width: 360px) {
.saludables-btn { padding: .75rem 1.1rem; font-size: .95rem; }
.saludables-cat__body { padding: .6rem .8rem; }
} .saludables-contact-status { margin-bottom: 1rem; }
.saludables-contact-status[hidden] { display: none; }
#saludables-contact-form .is-invalid { border-color: var(--saludables-danger); }
#saludables-contact-form .is-invalid:focus { border-color: var(--saludables-danger); box-shadow: 0 0 0 .25rem rgba(179, 38, 30, .12); }
#saludables-contact-form [type="submit"][disabled] { opacity: .7; cursor: wait; } .saludables-main .row > * { min-width: 0; }
h1, h2, h3, .saludables-hero__title, .saludables-section__title,
.saludables-page__title, .saludables-product__title, .saludables-cat__name { overflow-wrap: break-word; }
.saludables-visit a, .saludables-footer__contact a { overflow-wrap: anywhere; } .saludables-topbar__text { line-height: 1.5; }
.saludables-header__inner { min-width: 0; }
.saludables-brand__name { overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
@media (max-width: 575px) {
.saludables-topbar { padding: .5rem .75rem; }
.saludables-topbar__text { font-size: .8rem; }
.saludables-header__inner { padding-top: .55rem; padding-bottom: .55rem; }
.saludables-iconbtn { width: 2.5rem; height: 2.5rem; } .saludables-brand__name {
font-size: .9rem;
letter-spacing: .04em;
white-space: normal;
line-height: 1.15;
overflow: visible;
text-overflow: clip;
max-width: 7.5rem;
word-break: normal;
overflow-wrap: break-word;
}
.saludables-brand { align-items: center; }
.saludables-brand__text { align-items: flex-start; }
} @media (max-width: 419px) {
.saludables-header__inner { gap: .4rem; }
.saludables-brand { gap: .45rem; }
.saludables-brand__name { font-size: .82rem; letter-spacing: .02em; white-space: normal; max-width: 6.5rem; }
} @media (max-width: 340px) {
:root { --saludables-logo-h: 2.35rem; }
.saludables-brand__name { font-size: .74rem; max-width: 5.5rem; }
.saludables-iconbtn { width: 2.35rem; height: 2.35rem; min-width: 2.35rem; min-height: 2.35rem; }
} @media (max-width: 767px) {
:root { --saludables-section: 2rem; }
.saludables-hero { padding: 1.75rem 0 2rem; }
.saludables-hero__title { font-size: clamp(1.9rem, 8vw, 2.6rem); }
.saludables-hero__text { font-size: 1rem; max-width: 100%; }
.saludables-hero__frame { aspect-ratio: 4 / 3; max-height: 320px; border-width: 4px; }
.saludables-hero__chip { font-size: .78rem; padding: .45rem .8rem; max-width: calc(100% - 1.2rem); }
.saludables-hero__blob--a { width: 16rem; height: 16rem; }
.saludables-hero__blob--b { width: 12rem; height: 12rem; }
.saludables-cafe__frame, .saludables-market__frame { aspect-ratio: 4 / 3; max-height: 300px; border-width: 4px; }
.saludables-section--deep { padding: 2rem 0; } .saludables-feat-grid.row-cols-2 > .col { flex: 0 0 100%; max-width: 100%; }
.saludables-essence { padding: 1.2rem 1.1rem; }
.saludables-visit { padding: 1.1rem; }
.saludables-cta { padding: 1.6rem 1.25rem; }
.saludables-cta .saludables-btn { width: 100%; }
}
@media (min-width: 420px) and (max-width: 767px) {
.saludables-feat-grid.row-cols-2 > .col { flex: 0 0 50%; max-width: 50%; }
} .saludables-cat__body { text-shadow: 0 1px 6px rgba(0, 0, 0, .45); }
@media (max-width: 359px) {
.saludables-cat__name { font-size: .85rem; }
.saludables-cat__body { padding: .55rem .7rem; }
.row.g-3 { --bs-gutter-x: .75rem; }
} @media (max-width: 767px) {
.saludables-footer { padding: 1.75rem 0 0; }
.saludables-footer__about { max-width: 100%; font-size: .92rem; }
.saludables-footer__title { font-size: 1rem; margin-bottom: .6rem; }
.saludables-footer__bar { font-size: .85rem; }
} @media (max-width: 575px) {
.saludables-footer__hours li { flex-direction: column; align-items: flex-start; gap: .1rem; }
.saludables-footer__hours-value { text-align: left; }
}  @media (max-width: 767px) {
.saludables-footer { text-align: center; }
.saludables-footer__grid { justify-content: center; }
.saludables-footer__grid > div { display: flex; flex-direction: column; align-items: center; }
.saludables-footer__logo .saludables-footer__brand { justify-content: center; text-align: center; }
.saludables-footer__logo .saludables-brand__text { align-items: center; text-align: center; }
.saludables-footer__logo .saludables-brand__name,
.saludables-footer__logo .saludables-brand__tag { text-align: center; }
.saludables-footer__about { margin-inline: auto; }
.saludables-footer__contact { align-items: center; }
.saludables-footer__contact li { justify-content: center; align-items: center; text-align: center; }
.saludables-footer__contact svg { margin-top: 0; align-self: center; } .saludables-footer__contact li.saludables-footer__contact-item--address { justify-content: flex-start; align-items: flex-start; text-align: left; }
.saludables-footer__contact-item--address > svg { margin-top: .2rem; align-self: flex-start; }
.saludables-footer__contact-item--address > span { text-align: left; } .saludables-footer__hours { align-items: center; }
.saludables-footer__hours li { flex-direction: column; align-items: center; text-align: center; }
.saludables-footer__hours-label, .saludables-footer__hours-value { text-align: center; }
.saludables-footer__bar { align-items: center; justify-content: center; text-align: center; }
.saludables-footer__legal { justify-content: center; }
.saludables-footer__credit { text-align: center; }
} @media (max-width: 767px) {
.saludables-shop__grid .saludables-product__body { padding: .9rem; gap: .3rem; }
.saludables-shop__grid .saludables-product__title { font-size: 1rem; line-height: 1.3; }
.saludables-shop__grid .saludables-product__foot { padding-top: .55rem; gap: .5rem .6rem; }
} .saludables-product__media,
.saludables-product__media img,
.woocommerce div.images,
.woocommerce div.images img,
.saludables-single__gallery img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-user-drag: none;
} @media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
.saludables-cat:hover .saludables-cat__media img { transform: none; }
.saludables-lightbox { transition: none; }
}