/* ============================================================
   CP STYLE ORCHESTRATOR SAFE · v1.3.7 · CONTRACT 137
   Plantilla canónica: artículo “Cómo elegir un robot cortacésped”.
   Incluye adaptación visual no destructiva para el esquema legacy-micro.
   ============================================================ */

html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
body.cpso-singular :where(.post-content,.entry-content,.fusion-post-content){overflow:visible}

body.cpso-singular .cp-article{
  --cpso-contract-version:137;
  --cp-sidecar-sticky-top:110px;
  --cp-ink:#122018;
  --cp-muted:#53665a;
  --cp-green:#087438;
  --cp-green-dark:#05562b;
  --cp-green-deep:#073f29;
  --cp-green-soft:#edf9f0;
  --cp-green-softer:#f7fcf8;
  --cp-green-line:#c8e8d0;
  --cp-purple:#7418c7;
  --cp-purple-dark:#4f0d91;
  --cp-orange:#f59e0b;
  --cp-white:#fff;
  --cp-border:#dcebe0;
  --cp-shadow:0 12px 34px rgba(9,52,31,.08);
  --cp-shadow-strong:0 18px 46px rgba(9,52,31,.12);
  --cp-radius:18px;
  --cp-radius-sm:12px;
  --cp-content:1120px;
  box-sizing:border-box;
  position:relative;
  width:100%;max-width:100%;min-width:0;
  margin:0;padding:0;overflow:visible;
  color:var(--cp-ink);
  background:#fff;
  font-family:"Poppins","Manrope","Inter",Arial,sans-serif;
  font-size:16px;line-height:1.68;
  text-rendering:optimizeLegibility;
}
body.cpso-singular :where(.post-content,.entry-content,.fusion-post-content) .cp-article{
  width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)
}
body.cpso-singular .cp-article :where(*,*::before,*::after){box-sizing:border-box}
body.cpso-singular .cp-article :where(img,svg,video,iframe){max-width:100%}
body.cpso-singular .cp-article img{height:auto}
body.cpso-singular .cp-article :where(h1,h2,h3,h4,p,ul,ol,blockquote){max-width:100%}
body.cpso-singular .cp-article a{color:var(--cp-purple);text-underline-offset:3px;text-decoration-thickness:1.5px}
body.cpso-singular .cp-article a:hover{color:var(--cp-purple-dark)}

/* ---------- Estructura canónica ---------- */
body.cpso-singular .cp-article > :where(header.cp-section,section.cp-section){
  width:100%;max-width:none;min-width:0;
  margin:0;padding:clamp(42px,5vw,72px) 0
}
body.cpso-singular .cp-article :where(.cp-wrap){
  width:100%;max-width:var(--cp-content);min-width:0;
  margin-inline:auto;padding-inline:clamp(18px,3vw,30px)
}
body.cpso-singular .cp-article .cp-section--light{background:#fff}
body.cpso-singular .cp-article .cp-section--soft{background:linear-gradient(180deg,#f8fdf9 0%,var(--cp-green-soft) 100%)}
body.cpso-singular .cp-article .cp-section--dark{
  color:#fff;
  background:
    radial-gradient(circle at 12% 4%,rgba(57,210,112,.25),transparent 34%),
    radial-gradient(circle at 92% 86%,rgba(126,34,206,.24),transparent 38%),
    linear-gradient(135deg,#063b27 0%,#07552f 50%,#321054 100%)
}
body.cpso-singular .cp-article .cp-section--dark :where(h1,h2,h3,h4,p,li,span,small,strong,em){color:inherit}
body.cpso-singular .cp-article .cp-hero{padding-top:clamp(48px,7vw,92px);padding-bottom:clamp(46px,6vw,82px)}
body.cpso-singular .cp-article .cp-hero .cp-wrap{max-width:1040px}
body.cpso-singular .cp-article .cp-kicker{
  display:inline-flex;align-items:center;
  padding:8px 13px;border:1px solid rgba(255,255,255,.34);border-radius:999px;
  background:rgba(255,255,255,.11);color:#fff;font-size:13px;font-weight:800;letter-spacing:.02em
}
body.cpso-singular .cp-article .cp-hero h1{
  margin:18px 0 20px;color:#fff;
  font-size:clamp(34px,5.2vw,64px);line-height:1.04;letter-spacing:-.037em
}
body.cpso-singular .cp-article .cp-hero p{max-width:900px;margin:0 0 15px;color:#edf9f1;font-size:clamp(16px,1.5vw,19px)}
body.cpso-singular .cp-article :where(h2){margin:0 0 18px;font-size:clamp(27px,3.6vw,43px);line-height:1.12;letter-spacing:-.024em;color:var(--cp-purple-dark)}
body.cpso-singular .cp-article :where(h3){font-size:clamp(19px,2vw,25px);line-height:1.24;color:var(--cp-purple-dark)}
body.cpso-singular .cp-article .cp-lead{max-width:920px;margin:0 0 28px;color:#31483a;font-size:18px;line-height:1.7}

body.cpso-singular .cp-article :where(.cp-grid,.cp-use-grid,.cp-preview-grid){
  display:grid;gap:18px;align-items:stretch;min-width:0
}
/* El grid editorial genérico nunca supera dos columnas. Los módulos breves
   conservan contratos explícitos de 3/4 columnas más abajo. */
body.cpso-singular .cp-article .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.cpso-singular .cp-article .cp-quick-nav.cp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.cpso-singular .cp-article .cp-related-grid.cp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Texto editorial desarrollado: contrato obligatorio de dos columnas en escritorio.
   El runtime 137 añade las clases también en grids especializados heredados. */
body.cpso-singular .cp-article .cp-text-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px;align-items:stretch;min-width:0
}
@supports selector(:has(*)){
  body.cpso-singular .cp-article :where(.cp-grid,.cp-use-grid,.cp-preview-grid,.cp-micro-selector-grid,.cp-micro-buygrid):has(> .cp-text-card){
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px;align-items:stretch;min-width:0
  }
}
body.cpso-singular .cp-article .cp-text-card{min-width:0;max-width:none}
body.cpso-singular .cp-article :where(.cp-card,.cp-use,.cp-preview-card){
  min-width:0;border:1px solid var(--cp-border);border-radius:var(--cp-radius);
  background:#fff;box-shadow:var(--cp-shadow);padding:clamp(18px,2.3vw,26px)
}
body.cpso-singular .cp-article .cp-card--white{background:#fff}
body.cpso-singular .cp-article .cp-mini-title{
  margin-bottom:8px;color:var(--cp-green-dark);font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase
}
body.cpso-singular .cp-article .cp-card h3{margin:0 0 9px}
body.cpso-singular .cp-article .cp-card p:last-child{margin-bottom:0}
body.cpso-singular .cp-article .cp-card-link{display:inline-flex;margin-top:8px;font-weight:900;text-decoration:none}
body.cpso-singular .cp-article .cp-card-link::after{content:" →"}

/* Tabla canónica */
body.cpso-singular .cp-article .cp-table-wrap{
  width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
  border:1px solid var(--cp-green-line);border-radius:var(--cp-radius);background:#fff;box-shadow:var(--cp-shadow)
}
body.cpso-singular .cp-article :where(.cp-table,.cp-table-wrap table){width:100%;min-width:760px;border-collapse:separate;border-spacing:0}
body.cpso-singular .cp-article :where(.cp-table th,.cp-table td,.cp-table-wrap th,.cp-table-wrap td){padding:14px 16px;text-align:left;vertical-align:top;border:0}
body.cpso-singular .cp-article :where(.cp-table th,.cp-table-wrap th){background:var(--cp-green-dark);color:#fff;font-size:14px}
body.cpso-singular .cp-article :where(.cp-table tbody tr:nth-child(even)){background:#f4fbf6}
body.cpso-singular .cp-article :where(.cp-table td,.cp-table-wrap td){border-top:1px solid var(--cp-border)}

/* Fichas canónicas */
body.cpso-singular .cp-article .cp-product-card{
  width:100%;min-width:0;margin:0 0 28px;overflow:hidden;
  border:1px solid var(--cp-green-line);border-radius:22px;background:#fff;box-shadow:var(--cp-shadow-strong)
}
body.cpso-singular .cp-article .cp-product-editorial-head{
  padding:clamp(20px,3vw,30px);
  background:linear-gradient(135deg,#edf9f0 0%,#fff 70%);border-bottom:1px solid var(--cp-green-line)
}
body.cpso-singular .cp-article .cp-rank{
  display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--cp-green-dark);color:#fff;
  font-size:12px;font-weight:900;letter-spacing:.03em
}
body.cpso-singular .cp-article .cp-product-editorial-head h3{margin:13px 0 10px;font-size:clamp(22px,3vw,32px)}
body.cpso-singular .cp-article .cp-editorial-quote{
  margin:0;padding:12px 16px;border-left:4px solid var(--cp-purple);background:#f8f2ff;color:#452263;font-style:italic
}
body.cpso-singular .cp-article .cp-product-plugin-slot{
  width:100%;min-width:0;max-width:100%;padding:18px clamp(18px,3vw,30px);
  background:#fff;border-bottom:1px solid var(--cp-border);overflow:hidden
}
body.cpso-singular .cp-article .cp-product-plugin-slot--wide{display:block}
body.cpso-singular .cp-article .cp-product-plugin-slot :where([class*="asa"],[class*="amazon"],[class*="product"]){max-width:100%;min-width:0;box-sizing:border-box}
body.cpso-singular .cp-article .cp-product-plugin-slot img{display:block;max-width:100%;height:auto;object-fit:contain}
body.cpso-singular .cp-article .cp-product-editorial-body{padding:clamp(22px,3vw,32px)}
body.cpso-singular .cp-article .cp-product-editorial-body > p:first-child{margin-top:0}


/* Compra rápida lateral v5: carril en flujo y movimiento acotado.
   CSS mantiene sticky como fallback; Bridge 1.9.5 cambia a posición absoluta
   y translateY acotado para no depender del scrollport interno de Avada. */
body.cpso-singular .cp-article :where(#productos,.cp-section--soft,.cp-wrap,.cp-product-rail){overflow:visible}
body.cpso-singular .cp-article .cp-product-card .cp-asa-shortcode-wrap{margin:0;position:static}
body.cpso-singular .cp-article .cp-product-card .cpasa-main-card{min-width:0}
body.cpso-singular .cp-article .cp-product-card .cp-product-plugin-slot{overflow:visible}
body.cpso-singular .cp-article .cp-product-card > .cp-product-editorial-head{border-radius:21px 21px 0 0}
body.cpso-singular .cp-article .cp-product-card > .cp-product-editorial-body{border-radius:0 0 21px 21px}

@media(min-width:1180px){
  body.cpso-singular .cp-article .cp-product-rail{
    display:grid!important;grid-template-columns:156px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;
    width:100%;min-width:0;margin:0 0 28px;position:relative!important;overflow:visible!important;contain:none!important;isolation:isolate
  }
  body.cpso-singular .cp-article .cp-product-rail > .cp-product-card{
    grid-column:2!important;min-width:0;width:100%;margin:0;display:block!important;overflow:hidden!important
  }
  /* Respaldo nativo si el runtime no llega a ejecutarse. */
  body.cpso-singular .cp-article .cp-product-rail > .cpasa-sidecar{
    grid-column:1!important;position:sticky!important;top:var(--cp-sidecar-sticky-top)!important;
    align-self:start!important;justify-self:stretch!important;width:156px!important;max-width:156px!important;height:max-content!important;
    margin:0!important;z-index:30!important;display:flex!important;visibility:visible!important;opacity:1!important
  }
  body.admin-bar.cpso-singular .cp-article .cp-product-rail > .cpasa-sidecar{
    top:calc(var(--cp-sidecar-sticky-top) + 32px)!important
  }
  /* Runtime 195: movimiento acotado dentro de la propia ficha. */
  html.cpasa-bounded-rail-ready body.cpso-singular .cp-article .cp-product-rail[data-cp-sticky-engine="bounded-transform-v1"] > .cpasa-sidecar{
    position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;will-change:transform!important
  }
  body.cpso-singular .cp-article .cp-product-rail > .cp-product-card > .cpasa-sidecar,
  body.cpso-singular .cp-article .cp-product-rail > .cp-product-card .cp-asa-layout-card > .cpasa-sidecar{
    display:none!important
  }
  body.cpso-singular .cp-article .cp-asa-layout-card.cpasa-sidecar-mounted{display:block!important}
  body.cpso-singular .cp-article .cp-product-card.cp-product-card--has-sidecar{display:block;overflow:hidden}
}

@media(max-width:1179px){
  body.cpso-singular .cp-article .cp-product-rail{display:block!important;width:100%;margin:0 0 28px}
  body.cpso-singular .cp-article .cp-product-rail > .cp-product-card{margin:0}
  body.cpso-singular .cp-article .cp-product-card .cp-asa-layout-card{grid-template-columns:156px minmax(0,1fr);gap:16px}
  body.cpso-singular .cp-article .cp-product-card .cpasa-sidecar{position:static!important;width:156px;max-width:156px;transform:none!important;margin:0}
}

@media(max-width:760px){
  body.cpso-singular .cp-article .cp-product-card .cp-asa-layout-card{grid-template-columns:1fr}
  body.cpso-singular .cp-article .cp-product-card .cpasa-sidecar{width:100%;max-width:184px;margin-inline:auto}
}
body.cpso-singular .cp-article .cp-pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
body.cpso-singular .cp-article .cp-pros-cons .cp-card{box-shadow:none;border-color:var(--cp-green-line)}
body.cpso-singular .cp-article .cp-pros-cons .cp-card:first-child{background:#f0fbf3}
body.cpso-singular .cp-article .cp-pros-cons .cp-card:last-child{background:#fff8f4;border-color:#f1d9c6}
body.cpso-singular .cp-article .cp-list{margin:8px 0 0;padding-left:20px}
body.cpso-singular .cp-article .cp-list li{margin-bottom:7px}

body.cpso-singular .cp-article .cp-use-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.cpso-singular .cp-article .cp-use h3{margin-top:0}

/* FAQ y relacionados */
body.cpso-singular .cp-article .cp-faq{display:grid;gap:12px}
body.cpso-singular .cp-article .cp-faq details{
  overflow:hidden;border:1px solid var(--cp-green-line);border-radius:var(--cp-radius-sm);background:#fff;box-shadow:0 6px 18px rgba(9,52,31,.05)
}
body.cpso-singular .cp-article .cp-faq summary{cursor:pointer;padding:17px 20px;color:var(--cp-purple-dark);font-weight:900;list-style-position:inside}
body.cpso-singular .cp-article .cp-faq details > p{margin:0;padding:0 20px 20px}
body.cpso-singular .cp-article .cp-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body.cpso-singular .cp-article .cp-preview-card{display:flex;flex-direction:column;gap:8px;height:100%;text-decoration:none}
body.cpso-singular .cp-article .cp-preview-card span{font-weight:900;color:var(--cp-purple-dark)}
body.cpso-singular .cp-article .cp-preview-card small{color:var(--cp-muted);line-height:1.5}

/* ---------- Adaptador de plantilla heredada micro ---------- */
body.cpso-singular.cpso-layout-legacy-micro .cp-article > .cp-wrap{
  width:100%;max-width:none;margin:0;padding:0;background:#fff
}
body.cpso-singular.cpso-layout-legacy-micro .cp-article > .cp-wrap > .cp-hero{
  width:100%;margin:0;padding:clamp(48px,7vw,88px) max(18px,calc((100vw - var(--cp-content))/2 + 30px));
  color:#fff;background:radial-gradient(circle at 12% 4%,rgba(57,210,112,.25),transparent 34%),linear-gradient(135deg,#063b27 0%,#07552f 55%,#321054 100%)
}
body.cpso-singular.cpso-layout-legacy-micro .cp-article > .cp-wrap > .cp-hero h1{margin:18px 0 20px;color:#fff;font-size:clamp(34px,5.2vw,64px);line-height:1.04;letter-spacing:-.037em}
body.cpso-singular.cpso-layout-legacy-micro .cp-article > .cp-wrap > .cp-hero :where(p,a,strong,span,b){color:#edf9f1}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-trust-pill{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1);font-size:12px}
body.cpso-singular.cpso-layout-legacy-micro .cp-article > .cp-wrap > .cp-section{
  width:100%;max-width:none;margin:0;padding:clamp(38px,5vw,66px) max(18px,calc((100vw - var(--cp-content))/2 + 30px))
}
body.cpso-singular.cpso-layout-legacy-micro .cp-article > .cp-wrap > .cp-section--value{background:linear-gradient(180deg,#f8fdf9 0%,var(--cp-green-soft) 100%)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article > .cp-wrap > .cp-section--light{background:#fff}
body.cpso-singular.cpso-layout-legacy-micro .cp-article > .cp-wrap > :where(.cp-table-shell,.cp-micro-selector,.cp-micro-card,.cp-info-box,.cp-micro-buygrid,.cp-faq,.cp-related-readings,.cp-micro-conclusion,h2.cp-section-title){
  width:min(var(--cp-content),calc(100% - 36px));margin-left:auto;margin-right:auto
}
body.cpso-singular.cpso-layout-legacy-micro .cp-article > .cp-wrap > h2.cp-section-title{margin-top:clamp(42px,5vw,68px);margin-bottom:22px}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-table-shell{margin-top:42px;margin-bottom:42px;border:1px solid var(--cp-green-line);border-radius:var(--cp-radius);overflow:hidden;box-shadow:var(--cp-shadow)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-table-head{padding:20px 24px;background:var(--cp-green-dark);color:#fff}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-table-head :where(h2,p){margin:0;color:#fff}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-table-scroll{overflow-x:auto}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-selector{margin-top:30px;margin-bottom:44px;padding:24px;border:1px solid var(--cp-green-line);border-radius:var(--cp-radius);background:var(--cp-green-soft);box-shadow:var(--cp-shadow)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-selector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-selector-card{padding:16px;border:1px solid var(--cp-border);border-radius:14px;background:#fff}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-card{
  display:grid;grid-template-columns:minmax(210px,270px) minmax(0,1fr);gap:0;
  margin-top:0;margin-bottom:26px;overflow:hidden;border:1px solid var(--cp-green-line);
  border-radius:22px;background:#fff;box-shadow:var(--cp-shadow-strong)
}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-card > div:first-child{padding:22px;background:linear-gradient(180deg,#edf9f0 0%,#fff 100%);border-right:1px solid var(--cp-green-line)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-card > div:last-child{min-width:0;padding:clamp(22px,3vw,32px)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-cover{width:100%;overflow:hidden;border-radius:14px}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-fallback{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--cp-green-line);border-radius:14px;background:#fff}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-chip{display:inline-flex;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;background:var(--cp-green-soft);color:var(--cp-green-dark);font-size:11px;font-weight:800}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-product-head{display:block;margin-bottom:9px}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-rank-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--cp-green-dark);color:#fff;font-size:12px;font-weight:900}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-note{display:block;margin:8px 0 14px;padding:10px 13px;border-left:4px solid var(--cp-purple);background:#f8f2ff;color:#452263;font-style:italic}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-pro-box,
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-con-box{padding:17px;border-radius:14px;border:1px solid var(--cp-green-line)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-pro-box{background:#f0fbf3}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-con-box{background:#fff8f4;border-color:#f1d9c6}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-price-signal{margin:18px 0;padding:16px;border-left:5px solid var(--cp-green);border-radius:12px;background:var(--cp-green-soft)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article :where(.cp-amazon-slot,.cp-product-plugin-slot){width:100%;max-width:100%;min-width:0;margin-top:18px;padding:16px;border:1px solid var(--cp-border);border-radius:14px;background:#fff;overflow:hidden}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-info-box{margin-top:20px;margin-bottom:34px;padding:clamp(22px,3vw,30px);border:1px solid var(--cp-green-line);border-radius:var(--cp-radius);background:var(--cp-green-soft)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-buygrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:44px}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-buycard{padding:18px;border:1px solid var(--cp-border);border-radius:var(--cp-radius);background:#fff;box-shadow:var(--cp-shadow)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-faq{margin-top:18px;margin-bottom:44px}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-faq-item{overflow:hidden;border:1px solid var(--cp-green-line);border-radius:14px;background:#fff}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-faq-item summary{padding:17px 20px;font-weight:900;color:var(--cp-purple-dark)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-faq-item > :not(summary){margin-left:20px;margin-right:20px}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-related-readings{margin-top:44px;margin-bottom:44px;padding:30px;border-radius:22px;background:var(--cp-green-soft)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-related-card{padding:18px;border:1px solid var(--cp-border);border-radius:16px;background:#fff;text-decoration:none;box-shadow:var(--cp-shadow)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-conclusion{width:100%!important;max-width:none!important;margin:0!important;padding:clamp(42px,5vw,70px) max(18px,calc((100vw - var(--cp-content))/2 + 30px));color:#fff;background:linear-gradient(135deg,#063b27 0%,#07552f 55%,#321054 100%)}
body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-conclusion :where(h2,h3,p,a,strong,span){color:#fff}

/* Botones CP y ASA sin imponer markup */
body.cpso-singular .cp-article :where(.cp-btn,.cp-amazon-btn,.cp-table-btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;max-width:100%;padding:11px 18px;border:0;border-radius:999px;text-decoration:none;font-weight:900;line-height:1.15}
body.cpso-singular .cp-article .cp-table-btn{background:var(--cp-purple);color:#fff}
body.cpso-singular .cp-article .cp-amazon-btn{background:linear-gradient(180deg,#ffc943,#f59e0b);color:#1e1a10;box-shadow:0 8px 20px rgba(245,158,11,.23)}

@media(max-width:1024px){
  body.cpso-singular .cp-article .cp-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.cpso-singular .cp-article .cp-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.cpso-singular .cp-article .cp-related-grid.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-selector-grid,
  body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body.cpso-singular .cp-article{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden}
  body.cpso-singular .cp-article :where(.cp-quick-nav.cp-grid,.cp-grid,.cp-text-grid,.cp-use-grid,.cp-preview-grid,.cp-pros-cons){grid-template-columns:1fr!important;gap:15px}
  /* .cp-text-grid ya usa !important en escritorio; esta regla explícita aporta
     la especificidad necesaria para que móvil gane también. */
  body.cpso-singular .cp-article .cp-text-grid{grid-template-columns:1fr!important}
  body.cpso-singular .cp-article > :where(header.cp-section,section.cp-section){padding:38px 0}
  body.cpso-singular .cp-article .cp-hero{padding-top:48px;padding-bottom:48px}
  body.cpso-singular .cp-article .cp-hero h1{font-size:clamp(32px,10vw,48px)}
  body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-card{grid-template-columns:1fr}
  body.cpso-singular.cpso-layout-legacy-micro .cp-article .cp-micro-card > div:first-child{border-right:0;border-bottom:1px solid var(--cp-green-line)}
  body.cpso-singular.cpso-layout-legacy-micro .cp-article :where(.cp-micro-selector-grid,.cp-micro-buygrid,.cp-related-grid,.cp-pros-cons){grid-template-columns:1fr!important}
  body.cpso-singular .cp-article :where(.cp-btn,.cp-amazon-btn,.cp-table-btn){width:100%}
}
@media(max-width:420px){
  body.cpso-singular .cp-article .cp-wrap{padding-inline:14px}
  body.cpso-singular .cp-article :where(.cp-card,.cp-use,.cp-preview-card){padding:17px}
  body.cpso-singular.cpso-layout-legacy-micro .cp-article > .cp-wrap > :where(.cp-table-shell,.cp-micro-selector,.cp-micro-card,.cp-info-box,.cp-micro-buygrid,.cp-faq,.cp-related-readings,h2.cp-section-title){width:calc(100% - 24px)}
}
