/** Shopify CDN: Minification failed

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

**/
/* ============================================================
   RITMO — Sistema visual
   ritmo.cl · Junio 2026
   ============================================================ */

/* Variables de marca */
:root {
  --ritmo-petroleo:  #143E45;
  --ritmo-marfil:    #F5F1E8;
  --ritmo-carbon:    #262B2A;
  --ritmo-oliva:     #69725C;
  --ritmo-arena:     #D8CCBC;
  --ritmo-terracota: #B36B4E;
}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap');

:root {
  --font-heading-family: Georgia, "Times New Roman", serif;
  --font-body-family: "DM Sans", Arial, sans-serif;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4,
[class*="heading"],
.section-header__title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
}

body, p, li, a, button, input, select, textarea,
.btn, .button, nav, .cart-item,
.price, .product-title {
  font-family: "DM Sans", Arial, sans-serif !important;
}

.announcement-bar,
[class*="announcement"] {
  background-color: var(--ritmo-petroleo) !important;
  color: var(--ritmo-marfil) !important;
}

.header,
.header__inner,
site-header,
[class*="site-header"] {
  background-color: var(--ritmo-marfil) !important;
  border-bottom: 1px solid var(--ritmo-arena) !important;
}

.btn--primary,
.button--primary,
[class*="button-primary"],
.product-form__submit,
.cart__checkout-button {
  background-color: var(--ritmo-petroleo) !important;
  color: var(--ritmo-marfil) !important;
  border-color: var(--ritmo-petroleo) !important;
  border-radius: 8px !important;
  min-height: 48px !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  transition: background-color 0.2s ease !important;
}

.btn--primary:hover,
.button--primary:hover,
.product-form__submit:hover {
  background-color: var(--ritmo-carbon) !important;
  border-color: var(--ritmo-carbon) !important;
}

.btn--secondary,
.button--secondary,
[class*="button-secondary"] {
  background-color: transparent !important;
  color: var(--ritmo-petroleo) !important;
  border: 1px solid var(--ritmo-petroleo) !important;
  border-radius: 8px !important;
  min-height: 48px !important;
}

.footer,
site-footer,
[class*="site-footer"] {
  background-color: var(--ritmo-petroleo) !important;
  color: var(--ritmo-marfil) !important;
}

.footer a, .footer p, .footer h3, .footer li {
  color: var(--ritmo-marfil) !important;
  opacity: 0.9;
}

.footer a:hover { opacity: 1 !important; }

.product-card,
.card-product,
[class*="product-card"] {
  background-color: var(--ritmo-marfil) !important;
  border-radius: 12px !important;
  overflow: hidden;
}

.product-card:hover,
[class*="product-card"]:hover {
  box-shadow: 0 4px 16px rgba(20, 62, 69, 0.08) !important;
}

.price, .price__regular, .price__sale {
  font-family: "DM Sans", Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  color: var(--ritmo-petroleo) !important;
}

a { color: var(--ritmo-petroleo); }
a:hover { color: var(--ritmo-carbon); }

.ritmo-values {
  background-color: var(--ritmo-petroleo);
  color: var(--ritmo-marfil);
  padding: 80px 0;
}
.ritmo-values h2 { color: var(--ritmo-marfil) !important; text-align: center; margin-bottom: 48px; }
.ritmo-values-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}
.ritmo-values-item { text-align: center; }
.ritmo-values-item h3 { color: var(--ritmo-marfil) !important; font-size: 20px !important; margin-bottom: 12px; }
.ritmo-values-item p { color: var(--ritmo-arena) !important; font-size: 16px; line-height: 1.6; }

.ritmo-cierre {
  background-color: var(--ritmo-petroleo);
  color: var(--ritmo-marfil);
  padding: 100px 24px;
  text-align: center;
}
.ritmo-cierre h2 { color: var(--ritmo-marfil) !important; font-size: 48px; margin-bottom: 16px; }
.ritmo-cierre p { color: var(--ritmo-arena) !important; font-size: 20px; max-width: 600px; margin: 0 auto 40px; line-height: 1.6; }

.page-width { max-width: 1200px !important; }

@media (max-width: 749px) {
  h1, .h1 { font-size: 38px !important; }
  h2, .h2 { font-size: 31px !important; }
  h3, .h3 { font-size: 24px !important; }
  body, p { font-size: 17px !important; }
  .ritmo-values-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  .ritmo-cierre h2 { font-size: 32px; }
  .ritmo-cierre p  { font-size: 18px; }
}