/* ===================================================================
   TOKENS & RESET
   =================================================================== */
body { font-family: 'Inter', -apple-system, sans-serif; background: #fff; color: #2B2B2B; line-height: 1.6; }

:root {
  --bg:       #FFFFFF;
  --surface:  #F7F9F4;
  --warm:     #F5EDE4;
  --alt:      #FAF7F0;
  --text:     #2B2B2B;
  --muted:    #6B7280;
  --caption:  #7A6249;
  --border:   #E5E7EB;
  --verde:    #78BE20;
  --verde-h:  #67A81C;
  --verde-lt: #EBF7D4;
  --wa:       #25D366;
  --wa-h:     #1EB85A;
  --calido:   #C97B4A;
  --on-verde: #2B2B2B;
  --r-pill:   100px;
  --r-md:     10px;
  --r-lg:     16px;
  --r-xl:     20px;
  --sh-sm:    0 2px 8px rgba(0,0,0,.07);
  --sh-md:    0 6px 30px rgba(0,0,0,.11);
  --sh-lg:    0 12px 48px rgba(0,0,0,.15);
  --sh-wa:    0 4px 20px rgba(37,211,102,.35);
  --t:        .22s ease;
}

.container { max-width:1200px; margin-inline:auto; padding-inline:32px; }
@media(max-width:600px){ .container{ padding-inline:18px; } }

/* ===================================================================
   ANIMACIONES
   =================================================================== */
@keyframes fadeUp   { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:none} }
@keyframes fadeIn   { from{opacity:0} to{opacity:1} }
@keyframes waPulse  { 0%,100%{opacity:0} 50%{opacity:1} }
@keyframes float    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes shimmer  { 0%{background-position:-200% 0} 100%{background-position:200% 0} }

.anim { opacity:0; transform:translateY(28px); transition:opacity .55s ease,transform .55s ease; }
.anim.in { opacity:1; transform:none; }
.d1{transition-delay:.07s} .d2{transition-delay:.14s} .d3{transition-delay:.21s}
.d4{transition-delay:.28s} .d5{transition-delay:.35s} .d6{transition-delay:.42s}

/* ===================================================================
   1. HERO — imagen de fondo generada en CSS/SVG
   =================================================================== */

.hn-hero {
  min-height: 92vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 96px 0 80px;
  background-color: #14210C;
}

.hn-hero .container { position: relative; z-index: 1; width: 100%; }

.hn-hero__grid {
  max-width: 640px;
}
@media(max-width:600px){ .hn-hero{ min-height:auto; padding:72px 0 56px; } }

/* — H1 — */
.hn-hero h1 {
  font-size: clamp(2.1rem, 4.8vw, 3.4rem);
  font-weight: 800;
  line-height: 1.1;
  color: #fff !important;
  letter-spacing: -.02em;
  margin-bottom: 20px;
  animation: fadeUp .65s ease .1s both;
}
.hn-hero h1 em {
  font-style: normal;
  color: var(--verde);
  position: relative;
}
/* subrayado decorativo bajo el acento */
.hn-hero h1 em::after {
  content: '';
  position: absolute;
  left: 0; bottom: -3px;
  width: 100%; height: 3px;
  background: linear-gradient(90deg, var(--verde), rgba(120,190,32,0));
  border-radius: 2px;
}

/* — Subtitle — */
.hero-sub {
  font-size: 1.1rem;
  line-height: 1.7;
  color: rgba(255,255,255,.78);
  margin-bottom: 34px;
  animation: fadeUp .65s ease .2s both;
}

/* — CTAs — */
.hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
  animation: fadeUp .65s ease .3s both;
}
@media(max-width:480px){ .hero-ctas{ flex-direction:column; } }

.btn-verde {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 15px 30px;
  background: #1c3a08;
  color: #fff !important;
  font-weight: 700;
  font-size: .98rem;
  border-radius: var(--r-pill);
  text-decoration: none;
  transition: background var(--t), transform var(--t), box-shadow var(--t);
  box-shadow: 0 4px 20px rgba(120,190,32,.4);
}
.btn-verde:hover { background:#2a5210; transform:translateY(-2px); box-shadow:0 6px 28px rgba(120,190,32,.55); color:#fff !important; }
.btn-wa {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: #25D366;
  color: #ffffff;
  font-weight: 700;
  font-size: .88rem;
  border-radius: var(--r-pill);
  border: none;
  text-decoration: none;
  box-shadow: 0 3px 14px rgba(37,211,102,.3);
  transition: background var(--t), transform var(--t);
}
.btn-wa:hover { background:#1EB85A; transform:translateY(-2px); color:#fff; }
.btn-outline-verde { display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:transparent;color:#266431;font-weight:700;font-size:.98rem;border-radius:var(--r-pill);border:2px solid #78BE20;text-decoration:none;transition:background var(--t),transform var(--t); }
.btn-outline-verde:hover { background:#eaf3de;transform:translateY(-2px); }

.btn-ghost-white {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 15px 28px;
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: 600;
  font-size: .98rem;
  border-radius: var(--r-pill);
  text-decoration: none;
  border: 1.5px solid rgba(255,255,255,.6);
  transition: background var(--t), border-color var(--t), transform var(--t);
}
.btn-ghost-white:hover { background:rgba(255,255,255,.18); border-color:rgba(255,255,255,1); transform:translateY(-2px); color:#fff; }
/* Variante 2 — fondo blanco/secciones claras */
.btn-verde-b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #266431;
  color: #ffffff;
  font-weight: 700;
  font-size: .9rem;
  border-radius: var(--r-pill);
  border: none;
  text-decoration: none;
  transition: background var(--t), transform var(--t);
}
.btn-verde-b:hover { background: #2d7d3a; transform: translateY(-2px); color:#fff; }


/* — Byline author bajo CTAs — */
.hero-byline {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255,255,255,.55);
  font-size: .8rem;
  animation: fadeUp .65s ease .42s both;
}
.hero-byline__av {
  width: 36px; height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--verde) 0%, #3d8400 100%);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: .85rem; color: #fff;
  border: 2px solid rgba(255,255,255,.2);
  flex-shrink: 0;
}
.hero-byline a { color: rgba(255,255,255,.8); text-decoration: underline; }
.hero-byline a:hover { color: var(--verde); }

/* — Panel derecho: product cards flotantes — */
.hero-products {
  display: flex;
  flex-direction: column;
  gap: 14px;
  animation: fadeUp .7s ease .35s both;
}
@media(max-width:920px){ .hero-products{ display:grid; grid-template-columns:1fr 1fr; } }
@media(max-width:500px){ .hero-products{ grid-template-columns:1fr; } }

.hero-prod-card {
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 16px;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: 52px 1fr auto;
  align-items: center;
  gap: 14px;
  backdrop-filter: blur(10px);
  text-decoration: none;
  color: inherit;
  transition: background var(--t), transform var(--t), border-color var(--t);
}
.hero-prod-card:hover { background:rgba(255,255,255,.16); transform:translateX(5px); border-color:rgba(28,58,8,.35); }

/* Thumbnail de producto — generado en CSS */
.hero-prod-thumb {
  width: 52px; height: 52px;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.hero-prod-thumb::before {
  content: '';
  position: absolute;
  inset: 0;
  background: inherit;
  opacity: .25;
}
.thumb-f1   { background: linear-gradient(135deg, #78BE20, #4d9a00); }
.thumb-nrg  { background: linear-gradient(135deg, #e65c00, #c97b4a); }
.thumb-pdm  { background: linear-gradient(135deg, #1565c0, #1e88e5); }
.thumb-aloe { background: linear-gradient(135deg, #00897b, #26a69a); }
.hero-prod-thumb svg { position: relative; z-index: 1; }

.hero-prod-card__name  { font-weight: 700; font-size: .92rem; color: #fff; display: block; }
.hero-prod-card__sub   { font-size: .72rem; color: rgba(255,255,255,.5); margin-top: 2px; display: block; }
.hero-prod-card__price { font-weight: 800; font-size: 1rem; color: var(--verde); white-space: nowrap; }


/* Imagen de fondo real del hero */
.hn-hero__bg-img {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.hn-hero__bg-img img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center 35%;
  display: block;
}
@media(max-width:920px){
  .hn-hero__bg-img img { object-position: 75% 30%; }
}
/* Degradado oscuro lateral — solo donde va el texto, la foto se ve a color real */
.hn-hero__bg-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg,
    rgba(10,20,5,.78) 0%,
    rgba(10,20,5,.55) 32%,
    rgba(10,20,5,.15) 58%,
    rgba(10,20,5,0) 75%);
}

/* ===================================================================
   2. MARQUESINA
   =================================================================== */
.hn-marquee {
  background: linear-gradient(180deg, #0e2705 0%, #163a09 100%);
  border-bottom: 1px solid rgba(120,190,32,.2);
  overflow: hidden;
  padding: 14px 0;
  position: relative;
  list-style: none;
}
.hn-marquee::before,
.hn-marquee::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 80px;
  z-index: 2;
  pointer-events: none;
}
.hn-marquee::before {
  left: 0;
  background: linear-gradient(to right, #0e2705, transparent);
}
.hn-marquee::after {
  right: 0;
  background: linear-gradient(to left, #163a09, transparent);
}
.hn-marquee__track {
  display: flex;
  align-items: center;
  width: max-content;
  margin: 0; padding: 0;
  list-style: none;
  animation: hn-marquee-scroll 40s linear infinite;
}
.hn-marquee:hover .hn-marquee__track { animation-play-state: paused; }
@keyframes hn-marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .hn-marquee__track { animation: none; }
}
.mq-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 28px;
  white-space: nowrap;
  border-right: 1px solid rgba(120,190,32,.18);
}
.mq-item:last-child { border-right: none; }
.mq-item__icon {
  flex-shrink: 0;
  width: 18px; height: 18px;
  color: #78BE20;
  display: flex; align-items: center; justify-content: center;
}
.mq-item__icon svg { width: 18px; height: 18px; }
.mq-item__text {
  font-size: .78rem;
  font-weight: 500;
  color: rgba(255,255,255,.82);
  letter-spacing: .01em;
}
.mq-item__text strong {
  color: #fff;
  font-weight: 700;
}

/* ===================================================================
   3. DEFINICIÓN
   =================================================================== */
.hn-definicion-sec {
  padding: 96px 0 80px;
  background: var(--bg);
}
.sec-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--verde);
  margin-bottom: 16px;
}

.definicion-grid {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 56px;
  align-items: start;
}
@media(max-width:960px){ .definicion-grid{ grid-template-columns:1fr; } }
@media(max-width:960px){ .tldr-box{ position:static; border-radius:12px; } }
@media(max-width:600px){ .tldr-box{ padding:20px 16px 18px; } }

.definicion-grid h2 {
  font-size: clamp(1.5rem,3.5vw,2.1rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--text);
  letter-spacing: -.02em;
  margin-bottom: 20px;
}
.definicion-grid p {
  font-size: 1.02rem;
  line-height: 1.75;
  color: var(--text);
  margin-bottom: 16px;
}
.definicion-grid a { color: var(--verde); font-weight: 600; }

/* TL;DR box */
.tldr-box {
  background: var(--surface);
  border-left: 4px solid var(--verde);
  border-radius: 0 var(--r-xl) var(--r-xl) 0;
  padding: 28px 28px 24px;
  box-shadow: var(--sh-md);
  position: sticky;
  top: 88px;
}
.tldr-box__head {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .98rem;
  font-weight: 800;
  color: var(--text);
  margin-bottom: 18px;
}
.tldr-box__head span {
  width: 26px; height: 26px;
  background: #78BE20;
  border-radius: 7px;
  display: flex; align-items: center; justify-content: center;
}
.tldr-box ul { list-style: none; }
.tldr-box li {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
  font-size: .88rem;
  line-height: 1.55;
  color: var(--text);
  align-items: flex-start;
}
.tldr-box li:last-child { border-bottom: none; }
.tldr-check {
  width: 18px; height: 18px; flex-shrink: 0; margin-top: 1px;
  background: var(--verde-lt);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}


/* ===================================================================
   4. BENEFICIOS — cards con color
   =================================================================== */
.hn-beneficios-sec {
  padding: 96px 0;
  background: var(--surface);
}
.sec-header {
  text-align: center;
  margin-bottom: 56px;
}
.sec-header h2 {
  font-size: clamp(1.5rem,3.5vw,2.15rem);
  font-weight: 800;
  color: var(--text);
  margin: 14px 0 12px;
  letter-spacing: -.02em;
}
.sec-header p { font-size: 1.02rem; color: var(--muted); max-width: 520px; margin: 0 auto; }

.beneficios-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media(max-width:960px){ .beneficios-grid{ grid-template-columns: repeat(2,1fr); } }
@media(max-width:600px){ .beneficios-grid{ grid-template-columns: 1fr; gap: 16px; } }
.beneficio-card {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  overflow: hidden;
  transition: transform var(--t), box-shadow var(--t);
}
.beneficio-card:hover { transform: translateY(-7px); box-shadow: var(--sh-lg); }

/* Banda de color superior diferente para cada card */
.beneficio-card__band {
  height: 6px;
  border-radius: 0;
}
.bc-band-1 { background: linear-gradient(90deg,#78BE20,#a8e054); }
.bc-band-2 { background: linear-gradient(90deg,#4d9a00,#8ed128); }
.bc-band-3 { background: linear-gradient(90deg,#67A81C,#c8f098); }
.bc-band-4 { background: linear-gradient(90deg,#3d8400,#78BE20); }
.bc-band-5 { background: linear-gradient(90deg,#2e7d32,#9ccc65); }
.bc-band-6 { background: linear-gradient(90deg,#558b2f,#aed581); }

.beneficio-card__body { padding: 24px 24px 26px; }
.beneficio-card__icon {
  width: 50px; height: 50px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
}
.bc-ico-1 { background: #EBF7D4; color: var(--verde); }
.bc-ico-2 { background: #E3F2FD; color: #1565c0; }
.bc-ico-3 { background: #FBE9E7; color: var(--calido); }
.bc-ico-4 { background: #E8F5E9; color: #2e7d32; }
.bc-ico-5 { background: #F3E8FF; color: #7c3aed; }
.bc-ico-6 { background: #FFF3E0; color: #e65c00; }

.beneficio-card h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 8px;
}
.beneficio-card p {
  font-size: .86rem;
  line-height: 1.65;
  color: var(--muted);
}
.beneficio-card a { color: var(--verde); font-weight: 600; font-size: .83rem; }


/* ===================================================================
   5. OBJETIVOS — cards con visual de fondo CSS
   =================================================================== */
.hn-objetivos-sec {
  padding: 96px 0;
  background: var(--bg);
}
.objetivos-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
}
@media(max-width:960px){ .objetivos-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:500px){ .objetivos-grid{ grid-template-columns:1fr; } }

.objetivo-card {
  border-radius: var(--r-xl);
  overflow: hidden;
  border: 1px solid var(--border);
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  transition: transform var(--t), box-shadow var(--t), border-color var(--t);
  background: var(--bg);
}
.objetivo-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--sh-lg);
  border-color: rgba(28,58,8,.35);
  color: inherit;
}

/* Visual de fondo generado en CSS — único por objetivo */
.obj-visual {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
/* Patrón de fondo por objetivo */
.obj-v1 { background: linear-gradient(145deg, #c8f098 0%, #78BE20 60%, #4d9a00 100%); }
.obj-v2 { background: linear-gradient(145deg, #a8d8f0 0%, #1e88e5 60%, #0d47a1 100%); }
.obj-v3 { background: linear-gradient(145deg, #ffe082 0%, #fb8c00 60%, #c97b4a 100%); }
.obj-v4 { background: linear-gradient(145deg, #ce93d8 0%, #8e24aa 55%, #6a1b9a 100%); }

/* Círculos decorativos de fondo */
.obj-visual::before {
  content: '';
  position: absolute;
  width: 120px; height: 120px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  top: -30px; right: -30px;
}
.obj-visual::after {
  content: '';
  position: absolute;
  width: 80px; height: 80px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  bottom: -20px; left: -20px;
}
.obj-visual svg { position: relative; z-index: 1; filter: drop-shadow(0 2px 8px rgba(0,0,0,.2)); }
.obj-visual__img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0.55;
  z-index: 0;
}

.objetivo-card__num {
  position: absolute;
  top: 12px; left: 14px;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.9);
  background: rgba(0,0,0,.2);
  border-radius: var(--r-pill);
  padding: 4px 10px;
  backdrop-filter: blur(4px);
}

.objetivo-card__body {
  padding: 20px 20px 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.objetivo-card h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 8px;
  line-height: 1.3;
}
.objetivo-card p {
  font-size: .83rem;
  line-height: 1.6;
  color: var(--muted);
  flex-grow: 1;
  margin-bottom: 14px;
}
.obj-link {
  font-size: .82rem;
  font-weight: 700;
  color: var(--verde);
  display: flex;
  align-items: center;
  gap: 5px;
  transition: gap var(--t);
}
.objetivo-card:hover .obj-link { gap: 9px; }


/* ===================================================================
   6. PRODUCTOS — cards con ilustración CSS de producto
   =================================================================== */
.hn-productos-sec {
  padding: 96px 0;
  background: var(--warm);
}
.productos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
  gap: 20px;
  margin-bottom: 24px;
}
.producto-card {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  overflow: hidden;
  transition: transform var(--t), box-shadow var(--t);
  display: flex;
  flex-direction: column;
}
.producto-card:hover { transform: translateY(-6px); box-shadow: var(--sh-lg); }

/* Visual del producto — ilustración CSS */
.prod-visual {
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.pv-f1   { background: linear-gradient(145deg, #e8f5e9 0%, #c8e6c9 50%, #a5d6a7 100%); }
.pv-nrg  { background: linear-gradient(145deg, #fff8e1 0%, #ffecb3 50%, #ffd54f 100%); }
.pv-pdm  { background: linear-gradient(145deg, #e3f2fd 0%, #bbdefb 50%, #90caf9 100%); }
.pv-aloe { background: linear-gradient(145deg, #e0f2f1 0%, #b2dfdb 50%, #80cbc4 100%); }

/* Forma decorativa de "frasco/envase" en CSS */
.prod-visual::before {
  content: '';
  position: absolute;
  width: 70px; height: 90px;
  background: rgba(255,255,255,.4);
  border-radius: 12px 12px 16px 16px;
  bottom: 12px;
  box-shadow: inset 0 2px 8px rgba(255,255,255,.5), 0 4px 12px rgba(0,0,0,.1);
}
.prod-visual::after {
  content: '';
  position: absolute;
  width: 54px; height: 14px;
  background: rgba(255,255,255,.55);
  border-radius: 4px;
  bottom: 88px;
}
.prod-visual svg { position: relative; z-index: 1; }
.prod-visual__img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.5;
  z-index: 0;
}

.prod-cat-badge {
  position: absolute;
  top: 12px; right: 12px;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0,0,0,.25);
  border-radius: var(--r-pill);
  padding: 4px 10px;
  backdrop-filter: blur(4px);
}

.producto-card__body { padding: 20px 20px 22px; display: flex; flex-direction: column; flex: 1; }
.producto-card__name {
  font-size: .98rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 6px;
}
.producto-card__price {
  font-size: 1.45rem;
  font-weight: 800;
  color: var(--text);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
.producto-card__pvs {
  font-size: .72rem;
  color: var(--caption);
  margin-top: 2px;
  margin-bottom: 16px;
}
.prod-cta {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .82rem;
  font-weight: 700;
  color: var(--verde);
  text-decoration: none;
  transition: gap var(--t);
}
.producto-card:hover .prod-cta { gap: 10px; }

.productos-nota {
  font-size: .85rem;
  color: var(--muted);
  text-align: center;
  line-height: 1.6;
}
.productos-nota a { color: var(--verde); font-weight: 600; }


/* ===================================================================
   7. CATEGORÍAS — con visual CSS
   =================================================================== */
.hn-categorias-sec {
  padding: 96px 0;
  background: var(--bg);
}
.categorias-grid {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 16px;
}
@media(max-width:960px){ .categorias-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:500px){ .categorias-grid{ grid-template-columns:repeat(2,1fr); } }

.cat-card {
  border-radius: var(--r-xl);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  border: 1px solid var(--border);
  transition: transform var(--t), box-shadow var(--t), border-color var(--t);
  background: var(--bg);
  display: flex;
  flex-direction: column;
}
.cat-card:hover { transform: translateY(-6px); box-shadow: var(--sh-lg); border-color: rgba(28,58,8,.35); color: inherit; }

/* Visual generado en CSS por categoría */
.cat-visual {
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.cv-batidos  { background: linear-gradient(145deg, #dcedc8, #78BE20); }
.cv-prot     { background: linear-gradient(145deg, #bbdefb, #1e88e5); }
.cv-tes      { background: linear-gradient(145deg, #ffecb3, #f57c00); }
.cv-energia  { background: linear-gradient(145deg, #fff3e0, #fb8c00); }
.cv-vit      { background: linear-gradient(145deg, #e8f5e9, #00897b); }
.cv-cuidado  { background: linear-gradient(145deg, #fce4ec, #e91e63); }
.cat-visual__img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0.45;
  z-index: 0;
}

/* Semicírculo decorativo */
.cat-visual::after {
  content: '';
  position: absolute;
  width: 80px; height: 80px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  bottom: -30px; right: -20px;
}
.cat-visual svg { position: relative; z-index: 1; filter: drop-shadow(0 2px 6px rgba(0,0,0,.15)); }

.cat-card__body { padding: 14px 14px 16px; }
.cat-card h3 { font-size: .88rem; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.cat-card p  { font-size: .75rem; color: var(--muted); line-height: 1.4; }


/* ===================================================================
   8. CTA WHATSAPP SECCIÓN
   =================================================================== */
.hn-cta-sec {
  background: linear-gradient(135deg, #071902 0%, #0e2c05 40%, #163a09 80%, #1c4d0b 100%);
  padding: 96px 0;
  position: relative;
  overflow: hidden;
}
.hn-cta-sec::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 65% 80% at 75% 50%, rgba(120,190,32,.15) 0%, transparent 60%);
  pointer-events: none;
}
.hn-cta-sec::after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='%2378BE20' stroke-width='.8'/%3E%3Ccircle cx='40' cy='40' r='15' fill='none' stroke='%2378BE20' stroke-width='.5'/%3E%3C/svg%3E");
  background-size: 80px 80px;
  pointer-events: none;
}
.cta-sec-inner {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 48px;
  align-items: center;
}
@media(max-width:700px){ .cta-sec-inner{ grid-template-columns:1fr; text-align:center; } }
.cta-sec-inner .sec-label { color: rgba(120,190,32,.85); }
.cta-sec-inner .sec-label::before { background: rgba(120,190,32,.6); }
.cta-sec-inner h2 {
  font-size: clamp(1.4rem,3vw,2rem);
  font-weight: 800;
  color: #fff;
  margin: 10px 0 14px;
  letter-spacing: -.02em;
}
.cta-sec-inner p { color: rgba(255,255,255,.7); font-size: 1rem; line-height: 1.65; }

.cta-wa-btns { display: flex; flex-direction: column; gap: 12px; align-items: center; }
@media(max-width:700px){ .cta-wa-btns{ align-items:center; } }

.btn-wa-big {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 17px 34px;
  background: var(--wa);
  color: #fff !important;
  font-weight: 800;
  font-size: 1rem;
  border-radius: var(--r-pill);
  text-decoration: none;
  white-space: nowrap;
  box-shadow: var(--sh-wa);
  transition: background var(--t), transform var(--t);
}
.btn-wa-big::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 6px 32px rgba(37,211,102,.6);
  opacity: 0;
  pointer-events: none;
  animation: waPulse 2.5s ease-in-out infinite;
}
.btn-wa-big:hover { background: var(--wa-h); transform: translateY(-3px); color: #fff; }
.cta-horario { font-size: .75rem; color: rgba(255,255,255,.4); text-align: center; }


/* ===================================================================
   9. AUTOR E-E-A-T — premium
   =================================================================== */
.hn-autor-sec {
  padding: 72px 0;
  background: var(--warm);
}
.autor-card-v2 {
  background: var(--bg);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--sh-md);
  border: 1px solid rgba(201,123,74,.12);
}
.autor-card-v2__top {
  background: linear-gradient(135deg, #0e2c05 0%, #1c4d0b 60%, #245f0d 100%);
  padding: 36px 40px;
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  overflow: hidden;
}
@media(max-width:600px){ .autor-card-v2__top{ flex-direction:column; align-items:flex-start; padding:28px 24px; } }
.autor-card-v2__top::after {
  content: '';
  position: absolute;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: rgba(120,190,32,.08);
  top: -60px; right: -60px;
  pointer-events: none;
}
.autor-av {
  width: 88px; height: 88px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--verde) 0%, #3a7800 100%);
  border: 4px solid rgba(255,255,255,.2);
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  flex-shrink: 0;
  position: relative; z-index: 1;
  overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.autor-av__foto {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.autor-av__fallback {
  font-weight: 800; font-size: 2rem; color: #fff;
  position: relative; z-index: 1;
}
.autor-card-v2__id { position: relative; z-index: 1; }
.autor-badge-v2 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--verde);
  background: rgba(120,190,32,.15);
  border: 1px solid rgba(120,190,32,.3);
  border-radius: var(--r-pill);
  padding: 5px 12px;
  margin-bottom: 8px;
}
.autor-badge-v2::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #1c3a08;
}
.autor-card-v2__top h3 {
  font-size: 1.35rem;
  font-weight: 800;
  color: #fff;
  margin: 0 0 4px;
}
.autor-card-v2__top .autor-sub {
  font-size: .82rem;
  color: rgba(255,255,255,.55);
}

.autor-card-v2__bottom {
  padding: 32px 40px;
  display: grid;
  grid-template-columns: 1fr 240px;
  gap: 40px;
  align-items: start;
}
@media(max-width:860px){ .autor-card-v2__bottom{ grid-template-columns:1fr; gap:24px; padding:24px; } }
.autor-card-v2__bottom p {
  font-size: .97rem;
  line-height: 1.75;
  color: var(--text);
  margin-bottom: 12px;
}
.autor-card-v2__bottom a { color: var(--verde); font-weight: 600; }

/* Stats visuales */
.autor-stats-v2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media(max-width:860px){ .autor-stats-v2{ grid-template-columns:repeat(4,1fr); } }
@media(max-width:500px){ .autor-stats-v2{ grid-template-columns:repeat(2,1fr); } }
.autor-stat-v2 {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 14px 10px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.autor-stat-v2::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
}
.autor-stat-v2:nth-child(1)::before { background: linear-gradient(90deg, var(--verde), #a8e054); }
.autor-stat-v2:nth-child(2)::before { background: linear-gradient(90deg, var(--calido), #e8a87c); }
.autor-stat-v2:nth-child(3)::before { background: linear-gradient(90deg, #1565c0, #42a5f5); }
.autor-stat-v2:nth-child(4)::before { background: linear-gradient(90deg, #f57c00, #ffd54f); }
.autor-stat-v2 strong {
  display: block;
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--text);
  line-height: 1;
  letter-spacing: -.02em;
}
.autor-stat-v2 span { font-size: .68rem; color: var(--muted); line-height: 1.3; }


/* Disclaimer Herbalife bajo productos */
.hn-prod-disclaimer {
  background: var(--surface);
  border-top: 1px solid var(--border);
  padding: 20px 0;
}
.hn-prod-disclaimer p {
  font-size: .75rem;
  color: var(--muted);
  line-height: 1.65;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* ===================================================================
   10. FAQ
   =================================================================== */
.hn-faq-sec {
  padding: 96px 0;
  background: var(--bg);
}
.faq-wrap { max-width: 760px; margin: 0 auto; }

.faq-item {
  border: 1px solid var(--border);
  border-radius: 14px;
  margin-bottom: 10px;
  overflow: hidden;
  transition: box-shadow var(--t);
}
.faq-item:hover { box-shadow: var(--sh-md); }
.faq-item summary {
  list-style: none;
  padding: 20px 24px;
  font-weight: 700;
  font-size: .97rem;
  color: var(--text);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  transition: background var(--t), color var(--t);
  user-select: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:hover { background: var(--surface); color: var(--verde); }
.faq-item[open] summary { background: var(--surface); color: var(--verde); border-bottom: 1px solid var(--border); }
.faq-chev {
  width: 20px; height: 20px; flex-shrink: 0;
  transition: transform .25s ease;
  color: var(--muted);
}
.faq-item[open] summary .faq-chev { transform: rotate(180deg); color: var(--verde); }
.faq-item__ans { padding: 20px 24px; background: var(--bg); }
.faq-item__ans p { font-size: .96rem; line-height: 1.72; color: var(--text); margin: 0; }
.faq-item__ans a { color: var(--verde); font-weight: 600; }

/* ===================================================================
   11. DISCLAIMER
   =================================================================== */
.hn-disclaimer {
  background: var(--surface);
  padding: 32px 0;
  border-top: 1px solid var(--border);
}
.hn-disclaimer p { font-size: .75rem; color: #999; line-height: 1.6; margin-bottom: 3px; text-align: center; max-width: 900px; margin-left: auto; margin-right: auto; }


/* ===================================================================
   DATO CURIOSO — callout con ícono (alineado con fichas de producto)
   =================================================================== */
.dato-curioso {
  background: var(--verde-lt);
  border-left: 4px solid var(--verde);
  border-radius: 0 var(--r-lg) var(--r-lg) 0;
  padding: 16px 20px;
  margin: 28px 0 0;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.dato-curioso svg { flex-shrink: 0; color: var(--verde); width: 22px; height: 22px; margin-top: 2px; }
.dato-curioso p { margin: 0; font-size: .95rem; line-height: 1.55; color: var(--text); }
.dato-curioso strong { color: var(--verde-h); }

/* ===================================================================
   TESTIMONIOS
   =================================================================== */
.hn-testimonios-sec {
  padding: 96px 0;
  background: var(--surface);
}
.testimonios-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}
.testimonio-card {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  padding: 24px;
  box-shadow: var(--sh-sm);
  transition: transform var(--t), box-shadow var(--t);
}
.testimonio-card:hover { transform: translateY(-4px); box-shadow: var(--sh-md); }
.testimonio-card__quote { color: var(--verde); opacity: .5; display: block; margin-bottom: 8px; }
.testimonio-card p { font-style: italic; font-size: 1rem; line-height: 1.55; color: var(--text); margin: 0; }
.testimonios-disclaimer {
  max-width: 820px;
  margin: 24px auto 0;
  font-size: .8rem;
  color: var(--caption);
  text-align: center;
  line-height: 1.5;
}
@media(max-width:960px){ .tldr-box{ position:static; border-radius:12px; } }
@media(max-width:600px){ .tldr-box{ padding:20px 16px 18px; } }

/* === FIX 2026-06-19: click blocker home + footer width === */

/* Kadence scroll-up button: restaurado pointer-events; sticky bar ahora ocupa el espacio inferior */
#kt-scroll-up,
#kt-scroll-up-reader {
  pointer-events: auto;
}

/* Restaurar interactividad en todo el contenido de la home.
   Necesario por la regla global .scroll a * { pointer-events:none }
   y cualquier cascada de z-index/overlay no identificada. */
.home .entry-content a,
.home .entry-content button,
.home .entry-content summary,
.home .entry-content input,
.home .entry-content select,
.home .entry-content label,
.home .entry-content details {
  pointer-events: auto !important;
}

/* FAQ home */
.home .hn-faq-sec details,
.home .hn-faq-sec summary {
  pointer-events: auto !important;
}

/* Footer ancho 100% en home — mobile y desktop */
.home .site-footer,
.home #colophon,
.home .site-footer-wrap {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}


/* === FOOTER width fix COMPLETO 2026-06-19 — todos los wrappers intermedios === */
.home .site-bottom-footer-wrap,
.home .site-footer-row-container-inner,
.home .site-bottom-footer-inner-wrap,
.home .site-footer-bottom-section-1,
.home .footer-widget-area,
.home .footer-widget-area-inner,
.home .footer-html,
.home .footer-html-inner,
.home .hn-footer,
.home .hn-footer__grid {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* === CLICK fix ampliado — cubre cualquier overlay en la home === */
.home .entry-content > * {
  pointer-events: auto !important;
}
.home .entry-content > * * {
  pointer-events: auto !important;
}


/* === FIX CookieYes click blocker === */
.cky-consent-container,
.cky-btn-revisit-wrapper { pointer-events: none; }
.cky-consent-container .cky-consent-bar,
.cky-consent-container .cky-btn,
.cky-consent-container button,
.cky-consent-container a,
.cky-btn-revisit-wrapper button,
.cky-btn-revisit-wrapper .cky-btn-revisit { pointer-events: auto; }
.cky-overlay { pointer-events: none; }
.cky-overlay:not(.cky-hide) { pointer-events: auto; }

/* === FIX footer ancho 100%: .site-container dentro del footer limitaba el ancho === */
.home .site-footer .site-container,
.home .site-footer-row-container-inner > .site-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* HN product cards - align CTA rows */
.hn-productos-sec .prod-cta-cart {
  margin-top: auto !important;
  margin-bottom: 12px !important;
}
.hn-productos-sec .prod-cta-cart + .prod-cta,
.hn-productos-sec .prod-cta-cart + .prod-cta-wa {
  margin-top: 0 !important;
}
.hn-productos-sec .prod-cta {
  margin-top: 0 !important;
}
.hn-productos-sec .prod-cta-wa {
  margin-top: 8px !important;
}

/* HN home request 2026-06-28 - server direct */
.hero-ctas .btn-hero-shop { background: #78BE20 !important; color: #fff !important; box-shadow: 0 4px 20px rgba(120,190,32,.4) !important; }
.hero-ctas .btn-hero-shop:hover { background: #8ed128 !important; color: #fff !important; }
.beneficio-card__icon, .bc-ico-1, .bc-ico-2, .bc-ico-3, .bc-ico-4, .bc-ico-5, .bc-ico-6 { background: #edf8df !important; color: #4d9a00 !important; }
.beneficio-card__icon svg { color: #4d9a00 !important; stroke: currentColor !important; }
.hn-productos-sec .producto-card__body { display: flex !important; flex-direction: column !important; }
.hn-productos-sec .producto-card__pvs { margin-bottom: 16px !important; }
.hn-productos-sec .prod-cta-cart { margin-top: auto !important; margin-bottom: 12px !important; }
.hn-productos-sec .prod-cta { margin-top: 0 !important; min-height: 22px; }
.hn-productos-sec .prod-cta-text { display: inline-flex; align-items: center; gap: 6px; color: #4d9a00 !important; font-weight: 700; cursor: default; }
.hn-productos-sec .prod-cta-wa { margin-top: 8px !important; }
.autor-stat-v2 { border-color: rgba(120,190,32,.42) !important; box-shadow: inset 0 0 0 1px rgba(120,190,32,.08); }
.autor-stat-v2:nth-child(1) { border-color: rgba(120,190,32,.52) !important; }
.autor-stat-v2:nth-child(2) { border-color: rgba(77,154,0,.46) !important; }
.autor-stat-v2:nth-child(3) { border-color: rgba(103,168,28,.46) !important; }
.autor-stat-v2:nth-child(4) { border-color: rgba(46,125,50,.44) !important; }

/* HN visible EEAT borders + product secondary tone 2026-06-28 */
.hn-productos-sec .prod-cta-text { color: var(--verde) !important; }
.hn-productos-sec .prod-cta-text svg { stroke: currentColor !important; }
.hn-autor-sec .autor-stat-v2 { border: 2px solid rgba(120,190,32,.72) !important; background: #fbfff6 !important; box-shadow: 0 8px 22px rgba(120,190,32,.10) !important; }
.hn-autor-sec .autor-stat-v2:nth-child(1) { border-color: #78BE20 !important; }
.hn-autor-sec .autor-stat-v2:nth-child(2) { border-color: #8ed128 !important; }
.hn-autor-sec .autor-stat-v2:nth-child(3) { border-color: #67A81C !important; }
.hn-autor-sec .autor-stat-v2:nth-child(4) { border-color: #4d9a00 !important; }

/* HN EEAT stat strips - green palette only 2026-06-28 */
.hn-autor-sec .autor-stat-v2::before { height: 4px !important; }
.hn-autor-sec .autor-stat-v2:nth-child(1)::before { background: linear-gradient(90deg, #78BE20, #a8e054) !important; }
.hn-autor-sec .autor-stat-v2:nth-child(2)::before { background: linear-gradient(90deg, #8ed128, #78BE20) !important; }
.hn-autor-sec .autor-stat-v2:nth-child(3)::before { background: linear-gradient(90deg, #67A81C, #c8f098) !important; }
.hn-autor-sec .autor-stat-v2:nth-child(4)::before { background: linear-gradient(90deg, #4d9a00, #78BE20) !important; }

/* HN categorias premium limpia - opcion 1 2026-06-28 */
.hn-categorias-sec .categorias-grid { gap: 18px !important; }
.hn-categorias-sec .cat-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(120,190,32,.24) !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(28,58,8,.06) !important;
  isolation: isolate;
}
.hn-categorias-sec .cat-card::after {
  content: "Ver categoría \2192";
  display: block;
  margin: 0 var(--hn-sp-3) var(--hn-sp-3);
  padding-top: 10px;
  border-top: 1px solid rgba(120,190,32,.16);
  color: var(--verde);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.2;
  transition: transform var(--t), color var(--t);
}
.hn-categorias-sec .cat-card:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(120,190,32,.58) !important;
  box-shadow: 0 18px 42px rgba(28,58,8,.13) !important;
}
.hn-categorias-sec .cat-card:hover::after {
  transform: translateX(4px);
  color: var(--verde-h);
}
.hn-categorias-sec .cat-visual {
  height: 148px !important;
  position: relative !important;
  overflow: hidden !important;
  background: #edf8df !important;
}
.hn-categorias-sec .cat-visual__img {
  opacity: 1 !important;
  filter: saturate(1.05) contrast(1.03) !important;
  transition: transform .45s ease, filter .45s ease !important;
}
.hn-categorias-sec .cat-card:hover .cat-visual__img {
  transform: scale(1.055);
  filter: saturate(1.12) contrast(1.06) !important;
}
.hn-categorias-sec .cat-visual::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(28,58,8,.05) 0%, rgba(28,58,8,.48) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
.hn-categorias-sec .cat-visual::before {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 2 !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  color: var(--verde-h) !important;
  font-size: .65rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 18px rgba(28,58,8,.16) !important;
}
.hn-categorias-sec .cv-batidos::before { content: "Batidos" !important; }
.hn-categorias-sec .cv-prot::before { content: "Proteínas" !important; }
.hn-categorias-sec .cv-tes::before { content: "Tés" !important; }
.hn-categorias-sec .cv-energia::before { content: "Energía" !important; }
.hn-categorias-sec .cv-vit::before { content: "Suplementos" !important; }
.hn-categorias-sec .cv-cuidado::before { content: "Skin" !important; }
.hn-categorias-sec .cat-visual svg {
  display: flex !important;
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 2 !important;
  width: 34px !important;
  height: 34px !important;
  padding: 7px !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  background: rgba(120,190,32,.92) !important;
  color: #fff !important;
  stroke: currentColor !important;
  box-shadow: 0 10px 24px rgba(28,58,8,.22) !important;
}
.hn-categorias-sec .cat-card__body { padding: 14px var(--hn-sp-3) 10px !important; }
.hn-categorias-sec .cat-card h3 {
  font-size: .96rem !important;
  font-weight: 800 !important;
  color: var(--text) !important;
  margin-bottom: 5px !important;
}
.hn-categorias-sec .cat-card p {
  font-size: .78rem !important;
  line-height: 1.45 !important;
  color: var(--muted) !important;
}
@media(max-width:500px){
  .hn-categorias-sec .cat-visual { height: 132px !important; }
  .hn-categorias-sec .cat-card h3 { font-size: .9rem !important; }
  .hn-categorias-sec .cat-card p { font-size: .73rem !important; }
  .hn-categorias-sec .cat-card::after { font-size: .73rem; }
}

/* HN categorias refinamiento overlay completo 2026-06-28 */
.hn-categorias-sec .cat-visual::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(28,58,8,.14) 0%, rgba(28,58,8,.38) 54%, rgba(28,58,8,.68) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
.hn-categorias-sec .cat-visual svg { display: none !important; }
.hn-categorias-sec .cat-card::after { content: "Ver categoría" !important; }
.hn-categorias-sec .cat-card:nth-child(1)::after { content: "Ver batidos \2192" !important; }
.hn-categorias-sec .cat-card:nth-child(2)::after { content: "Ver proteínas \2192" !important; }
.hn-categorias-sec .cat-card:nth-child(3)::after { content: "Ver tés \2192" !important; }
.hn-categorias-sec .cat-card:nth-child(4)::after { content: "Ver energía \2192" !important; }
.hn-categorias-sec .cat-card:nth-child(5)::after { content: "Ver suplementos \2192" !important; }
.hn-categorias-sec .cat-card:nth-child(6)::after { content: "Ver cuidado personal \2192" !important; }

/* HN categorias - boton catalogo premium 2026-06-28 */
.hn-categorias-sec .cat-all-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 50px !important;
  padding: 14px 34px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(120,190,32,.36) !important;
  background: linear-gradient(135deg, #78BE20 0%, #8ed128 100%) !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 30px rgba(120,190,32,.28), inset 0 1px 0 rgba(255,255,255,.32) !important;
  transition: transform var(--t), box-shadow var(--t), background var(--t) !important;
}
.hn-categorias-sec .cat-all-btn:hover {
  transform: translateY(-3px) !important;
  background: linear-gradient(135deg, #8ed128 0%, #78BE20 100%) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(120,190,32,.38), inset 0 1px 0 rgba(255,255,255,.36) !important;
}
.hn-categorias-sec .cat-all-btn svg {
  flex: 0 0 auto !important;
  transition: transform var(--t) !important;
}
.hn-categorias-sec .cat-all-btn:hover svg { transform: translateX(4px) !important; }
.hn-categorias-sec .cat-all-btn:focus-visible {
  outline: 3px solid rgba(120,190,32,.34) !important;
  outline-offset: 4px !important;
}
@media(max-width:500px){
  .hn-categorias-sec .cat-all-btn { width: 100% !important; padding-inline: 22px !important; }
}

/* HN hero mobile CTA polish 2026-06-28 */
@media(max-width:600px){
  .hn-hero .hero-ctas {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 24px !important;
  }
  .hn-hero .hero-ctas a,
  .hn-hero .hero-ctas .btn-verde,
  .hn-hero .hero-ctas .btn-wa {
    width: 100% !important;
    min-height: 52px !important;
    justify-content: center !important;
    padding: 14px 18px !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    font-size: .95rem !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
  }
  .hn-hero .hero-ctas svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
  .hn-hero .hero-ctas .btn-hero-shop {
    order: 1 !important;
    background: #78BE20 !important;
    color: #fff !important;
  }
  .hn-hero .hero-ctas .btn-wa {
    order: 2 !important;
    background: #25D366 !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(37,211,102,.24) !important;
  }
}
@media(max-width:360px){
  .hn-hero .hero-ctas a,
  .hn-hero .hero-ctas .btn-verde,
  .hn-hero .hero-ctas .btn-wa {
    font-size: .88rem !important;
    padding-inline: 14px !important;
  }
}

/* HN testimonios premium limpia 2026-06-28 */
.hn-testimonios-sec {
  background: linear-gradient(180deg, #fff 0%, #f7fbf2 100%) !important;
}
.hn-testimonios-sec .testimonios-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.hn-testimonios-sec .testimonio-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  padding: 26px 22px 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(120,190,32,.22) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 10px 30px rgba(28,58,8,.07) !important;
  transition: transform var(--t), box-shadow var(--t), border-color var(--t) !important;
}
.hn-testimonios-sec .testimonio-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #78BE20, #a8e054) !important;
}
.hn-testimonios-sec .testimonio-card:nth-child(2)::before { background: linear-gradient(90deg, #8ed128, #78BE20) !important; }
.hn-testimonios-sec .testimonio-card:nth-child(3)::before { background: linear-gradient(90deg, #67A81C, #c8f098) !important; }
.hn-testimonios-sec .testimonio-card:nth-child(4)::before { background: linear-gradient(90deg, #4d9a00, #78BE20) !important; }
.hn-testimonios-sec .testimonio-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(120,190,32,.52) !important;
  box-shadow: 0 18px 44px rgba(28,58,8,.12) !important;
}
.hn-testimonios-sec .testimonio-card__quote {
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 10px !important;
  color: rgba(120,190,32,.28) !important;
}
.hn-testimonios-sec .testimonio-stars {
  align-self: flex-start !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0 14px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(120,190,32,.18) !important;
  background: #fbfff6 !important;
  color: #78BE20 !important;
  font-size: .88rem !important;
  letter-spacing: 1px !important;
  line-height: 1 !important;
}
.hn-testimonios-sec .testimonio-card > p:not(.testimonio-stars):not(.testimonio-card__autor) {
  color: var(--text) !important;
  font-size: .92rem !important;
  line-height: 1.68 !important;
  margin: 0 0 18px !important;
  flex: 1 1 auto !important;
}
.hn-testimonios-sec .testimonio-card__autor {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(120,190,32,.14) !important;
  color: var(--verde-h) !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}
.hn-testimonios-sec .testimonio-card__autor::before {
  content: "M" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 999px !important;
  background: #edf8df !important;
  color: var(--verde-h) !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  box-shadow: inset 0 0 0 1px rgba(120,190,32,.24) !important;
}
.hn-testimonios-sec .testimonio-card:nth-child(2) .testimonio-card__autor::before { content: "C" !important; }
.hn-testimonios-sec .testimonio-card:nth-child(3) .testimonio-card__autor::before { content: "M" !important; }
.hn-testimonios-sec .testimonio-card:nth-child(4) .testimonio-card__autor::before { content: "A" !important; }
.hn-testimonios-sec .testimonios-disclaimer {
  max-width: 760px !important;
  margin: 28px auto 0 !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(120,190,32,.16) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.72) !important;
  color: var(--muted) !important;
  font-size: .78rem !important;
  line-height: 1.55 !important;
  text-align: center !important;
}
@media(max-width:960px){
  .hn-testimonios-sec .testimonios-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media(max-width:560px){
  .hn-testimonios-sec .testimonios-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .hn-testimonios-sec .testimonio-card { padding: 24px 20px 20px !important; }
}

/* HN productos ecommerce premium limpia 2026-06-29 */
.hn-productos-sec .productos-grid {
  gap: 22px !important;
  align-items: stretch !important;
}
.hn-productos-sec .producto-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(120,190,32,.22) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 10px 30px rgba(28,58,8,.07) !important;
  transition: transform var(--t), box-shadow var(--t), border-color var(--t) !important;
}
.hn-productos-sec .producto-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  z-index: 3 !important;
  background: linear-gradient(90deg, #78BE20, #a8e054) !important;
}
.hn-productos-sec .producto-card:nth-child(2)::before { background: linear-gradient(90deg, #8ed128, #78BE20) !important; }
.hn-productos-sec .producto-card:nth-child(3)::before { background: linear-gradient(90deg, #67A81C, #c8f098) !important; }
.hn-productos-sec .producto-card:nth-child(4)::before { background: linear-gradient(90deg, #4d9a00, #78BE20) !important; }
.hn-productos-sec .producto-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(120,190,32,.52) !important;
  box-shadow: 0 20px 48px rgba(28,58,8,.14) !important;
}
.hn-productos-sec .prod-visual-link {
  height: 188px !important;
  background: #edf8df !important;
}
.hn-productos-sec .prod-visual {
  height: 188px !important;
  background: #edf8df !important;
}
.hn-productos-sec .prod-visual::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(180deg, rgba(28,58,8,.04) 0%, rgba(28,58,8,.26) 100%) !important;
  pointer-events: none !important;
}
.hn-productos-sec .prod-visual__img {
  opacity: 1 !important;
  filter: saturate(1.06) contrast(1.03) !important;
  transform: scale(1) !important;
  transition: transform .45s ease, filter .45s ease !important;
}
.hn-productos-sec .producto-card:hover .prod-visual__img {
  transform: scale(1.055) !important;
  filter: saturate(1.14) contrast(1.06) !important;
}
.hn-productos-sec .prod-cat-badge {
  top: 12px !important;
  right: 12px !important;
  z-index: 2 !important;
  padding: 5px 11px !important;
  border: 1px solid rgba(120,190,32,.26) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  color: var(--verde-h) !important;
  box-shadow: 0 8px 20px rgba(28,58,8,.14) !important;
  backdrop-filter: blur(8px) !important;
}
.hn-productos-sec .producto-card__body {
  padding: 22px 20px 20px !important;
}
.hn-productos-sec .producto-card__name {
  font-size: 1rem !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  color: var(--text) !important;
  margin-bottom: 8px !important;
}
.hn-productos-sec .prod-name-link { text-decoration: none !important; }
.hn-productos-sec .prod-name-link:hover .producto-card__name { color: var(--verde-h) !important; }
.hn-productos-sec .producto-card__price {
  display: inline-flex !important;
  align-items: baseline !important;
  align-self: flex-start !important;
  margin: 0 0 4px !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  background: #f2fae9 !important;
  color: #1c3a08 !important;
  font-size: 1.5rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
.hn-productos-sec .producto-card__pvs {
  margin-bottom: 16px !important;
  color: var(--muted) !important;
  line-height: 1.35 !important;
}
.hn-productos-sec .prod-cta-cart {
  width: 100% !important;
  min-height: 46px !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #78BE20 !important;
  color: #fff !important;
  font-size: .92rem !important;
  font-weight: 850 !important;
  box-shadow: 0 10px 24px rgba(120,190,32,.26) !important;
}
.hn-productos-sec .prod-cta-cart:hover {
  background: #8ed128 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 32px rgba(120,190,32,.34) !important;
}
.hn-productos-sec .prod-cta,
.hn-productos-sec .prod-cta-text {
  justify-content: center !important;
  color: var(--verde-h) !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
  min-height: 24px !important;
}
.hn-productos-sec .prod-cta-wa {
  justify-content: center !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(120,190,32,.14) !important;
  color: #1f8f4d !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
}
.hn-productos-sec .prod-cta-wa svg { flex: 0 0 14px !important; }
@media(max-width:600px){
  .hn-productos-sec .productos-grid { gap: 16px !important; }
  .hn-productos-sec .prod-visual-link,
  .hn-productos-sec .prod-visual { height: 200px !important; }
  .hn-productos-sec .producto-card__body { padding: 20px 18px 18px !important; }
  .hn-productos-sec .producto-card__price { font-size: 1.42rem !important; }
  .hn-productos-sec .prod-cta-cart { min-height: 48px !important; }
}

/* HN productos quitar franja gris bajo borde verde 2026-06-29 */
.hn-productos-sec .prod-visual::before,
.hn-productos-sec .prod-visual::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}
.hn-productos-sec .prod-visual-link,
.hn-productos-sec .prod-visual {
  border-top: 0 !important;
}
.hn-productos-sec .producto-card::before {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

/* HN objetivos premium limpia 2026-06-29 */
.hn-objetivos-sec .objetivos-grid {
  gap: 22px !important;
  align-items: stretch !important;
}
.hn-objetivos-sec .objetivo-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(120,190,32,.22) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 10px 30px rgba(28,58,8,.07) !important;
  transition: transform var(--t), box-shadow var(--t), border-color var(--t) !important;
}
.hn-objetivos-sec .objetivo-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  z-index: 3 !important;
  background: linear-gradient(90deg, #78BE20, #a8e054) !important;
}
.hn-objetivos-sec .objetivo-card:nth-child(2)::before { background: linear-gradient(90deg, #8ed128, #78BE20) !important; }
.hn-objetivos-sec .objetivo-card:nth-child(3)::before { background: linear-gradient(90deg, #67A81C, #c8f098) !important; }
.hn-objetivos-sec .objetivo-card:nth-child(4)::before { background: linear-gradient(90deg, #4d9a00, #78BE20) !important; }
.hn-objetivos-sec .objetivo-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(120,190,32,.52) !important;
  box-shadow: 0 20px 48px rgba(28,58,8,.14) !important;
  color: inherit !important;
}
.hn-objetivos-sec .obj-visual {
  height: 188px !important;
  position: relative !important;
  overflow: hidden !important;
  background: #edf8df !important;
}
.hn-objetivos-sec .obj-visual::before,
.hn-objetivos-sec .obj-visual::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
.hn-objetivos-sec .obj-visual::before {
  background: linear-gradient(180deg, rgba(28,58,8,.04) 0%, rgba(28,58,8,.30) 100%) !important;
}
.hn-objetivos-sec .obj-visual::after {
  background: radial-gradient(circle at 18% 18%, rgba(120,190,32,.30), transparent 34%) !important;
}
.hn-objetivos-sec .obj-visual__img {
  opacity: 1 !important;
  filter: saturate(1.06) contrast(1.03) !important;
  transform: scale(1) !important;
  transition: transform .45s ease, filter .45s ease !important;
}
.hn-objetivos-sec .objetivo-card:hover .obj-visual__img {
  transform: scale(1.055) !important;
  filter: saturate(1.14) contrast(1.06) !important;
}
.hn-objetivos-sec .objetivo-card__num {
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  z-index: 2 !important;
  width: auto !important;
  min-width: 42px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(120,190,32,.26) !important;
  background: rgba(255,255,255,.92) !important;
  color: var(--verde-h) !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  box-shadow: 0 8px 20px rgba(28,58,8,.14) !important;
  backdrop-filter: blur(8px) !important;
}
.hn-objetivos-sec .objetivo-card__body {
  padding: 22px 20px 20px !important;
}
.hn-objetivos-sec .objetivo-card h3 {
  font-size: 1.05rem !important;
  line-height: 1.32 !important;
  font-weight: 850 !important;
  color: var(--text) !important;
  margin-bottom: 9px !important;
}
.hn-objetivos-sec .objetivo-card p {
  font-size: .86rem !important;
  line-height: 1.62 !important;
  color: var(--muted) !important;
  margin-bottom: 18px !important;
}
.hn-objetivos-sec .obj-link {
  width: 100% !important;
  min-height: 42px !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  border: 1px solid rgba(120,190,32,.20) !important;
  background: #f2fae9 !important;
  color: var(--verde-h) !important;
  font-size: .84rem !important;
  font-weight: 850 !important;
  transition: transform var(--t), background var(--t), color var(--t), border-color var(--t) !important;
}
.hn-objetivos-sec .objetivo-card:hover .obj-link {
  gap: 8px !important;
  transform: translateY(-2px) !important;
  border-color: rgba(120,190,32,.42) !important;
  background: #78BE20 !important;
  color: #fff !important;
}
.hn-objetivos-sec .obj-link svg { flex: 0 0 13px !important; }
@media(max-width:600px){
  .hn-objetivos-sec .objetivos-grid { gap: 16px !important; }
  .hn-objetivos-sec .obj-visual { height: 200px !important; }
  .hn-objetivos-sec .objetivo-card__body { padding: 20px 18px 18px !important; }
  .hn-objetivos-sec .obj-link { min-height: 46px !important; }
}

/* HN CTA asesoria premium 2026-06-29 */
.hn-cta-sec.hn-cta-advisor {
  padding: 92px 0 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(120,190,32,.20), transparent 32%),
    linear-gradient(135deg, #071902 0%, #102b07 45%, #173f0a 100%) !important;
}
.hn-cta-advisor .cta-advisor-inner {
  grid-template-columns: minmax(0,1fr) minmax(320px,420px) !important;
  gap: 46px !important;
  align-items: center !important;
}
.hn-cta-advisor .cta-advisor-copy h2 {
  max-width: 760px !important;
  font-size: clamp(1.65rem,3.3vw,2.35rem) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}
.hn-cta-advisor .cta-advisor-copy p {
  max-width: 720px !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 1.02rem !important;
}
.cta-advisor-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 22px !important;
}
.cta-advisor-tags span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(168,224,84,.22) !important;
  color: rgba(255,255,255,.90) !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
}
.cta-advisor-card {
  align-items: stretch !important;
  gap: 12px !important;
  padding: 24px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(168,224,84,.34) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.24) !important;
}
.cta-advisor-kicker {
  display: inline-flex !important;
  align-self: flex-start !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #edf8df !important;
  color: var(--verde-h) !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.cta-advisor-benefits {
  display: grid !important;
  gap: 10px !important;
  padding: 4px 0 6px !important;
  margin: 0 !important;
  list-style: none !important;
}
.cta-advisor-benefits li {
  position: relative !important;
  padding-left: 28px !important;
  color: #263421 !important;
  font-size: .92rem !important;
  line-height: 1.35 !important;
  font-weight: 720 !important;
}
.cta-advisor-benefits li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .12rem !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #78BE20 !important;
  box-shadow: inset 0 0 0 5px #dff4cb !important;
}
.btn-wa-big.btn-wa-advisor {
  width: 100% !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 15px 20px !important;
  background: #25D366 !important;
  box-shadow: 0 14px 30px rgba(37,211,102,.26) !important;
  animation: none !important;
}
.btn-wa-big.btn-wa-advisor::after {
  animation: none !important;
  opacity: 0 !important;
}
.btn-wa-big.btn-wa-advisor:hover {
  background: #1ebe5d !important;
  color: #fff !important;
}
.cta-advisor-card .cta-horario {
  color: #66715f !important;
  font-weight: 650 !important;
}
.cta-advisor-link,
.cta-advisor-location {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  text-align: center !important;
  color: var(--verde-h) !important;
  text-decoration: none !important;
  font-size: .86rem !important;
  font-weight: 760 !important;
}
.cta-advisor-link { margin-top: 4px !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
.cta-advisor-location {
  margin-top: 4px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(120,190,32,.18) !important;
}
@media(max-width:760px){
  .hn-cta-sec.hn-cta-advisor { padding: 64px 0 !important; }
  .hn-cta-advisor .cta-advisor-inner { grid-template-columns: 1fr !important; gap: 26px !important; text-align: left !important; }
  .cta-advisor-tags { justify-content: flex-start !important; }
  .cta-advisor-card { padding: 20px !important; }
  .btn-wa-big.btn-wa-advisor { white-space: normal !important; text-align: center !important; }
}
@media(max-width:420px){
  .cta-advisor-tags span { width: 100% !important; justify-content: center !important; }
  .cta-advisor-card { border-radius: 16px !important; }
}

/* HN objetivos quitar halo circular numero 2026-06-29 */
.hn-objetivos-sec .obj-visual::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* HN objetivos sin overlays circulares 2026-06-29 */
.hn-objetivos-sec .obj-visual::before,
.hn-objetivos-sec .obj-visual::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}
.hn-objetivos-sec .objetivo-card__num {
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* HN home premium consistency pass 2026-06-29 */
:root {
  --hn-premium-radius: 16px;
  --hn-premium-radius-sm: 12px;
  --hn-premium-border: rgba(120, 190, 32, .18);
  --hn-premium-border-strong: rgba(120, 190, 32, .34);
  --hn-premium-shadow: 0 14px 36px rgba(28, 58, 8, .08);
  --hn-premium-shadow-hover: 0 22px 54px rgba(28, 58, 8, .14);
  --hn-premium-surface: rgba(255,255,255,.97);
  --hn-premium-soft: #f7fbf1;
}
.hn-definicion-sec,
.hn-beneficios-sec,
.hn-objetivos-sec,
.hn-productos-sec,
.hn-categorias-sec,
.hn-sec,
.hn-testimonios-sec,
.hn-autor-sec,
.hn-faq-sec {
  scroll-margin-top: 96px;
}
.hn-definicion-sec,
.hn-beneficios-sec,
.hn-objetivos-sec,
.hn-productos-sec,
.hn-categorias-sec,
.hn-sec,
.hn-testimonios-sec,
.hn-autor-sec,
.hn-faq-sec {
  padding-top: clamp(64px, 7vw, 92px) !important;
  padding-bottom: clamp(64px, 7vw, 92px) !important;
}
.sec-header {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: clamp(34px, 4vw, 52px) !important;
}
.sec-label,
.cta-sec-inner .sec-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #4d9a00 !important;
  font-size: .74rem !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}
.sec-label::before,
.cta-sec-inner .sec-label::before {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #78BE20 !important;
  box-shadow: 0 0 0 4px rgba(120,190,32,.13) !important;
}
.sec-header h2,
.definicion-grid h2,
.cta-sec-inner h2 {
  letter-spacing: 0 !important;
  line-height: 1.14 !important;
}
.sec-header p,
.definicion-grid p,
.cta-sec-inner p {
  line-height: 1.72 !important;
}
.beneficio-card,
.objetivo-card,
.producto-card,
.cat-card,
.testimonio-card,
.tldr-box,
.autor-card-v2,
.cta-advisor-card {
  border-radius: var(--hn-premium-radius) !important;
  border-color: var(--hn-premium-border) !important;
  box-shadow: var(--hn-premium-shadow) !important;
}
.beneficio-card:hover,
.objetivo-card:hover,
.producto-card:hover,
.cat-card:hover,
.testimonio-card:hover {
  border-color: var(--hn-premium-border-strong) !important;
  box-shadow: var(--hn-premium-shadow-hover) !important;
}
.beneficio-card,
.objetivo-card,
.producto-card,
.cat-card,
.testimonio-card {
  background: var(--hn-premium-surface) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}
.beneficio-card:hover,
.objetivo-card:hover,
.producto-card:hover,
.cat-card:hover,
.testimonio-card:hover {
  transform: translateY(-6px) !important;
}
.beneficio-card__body,
.objetivo-card__body,
.prod-body,
.cat-card__body,
.testimonio-card {
  padding-left: clamp(18px, 2vw, 24px) !important;
  padding-right: clamp(18px, 2vw, 24px) !important;
}
.beneficio-card h3,
.objetivo-card h3,
.producto-card h3,
.cat-card h3,
.testimonio-card__autor {
  letter-spacing: 0 !important;
  color: #263421 !important;
}
.beneficio-card p,
.objetivo-card p,
.producto-card p,
.cat-card p,
.testimonio-card p,
.tldr-box li {
  color: #64705e !important;
}
.beneficio-card__band,
.hn-productos-sec .producto-card::before,
.hn-objetivos-sec .objetivo-card::before {
  height: 4px !important;
  background: linear-gradient(90deg, #78BE20, #a8e054) !important;
}
.beneficio-card__icon,
.bc-ico-1,
.bc-ico-2,
.bc-ico-3,
.bc-ico-4,
.bc-ico-5,
.bc-ico-6 {
  background: #edf8df !important;
  color: #4d9a00 !important;
  border: 1px solid rgba(120,190,32,.18) !important;
  border-radius: 13px !important;
}
.tldr-box {
  border-left: 0 !important;
  border-top: 4px solid #78BE20 !important;
  background: linear-gradient(180deg, #fff 0%, #fbfff6 100%) !important;
}
.tldr-box__head span,
.tldr-check {
  background: #78BE20 !important;
  color: #fff !important;
}
.obj-link,
.prod-cta,
.prod-cta-cart,
.cat-link,
.cta-advisor-link,
.cta-advisor-location,
.autor-card-v2__bottom a,
.definicion-grid a,
.beneficio-card a {
  color: #4d9a00 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}
.obj-link,
.prod-cta,
.prod-cta-cart,
.cat-link {
  border-radius: 999px !important;
}
.prod-cta-cart,
.cat-all-btn,
.btn-hero-shop {
  background: #78BE20 !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(120,190,32,.22) !important;
}
.prod-cta-cart:hover,
.cat-all-btn:hover,
.btn-hero-shop:hover {
  background: #67A81C !important;
  color: #fff !important;
  box-shadow: 0 16px 36px rgba(120,190,32,.28) !important;
}
.cat-visual,
.prod-visual,
.obj-visual {
  border-radius: 0 !important;
}
.cat-visual__img,
.prod-visual__img,
.obj-visual__img {
  filter: saturate(1.04) contrast(1.02) !important;
}
.testimonio-stars {
  color: #78BE20 !important;
  letter-spacing: 1.5px !important;
}
.testimonio-card__quote {
  color: rgba(120,190,32,.22) !important;
}
.autor-card-v2 {
  overflow: hidden !important;
  border-color: rgba(120,190,32,.20) !important;
}
.autor-card-v2__top {
  background: linear-gradient(135deg, #0e2c05 0%, #173f0a 62%, #245f0d 100%) !important;
}
.autor-stat-v2 {
  border-color: rgba(120,190,32,.24) !important;
  background: #fbfff6 !important;
}
.autor-stat-v2 strong {
  color: #4d9a00 !important;
}
.hn-faq-sec details,
.hn-faq-sec .faq-item {
  border-radius: var(--hn-premium-radius-sm) !important;
  border-color: var(--hn-premium-border) !important;
  box-shadow: 0 8px 24px rgba(28,58,8,.05) !important;
}
@media(max-width:700px){
  .hn-definicion-sec,
  .hn-beneficios-sec,
  .hn-objetivos-sec,
  .hn-productos-sec,
  .hn-categorias-sec,
  .hn-sec,
  .hn-testimonios-sec,
  .hn-autor-sec,
  .hn-faq-sec {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }
  .sec-header {
    margin-bottom: 28px !important;
    text-align: left !important;
  }
  .sec-header p { margin-left: 0 !important; margin-right: 0 !important; }
  .beneficio-card:hover,
  .objetivo-card:hover,
  .producto-card:hover,
  .cat-card:hover,
  .testimonio-card:hover {
    transform: none !important;
  }
}

/* HN FAQ hub citables 2026-06-29 */
.hn-faq-sec .sec-header p {
  max-width: 640px !important;
}
.hn-faq-sec .faq-wrap-hub {
  max-width: 920px !important;
  margin: 0 auto !important;
}
.hn-faq-sec .faq-item__ans p {
  margin-bottom: 0 !important;
}
.hn-faq-sec .faq-item__ans a {
  display: inline-flex !important;
  align-items: center !important;
  margin-top: 10px !important;
  color: #4d9a00 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}
.hn-faq-sec .faq-item__ans a:hover {
  color: #3d8400 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* HN EEAT visible trust upgrade 2026-06-29 */
.autor-card-eeat .autor-card-v2__top {
  align-items: center !important;
}
.autor-card-eeat .autor-sub {
  display: block !important;
  max-width: 680px !important;
  color: rgba(255,255,255,.70) !important;
  line-height: 1.45 !important;
}
.autor-eeat-bottom {
  grid-template-columns: minmax(0,1fr) 260px !important;
  gap: 34px !important;
}
.autor-eeat-copy p {
  max-width: 760px !important;
}
.autor-eeat-scope {
  margin: 18px 0 16px !important;
  padding: 18px 18px 16px !important;
  border: 1px solid rgba(120,190,32,.20) !important;
  border-radius: 14px !important;
  background: #fbfff6 !important;
}
.autor-eeat-scope h4 {
  margin: 0 0 10px !important;
  color: #263421 !important;
  font-size: .92rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
.autor-eeat-scope ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 9px !important;
}
.autor-eeat-scope li {
  position: relative !important;
  padding-left: 24px !important;
  color: #64705e !important;
  font-size: .92rem !important;
  line-height: 1.48 !important;
}
.autor-eeat-scope li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .34rem !important;
  width: 11px !important;
  height: 11px !important;
  border-radius: 50% !important;
  background: #78BE20 !important;
  box-shadow: 0 0 0 4px rgba(120,190,32,.14) !important;
}
.autor-eeat-link {
  margin-bottom: 0 !important;
}
.autor-eeat-link a {
  display: inline-flex !important;
  align-items: center !important;
  font-weight: 850 !important;
  color: #4d9a00 !important;
  text-decoration: none !important;
}
.autor-eeat-link a:hover {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.autor-eeat-stats .autor-stat-v2 strong {
  font-size: 1.32rem !important;
}
@media(max-width:860px){
  .autor-eeat-bottom { grid-template-columns: 1fr !important; }
  .autor-eeat-stats { grid-template-columns: repeat(4,1fr) !important; }
}
@media(max-width:540px){
  .autor-card-eeat .autor-card-v2__top { align-items: flex-start !important; }
  .autor-eeat-scope { padding: 16px !important; }
  .autor-eeat-stats { grid-template-columns: repeat(2,1fr) !important; }
}

/* HN definicion citable hub 2026-06-29 */
.hn-definicion-hub .definicion-grid {
  grid-template-columns: minmax(0,1fr) minmax(320px,390px) !important;
  gap: clamp(28px, 4vw, 52px) !important;
  align-items: start !important;
}
.hn-definicion-hub .definicion-main h2 {
  max-width: 820px !important;
  margin-bottom: 18px !important;
}
.hn-definicion-hub .definicion-lead {
  max-width: 820px !important;
  font-size: 1.04rem !important;
  line-height: 1.72 !important;
  color: #3c4637 !important;
  margin-bottom: 24px !important;
}
.definicion-points {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 14px !important;
  margin-top: 22px !important;
}
.definicion-point {
  position: relative !important;
  padding: 20px 18px 18px !important;
  border: 1px solid rgba(120,190,32,.18) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 12px 30px rgba(28,58,8,.06) !important;
}
.definicion-point::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg,#78BE20,#a8e054) !important;
}
.definicion-point__num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 24px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: #edf8df !important;
  color: #4d9a00 !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  margin-bottom: 12px !important;
}
.definicion-point h3 {
  margin: 0 0 8px !important;
  color: #263421 !important;
  font-size: .98rem !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
}
.definicion-point p {
  margin: 0 0 13px !important;
  color: #64705e !important;
  font-size: .86rem !important;
  line-height: 1.55 !important;
}
.definicion-point a,
.tldr-box-hub a {
  color: #4d9a00 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}
.definicion-point a:hover,
.tldr-box-hub a:hover {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.tldr-box-hub {
  border-left: 0 !important;
  border-top: 4px solid #78BE20 !important;
}
.tldr-box-hub .tldr-check {
  background: #78BE20 !important;
}
@media(max-width:960px){
  .hn-definicion-hub .definicion-grid { grid-template-columns: 1fr !important; }
}
@media(max-width:760px){
  .definicion-points { grid-template-columns: 1fr !important; }
}

/* HN objetivos decision guide 2026-06-29 */
.hn-objetivos-sec.hn-objetivos-decision {
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbf4 52%, #ffffff 100%) !important;
}
.hn-objetivos-decision .sec-header {
  max-width: 820px !important;
}
.hn-objetivos-decision .sec-header p {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.hn-objetivos-decision .objetivos-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
}
.hn-objetivos-decision .objetivo-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  border-color: rgba(120,190,32,.26) !important;
  background: #fff !important;
}
.hn-objetivos-decision .obj-visual {
  height: 168px !important;
}
.hn-objetivos-decision .obj-visual::before {
  background: linear-gradient(180deg, rgba(16,44,9,.05) 0%, rgba(16,44,9,.38) 100%) !important;
}
.hn-objetivos-decision .objetivo-card__num {
  background: rgba(255,255,255,.94) !important;
  color: #4d9a00 !important;
}
.hn-objetivos-decision .objetivo-card__body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding: 22px 20px 20px !important;
}
.hn-objetivos-decision .obj-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin-bottom: 10px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #edf8df !important;
  color: #4d9a00 !important;
  border: 1px solid rgba(120,190,32,.20) !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.hn-objetivos-decision .objetivo-card h3 {
  margin-bottom: 10px !important;
  min-height: 2.65em !important;
}
.hn-objetivos-decision .objetivo-card p {
  margin-bottom: 14px !important;
}
.hn-objetivos-decision .obj-mini-list {
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  list-style: none !important;
}
.hn-objetivos-decision .obj-mini-list li {
  position: relative !important;
  padding-left: 16px !important;
  color: #64705e !important;
  font-size: .8rem !important;
  line-height: 1.45 !important;
}
.hn-objetivos-decision .obj-mini-list li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .58em !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #78BE20 !important;
  box-shadow: 0 0 0 4px rgba(120,190,32,.12) !important;
}
.hn-objetivos-decision .obj-mini-list strong {
  color: #263421 !important;
  font-weight: 850 !important;
}
.hn-objetivos-decision .obj-link {
  margin-top: auto !important;
  min-height: 48px !important;
  line-height: 1.15 !important;
  background: #78BE20 !important;
  color: #fff !important;
  border-color: rgba(120,190,32,.55) !important;
  box-shadow: 0 12px 26px rgba(120,190,32,.20) !important;
}
.hn-objetivos-decision .objetivo-card:hover .obj-link {
  background: #5fa40d !important;
  border-color: #5fa40d !important;
  box-shadow: 0 16px 30px rgba(95,164,13,.24) !important;
}
@media(max-width: 1100px) {
  .hn-objetivos-decision .objetivos-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .hn-objetivos-decision .objetivo-card h3 {
    min-height: 0 !important;
  }
}
@media(max-width: 600px) {
  .hn-objetivos-decision .objetivos-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .hn-objetivos-decision .obj-visual {
    height: 188px !important;
  }
  .hn-objetivos-decision .objetivo-card__body {
    padding: 20px 18px 18px !important;
  }
  .hn-objetivos-decision .obj-mini-list li {
    font-size: .82rem !important;
  }
}

/* HN compra chile decision block 2026-06-29 */
.hn-compra-chile-sec {
  padding: clamp(58px, 6vw, 84px) 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbf4 100%) !important;
}
.compra-chile-panel {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr) !important;
  gap: clamp(26px, 4vw, 44px) !important;
  align-items: center !important;
  padding: clamp(26px, 4vw, 42px) !important;
  border: 1px solid rgba(120,190,32,.22) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(245,251,238,.96)) !important;
  box-shadow: 0 24px 60px rgba(28,58,8,.10) !important;
  overflow: hidden !important;
  position: relative !important;
}
.compra-chile-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg, #78BE20, #a8e054) !important;
}
.compra-chile-copy {
  position: relative !important;
  z-index: 1 !important;
}
.compra-chile-copy h2 {
  margin: 12px 0 14px !important;
  color: #263421 !important;
  font-size: clamp(1.75rem, 3vw, 2.35rem) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}
.compra-chile-copy p {
  margin: 0 !important;
  color: #64705e !important;
  font-size: .98rem !important;
  line-height: 1.72 !important;
}
.compra-chile-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 24px !important;
}
.compra-chile-actions a {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  text-align: center !important;
}
.compra-chile-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  position: relative !important;
  z-index: 1 !important;
}
.compra-chile-card {
  min-height: 188px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 20px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(120,190,32,.20) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 12px 30px rgba(28,58,8,.07) !important;
  color: inherit !important;
  text-decoration: none !important;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease !important;
}
.compra-chile-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(120,190,32,.48) !important;
  box-shadow: 0 18px 42px rgba(28,58,8,.13) !important;
  color: inherit !important;
}
.compra-chile-card__icon {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
  border-radius: 13px !important;
  background: #edf8df !important;
  color: #4d9a00 !important;
  border: 1px solid rgba(120,190,32,.20) !important;
}
.compra-chile-card strong {
  color: #263421 !important;
  font-size: .98rem !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
.compra-chile-card p {
  margin: 9px 0 15px !important;
  color: #64705e !important;
  font-size: .84rem !important;
  line-height: 1.55 !important;
}
.compra-chile-link {
  margin-top: auto !important;
  color: #4d9a00 !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
}
.compra-chile-card:hover .compra-chile-link {
  color: #315f00 !important;
}
@media(max-width: 980px) {
  .compra-chile-panel {
    grid-template-columns: 1fr !important;
  }
}
@media(max-width: 620px) {
  .hn-compra-chile-sec {
    padding: 52px 0 !important;
  }
  .compra-chile-panel {
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }
  .compra-chile-grid {
    grid-template-columns: 1fr !important;
  }
  .compra-chile-actions {
    flex-direction: column !important;
  }
  .compra-chile-actions a {
    width: 100% !important;
  }
  .compra-chile-card {
    min-height: 0 !important;
  }
}

/* HN compra chile CTA buttons fix 2026-06-29 */
.hn-compra-chile-sec .compra-chile-actions .btn-verde-claro,
.hn-compra-chile-sec .compra-chile-actions a.btn-verde-claro {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 14px 24px !important;
  border-radius: 999px !important;
  border: 1px solid #78BE20 !important;
  background: #78BE20 !important;
  color: #ffffff !important;
  font-size: .92rem !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 28px rgba(120,190,32,.24) !important;
  transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.hn-compra-chile-sec .compra-chile-actions .btn-verde-claro:hover,
.hn-compra-chile-sec .compra-chile-actions a.btn-verde-claro:hover,
.hn-compra-chile-sec .compra-chile-actions .btn-verde-claro:focus-visible,
.hn-compra-chile-sec .compra-chile-actions a.btn-verde-claro:focus-visible {
  background: #5fa40d !important;
  border-color: #5fa40d !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 34px rgba(95,164,13,.30) !important;
}
.hn-compra-chile-sec .compra-chile-actions .btn-whatsapp,
.hn-compra-chile-sec .compra-chile-actions a.btn-whatsapp {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 14px 24px !important;
  border-radius: 999px !important;
  border: 1px solid #25D366 !important;
  background: #25D366 !important;
  color: #ffffff !important;
  font-size: .92rem !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 28px rgba(37,211,102,.22) !important;
  transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.hn-compra-chile-sec .compra-chile-actions .btn-whatsapp:hover,
.hn-compra-chile-sec .compra-chile-actions a.btn-whatsapp:hover,
.hn-compra-chile-sec .compra-chile-actions .btn-whatsapp:focus-visible,
.hn-compra-chile-sec .compra-chile-actions a.btn-whatsapp:focus-visible {
  background: #1fb85a !important;
  border-color: #1fb85a !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 34px rgba(31,184,90,.28) !important;
}
@media(max-width: 620px) {
  .hn-compra-chile-sec .compra-chile-actions .btn-verde-claro,
  .hn-compra-chile-sec .compra-chile-actions a.btn-verde-claro,
  .hn-compra-chile-sec .compra-chile-actions .btn-whatsapp,
  .hn-compra-chile-sec .compra-chile-actions a.btn-whatsapp {
    width: 100% !important;
    min-height: 52px !important;
    padding: 15px 18px !important;
  }
}

/* HN productos desktop side by side 2026-06-29 */
@media (min-width: 1024px) {
  .hn-productos-sec .productos-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 22px !important;
  }
  .hn-productos-sec .producto-card {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}
@media (min-width: 700px) and (max-width: 1023px) {
  .hn-productos-sec .productos-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }
}
@media (max-width: 699px) {
  .hn-productos-sec .productos-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* HN compra chile desktop CTA row 2026-06-29 */
@media (min-width: 760px) {
  .hn-compra-chile-sec .compra-chile-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }
  .hn-compra-chile-sec .compra-chile-actions .btn-verde-claro,
  .hn-compra-chile-sec .compra-chile-actions a.btn-verde-claro,
  .hn-compra-chile-sec .compra-chile-actions .btn-whatsapp,
  .hn-compra-chile-sec .compra-chile-actions a.btn-whatsapp {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 759px) {
  .hn-compra-chile-sec .compra-chile-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* HN definicion bridge copy 2026-06-29 */
.hn-definicion-hub .tldr-answer {
  margin: 0 0 18px !important;
  padding: 16px 16px !important;
  border-radius: 14px !important;
  background: #f2fae9 !important;
  color: #263421 !important;
  font-size: .95rem !important;
  line-height: 1.62 !important;
  font-weight: 750 !important;
  border: 1px solid rgba(120,190,32,.20) !important;
}
.hn-definicion-hub .definicion-lead {
  max-width: 820px !important;
}
@media(max-width: 640px) {
  .hn-definicion-hub .tldr-answer {
    font-size: .9rem !important;
  }
}