/** Shopify CDN: Minification failed

Line 40:0 All "@import" rules must come first

**/
/* ===== ESCUELA SALUDABLE — BRAND FONTS & STYLES ===== */

@font-face {
  font-family: "Gliker";
  src: url("/cdn/shop/files/gliker-bold.ttf?v=1779516231") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gliker";
  src: url("/cdn/shop/files/gliker-regular.ttf?v=1779516241") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TheSeasons";
  src: url("/cdn/shop/files/the-seasons.ttf?v=1779516250") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TheSeasons";
  src: url("/cdn/shop/files/the-seasons-regular.ttf?v=1779516263") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  --es-coral: #f28266;
  --es-coral-dark: #d4644a;
  --es-cream: #f2efdd;
  --es-muted: #888680;
  --es-dark: #2c2c2c;
  --es-font-titles: "Gliker", Georgia, serif;
  --es-font-subtitles: "TheSeasons", Georgia, serif;
  --es-font-body: "Poppins", sans-serif;
  --es-text-shadow: 0 1px 3px rgba(0,0,0,0.35);
}

/* ===== FONDO GLOBAL #f2efdd EN TODA LA TIENDA ===== */
html,
body,
.color-scheme-1,
.color-background-1,
.gradient,
.background-secondary {
  background-color: #f2efdd !important;
  background: #f2efdd !important;
}

/* Eliminar cualquier degradado en elementos generales */
.gradient {
  background-image: none !important;
}

/* ===== TIPOGRAFIA ===== */
body, p, li, span, input, select, textarea, div {
  font-family: var(--es-font-body) !important;
}

h1, h2, h3, .h1, .h2, .h3,
.banner__heading, .hero__title,
.card__heading a {
  font-family: var(--es-font-titles) !important;
  letter-spacing: 0.02em;
}

/* ===== CUADRO DEL SLIDESHOW ===== */
.slideshow__text,
.slideshow__text.gradient,
.banner__box,
.banner__box.gradient {
  background: linear-gradient(to bottom, #f2efdd 60%, rgba(242,239,221,0.85) 100%) !important;
  backdrop-filter: blur(2px);
}

/* ===== FOOTER COMUNIDAD coral ===== */
.footer.color-scheme-4,
.footer.color-scheme-4.gradient,
.color-scheme-4 {
  background: #f28266 !important;
  background-image: none !important;
}

.footer.color-scheme-4 *,
.color-scheme-4 h2,
.color-scheme-4 h3,
.color-scheme-4 p,
.color-scheme-4 span,
.color-scheme-4 a,
.color-scheme-4 li {
  color: #f2efdd !important;
  text-shadow: var(--es-text-shadow);
}

/* ===== BARRA DE ANUNCIO coral ===== */
.announcement-bar,
.announcement-bar__wrap,
.shopify-section-group-header-group .shopify-section:first-child {
  background: #f28266 !important;
}

.announcement-bar__message,
.announcement-bar__message * {
  color: #f2efdd !important;
  font-family: var(--es-font-body) !important;
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  text-shadow: var(--es-text-shadow);
}

/* ===== HEADER sin degradado ===== */
.header-wrapper {
  background: #f2efdd !important;
  background-image: none !important;
}

.header__menu-item,
.header__menu-item span {
  color: #2c2c2c !important;
  font-family: var(--es-font-body) !important;
  font-size: 1.4rem !important;
}

/* ===== BOTONES ===== */
.button:not(.button--secondary):not(.button--tertiary) {
  background-color: var(--es-coral) !important;
  color: white !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  border: none !important;
  text-shadow: var(--es-text-shadow);
}
.button--secondary {
  background-color: transparent !important;
  color: var(--es-coral) !important;
  border: 2px solid var(--es-coral) !important;
  border-radius: 30px !important;
}

/* ===== PRECIOS ===== */
.price .price-item--regular,
.price__regular,
.price-item {
  color: #2c2c2c !important;
  font-weight: 700 !important;
}
.price__compare, .price-item--compare {
  color: var(--es-muted) !important;
  text-decoration: line-through !important;
}

/* ===== COLECCIÓN DESTACADA ===== */
.featured-collection .title,
.collection .title {
  font-family: var(--es-font-titles) !important;
  color: #f28266 !important;
}

.card__heading,
.card__heading a,
.card__heading .link {
  color: #2c2c2c !important;
}

.collection__description,
.collection__description p {
  color: #2c2c2c !important;
}