/*
 * Ecorecuerdos V2.5.5.4.1.1
 * Real Warm Homepage Assets & Visual System Fix
 * Physical stylesheet. Loaded after /assets/v2/ecorecuerdos-v2.css
 */
:root{
  --eco-warm-paper:#fffdf9;
  --eco-warm-cream:#f8f0e5;
  --eco-warm-cream-2:#fbf6ee;
  --eco-warm-ink:#142f27;
  --eco-warm-muted:#61736c;
  --eco-warm-green:#0f8a61;
  --eco-warm-green-dark:#096a4d;
  --eco-warm-line:rgba(20,57,46,.09);
  --eco-warm-shadow:0 18px 46px rgba(29,53,45,.10);
}

body{background:var(--eco-warm-paper)}
.eco-section{padding-top:68px;padding-bottom:68px}
.eco-section-soft{background:linear-gradient(180deg,#f5f9f7 0%,#eef6f2 100%)}
.eco-section-cream{background:linear-gradient(180deg,#fffaf3 0%,#faf3e8 100%)}
.eco-section-head h2,.eco-review-summary h2{letter-spacing:-.035em}

/* HERO — product-led, no header */
.eco-hero-warm{position:relative;overflow:hidden;padding:36px 0 28px;background:radial-gradient(circle at 86% 9%,rgba(18,173,118,.15),rgba(18,173,118,0) 24%),linear-gradient(180deg,#fffdf8 0%,#fbf2e7 76%,#fff 100%)}
.eco-hero-warm:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.78) 44%,rgba(255,255,255,.18) 100%);pointer-events:none}
.eco-hero-warm-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:52px;align-items:center}
.eco-hero-brand{display:inline-flex;align-items:center;gap:11px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid var(--eco-warm-line);box-shadow:0 9px 25px rgba(31,54,46,.06)}
.eco-hero-brand img{height:34px;width:auto;display:block}
.eco-hero-brand span{font-size:11px;font-weight:900;color:#3f5e54;letter-spacing:.025em}
.eco-hero-copy h1{max-width:640px;margin:18px 0 14px;font-size:clamp(44px,5.15vw,77px);line-height:.98;letter-spacing:-.06em;color:#112a23}
.eco-hero-highlight{color:var(--eco-warm-green)}
.eco-hero-lead{max-width:610px;margin:0;color:#425850;font-size:17px;line-height:1.68}
.eco-hero-lead strong{display:block;margin-bottom:5px;color:var(--eco-warm-green-dark)!important;font-size:19px}
.eco-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.eco-hero-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.eco-hero-proof .eco-proof-item{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--eco-warm-line);border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 6px 15px rgba(31,54,46,.04);font-size:10px;font-weight:800;color:#36594e}
.eco-hero-proof .eco-proof-item svg{width:14px;height:14px;color:var(--eco-warm-green)}
.eco-hero-rating{display:flex;align-items:center;gap:8px;margin-top:13px;color:#566a63;font-size:11px}
.eco-hero-rating strong{color:#1a4135}
.eco-hero-editorial{display:grid;gap:12px;min-width:0}
.eco-hero-editorial-frame{position:relative;overflow:hidden;border-radius:30px;background:#f3e8d8;border:1px solid var(--eco-warm-line);box-shadow:0 24px 55px rgba(32,52,45,.15)}
.eco-hero-editorial-image{display:block;width:100%;aspect-ratio:1.47/1;object-fit:cover}
.eco-hero-shot-note{position:absolute;left:16px;top:16px;max-width:225px;padding:11px 13px;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(29,50,43,.13);backdrop-filter:blur(7px)}
.eco-hero-shot-note strong{display:block;color:#17382e;font-size:11px;line-height:1.35}
.eco-hero-shot-note span{display:block;margin-top:4px;color:#64776f;font-size:9px;line-height:1.45}
.eco-hero-material-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eco-hero-material-gallery figure{position:relative;overflow:hidden;margin:0;border-radius:18px;background:#fff;border:1px solid var(--eco-warm-line);box-shadow:0 9px 22px rgba(31,54,46,.07)}
.eco-hero-material-gallery img{display:block;width:100%;aspect-ratio:1.2/1;object-fit:cover}
.eco-hero-material-gallery figcaption{position:absolute;left:7px;bottom:7px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.93);color:#265245;font-size:9px;font-weight:900;box-shadow:0 5px 14px rgba(29,50,43,.10)}

/* Trust strip */
.eco-trust{background:linear-gradient(90deg,#f7f1e8,#eef6f2,#f7f1e8);border-top:1px solid rgba(20,57,46,.05);border-bottom:1px solid rgba(20,57,46,.05)}
.eco-trust-item{font-weight:800;color:#38594f}
.eco-trust-item svg{color:var(--eco-warm-green)}

/* Emotional category grid */
.eco-occasion-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:15px!important}
.eco-occasion{position:relative!important;display:block!important;overflow:hidden!important;border-radius:24px!important;background:linear-gradient(180deg,#fffdf9,#fbf4e9)!important;border:1px solid var(--eco-warm-line)!important;box-shadow:0 13px 34px rgba(29,53,45,.08)!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease!important}
.eco-occasion:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(29,53,45,.13)!important}
.eco-occasion>img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;display:block!important;filter:saturate(.96) contrast(1.03)}
.eco-occasion-badge{position:absolute;z-index:2;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 8px 20px rgba(27,49,42,.11);backdrop-filter:blur(6px);color:#1d604c;font-size:8px;font-weight:900}
.eco-occasion-badge svg{width:11px;height:11px}
.eco-occasion-footer{padding:13px 13px 15px!important;background:linear-gradient(180deg,rgba(255,255,255,.2),#fff)!important}
.eco-occasion-title{display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 6px!important;color:#18392f!important;font-size:15px!important;font-weight:900!important}
.eco-occasion-title svg{width:16px!important;height:16px!important;color:var(--eco-warm-green)!important}
.eco-occasion-desc{min-height:35px;margin:0;color:#687972;font-size:10px;line-height:1.5}
.eco-occasion-link{display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:#0d7d59;font-size:9px;font-weight:900}
.eco-occasion-link svg{width:12px;height:12px}
.eco-material-row{margin-top:18px!important}
.eco-material{background:rgba(255,255,255,.84)!important;border-color:rgba(18,58,47,.07)!important}

/* Warm premium product cards */
.eco-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.eco-product-card{overflow:hidden!important;border-radius:28px!important;background:linear-gradient(180deg,#fffdf9,#fff)!important;border:1px solid var(--eco-warm-line)!important;box-shadow:0 17px 39px rgba(29,53,45,.09)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.eco-product-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(29,53,45,.14)!important}
.eco-product-image-wrap{position:relative!important;display:block!important;padding:13px!important;background:linear-gradient(180deg,#f5eadc,#fcfaf6)!important}
.eco-product-image{display:block!important;width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:18px!important;filter:saturate(.97) contrast(1.02)}
.eco-badge{left:23px!important;top:23px!important;padding:7px 9px!important;border-radius:999px!important;background:#11885f!important;color:#fff!important;font-size:9px!important;box-shadow:0 8px 18px rgba(17,136,95,.22)!important}
.eco-stock{right:23px!important;top:23px!important;border-radius:999px!important;font-size:9px!important}
.eco-product-body{padding:16px 18px 18px!important}
.eco-product-category{display:inline-flex!important;align-items:center!important;padding:6px 9px!important;border-radius:999px!important;background:#edf8f3!important;color:#0d7f5b!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.eco-product-title{margin:9px 0 7px!important;font-size:20px!important;line-height:1.14!important;letter-spacing:-.028em!important}
.eco-product-title a{color:#152f27!important;text-decoration:none!important}
.eco-product-desc{min-height:61px!important;margin:0!important;color:#62746d!important;font-size:12px!important;line-height:1.62!important}
.eco-product-mood{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#0e7757;font-size:10px;font-weight:900}
.eco-product-mood svg{width:13px;height:13px}
.eco-product-meta{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:11px!important}
.eco-chip{padding:6px 9px!important;border-radius:999px!important;background:#faf5ee!important;border:1px solid #eee3d5!important;color:#645f56!important;font-size:9px!important;font-weight:800!important}
.eco-product-bottom{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-top:14px!important;padding-top:14px!important;border-top:1px solid #edf1ee!important}
.eco-price-label{display:block!important;margin-bottom:2px!important;color:#71827b!important;font-size:9px!important}
.eco-price{display:block!important;color:#12342a!important;font-size:22px!important;font-weight:900!important;letter-spacing:-.03em!important}
.eco-card-link{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:10px 12px!important;border-radius:11px!important;background:#eaf8f1!important;color:#087956!important;font-size:10px!important;font-weight:900!important;text-decoration:none!important}

/* Guided block and emotional banner */
.eco-guided-unified{background:linear-gradient(135deg,#0b6b52 0%,#0f8a63 54%,#19b67d 100%)!important;box-shadow:0 22px 60px rgba(8,105,77,.18)!important}
.eco-emotion{background-image:linear-gradient(90deg,rgba(6,56,44,.90),rgba(6,56,44,.49)),url('/assets/v255541231/images/emotional-gift-banner.webp')!important;background-size:cover!important;background-position:center!important}
.eco-emotion-copy{max-width:580px}

/* Reviews / final CTA warmth */
.eco-review{border-radius:20px!important;border-color:rgba(20,57,46,.08)!important;box-shadow:0 10px 28px rgba(29,53,45,.06)!important}
.eco-final-cta{border-radius:24px!important;background:linear-gradient(120deg,#0b654d,#0f8e65 62%,#18ac77)!important;box-shadow:0 17px 42px rgba(8,91,67,.17)!important}

@media(max-width:1180px){
  .eco-hero-warm-grid{grid-template-columns:1fr!important;gap:30px}
  .eco-hero-copy h1{max-width:780px}
  .eco-hero-editorial{max-width:700px;width:100%;margin:0 auto}
  .eco-occasion-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .eco-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .eco-section{padding-top:48px;padding-bottom:48px}
  .eco-hero-warm{padding-top:22px}
  .eco-hero-warm-grid{gap:22px}
  .eco-hero-brand{padding:7px 9px}.eco-hero-brand img{height:27px}.eco-hero-brand span{font-size:9px}
  .eco-hero-copy h1{font-size:43px;margin-top:15px}
  .eco-hero-lead{font-size:15px}.eco-hero-lead strong{font-size:17px}
  .eco-hero-actions .eco-btn{flex:1 1 150px}
  .eco-hero-editorial-frame{border-radius:22px}
  .eco-hero-editorial-image{aspect-ratio:1.18/1}
  .eco-hero-shot-note{left:10px;top:10px;max-width:175px;padding:9px 10px}.eco-hero-shot-note strong{font-size:9px}.eco-hero-shot-note span{font-size:8px}
  .eco-hero-material-gallery{gap:7px}.eco-hero-material-gallery figure{border-radius:14px}.eco-hero-material-gallery figcaption{font-size:8px;padding:4px 6px}
  .eco-occasion-grid,.eco-product-grid{grid-template-columns:1fr!important}
  .eco-occasion>img{aspect-ratio:16/10!important}
  .eco-occasion-desc{min-height:0}
  .eco-product-desc{min-height:0!important}
  .eco-product-bottom{align-items:center!important}
}

/* V2.5.5.4.1.2 — Immersive Hero Integration & Editorial Warmth Pass */
.eco-hero-immersive{position:relative;overflow:hidden;padding:24px 0 18px;background:
    linear-gradient(90deg, rgba(255,251,246,.985) 0%, rgba(255,251,246,.955) 37%, rgba(255,251,246,.76) 54%, rgba(255,251,246,.18) 78%, rgba(255,251,246,0) 100%),
    radial-gradient(circle at 12% 14%, rgba(24,166,120,.08), rgba(24,166,120,0) 34%),
    linear-gradient(180deg,#fffcf8 0%,#faf3ea 76%,#f8f2ea 100%);
    min-height:680px}
.eco-hero-scene{position:absolute;inset:0;background-image:url('/assets/v255541231/images/hero-product-background.webp');background-repeat:no-repeat;background-position:right center;background-size:min(58vw,900px) auto;opacity:1;pointer-events:none}
.eco-hero-scene:after{content:"";position:absolute;right:0;top:0;bottom:0;width:min(58vw,900px);background:radial-gradient(circle at 74% 38%, rgba(255,255,255,0) 0 42%, rgba(255,248,240,.12) 55%, rgba(255,248,240,.32) 75%, rgba(255,248,240,.62) 100%);mix-blend-mode:screen}
.eco-hero-immersive-grid{position:relative;z-index:1;min-height:620px;display:grid;grid-template-columns:minmax(0,620px) minmax(0,1fr);align-items:center}
.eco-hero-copy-immersive{padding:22px 0 10px}
.eco-hero-copy-immersive h1{max-width:560px;font-size:clamp(46px,5.6vw,82px);line-height:.96;margin-top:20px}
.eco-hero-copy-immersive .eco-hero-lead{max-width:520px;font-size:18px;line-height:1.66}
.eco-hero-copy-immersive .eco-hero-lead strong{font-size:20px}
.eco-hero-copy-immersive .eco-hero-actions{margin-top:26px}
.eco-hero-copy-immersive .eco-btn{padding:16px 20px;border-radius:16px}
.eco-hero-copy-immersive .eco-btn-secondary{background:rgba(255,255,255,.92);backdrop-filter:blur(6px)}
.eco-hero-copy-immersive .eco-hero-proof{max-width:560px;margin-top:18px}
.eco-hero-copy-immersive .eco-proof-item{padding:10px 12px;background:rgba(255,255,255,.88);box-shadow:0 10px 22px rgba(24,48,41,.06)}
.eco-hero-material-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.eco-hero-material-pills span{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid rgba(18,58,47,.08);box-shadow:0 8px 18px rgba(24,48,41,.05);font-size:12px;font-weight:900;color:#295647;backdrop-filter:blur(6px)}
.eco-hero-material-pills span svg{width:15px;height:15px;color:var(--eco-warm-green)}
.eco-hero-scene-note{position:absolute;right:max(20px,calc((100vw - 1180px)/2 + 30px));top:84px;z-index:2;max-width:220px;padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 16px 34px rgba(29,50,43,.12);backdrop-filter:blur(9px)}
.eco-hero-scene-note strong{display:block;font-size:11px;color:#18382e;line-height:1.4}
.eco-hero-scene-note span{display:block;margin-top:4px;font-size:10px;color:#687973;line-height:1.52}
.eco-trust{margin-top:-1px}

/* Editorial warmth refinements */
.eco-section-head h2{letter-spacing:-.045em}
.eco-occasion-grid{gap:18px!important}
.eco-occasion{border-radius:26px!important}
.eco-occasion>img{aspect-ratio:0.92/1!important}
.eco-occasion-footer{padding:14px 14px 16px!important}
.eco-occasion-desc{font-size:11px;line-height:1.52}
.eco-product-grid{gap:24px!important}
.eco-product-card{border-radius:30px!important}
.eco-product-image-wrap{padding:14px!important}
.eco-product-title{font-size:22px!important}
.eco-product-desc{font-size:12px!important;line-height:1.64!important}
.eco-guided-unified{background:linear-gradient(135deg,#0a7155 0%,#0f8f66 52%,#17b27a 100%)!important}
.eco-guided-preview{box-shadow:0 18px 40px rgba(16,51,42,.14)!important}
.eco-process-grid .eco-process{box-shadow:0 12px 26px rgba(29,53,45,.05);border-color:rgba(20,57,46,.08)!important}
.eco-emotion{min-height:230px;display:flex;align-items:center;background-position:center center!important}
.eco-reviews{gap:18px!important}
.eco-review{padding:18px 18px 16px!important;border-radius:22px!important}
.eco-final-cta{padding:22px 24px!important}

@media(max-width:1280px){
  .eco-hero-scene{background-size:min(61vw,820px) auto;background-position:right -30px center}
}
@media(max-width:1100px){
  .eco-hero-immersive{min-height:auto;padding-top:20px}
  .eco-hero-scene{background-position:right -110px top 38px;background-size:min(68vw,760px) auto;opacity:.92}
  .eco-hero-immersive-grid{grid-template-columns:1fr;min-height:560px}
  .eco-hero-copy-immersive{padding-top:8px;padding-bottom:280px;max-width:620px}
  .eco-hero-scene-note{right:18px;top:auto;bottom:34px;max-width:250px}
}
@media(max-width:760px){
  .eco-hero-immersive{padding-top:16px;padding-bottom:16px;background:
      linear-gradient(180deg, rgba(255,251,246,.97) 0%, rgba(255,251,246,.91) 42%, rgba(255,251,246,.68) 65%, rgba(255,251,246,.28) 100%),
      linear-gradient(180deg,#fffcf8 0%,#f9f2e9 100%)}
  .eco-hero-scene{background-position:center bottom;background-size:cover;opacity:.34;filter:saturate(.98)}
  .eco-hero-scene:after{display:none}
  .eco-hero-immersive-grid{min-height:auto}
  .eco-hero-copy-immersive{padding:6px 0 12px}
  .eco-hero-copy-immersive h1{max-width:350px;font-size:44px}
  .eco-hero-copy-immersive .eco-hero-lead{font-size:16px;max-width:360px}
  .eco-hero-copy-immersive .eco-hero-lead strong{font-size:18px}
  .eco-hero-copy-immersive .eco-hero-actions{gap:10px}
  .eco-hero-copy-immersive .eco-btn{flex:1 1 100%;justify-content:center}
  .eco-hero-copy-immersive .eco-hero-proof{gap:8px}
  .eco-hero-copy-immersive .eco-proof-item{font-size:10px}
  .eco-hero-material-pills{gap:8px}
  .eco-hero-material-pills span{font-size:11px;padding:9px 11px}
  .eco-hero-scene-note{position:relative;right:auto;top:auto;bottom:auto;max-width:none;margin:0 14px 0;background:rgba(255,255,255,.86)}
  .eco-occasion>img{aspect-ratio:16/10!important}
  .eco-emotion{min-height:200px}
}

/* V2.5.5.4.1.2.1 — Product Background Hero Recovery */
.eco-hero-product-bg{
  position:relative;
  overflow:hidden;
  min-height:690px;
  background:
    linear-gradient(90deg, rgba(255,252,248,.985) 0%, rgba(255,252,248,.965) 28%, rgba(255,252,248,.88) 40%, rgba(255,252,248,.58) 54%, rgba(255,252,248,.18) 73%, rgba(255,252,248,.02) 100%),
    radial-gradient(circle at 18% 18%, rgba(17,137,94,.09), rgba(17,137,94,0) 34%),
    url('/assets/v255541231/images/hero-product-background.webp') right center/cover no-repeat,
    linear-gradient(180deg,#fffdf9 0%,#f8f1e7 100%);
}
.eco-hero-product-bg:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.02) 72%, rgba(255,255,255,.08) 100%);
  pointer-events:none;
}
.eco-hero-product-grid{
  position:relative;
  z-index:1;
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(0,580px) 1fr;
  align-items:center;
  gap:24px;
}
.eco-hero-copy-product{
  max-width:560px;
  padding:36px 0 28px;
}
.eco-hero-copy-product h1{
  max-width:560px;
  margin:18px 0 14px;
  font-size:clamp(46px,5.7vw,84px);
  line-height:.96;
  letter-spacing:-.065em;
  color:#112b24;
}
.eco-hero-copy-product .eco-hero-lead{
  max-width:520px;
  margin:0;
  font-size:18px;
  line-height:1.66;
  color:#435851;
}
.eco-hero-copy-product .eco-hero-lead strong{
  display:block;
  margin-bottom:6px;
  color:#0f7d59!important;
  font-size:20px;
}
.eco-hero-copy-product .eco-hero-actions{margin-top:26px}
.eco-hero-copy-product .eco-btn{padding:16px 20px;border-radius:16px}
.eco-hero-copy-product .eco-btn-secondary{background:rgba(255,255,255,.92);backdrop-filter:blur(6px)}
.eco-hero-copy-product .eco-hero-proof{
  max-width:560px;
  margin-top:18px;
  gap:9px;
}
.eco-hero-copy-product .eco-proof-item{
  padding:10px 12px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(18,58,47,.08);
  box-shadow:0 10px 22px rgba(24,48,41,.06);
  color:#35584d;
}
.eco-hero-copy-product .eco-hero-rating{
  margin-top:14px;
  color:#5e6f69;
  font-size:12px;
}
.eco-hero-copy-product .eco-hero-rating strong{color:#1a4135}
.eco-hero-material-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.eco-hero-material-pills span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(18,58,47,.08);
  box-shadow:0 8px 18px rgba(24,48,41,.05);
  font-size:12px;
  font-weight:900;
  color:#295647;
  backdrop-filter:blur(6px);
}
.eco-hero-material-pills span svg{width:15px;height:15px;color:var(--eco-warm-green)}
.eco-hero-spacer{min-height:1px}

@media(max-width:1180px){
  .eco-hero-product-bg{min-height:620px;background-position:right center}
  .eco-hero-product-grid{min-height:620px;grid-template-columns:minmax(0,540px) 1fr}
}
@media(max-width:980px){
  .eco-hero-product-bg{
    min-height:auto;
    background:
      linear-gradient(180deg, rgba(255,252,248,.98) 0%, rgba(255,252,248,.94) 46%, rgba(255,252,248,.80) 66%, rgba(255,252,248,.44) 84%, rgba(255,252,248,.18) 100%),
      radial-gradient(circle at 18% 18%, rgba(17,137,94,.08), rgba(17,137,94,0) 34%),
      url('/assets/v255541231/images/hero-product-background.webp') center bottom/cover no-repeat,
      linear-gradient(180deg,#fffdf9 0%,#f8f1e7 100%);
  }
  .eco-hero-product-grid{grid-template-columns:1fr;min-height:auto}
  .eco-hero-copy-product{max-width:620px;padding:28px 0 320px}
}
@media(max-width:760px){
  .eco-hero-product-bg{
    background:
      linear-gradient(180deg, rgba(255,252,248,.985) 0%, rgba(255,252,248,.94) 38%, rgba(255,252,248,.78) 58%, rgba(255,252,248,.42) 78%, rgba(255,252,248,.22) 100%),
      radial-gradient(circle at 18% 18%, rgba(17,137,94,.08), rgba(17,137,94,0) 34%),
      url('/assets/v255541231/images/hero-product-background.webp') center bottom/cover no-repeat,
      linear-gradient(180deg,#fffdf9 0%,#f8f1e7 100%);
  }
  .eco-hero-copy-product{padding:22px 0 280px}
  .eco-hero-copy-product h1{max-width:360px;font-size:44px}
  .eco-hero-copy-product .eco-hero-lead{max-width:360px;font-size:16px}
  .eco-hero-copy-product .eco-hero-lead strong{font-size:18px}
  .eco-hero-copy-product .eco-hero-actions{gap:10px}
  .eco-hero-copy-product .eco-btn{flex:1 1 100%;justify-content:center}
  .eco-hero-copy-product .eco-hero-proof .eco-proof-item{font-size:10px}
  .eco-hero-material-pills span{font-size:11px;padding:9px 11px}
}

/* ============================================================
   V2.5.5.4.1.2.2 — HERO LAYER COLLISION & ASSET LINK FIX
   This guard intentionally defeats legacy .eco-hero pseudo-layers.
   ============================================================ */
.eco-hero.eco-hero-product-bg{
  isolation:isolate !important;
  position:relative !important;
  overflow:hidden !important;
  background-image:
    linear-gradient(90deg, rgba(255,252,248,.99) 0%, rgba(255,252,248,.97) 27%, rgba(255,252,248,.90) 39%, rgba(255,252,248,.64) 53%, rgba(255,252,248,.23) 72%, rgba(255,252,248,.03) 100%),
    radial-gradient(circle at 18% 18%, rgba(17,137,94,.09), rgba(17,137,94,0) 34%),
    url('/assets/v255541231/images/hero-product-background.webp') !important;
  background-repeat:no-repeat,no-repeat,no-repeat !important;
  background-position:center,right center,right center !important;
  background-size:auto,auto,cover !important;
  min-height:690px !important;
}
/* The original V2 hero uses pseudo layers. They were covering the new copy. */
.eco-hero.eco-hero-product-bg::before,
.eco-hero.eco-hero-product-bg::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:-1 !important;
  background:none !important;
}
.eco-hero.eco-hero-product-bg > .eco-shell,
.eco-hero.eco-hero-product-bg .eco-hero-product-grid{
  position:relative !important;
  z-index:20 !important;
  opacity:1 !important;
  visibility:visible !important;
}
.eco-hero.eco-hero-product-bg .eco-hero-copy,
.eco-hero.eco-hero-product-bg .eco-hero-copy-product{
  position:relative !important;
  z-index:30 !important;
  opacity:1 !important;
  visibility:visible !important;
  display:block !important;
  transform:none !important;
  filter:none !important;
}
.eco-hero.eco-hero-product-bg .eco-hero-brand,
.eco-hero.eco-hero-product-bg h1,
.eco-hero.eco-hero-product-bg .eco-hero-lead,
.eco-hero.eco-hero-product-bg .eco-hero-actions,
.eco-hero.eco-hero-product-bg .eco-hero-proof,
.eco-hero.eco-hero-product-bg .eco-hero-rating,
.eco-hero.eco-hero-product-bg .eco-hero-material-pills{
  position:relative !important;
  z-index:31 !important;
  opacity:1 !important;
  visibility:visible !important;
}
.eco-hero.eco-hero-product-bg h1{color:#112b24 !important;text-shadow:none !important}
.eco-hero.eco-hero-product-bg .eco-hero-lead{color:#435851 !important}

@media(max-width:980px){
  .eco-hero.eco-hero-product-bg{
    background-image:
      linear-gradient(180deg, rgba(255,252,248,.99) 0%, rgba(255,252,248,.96) 43%, rgba(255,252,248,.80) 65%, rgba(255,252,248,.44) 84%, rgba(255,252,248,.18) 100%),
      url('/assets/v255541231/images/hero-product-background.webp') !important;
    background-repeat:no-repeat,no-repeat !important;
    background-position:center,center bottom !important;
    background-size:auto,cover !important;
  }
}

/* V2.5.5.4.1.2.3 — Hero HD Asset Upgrade & Responsive Art Direction */
.eco-hero-product-bg{
  background:
    linear-gradient(90deg, rgba(255,252,248,.988) 0%, rgba(255,252,248,.97) 26%, rgba(255,252,248,.9) 39%, rgba(255,252,248,.60) 54%, rgba(255,252,248,.16) 73%, rgba(255,252,248,.02) 100%),
    radial-gradient(circle at 18% 18%, rgba(17,137,94,.07), rgba(17,137,94,0) 34%),
    url('/assets/v255541231/images/hero-product-background.webp') right center/cover no-repeat,
    linear-gradient(180deg,#fffdf9 0%,#f8f1e7 100%) !important;
  min-height:700px;
}
.eco-hero-product-grid{min-height:700px}
.eco-hero-copy-product{padding:38px 0 30px;max-width:570px}
.eco-hero-copy-product h1{max-width:560px}
.eco-hero-copy-product .eco-hero-lead{max-width:520px}

/* Slightly denser text safety on wide displays */
@media (min-width: 1400px){
  .eco-hero-product-bg{
    background-position:right center;
    background-size:cover;
  }
}

/* Tablet */
@media(max-width:980px){
  .eco-hero-product-bg{
    min-height:auto;
    background:
      linear-gradient(180deg, rgba(255,252,248,.985) 0%, rgba(255,252,248,.955) 39%, rgba(255,252,248,.82) 59%, rgba(255,252,248,.42) 82%, rgba(255,252,248,.18) 100%),
      radial-gradient(circle at 18% 18%, rgba(17,137,94,.07), rgba(17,137,94,0) 34%),
      url('/assets/v255541231/images/hero-product-background.webp') center bottom/cover no-repeat,
      linear-gradient(180deg,#fffdf9 0%,#f8f1e7 100%) !important;
  }
  .eco-hero-product-grid{min-height:auto;grid-template-columns:1fr}
  .eco-hero-copy-product{max-width:620px;padding:28px 0 340px}
}

/* Mobile */
@media(max-width:760px){
  .eco-hero-product-bg{
    background:
      linear-gradient(180deg, rgba(255,252,248,.99) 0%, rgba(255,252,248,.955) 32%, rgba(255,252,248,.78) 55%, rgba(255,252,248,.42) 78%, rgba(255,252,248,.20) 100%),
      radial-gradient(circle at 18% 18%, rgba(17,137,94,.06), rgba(17,137,94,0) 34%),
      url('/assets/v255541231/images/hero-product-background.webp') center bottom/cover no-repeat,
      linear-gradient(180deg,#fffdf9 0%,#f8f1e7 100%) !important;
    min-height:auto;
  }
  .eco-hero-copy-product{padding:22px 0 300px}
}

/* V2.5.5.4.1.2.3.1 — Single HD Hero Background Lock
   Usa una sola imagen suministrada para todo el hero. No se alternan assets. */
.eco-hero-product-bg{
  position:relative !important;
  overflow:hidden !important;
  min-height:700px !important;
  background-image:
    linear-gradient(90deg, rgba(255,252,248,.99) 0%, rgba(255,252,248,.97) 26%, rgba(255,252,248,.89) 40%, rgba(255,252,248,.58) 55%, rgba(255,252,248,.16) 73%, rgba(255,252,248,.02) 100%),
    url('/assets/v255541231/images/hero-product-background.webp') !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:left top,right center !important;
  background-size:cover,cover !important;
  background-color:#fbf5ed !important;
}
.eco-hero-product-bg::before,
.eco-hero-product-bg::after{
  content:none !important;
  display:none !important;
}
.eco-hero-product-grid{
  position:relative !important;
  z-index:5 !important;
  min-height:700px !important;
}
.eco-hero-copy-product{
  position:relative !important;
  z-index:10 !important;
}

@media(max-width:980px){
  .eco-hero-product-bg{
    min-height:auto !important;
    background-image:
      linear-gradient(180deg, rgba(255,252,248,.99) 0%, rgba(255,252,248,.96) 42%, rgba(255,252,248,.82) 61%, rgba(255,252,248,.44) 82%, rgba(255,252,248,.18) 100%),
      url('/assets/v255541231/images/hero-product-background.webp') !important;
    background-position:center top,center bottom !important;
    background-size:cover,cover !important;
  }
  .eco-hero-product-grid{min-height:auto !important;grid-template-columns:1fr !important}
  .eco-hero-copy-product{padding:28px 0 330px !important}
}

@media(max-width:760px){
  .eco-hero-product-bg{
    background-image:
      linear-gradient(180deg, rgba(255,252,248,.995) 0%, rgba(255,252,248,.96) 36%, rgba(255,252,248,.80) 58%, rgba(255,252,248,.44) 80%, rgba(255,252,248,.20) 100%),
      url('/assets/v255541231/images/hero-product-background.webp') !important;
    background-position:center top,58% bottom !important;
    background-size:cover,cover !important;
  }
  .eco-hero-copy-product{padding:22px 0 290px !important}
}

/* V2.5.5.4.1.2.3.2 — Occasion Card Readability Fix */
.eco-occasion-grid{align-items:stretch!important}
.eco-occasion{
  display:flex!important;
  flex-direction:column!important;
  background:#fffdfb!important;
}
.eco-occasion>img{
  flex:none;
  aspect-ratio:1/0.9!important;
  object-position:center center!important;
}
.eco-occasion:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:56%;
  background:linear-gradient(180deg, rgba(10,42,34,.06) 0%, rgba(10,42,34,0) 78%);
  pointer-events:none;
  z-index:1;
}
.eco-occasion-badge{
  z-index:3!important;
  background:rgba(255,255,255,.96)!important;
  color:#0d674c!important;
  border:1px solid rgba(13,103,76,.08);
}
.eco-occasion-footer{
  position:relative!important;
  z-index:2!important;
  margin-top:-10px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, #fff 45%)!important;
  border-top:1px solid rgba(16,57,46,.06)!important;
  border-radius:18px 18px 26px 26px!important;
  padding:16px 15px 16px!important;
  min-height:150px;
  box-shadow:0 -10px 24px rgba(29,53,45,.05);
}
.eco-occasion-title{
  margin:0 0 8px!important;
  color:#102d25!important;
  font-size:16px!important;
  line-height:1.15!important;
}
.eco-occasion-title svg{
  color:#0d8b61!important;
}
.eco-occasion-desc{
  min-height:56px!important;
  color:#5b6c66!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.eco-occasion-link{
  margin-top:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding-top:8px!important;
  color:#0b7a57!important;
  font-size:11px!important;
  font-weight:900!important;
}
.eco-occasion-link svg{width:14px!important;height:14px!important}
@media(max-width:1100px){
  .eco-occasion-footer{min-height:138px}
}
@media(max-width:760px){
  .eco-occasion>img{aspect-ratio:16/10!important}
  .eco-occasion-footer{min-height:0;margin-top:0!important;border-radius:0 0 22px 22px!important;padding:14px 14px 15px!important}
  .eco-occasion-desc{min-height:0!important}
}

/* ==========================================================
   V2.5.5.4.1.2.3.4 — Guided Showcase Exact Layout Repair
   Fully namespaced to avoid collisions with legacy guided CSS.
   ========================================================== */
.ecg234-section{padding-top:54px!important;padding-bottom:54px!important;background:#fffaf4!important}
.ecg234-panel{position:relative;overflow:hidden;min-height:620px;border:2px solid rgba(10,86,67,.55);border-radius:32px;background:#edf4ef;box-shadow:0 24px 60px rgba(25,62,51,.10)}
.ecg234-bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(9,103,79,.72) 0%,rgba(85,158,134,.42) 19%,rgba(246,250,247,.91) 48%,rgba(246,250,247,.50) 68%,rgba(236,243,239,.18) 100%),
  url('/assets/v255541234/images/hero-product-background-desktop.webp') center/cover no-repeat;opacity:.50;pointer-events:none}
.ecg234-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,247,241,.08),rgba(255,255,255,.1));pointer-events:none}
.ecg234-grid{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:34px!important;min-height:535px!important;padding:46px 46px 22px!important;align-items:center!important}
.ecg234-copy{min-width:0!important;align-self:center!important}
.ecg234-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#0cab76;font-size:14px;font-weight:900;letter-spacing:.04em}
.ecg234-kicker svg{width:18px;height:18px}
.ecg234-copy h2{margin:0 0 16px!important;max-width:650px;color:#0c2d27!important;font-size:clamp(40px,4.5vw,66px)!important;line-height:.98!important;letter-spacing:-.055em!important}
.ecg234-lead{max-width:620px!important;margin:0!important;color:#415852!important;font-size:17px!important;line-height:1.55!important}
.ecg234-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:26px!important}
.ecg234-step{position:relative!important;min-height:205px!important;padding:22px 18px 18px!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(14,62,49,.08)!important;box-shadow:0 14px 30px rgba(24,59,48,.08)!important}
.ecg234-num{position:absolute;left:16px;top:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#19ad77;color:#fff;font-size:14px;font-weight:900}
.ecg234-icon{display:grid;place-items:center;width:70px;height:70px;margin:12px auto 16px;border-radius:50%;background:#eef8f3;color:#0f9667}
.ecg234-icon svg{width:34px;height:34px}
.ecg234-step h3{margin:0 0 8px!important;color:#112f27!important;font-size:17px!important;line-height:1.15!important}
.ecg234-step p{margin:0!important;color:#586b64!important;font-size:13px!important;line-height:1.5!important}
.ecg234-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:24px!important}
.ecg234-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:50px!important;padding:13px 20px!important;border-radius:14px!important;text-decoration:none!important;font-size:14px!important;font-weight:900!important;white-space:nowrap!important}
.ecg234-btn svg{width:17px;height:17px}
.ecg234-btn-primary{background:#17ad77!important;color:#fff!important;border:1px solid #17ad77!important;box-shadow:0 12px 24px rgba(18,141,98,.20)!important}
.ecg234-btn-secondary{background:rgba(255,255,255,.90)!important;color:#15352d!important;border:2px solid rgba(13,109,80,.55)!important}
.ecg234-btn-ghost{background:rgba(255,255,255,.64)!important;color:#275c4e!important;border:1px solid rgba(16,88,67,.16)!important}
.ecg234-proof{display:flex!important;align-items:center!important;gap:9px!important;margin-top:20px!important;color:#41675c!important;font-size:13px!important;font-weight:700!important}
.ecg234-proof svg{width:17px;height:17px;color:#0f8e63}
.ecg234-visual{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:465px!important;padding:42px 30px 76px!important}
.ecg234-simple{position:absolute;right:14px;top:6px;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:#16ae76;color:#fff;font-size:13px;font-weight:900;box-shadow:0 12px 24px rgba(16,134,94,.18)}
.ecg234-simple svg{width:16px;height:16px}
.ecg234-product-wrap{position:relative;z-index:1;width:min(78%,350px);display:flex;flex-direction:column;align-items:center}
.ecg234-product{position:relative;z-index:2;display:block;width:100%;max-height:370px;object-fit:cover;border-radius:6px;box-shadow:0 20px 36px rgba(38,54,49,.18)}
.ecg234-wood-base{position:relative;z-index:1;width:116%;height:24px;margin-top:-2px;border-radius:4px;background:linear-gradient(180deg,#c79a6b,#a87347);box-shadow:0 12px 24px rgba(80,53,35,.15)}
.ecg234-preview{position:absolute;right:8px;bottom:66px;z-index:3;display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:15px;background:rgba(62,83,76,.88);color:#fff;box-shadow:0 12px 24px rgba(24,39,34,.17)}
.ecg234-preview strong{display:block;font-size:14px;line-height:1.1}
.ecg234-preview span{display:block;margin-top:4px;color:rgba(255,255,255,.84);font-size:11px}
.ecg234-eye{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#095747;color:#fff}
.ecg234-eye svg{width:22px;height:22px}
.ecg234-bottom{position:relative;z-index:3;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:58%!important;margin:-20px 34px 28px auto!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(15,59,48,.08)!important;box-shadow:0 14px 30px rgba(24,59,48,.08)!important;overflow:hidden!important}
.ecg234-benefit{display:flex!important;align-items:flex-start!important;gap:11px!important;padding:15px 16px!important}
.ecg234-benefit+.ecg234-benefit{border-left:1px solid rgba(16,65,51,.08)!important}
.ecg234-benefit-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#eef8f3;color:#0e9365}
.ecg234-benefit-icon svg{width:20px;height:20px}
.ecg234-benefit strong{display:block;color:#17372e;font-size:13px;line-height:1.15}
.ecg234-benefit span{display:block;margin-top:4px;color:#61736c;font-size:11px;line-height:1.4}
@media(max-width:1050px){
  .ecg234-grid{grid-template-columns:1fr!important;padding:34px 30px 18px!important}
  .ecg234-visual{min-height:430px!important}
  .ecg234-bottom{width:calc(100% - 60px)!important;margin:0 30px 28px!important}
}
@media(max-width:760px){
  .ecg234-section{padding-top:34px!important;padding-bottom:34px!important}
  .ecg234-panel{border-radius:24px!important}
  .ecg234-grid{padding:28px 18px 16px!important;gap:16px!important}
  .ecg234-copy h2{font-size:42px!important}
  .ecg234-lead{font-size:15px!important}
  .ecg234-steps{grid-template-columns:1fr!important;gap:12px!important}
  .ecg234-step{min-height:0!important;padding:18px 16px 16px 66px!important}
  .ecg234-num{left:15px;top:16px}
  .ecg234-icon{width:42px;height:42px;margin:0 0 10px!important}
  .ecg234-icon svg{width:22px;height:22px}
  .ecg234-actions{flex-direction:column!important;align-items:stretch!important}
  .ecg234-btn{width:100%!important}
  .ecg234-visual{min-height:390px!important;padding:48px 12px 68px!important}
  .ecg234-simple{right:10px;top:7px;font-size:11px;padding:9px 13px}
  .ecg234-product-wrap{width:min(76%,270px)}
  .ecg234-preview{right:2px;bottom:54px;padding:10px 12px}
  .ecg234-bottom{grid-template-columns:1fr!important;width:calc(100% - 36px)!important;margin:0 18px 22px!important}
  .ecg234-benefit+.ecg234-benefit{border-left:0!important;border-top:1px solid rgba(16,65,51,.08)!important}
}

/* ==========================================================
   V2.5.5.4.1.2.3.5 — Full-Width Guided Personalization Section
   The internal composition is preserved; only the outer shell
   becomes a complete full-bleed homepage section.
   ========================================================== */
.ecg234-section{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:72px 0 68px!important;
  background:
    linear-gradient(90deg,rgba(9,103,79,.70) 0%,rgba(79,155,130,.40) 18%,rgba(245,250,247,.91) 47%,rgba(245,250,247,.56) 68%,rgba(236,243,239,.22) 100%),
    url('/assets/v255541235/images/hero-product-background-desktop.webp') center/cover no-repeat!important;
  border:0!important;
}
.ecg234-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
}
.ecg234-section>.eco-shell{
  position:relative!important;
  z-index:2!important;
  max-width:1280px!important;
  width:100%!important;
  margin:0 auto!important;
  padding-left:28px!important;
  padding-right:28px!important;
}
.ecg234-panel{
  overflow:visible!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ecg234-panel:after{display:none!important}
.ecg234-bg{display:none!important}
.ecg234-grid{
  min-height:520px!important;
  padding:8px 0 14px!important;
}
.ecg234-bottom{
  width:58%!important;
  margin:-8px 0 0 auto!important;
  border-radius:22px!important;
  box-shadow:0 15px 36px rgba(24,59,48,.10)!important;
}

@media(max-width:1050px){
  .ecg234-section{padding:54px 0!important}
  .ecg234-section>.eco-shell{padding-left:24px!important;padding-right:24px!important}
  .ecg234-grid{padding:0!important}
  .ecg234-bottom{width:100%!important;margin:10px 0 0!important}
}
@media(max-width:760px){
  .ecg234-section{
    padding:42px 0 38px!important;
    background:
      linear-gradient(180deg,rgba(235,248,241,.92) 0%,rgba(247,250,248,.94) 52%,rgba(245,249,246,.86) 100%),
      url('/assets/v255541235/images/hero-product-background-mobile.webp') center/cover no-repeat!important;
  }
  .ecg234-section>.eco-shell{padding-left:16px!important;padding-right:16px!important}
}