/* =====================================================
   labmoment – custom product page sections
   ===================================================== */

#product #wrapper .container { width: auto; } 

.product-actions .add-to-cart { background-color: #4caf50; color: #FFF; border: 0;}
.product_title_price { display: flex; gap: 20px; }
.product_title_price .product-prices { margin: 0; text-align: right; }
.product_title_price .product-prices .discount { position: absolute; right: 10px; margin-top: 30px; font-size: 0.7rem; line-height: 1.5rem; }
.product-comments-additional-info .grade-stars .star-content { transform: scale(0.8); left: -13px; }


.product-text-props { margin-bottom: 20px; }
.product-text-props label { color: #999; }

/* ── General section wrapper ── */
.lm-section {
  padding: 56px 0;
  margin: 0 -15px;
}

.lm-section-inner {
  margin: 0 auto;
  padding: 0 20px;
}

.lm-section-2col > .lm-section-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
}
.lm-section-2col .lm-section { margin: 0; }

.lm-section-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 32px;
}

.lm-section-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0;
  color: #253237;
  line-height: 1.2;
  text-transform: none;
}

/* Brand icon: a small [X]-style square mark */
.lm-section-icon { display: none; }
/*
.lm-section-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  background-color: #2fb5d2;
  border-radius: 4px;
  position: relative;
}
.lm-section-icon::before,
.lm-section-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}
.lm-section-icon::before { transform: translate(-50%, -50%) rotate(45deg); }
.lm-section-icon::after  { transform: translate(-50%, -50%) rotate(-45deg); }
*/

/* ── RTE content typography ── */
.lm-rte-content {
  line-height: 1.7;
  color: #3d3d3d;
}
.lm-rte-content p       { margin-bottom: 0.75rem; color: #3d3d3d; }
.lm-rte-content ul,
.lm-rte-content ol      { margin: 0 0 0.75rem 1.2rem; padding: 0; }
.lm-rte-content li      { margin-bottom: 0.3rem; }
.lm-rte-content strong  { color: #253237; }
.lm-rte-content a       { color: #2fb5d2; }


/* ── Beneficios ── */
.lm-section--beneficios {
  padding-top: 0 !important;
}

.lm-beneficios-slider {
  display: flex;
  gap: 24px;
  padding-bottom: 10px;
  overflow: auto;
}

/* When slick initialises it removes flex; this rule only applies before init */
.lm-beneficios-slider:not(.slick-initialized) .lm-benefit-card {
  flex: 1 1 calc(33.333% - 16px);
  min-width: 280px;
}

.lm-benefit-card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  display: flex;
  flex-direction: column;
  max-width: 350px;
}

.lm-benefit-card__img {
  aspect-ratio: 3/2;
  overflow: hidden;
  background: #eef0f1;
}

.lm-benefit-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lm-benefit-card__body {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lm-benefit-card__title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  color: #253237;
}

.lm-benefit-card__desc {
  font-size: 0.9rem;
  color: #5a6168;
  line-height: 1.55;
}
.lm-benefit-card__desc p { margin: 0; }

/* Slick dots */
.lm-beneficios-slider.slick-initialized { padding-bottom: 36px; }
.lm-beneficios-slider .slick-dots       { bottom: 0; }
.lm-beneficios-slider .slick-dots li button::before { color: #2fb5d2; }

/* Slick slide padding */
.lm-beneficios-slider.slick-initialized .slick-slide { padding: 0 10px; }
.lm-beneficios-slider.slick-initialized { margin: 0 -10px; }


/* ── Modo de empleo ── */
.lm-section--modo-empleo {
  background: #f5f5f5;
}
.lm-section--modo-empleo .lm-section-inner {
  display: flex;
  gap: 10vw;
  align-items: flex-start;
}

.lm-section--modo-empleo .lm-rte-content {
  max-width: 720px;
  font-size: 1rem;
}


/* ── Lo que ponemos / Lo que no ponemos ── */
.lm-section--ponemos {
  padding: 0;
}

.lm-ponemos-block {
  padding: 26px 40px;
  display: flex;
  gap: 40px;
  align-items: center;
}

.lm-ponemos-img {
  float: left;
  display: block;
  max-width: 100px;
  max-height: 200px;
  object-fit: cover;
  border-radius: 6px;
}

.lm-ponemos-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #212121;
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 10px dotted #ccc;
}

.lm-ponemos-block--si .lm-ponemos-title {
  border-color: #d6f0ec;
}

.lm-ponemos-block--no .lm-ponemos-title {
  border-color: #ffbab5;
}


.lm-ponemos-content .lm-rte-content {
  font-size: 0.95rem;
}


/* ── Por qué no es como los demás ── */
.lm-section--porque {
  background: #fff;
}


.lm-porque-text {
  flex: 1;
  min-width: 0;
  font-size: 1rem;
}

.lm-porque-img {
  width: 100%;
  margin-bottom: 20px;
}

.lm-porque-img img {
  width: 100%;
  border-radius: 8px;
  display: block;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
}


/* ── También te puede interesar ── */
.lm-section--related {

}

.lm-section--related .lm-section-header {
  margin-bottom: 24px;
}

.lm-related-slider {
    display: flex;
    gap: 24px;
    padding-bottom: 10px;
    overflow: auto;
}
.lm-related-slider .js-product-miniature { width: 260px; margin: 0; min-width: 200px; }

/* ── Preguntas frecuentes ── */
.lm-section--faqs {
  background: #fff;
}

.lm-section--faqs .lm-section-inner {
  display: flex;
  gap: 10vw;
  align-items: flex-start;
}

.lm-faq-list {
  max-width: 820px;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid #e5e7ea;
}

.lm-faq-item {
  border-bottom: 1px solid #e5e7ea;
}

.lm-faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.975rem;
  color: #253237;
  list-style: none;
  user-select: none;
}

/* Remove default marker in Chrome/Safari */
.lm-faq-question::-webkit-details-marker { display: none; }
.lm-faq-question::marker { display: none; }

.lm-faq-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #2fb5d2;
  position: relative;
  transition: transform .2s ease;
}

.lm-faq-icon::before,
.lm-faq-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background: #2fb5d2;
  border-radius: 1px;
}

.lm-faq-icon::before {
  width: 10px;
  height: 2px;
  transform: translate(-50%, -50%);
}

.lm-faq-icon::after {
  width: 2px;
  height: 10px;
  transform: translate(-50%, -50%);
  transition: transform .2s ease, opacity .2s ease;
}

details[open] .lm-faq-icon::after {
  transform: translate(-50%, -50%) scaleY(0);
  opacity: 0;
}

.lm-faq-answer {
  padding: 0 0 20px;
  font-size: 0.9rem;
  color: #5a6168;
}

.lm-section--reviews { }
.lm-section--reviews .lm-section-inner { display: flex; gap: 10vw; align-items: flex-start; }
.lm-section--reviews .comments-note { display: none; }
.lm-section--reviews .product-comment-list-item { padding-top: 0; }
.product-comment-list-item .comment-content .h4 { height: auto; text-transform: none; }
.product-comment-list-item .comment-infos { min-height: 10px; height: auto;  margin-bottom: 10px; display: flex; gap: 20px; }
.product-comment-list-item .grade-stars { margin-bottom: 5px; }
.product-comment-list-item .comment-content p { margin-bottom: 5px; }
#product-comments-list-footer .post-product-comment { border: 1px solid #999;  background: none; color: #000; }

/* ── Product top area ── */
.lm-product-top {
  padding: 20px 0 0 0;
}

.lm-product-description {
  padding: 0 0 32px;
}



/* ─────────────────────────────────────
   Responsive
───────────────────────────────────── */
@media (max-width: 991px) {
  .lm-section {
    padding: 40px 0;
  }

  /*
  .lm-ponemos-grid {
    grid-template-columns: 1fr;
  }
  */

  .lm-section--modo-empleo .lm-section-inner, .lm-section--faqs .lm-section-inner, .lm-section--reviews .lm-section-inner { display: block; } 

  .lm-ponemos-block {
    padding: 36px 24px;
  }


  .lm-beneficios-slider:not(.slick-initialized) .lm-benefit-card {
    flex: 1 1 calc(50% - 12px);
  }

  .lm-section-2col > .lm-section-inner {
    flex-direction: column;
  }

}

@media (max-width: 575px) {
  .lm-section {
    padding: 32px 0;
  }

  .lm-section-inner {
    padding: 0 16px;
  }

  .lm-section-title {
    font-size: 1.2rem;
  }

  .lm-beneficios-slider:not(.slick-initialized) .lm-benefit-card {
    flex: 1 1 100%;
  }

  .lm-ponemos-block {
    padding: 28px 16px;
    gap: 20px;
  }
  .lm-ponemos-block.has-img { margin-left: -60px; }
  .lm-ponemos-img { max-width: 200px; max-height: 300px; }

  .product-comment-list-item .comment-infos .grade-stars { float: right; }
}


/* ═══════════════════════════════════════════════════════════════════
   REDISEÑO 2026 · Paleta Labmoment + HERO (maqueta Sleep Complex)
   Fase A — parte superior de la ficha
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --lm-beige:#E9DECA;   --lm-beige-soft:#F5F0E6; --lm-paper:#fff;
  --lm-ink:#33302C;     --lm-ink-soft:#615B52;
  --lm-lime:#64AE03;    --lm-lime-dark:#548F03;  --lm-olive:#707135;
  --lm-line:rgba(51,48,44,.12);
}

/* Etiqueta tipo "eyebrow" reutilizable */
.lm-eyebrow{
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--lm-olive); font-weight:600; margin:0 0 14px;
}

/* ── Layout del hero: 2 columnas, galería pegajosa ── */
.lm-product-top{
  display:grid; grid-template-columns:1fr 1fr; gap:52px;
  align-items:start; max-width:1180px; margin:0 auto;
  padding:30px 15px 10px;
}
.lm-product-top .flex1,
.lm-product-top .flex2{ width:auto; max-width:none; flex:none; padding:0; min-width:0; }

/* Galería: tarjeta beige redondeada (también sirve de hueco si no hay foto) */
.lm-product-top .flex1{ position:sticky; top:20px; }
.lm-product-top .flex1 .page-content{
  background:var(--lm-beige-soft); border-radius:18px;
  min-height:280px; padding:14px; overflow:hidden;
}
.lm-product-top .flex1 .page-content img{ border-radius:12px; max-width:100%; height:auto; }
/* La galería es un slider slick: forzar que todo encaje en el ancho */
.lm-product-top .flex1 .page-content .images-container,
.lm-product-top .flex1 .page-content .product-cover-container,
.lm-product-top .flex1 .page-content .product-cover{ width:100%; max-width:100%; }
.lm-product-top .flex1 .page-content .cover-item,
.lm-product-top .flex1 .page-content .easyzoom,
.lm-product-top .flex1 .page-content .easyzoom img{ max-width:100%; height:auto; }
/* Antes de que el slider arranque, mostrar solo la 1ª imagen (evita desborde) */
.lm-product-top .flex1 .page-content .product-cover:not(.slick-initialized) .cover-item{ display:none; }
.lm-product-top .flex1 .page-content .product-cover:not(.slick-initialized) .cover-item:first-child{ display:block; }

/* ── Título + precio en columna ── */
.product_title_price{ display:block; }
.namne_details,
.product_title_price .h1{
  font-size:clamp(26px,3vw,36px); font-weight:500; line-height:1.14;
  letter-spacing:-.01em; color:var(--lm-ink); margin:4px 0 12px;
}
.product_title_price .product-prices{ text-align:left; margin:0 0 4px; }
.product-prices .price,
.product-prices .current-price .price{
  font-size:26px; font-weight:600; color:var(--lm-ink);
}
.product_title_price .product-prices .discount{ position:static; margin:6px 0 0 10px; }

/* ── Subtítulo (descripción corta) ── */
.product-description-short{
  font-size:15.5px; line-height:1.62; color:var(--lm-ink-soft);
  margin:0 0 22px; max-width:540px;
}
.product-description-short p{ margin:0 0 .6em; }

/* ── Fila de iconos (propiedades destacadas) ── */
.product-custom-properties{
  border-top:1px solid var(--lm-line); border-bottom:1px solid var(--lm-line);
  padding:20px 0; margin:0 0 22px;
}
.product-custom-properties > .h6{
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--lm-olive); font-weight:600; margin:0 0 16px;
}
.product-custom-properties .properties-wrapper{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(72px, 1fr)); gap:16px 8px;
}
.product-custom-properties .property-item{
  min-width:0; max-width:none;
  display:flex; flex-direction:column; align-items:center;
  text-align:center; gap:9px;
}
.product-custom-properties .property-icon-img{
  width:46px; height:46px; padding:9px; box-sizing:border-box;
  background:var(--lm-beige-soft); border-radius:50%; object-fit:contain;
  margin: 0;
}
.product-custom-properties .property-name{
  font-size:11px; line-height:1.3; color:var(--lm-ink-soft); max-width: 100px;
}

/* ── Formato / sabor / cápsulas ── */
.product-text-props{ display:flex; flex-wrap:wrap; gap:6px 22px; margin-bottom:18px; }
.product-text-props label{ color:var(--lm-ink-soft); font-weight:500; margin-right:6px; }
.product-text-props .value{ color:var(--lm-ink); font-weight:500; }

/* ── Botón comprar (lima) ── */
.product-actions .add-to-cart{
  background-color:var(--lm-lime); color:#fff; border:0;
  border-radius:12px; font-weight:600; font-size:16px; padding:14px 22px;
  transition:background-color .2s ease;
}
.product-actions .add-to-cart:hover{ background-color:var(--lm-lime-dark); }

/* ── Patentes (título eyebrow) ── */
.product-patents > .h6{
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--lm-olive); font-weight:600; margin-bottom:12px;
}

/* ── Reassurance (sellos de confianza) ── */
.product-information .block-reassurance{ border:0; box-shadow:none; margin-top:16px; }
.product-information .block-reassurance ul{ display:flex; flex-wrap:wrap; gap:10px 22px; margin:0; }
.product-information .block-reassurance li{ border:0; padding:0; }
.product-information .block-reassurance li .block-reassurance-item{ padding:0; }

/* ── Responsive hero ── */
@media(max-width:900px){
  .lm-product-top{ grid-template-columns:1fr; gap:26px; padding:16px 0 6px; }
  .lm-product-top .flex1{ position:static; }
  .lm-product-top .flex1 .page-content{ min-height:320px; }
}

/* Etiqueta "Nuevo"/rebaja: esquina superior de la galería */
.lm-product-top .flex1 .page-content{ position:relative; }
.lm-product-top .product-flags,
.lm-product-top .page-content > .product-flags{
  position:absolute; top:14px; left:14px; right:auto; margin:0; z-index:3;
  display:flex; flex-direction:column; gap:6px;
}
.lm-product-top .product-flag{ margin:0; }

/* Forzar flags a esquina sup-izq (marcado centrado por el flex de la galería) */
.lm-product-top .flex1 .page-content > .product-flags,
.lm-product-top .flex1 .product-flags{
  position:absolute !important; top:14px !important; left:14px !important;
  bottom:auto !important; right:auto !important; transform:none !important;
  margin:0 !important; z-index:5; width:auto !important;
}

/* La maqueta no lleva badge en la galería: ocultarlo en el hero */
.lm-product-top .flex1 .product-flags{ display:none !important; }

/* (corrección) el contenedor real es .product-flag en SINGULAR */
.lm-product-top .flex1 .product-flag{ display:none !important; }

/* ── Titular emocional (H1) + eyebrow con nombre de producto ── */
.lm-product-eyebrow{
  display:block; font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--lm-olive); font-weight:600; margin:0 0 10px;
}
.lm-hero-title{ margin-top:0 !important; }
.lm-hero-title em{ font-style:normal; color:var(--lm-lime); }

/* ── Checklist del hero (ventajas con ✓ lima) ── */
.lm-hero-checklist{ list-style:none; margin:0 0 22px; padding:0; display:grid; gap:10px; }
.lm-hero-checklist li{ display:flex; gap:11px; align-items:flex-start; font-size:15px; color:var(--lm-ink); line-height:1.4; }
.lm-hero-checklist .lm-ck{
  flex:0 0 auto; width:20px; height:20px; border-radius:50%;
  background:var(--lm-lime); color:#fff; font-size:11px; font-weight:700;
  display:flex; align-items:center; justify-content:center; margin-top:2px;
}
/* ── Sellos de confianza del hero ── */
.lm-hero-trust{ display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:16px; }
.lm-trust-item{ font-size:12.5px; color:var(--lm-ink-soft); display:flex; gap:8px; align-items:center; }
.lm-trust-dot{ width:6px; height:6px; border-radius:50%; background:var(--lm-lime); flex:0 0 auto; }

/* ═══════════════════════════════════════════════════════════════════
   REDISEÑO 2026 · Secciones inferiores (paleta lima/beige)
   ═══════════════════════════════════════════════════════════════════ */
.lm-section{ padding:64px 0; margin:0; }
.lm-section-inner{ max-width:1180px; padding:0 28px; margin:0 auto; }
.lm-section-title{ color:var(--lm-ink); font-weight:500; }

/* Cabeceras centradas estilo maqueta */
.lm-section--beneficios .lm-section-header,
.lm-section--faqs .lm-section-header{
  justify-content:center; text-align:center; margin-bottom:38px;
}
.lm-section--beneficios .lm-section-title,
.lm-section--faqs .lm-section-title{ font-size:clamp(24px,2.6vw,32px); }

/* ── Beneficios = rejilla "4 cosas" (celdas beige) ── */
.lm-section--beneficios{ background:var(--lm-paper); padding-top:64px !important; }
.lm-beneficios-slider{
  display:grid !important; grid-template-columns:repeat(4,1fr);
  gap:18px; overflow:visible; padding:0;
}
.lm-benefit-card{
  background:var(--lm-beige-soft); box-shadow:none; border-radius:14px;
  max-width:none; border:0;
}
.lm-benefit-card__body{ padding:24px; gap:8px; }
.lm-benefit-card__title{ color:var(--lm-ink); font-weight:600; font-size:15.5px; }
.lm-benefit-card__desc{ color:var(--lm-ink-soft); font-size:13.5px; }
.lm-benefit-card__desc p{ margin:0; }
@media(max-width:1024px){ .lm-beneficios-slider{ grid-template-columns:1fr 1fr !important; } }
@media(max-width:520px){ .lm-beneficios-slider{ grid-template-columns:1fr !important; } }

/* ── FAQ centrada, acentos lima ── */
.lm-section--faqs{ background:var(--lm-beige-soft); }
.lm-section--faqs .lm-section-inner{ display:block; }
.lm-faq-list{ max-width:760px; margin:0 auto; border-top-color:var(--lm-line); }
.lm-faq-item{ border-bottom-color:var(--lm-line); }
.lm-faq-question{ color:var(--lm-ink); font-size:16.5px; font-weight:500; }
.lm-faq-icon{ border-color:var(--lm-lime); }
.lm-faq-icon::before,
.lm-faq-icon::after{ background:var(--lm-lime); }
.lm-faq-answer{ color:var(--lm-ink-soft); font-size:14.5px; }

/* Anular el capitalize que el tema aplica a los títulos: respetar el copy tal cual */
.lm-benefit-card__title,
.lm-hero-title,
.lm-faq-question,
.lm-ponemos-title,
.lm-section-title{ text-transform:none !important; }

/* ═══════════════════════════════════════════════════════════════════
   REDISEÑO 2026 · Bloques narrativos (escena, constancia, cierre)
   ═══════════════════════════════════════════════════════════════════ */
.lm-narrow{ max-width:700px; margin:0 auto; }
.lm-center{ text-align:center; }
.lm-big{ font-size:clamp(25px,3vw,34px); margin-bottom:14px; color:var(--lm-ink); }
.lm-lead{ font-size:16.5px; color:var(--lm-ink-soft); line-height:1.6; }

/* Escena — "Quizá te suene esto" */
.lm-section--escena{ background:var(--lm-beige-soft); }
.lm-scene-copy p{ font-size:18px; line-height:1.55; margin:0 0 18px; color:var(--lm-ink); }
.lm-scene-copy .lm-turn{ font-size:21px; font-weight:500; line-height:1.35; margin-top:4px; }
.lm-scene-copy .lm-turn em{ font-style:normal; color:var(--lm-lime); }

/* Constancia */
.lm-section--constancia{ background:var(--lm-paper); }
.lm-section--constancia .lm-lead{ margin:0 auto; }

/* Cierre — CTA final */
.lm-section--cierre{ background:var(--lm-beige); text-align:center; }
.lm-cierre-text{ font-size:17px; color:var(--lm-ink-soft); }
.lm-cierre-text .em{ color:var(--lm-lime-dark); font-weight:500; }
.lm-btn-final{
  display:inline-block; margin-top:24px; background:var(--lm-lime); color:#fff;
  font-weight:600; font-size:17px; padding:16px 44px; border-radius:12px; text-decoration:none;
}
.lm-btn-final:hover{ background:var(--lm-lime-dark); color:#fff; }

/* ═══════════════════════════════════════════════════════════════════
   REDISEÑO 2026 · Mecanismo (2 fases) + En claro (stack numerado)
   ═══════════════════════════════════════════════════════════════════ */
/* constancia a beige (alternancia como la maqueta) */
.lm-section--constancia{ background:var(--lm-beige-soft) !important; }

/* Mecanismo — 2 fases */
.lm-section--mecanismo{ background:var(--lm-paper); }
.lm-phase-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:44px auto 0; max-width:1120px; }
.lm-phase{ background:var(--lm-paper); border:1px solid var(--lm-line); border-radius:16px; padding:30px; }
.lm-phase-num{ font-size:13px; color:var(--lm-olive); font-weight:600; letter-spacing:.03em; }
.lm-phase h3{ font-size:19px; margin:8px 0 10px; color:var(--lm-ink); text-transform:none; }
.lm-phase p{ font-size:14.5px; color:var(--lm-ink-soft); line-height:1.55; margin:0; }
.lm-phase-bar{ height:4px; border-radius:100px; margin-top:20px; background:linear-gradient(90deg,var(--lm-lime),transparent); }
.lm-phase--2 .lm-phase-bar{ background:linear-gradient(90deg,var(--lm-olive),transparent); }
@media(max-width:760px){ .lm-phase-wrap{ grid-template-columns:1fr; } }

/* En claro — stack numerado */
.lm-section--enclaro{ background:var(--lm-beige-soft); }
.lm-stack{ max-width:760px; margin:38px auto 0; }
.lm-stack-row{ display:grid; grid-template-columns:auto 1fr; gap:20px; padding:24px 0; border-bottom:1px solid var(--lm-line); }
.lm-stack-row:last-child{ border-bottom:none; }
.lm-stack-n{ font-size:14px; color:var(--lm-olive); font-weight:600; padding-top:3px; }
.lm-stack-body h3{ font-size:18px; margin:0 0 6px; color:var(--lm-ink); text-transform:none; }
.lm-stack-body p{ font-size:14.5px; color:var(--lm-ink-soft); margin:0; line-height:1.55; }

/* ═══════════════════════════════════════════════════════════════════
   REDISEÑO 2026 · Cómo uso (pasos) + Ingredientes + Prueba social
   ═══════════════════════════════════════════════════════════════════ */
/* Cómo uso — pasos */
.lm-section--pasos{ background:var(--lm-paper); }
.lm-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:44px auto 0; max-width:1000px; }
.lm-step-n{ font-size:38px; color:var(--lm-lime); line-height:1; margin-bottom:12px; font-weight:600; }
.lm-step h3{ font-size:16.5px; margin:0 0 7px; color:var(--lm-ink); text-transform:none; }
.lm-step p{ font-size:14px; color:var(--lm-ink-soft); margin:0; line-height:1.5; }
@media(max-width:760px){ .lm-steps{ grid-template-columns:1fr; } }

/* Ingredientes con dosis */
.lm-section--ingredientes{ background:var(--lm-paper); }
.lm-ing-track{ display:grid; grid-auto-flow:column; grid-auto-columns:220px; gap:16px; overflow-x:auto; padding:42px 4px 12px; max-width:1180px; margin:0 auto; }
.lm-ing-card{ background:var(--lm-paper); border:1px solid var(--lm-line); border-radius:14px; padding:20px; min-height:200px; display:flex; flex-direction:column; }
.lm-ing-ph{ height:74px; border-radius:10px; background:linear-gradient(135deg,#fff,#e6dcc8); margin-bottom:14px; display:flex; align-items:center; justify-content:center; color:var(--lm-olive); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; text-align:center; padding:0 8px; }
.lm-ing-card--star .lm-ing-ph{ background:linear-gradient(135deg,#dbe7bf,#bcd487); }
.lm-ing-card h4{ font-size:15.5px; margin:0 0 4px; color:var(--lm-ink); text-transform:none; }
.lm-ing-dose{ font-size:12px; color:var(--lm-olive); font-weight:600; margin-bottom:8px; }
.lm-ing-card p{ font-size:12.5px; color:var(--lm-ink-soft); margin:0; line-height:1.5; }
.lm-ing-note{ max-width:640px; margin:20px auto 0; font-size:14px; color:var(--lm-ink-soft); }

/* Prueba social */
.lm-section--social{ background:var(--lm-beige-soft); }
.lm-social-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:1000px; margin:36px auto 0; }
.lm-social-card{ background:var(--lm-paper); border:1px solid var(--lm-line); border-radius:12px; padding:24px; }
.lm-social-card h4{ font-size:15px; margin:0 0 6px; color:var(--lm-ink); text-transform:none; }
.lm-social-card p{ font-size:13px; color:var(--lm-ink-soft); margin:0; }
@media(max-width:760px){ .lm-social-grid{ grid-template-columns:1fr; } }

/* Cabeceras de sección: etiqueta (eyebrow) encima del título, centradas */
.lm-section--beneficios .lm-section-header,
.lm-section--faqs .lm-section-header{ flex-direction:column; align-items:center; gap:6px; }
.lm-section--beneficios .lm-eyebrow,
.lm-section--faqs .lm-eyebrow{ margin:0; }

/* Fila de iconos: 5 en una línea en escritorio (en móvil se reparte sola) */
@media (min-width:992px){
  .content_info .product-custom-properties .properties-wrapper{ grid-template-columns:repeat(5, minmax(0,1fr)) !important; }
}


.product-information .cn_content_type_inline  .cn_section { display: none; }