/** Shopify CDN: Minification failed

Line 388:0 Unexpected "<"
Line 388:5 Unexpected "{"
Line 388:7 Expected identifier but found "'dalivar.section_title'"
Line 388:37 Unexpected "<"
Line 389:4 Unexpected "{"
Line 389:6 Expected identifier but found "'dalivar.cuidamos_texto'"
Line 389:37 Unexpected "<"

**/
/* =====================================
   TIPOGRAFÍA ENCABEZADOS
===================================== */

h1, h2, h3, h4, h5, h6 {
  font-family: "Libre Caslon Text", serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em;
}

/* =====================================
   CARRUSEL FLOW – TEXTO DORADO
===================================== */

.slideshow__text-content,
.slideshow__heading,
.slideshow__title,
.slideshow__subtitle,
.slideshow__text,
.slideshow .slideshow__text *,
.slideshow .banner__heading,
.slideshow .hero__title {
  color: #96863E !important;
}

.slideshow,
.slideshow__slide {
  --color-foreground: 150, 134, 62;
}

.slideshow__heading,
.slideshow__title,
.slideshow__text {
  text-shadow: 0 2px 6px rgba(0,0,0,0.35);
}

/* =====================================
   HEADER – COLOR BASE
===================================== */

header a,
header button {
  color: #000 !important;
  font-size: 15px !important;
  font-family: "Sarabun", sans-serif !important;
}

/* Hover blanco */
header a:hover,
header button:hover {
  color: #FFFFFF !important;
}

/* =====================================
   MENÚ FLOW – SUBRAYADO BLANCO LIMPIO
===================================== */

.header__menu-item,
.header__menu-item a,
.header__menu-item span {
  transition: color 0.25s ease;
}

/* Sistema animado tipo Flow */
.header__menu-item {
  position: relative;
}

.header__menu-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width 0.25s ease;
}

.header__menu-item:hover::after {
  width: 100%;
}

/* ===== SELECTOR IDIOMA PERFECTAMENTE ALINEADO ===== */

.header .disclosure {
  position: relative;
}

.header .disclosure::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px; /* mismo eje que el menú */
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width 0.25s ease;
}

.header .disclosure:hover::after {
  width: 100%;
}

/* =====================================
   GRID DESKTOP 3 COLUMNAS
===================================== */

@media (min-width: 990px){
  .grid__item{
    width: calc(100% / 3 - 20px) !important;
    max-width: calc(100% / 3 - 20px) !important;
    flex: 0 0 calc(100% / 3 - 20px) !important;
  }
}

/* =====================================
   FIX MOVIL GRID PRODUCTOS
===================================== */

@media screen and (max-width: 749px){

  .product-grid{
    display:grid !important;
    grid-template-columns: 1fr !important;
    overflow:hidden !important;
  }

  .product-grid > *{
    width:100% !important;
    max-width:100% !important;
  }

}

/* =====================================
   COLOR SOLO TITULO PRODUCTO
===================================== */

.card-information > *:first-child,
.card-information > *:first-child a,
.card-information > *:first-child * {
  color:#FFFFFF !important;
}

/* =====================================
   ICONO EN TEXTOS FEATURED ROW
===================================== */

/* =====================================
   FEATURED ROW – TEXTO + ICONO OLIVO
===================================== */

/* Quitar fondo cuadrado de SVG (por si acaso) */
.featured-row__subtext svg,
.rte svg,
.rich-text svg {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Texto en blanco */
.featured-row__subtext p {
  background: none !important;
  color: #FFFFFF !important;
  position: relative;
  padding-left: 1.6em; /* espacio para el icono */
}

/* ICONO OLIVO BLANCO DEFINITIVO */
.featured-row__subtext p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 0.9em;
  height: 0.9em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;

  background-image: url("data:image/svg+xml,%3Csvg viewBox='380 280 420 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M430 310 C400 380 410 460 470 520 C430 480 420 420 430 310 Z' fill='%23FFFFFF'/%3E%3Cpath d='M520 520 C610 450 690 410 740 420 C690 480 620 540 520 560 Z' fill='%23FFFFFF'/%3E%3Cpath d='M520 580 C610 590 680 610 720 660 C640 660 570 640 520 600 Z' fill='%23FFFFFF'/%3E%3Cpath d='M470 520 C490 540 510 560 520 580' stroke='%23FFFFFF' stroke-width='28' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='520' cy='700' rx='110' ry='150' fill='%23FFFFFF'/%3E%3C/svg%3E") !important;
}
.announcement-bar {
  position: relative;
}

.announcement-bar::after {
  content: "";
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: 0;
  height: 1px;
  background: rgba(255,255,255,0.35);
}
.scrolling-banner {
  position: relative;
}

.scrolling-banner::after {
  content: "";
  position: absolute;
  left: 35%;
  right: 35%;
  bottom: 0;
  height: 1px;
  background: rgba(255,255,255,0.3);
}
/* =====================================
   TITULO BLOG EN NEGRO
===================================== */

.article-card__title,
.card__heading,
.card__heading a {
  color: #000000 !important;
}
/* =====================================
   TITULOS ENTRADAS BLOG NEGRO DEFINITIVO
===================================== */

.section-blog a,
.section-blog .card a,
.section-blog article a {
  color: #000000 !important;
}
/* =====================================
   BLOG POSTS – TITULO NEGRO DEFINITIVO
===================================== */

.color-scheme--white {
  --link-color: #000000 !important;
}
/* =====================================
   HEADER MOVIL – ICONOS NEGRO OLIVA DEFINITIVO
===================================== */

@media screen and (max-width: 989px) {

  /* Forzar color base del wrapper */
  .mobile-nav-bar-wrapper {
    color: #26241A !important;
  }

  /* Forzar stroke de SVG */
  .mobile-nav-bar-wrapper svg path {
    stroke: #26241A !important;
  }

  /* Forzar fill en caso de estar fijo */
  .mobile-nav-bar-wrapper svg path[fill] {
    fill: #26241A !important;
  }

}
/* Ajuste espacio en páginas legales - Flow */

.shopify-policy__title,
.shopify-policy__title h1 {
  margin-bottom: 0;
}

.shopify-policy__body {
  margin-top: 0;
  padding-top: 0;
}

.shopify-policy__body .rte,
.shopify-policy__body .rte p:first-child {
  margin-top: 0;
}
/* Espaciado fino páginas legales - Flow */

.shopify-policy__title h1 {
  margin-bottom: 1.2rem;
}

.shopify-policy__body {
  margin-top: 0;
  padding-top: 0;
}
/* Botones producto ajustados al texto */

.product--add-to-cart-button,
.shopify-payment-button__button {
  width: auto !important;
  display: inline-block;
  padding: 14px 28px;
}

/* Centrar ambos */
.product-form__buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
/* Botones mismo tamaño ajustado al texto */

.product--add-to-cart-button,
.shopify-payment-button__button {
  width: fit-content !important;
  min-width: 240px; /* fuerza mismo ancho */
  text-align: center;
  padding: 14px 28px;
}

/* Contenedor */
.product-form__buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* cambia a center si los quieres centrados */
  gap: 12px;
}
.product-description.product-form-block p {
  margin-top: 0;
  margin-bottom: 6px;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  word-break: normal;
}

/* Mejora visual en escritorio */
@media (min-width: 1024px) {
  .product-description.product-form-block {
    max-width: 720px;
  }
}

/* Ajuste subtítulos internos */
/* Solo el título principal */
.product-description.product-form-block > p:first-child strong {
  display: block;
  margin-bottom: 12px;
  font-weight: 700;
  letter-spacing: 0.3px;
}

/* Subtítulos internos */
.product-description.product-form-block p strong {
  font-weight: 600;
}
/* ===== BOTÓN PRINCIPAL FLOW - CORRECCIÓN LIMPIA ===== */

button.product--add-to-cart-button {
  background-color: #26241A !important;
  color: #96863E !important;
  border: none !important;
}

/* Hover elegante */
button.product--add-to-cart-button:hover {
  background-color: #1c1b14 !important;
  color: #ffffff !important;
}
.prod-description p {
  margin-top: 0;
  margin-bottom: 8px;
}

.prod-description strong {
  display: block;
  margin-bottom: 4px;
}
footer .h3.footer-header {
  font-size: 24px !important;
  font-style: italic !important;
  font-weight: 600 !important;
  margin-bottom: 18px !important;
}
<h2>{{ 'dalivar.section_title' | t }}</h2>
<p>{{ 'dalivar.cuidamos_texto' | t }}</p>