/* Andez — piezas gráficas, landings SEO, auditor web e informe de Care®.
   Solo se carga donde se usan (inc/ds2.php → andez_needs_pieces_css()):
   así no bloquea el renderizado del resto del sitio. */

/* =========================================================================
   Piezas gráficas (template-parts/lp-graphic.php): producto dibujado en
   HTML, animado al entrar (.is-in lo pone v4.js). Tema claro por defecto;
   .lpg-scope--dark las pasa a fondo negro.
   ========================================================================= */
body.ds2 .lpg {
	--g-bg: #FFFFFF; --g-ink: #080807; --g-mute: #5E5E5E; --g-line: #E4E4E4; --g-soft: #F5F5F5;
	--g-ok: #067A4B; --g-ok-bg: rgba(20, 241, 149, 0.16); --g-warn: #8A5A00; --g-warn-bg: #FFF1D6; --g-acc: #14F195;
	position: relative; margin: 0; display: grid; gap: var(--ds-s1); font-size: 14px; line-height: 1.35; color: var(--g-ink);
}
body.ds2 .lpg-scope--dark .lpg, body.ds2 .lpg--dark {
	--g-bg: #121211; --g-ink: #FFFFFF; --g-mute: #A8A8A8; --g-line: rgba(255, 255, 255, 0.1); --g-soft: rgba(255, 255, 255, 0.05);
	--g-ok: #14F195; --g-ok-bg: rgba(20, 241, 149, 0.12); --g-warn: #FFC56B; --g-warn-bg: rgba(255, 197, 107, 0.12);
}
body.ds2 .lpg__cap { justify-self: end; font-size: 12px; color: var(--g-mute); }
body.ds2 .lpg-card, body.ds2 .lpg-win, body.ds2 .lpg-chat, body.ds2 .lpg-brand {
	background: var(--g-bg); border: 1px solid var(--g-line); border-radius: 16px; padding: var(--ds-s4);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02), 0 24px 48px -32px rgba(8, 8, 7, 0.28); display: grid; gap: var(--ds-s3); align-content: start;
}
body.ds2 .lpg-card__t { margin: 0; display: flex; justify-content: space-between; gap: var(--ds-s2); font-weight: 600; letter-spacing: -0.01em; }
body.ds2 .lpg-card__t small, body.ds2 .lpg-muted { font-weight: 400; color: var(--g-mute); font-size: 13px; }
body.ds2 .lpg-muted { margin: 0; }
body.ds2 .lpg-pill { flex: none; padding: 3px 9px; border-radius: 999px; background: var(--g-soft); color: var(--g-mute); font-style: normal; font-size: 12px; font-weight: 500; white-space: nowrap; }
body.ds2 .lpg-pill.is-ok { background: var(--g-ok-bg); color: var(--g-ok); }
body.ds2 .lpg-pill.is-warn { background: var(--g-warn-bg); color: var(--g-warn); }
body.ds2 .lpg-rows { list-style: none; margin: 0; padding: 0; display: grid; }
body.ds2 .lpg-rows li { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-s2); padding: 10px 0; border-top: 1px solid var(--g-line); }
body.ds2 .lpg-rows li span { display: grid; gap: 2px; }
body.ds2 .lpg-rows small { color: var(--g-mute); font-size: 12px; }
body.ds2 .lpg-foot { margin: 0; display: flex; align-items: center; gap: var(--ds-s1); color: var(--g-mute); font-size: 13px; }
/* Ventana de navegador */
body.ds2 .lpg-win { padding: 0; overflow: hidden; gap: 0; }
body.ds2 .lpg-win__bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-bottom: 1px solid var(--g-line); background: var(--g-soft); }
body.ds2 .lpg-win__bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--g-line); }
body.ds2 .lpg-win__bar span { margin-left: 10px; padding: 3px 12px; border-radius: 999px; background: var(--g-bg); color: var(--g-mute); font-size: 12px; }
body.ds2 .lpg-win--dark { --g-bg: #121211; --g-ink: #FFFFFF; --g-mute: #A8A8A8; --g-line: rgba(255, 255, 255, 0.1); --g-soft: rgba(255, 255, 255, 0.05); color: #fff; }
body.ds2 .lpg-site { padding: var(--ds-s4); display: grid; gap: var(--ds-s4); }
body.ds2 .lpg-site__nav { display: flex; align-items: center; gap: 10px; }
body.ds2 .lpg-site__nav b { width: 22px; height: 22px; border-radius: 6px; background: var(--g-ink); margin-right: auto; }
body.ds2 .lpg-site__nav span { width: 34px; height: 6px; border-radius: 3px; background: var(--g-line); }
body.ds2 .lpg-site__nav em, body.ds2 .lpg-btn { font-style: normal; padding: 6px 12px; border-radius: 999px; background: var(--g-acc); color: #04120B; font-size: 12px; font-weight: 600; }
body.ds2 .lpg-site__hero { display: grid; gap: 10px; justify-items: start; }
body.ds2 .lpg-line { display: block; height: 14px; border-radius: 7px; background: var(--g-ink); transform-origin: left; }
body.ds2 .lpg-line--xl { width: 88%; } body.ds2 .lpg-line--l { width: 64%; } body.ds2 .lpg-line--s { width: 42%; height: 8px; background: var(--g-line); }
body.ds2 .lpg-site__hero .lpg-btn { margin-top: 6px; }
body.ds2 .lpg-site__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
body.ds2 .lpg-site__cards span { aspect-ratio: 4 / 3; border-radius: 10px; background: var(--g-soft); border: 1px solid var(--g-line); }
body.ds2 .lpg-site__cards span:nth-child(2) { background: linear-gradient(160deg, rgba(20, 241, 149, 0.35), var(--g-soft)); }
/* Anillos */
body.ds2 .lpg-rings { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--ds-s2); }
body.ds2 .lpg-ring { position: relative; display: grid; justify-items: center; gap: 6px; text-align: center; }
body.ds2 .lpg-ring svg { width: 100%; max-width: 92px; transform: rotate(-90deg); }
body.ds2 .lpg-ring circle { fill: none; stroke: var(--g-line); stroke-width: 3.5; }
body.ds2 .lpg-ring .lpg-ring__arc { stroke: var(--g-acc); stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1.4s var(--ds-ease) calc(var(--d, 0) * 120ms); }
body.ds2 [data-lpg].is-in .lpg-ring__arc { stroke-dashoffset: calc(100 - var(--v)); }
body.ds2 .lpg-ring b { position: absolute; top: 0; left: 0; right: 0; aspect-ratio: 1; max-width: 92px; margin: 0 auto; display: grid; place-items: center; font-size: 20px; font-weight: 600; letter-spacing: -0.03em; }
body.ds2 .lpg-ring small { font-size: 12px; color: var(--g-mute); }
body.ds2 .lpg-ring--big svg { max-width: 132px; }
body.ds2 .lpg-ring--big b { max-width: 132px; font-size: 28px; }
/* KPI y barras */
body.ds2 .lpg-kpi { margin: 0; display: flex; align-items: baseline; gap: var(--ds-s2); }
body.ds2 .lpg-kpi b { font-size: 40px; font-weight: 600; letter-spacing: -0.04em; line-height: 1; }
body.ds2 .lpg-kpi em, body.ds2 .lpg-kpis em { font-style: normal; font-size: 12px; color: var(--g-ok); }
body.ds2 .lpg-bars { display: flex; align-items: flex-end; gap: 8px; height: 120px; padding-bottom: 2px; border-bottom: 1px solid var(--g-line); }
body.ds2 .lpg-bars--sm { height: 80px; }
body.ds2 .lpg-bars i { flex: 1; height: var(--h); border-radius: 6px 6px 2px 2px; background: var(--g-soft); border: 1px solid var(--g-line); transform-origin: bottom; }
body.ds2 .lpg-bars i:last-child { background: var(--g-acc); border-color: transparent; }
body.ds2 .lpg-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
body.ds2 .lpg-steps li { padding: 8px 10px; border-radius: 8px; background: var(--g-soft); text-align: center; font-size: 13px; }
body.ds2 .lpg-steps li.is-on { background: var(--g-ink); color: var(--g-bg); }
body.ds2 .lpg-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
body.ds2 .lpg-kpis p { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--g-soft); display: grid; gap: 2px; }
body.ds2 .lpg-kpis small { font-size: 12px; color: var(--g-mute); }
body.ds2 .lpg-kpis b { font-size: 20px; font-weight: 600; letter-spacing: -0.03em; }
body.ds2 .lpg-hbars { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; align-content: center; }
body.ds2 .lpg-hbars li { display: grid; grid-template-columns: 4.8rem 1fr 2rem; align-items: center; gap: 10px; font-size: 13px; }
body.ds2 .lpg-hbars li > i { height: 8px; border-radius: 4px; background: var(--g-soft); overflow: hidden; }
body.ds2 .lpg-hbars li > i > i { display: block; height: 100%; width: var(--w); border-radius: 4px; background: var(--g-ink); transform-origin: left; }
body.ds2 .lpg-hbars b { text-align: right; font-weight: 600; }
body.ds2 .lpg-comp { display: grid; grid-template-columns: auto 1fr; gap: var(--ds-s4); align-items: center; }
/* Tienda */
body.ds2 .lpg-shop { padding: var(--ds-s3); display: grid; gap: var(--ds-s3); }
body.ds2 .lpg-shop__filters { display: flex; gap: 6px; }
body.ds2 .lpg-shop__filters em { font-style: normal; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--g-line); font-size: 12px; }
body.ds2 .lpg-shop__filters em.is-on { background: var(--g-ink); color: var(--g-bg); border-color: transparent; }
body.ds2 .lpg-shop__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
body.ds2 .lpg-shop__grid span { display: grid; gap: 6px; }
body.ds2 .lpg-shop__grid i { aspect-ratio: 3 / 4; border-radius: 8px; background: var(--g-soft); border: 1px solid var(--g-line); }
body.ds2 .lpg-shop__grid span:nth-child(2) i, body.ds2 .lpg-shop__grid span:nth-child(6) i { background: linear-gradient(170deg, #E9E7E1, #CFCBC2); }
body.ds2 .lpg-shop__grid b { height: 7px; width: 80%; border-radius: 4px; background: var(--g-ink); }
body.ds2 .lpg-shop__grid small { height: 6px; width: 40%; border-radius: 3px; background: var(--g-line); }
/* Seguimiento de pasos */
body.ds2 .lpg-track { position: relative; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
body.ds2 .lpg-track__line { position: absolute; top: 12px; left: 12px; right: 33%; height: 2px; background: var(--g-acc); transform-origin: left; }
body.ds2 .lpg-track li { position: relative; display: grid; gap: 4px; font-size: 13px; }
body.ds2 .lpg-track li span { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--g-bg); border: 2px solid var(--g-line); font-size: 12px; font-weight: 700; }
body.ds2 .lpg-track li.is-done span { background: var(--g-acc); border-color: var(--g-acc); color: #04120B; }
body.ds2 .lpg-track small { color: var(--g-mute); font-size: 12px; }
body.ds2 .lpg-order { padding: 12px 14px; border-radius: 10px; background: var(--g-soft); display: grid; gap: 4px; }
body.ds2 .lpg-order p { margin: 0; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
/* Flujo */
body.ds2 .lpg-flow { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
body.ds2 .lpg-flow li { position: relative; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 12px; padding: 10px 0; }
body.ds2 .lpg-flow li + li::before { content: ""; position: absolute; left: 10px; top: -10px; height: 20px; width: 2px; background: var(--g-acc); }
body.ds2 .lpg-flow__dot { width: 22px; height: 22px; border-radius: 50%; background: var(--g-ok-bg); box-shadow: inset 0 0 0 6px var(--g-bg), inset 0 0 0 22px var(--g-acc); }
body.ds2 .lpg-flow small { color: var(--g-mute); font-size: 12px; }
/* Chat */
body.ds2 .lpg-chat { gap: 10px; }
body.ds2 .lpg-chat__head { margin: 0 0 4px; display: flex; align-items: center; gap: 8px; font-weight: 600; }
body.ds2 .lpg-chat__head span { width: 28px; height: 28px; border-radius: 50%; background: var(--g-acc); }
body.ds2 .lpg-chat__head small { color: var(--g-ok); font-weight: 400; font-size: 12px; }
body.ds2 .lpg-msg { margin: 0; max-width: 82%; padding: 9px 13px; border-radius: 14px; }
body.ds2 .lpg-msg.is-in { background: var(--g-soft); border-bottom-left-radius: 4px; }
body.ds2 .lpg-msg.is-out { justify-self: end; background: var(--g-ink); color: var(--g-bg); border-bottom-right-radius: 4px; }
body.ds2 .lpg-msg.is-note { justify-self: center; max-width: none; padding: 4px 12px; background: var(--g-ok-bg); color: var(--g-ok); font-size: 12px; }
/* Portal */
body.ds2 .lpg-portal { display: grid; grid-template-columns: 9.5rem 1fr; min-height: 260px; }
body.ds2 .lpg-portal__side { list-style: none; margin: 0; padding: 12px 8px; display: grid; gap: 2px; align-content: start; border-right: 1px solid var(--g-line); }
body.ds2 .lpg-portal__side li { padding: 7px 10px; border-radius: 8px; font-size: 12px; color: var(--g-mute); }
body.ds2 .lpg-portal__side li.is-on { background: var(--g-soft); color: var(--g-ink); font-weight: 600; }
body.ds2 .lpg-portal__main { padding: 14px; display: grid; gap: 12px; align-content: start; }
body.ds2 .lpg-portal__hi { margin: 0; font-weight: 600; font-size: 16px; }
body.ds2 .lpg-heat { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
body.ds2 .lpg-heat i { aspect-ratio: 2 / 1; border-radius: 4px; }
body.ds2 .lpg-heat .n4 { background: #FF7A66; } body.ds2 .lpg-heat .n3 { background: #FFC56B; } body.ds2 .lpg-heat .n2 { background: rgba(20, 241, 149, 0.55); } body.ds2 .lpg-heat .n1 { background: rgba(20, 241, 149, 0.22); }
/* Marca */
body.ds2 .lpg-brand { grid-template-columns: 1fr 1fr; }
body.ds2 .lpg-brand__logo { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 120px; border-radius: 12px; background: #080807; color: #fff; font-size: 26px; letter-spacing: -0.04em; }
body.ds2 .lpg-brand__mark { width: 34px; height: 34px; border-radius: 10px 10px 10px 2px; background: var(--g-acc); }
body.ds2 .lpg-brand__swatches { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
body.ds2 .lpg-brand__swatches span { aspect-ratio: 1; border-radius: 10px; background: var(--c); border: 1px solid var(--g-line); display: flex; align-items: flex-end; padding: 6px; }
body.ds2 .lpg-brand__swatches small { font-size: 11px; color: #fff; mix-blend-mode: difference; }
body.ds2 .lpg-brand__type { display: grid; gap: 2px; padding: 12px; border-radius: 12px; background: var(--g-soft); }
body.ds2 .lpg-brand__type b { font-size: 44px; line-height: 1; letter-spacing: -0.05em; }
body.ds2 .lpg-brand__type span { font-size: 12px; color: var(--g-mute); }
body.ds2 .lpg-brand__apps { display: grid; gap: 6px; }
body.ds2 .lpg-brand__apps span { padding: 8px 12px; border-radius: 10px; border: 1px solid var(--g-line); font-size: 13px; }
/* Calendario */
body.ds2 .lpg-cal { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
body.ds2 .lpg-cal > b { font-size: 11px; color: var(--g-mute); text-align: center; font-weight: 500; }
body.ds2 .lpg-cal span { min-height: 42px; padding: 4px; border-radius: 6px; background: var(--g-soft); display: grid; align-content: space-between; }
body.ds2 .lpg-cal small { font-size: 10px; color: var(--g-mute); }
body.ds2 .lpg-cal em { font-style: normal; font-size: 10px; font-weight: 600; padding: 2px 4px; border-radius: 4px; background: var(--g-ink); color: var(--g-bg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.ds2 .lpg-cal .is-reel em { background: var(--g-acc); color: #04120B; }
/* Disponibilidad */
body.ds2 .lpg-uptime { display: grid; grid-template-columns: repeat(30, 1fr); gap: 3px; height: 34px; }
body.ds2 .lpg-uptime i { border-radius: 2px; background: var(--g-acc); }
body.ds2 .lpg-uptime i.is-warn { background: #FFC56B; }
/* Movimiento: aparecen al entrar en pantalla. */
@media (prefers-reduced-motion: no-preference) {
	body.ds2 [data-lpg] [data-pop] { opacity: 0; transform: translateY(8px); transition: opacity var(--motion-slow) ease calc(var(--d, 0) * 90ms), transform var(--motion-slow) var(--ds-ease) calc(var(--d, 0) * 90ms); }
	body.ds2 [data-lpg] [data-grow], body.ds2 [data-lpg] [data-growx] { transform: scaleX(0); transition: transform 1s var(--ds-ease) calc(var(--d, 0) * 110ms); }
	body.ds2 [data-lpg] [data-rise] { transform: scaleY(0); transition: transform .9s var(--ds-ease) calc(var(--d, 0) * 90ms); }
	body.ds2 [data-lpg].is-in [data-pop] { opacity: 1; transform: none; }
	body.ds2 [data-lpg].is-in [data-grow], body.ds2 [data-lpg].is-in [data-growx], body.ds2 [data-lpg].is-in [data-rise] { transform: none; }
}
@media (max-width: 560px) {
	body.ds2 .lpg-card, body.ds2 .lpg-chat, body.ds2 .lpg-brand { padding: var(--ds-s3); }
	body.ds2 .lpg-portal { grid-template-columns: 1fr; }
	body.ds2 .lpg-portal__side { display: flex; overflow: hidden; border-right: 0; border-bottom: 1px solid var(--g-line); }
	body.ds2 .lpg-portal__side li { white-space: nowrap; }
	body.ds2 .lpg-comp { grid-template-columns: 1fr; justify-items: center; }
	body.ds2 .lpg-comp .lpg-hbars { width: 100%; }
}

/* =========================================================================
   Landings SEO (template-parts/seo-landing.php): encabezado en dos
   columnas, «Qué incluye» en tarjetas y filas de texto + gráfica.
   ========================================================================= */
/* Filas con gráfica, en blanco para que las piezas respiren. */
body.ds2 .lp-show { background: #fff; color: var(--light-ink); }
body.ds2 .lp-show__list { display: grid; gap: var(--ds-s8); }
body.ds2 .lp-row { display: grid; gap: var(--ds-s5); align-items: center; }
@media (min-width: 960px) {
	body.ds2 .lp-row { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); column-gap: var(--ds-s7); }
	body.ds2 .lp-row--flip .lp-row__copy { order: 2; }
}
body.ds2 .lp-row__copy { display: grid; gap: var(--ds-s3); justify-items: start; max-width: 32rem; }
body.ds2 .lp-row__label { margin: 0; padding: 4px 12px; border-radius: 999px; background: rgba(20, 241, 149, 0.16); color: #067A4B; font-size: var(--v4-xs); font-weight: 600; }
body.ds2 .lp-row__title { margin: 0; font-size: var(--v4-h2); font-weight: 700; letter-spacing: -0.035em; line-height: 1.04; color: var(--light-ink); }
body.ds2 .lp-row__text { margin: 0; font-size: var(--v4-body); line-height: 1.55; color: var(--light-muted); }
body.ds2 .lp-row__points { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ds-s1); }
body.ds2 .lp-row__points li { position: relative; padding-left: 1.6em; font-size: var(--v4-body); color: var(--light-ink); }
body.ds2 .lp-row__points li::before { content: ""; position: absolute; left: 0.1em; top: 0.35em; width: 0.95em; height: 0.55em; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg) scale(0.75); }
body.ds2 .lp-row__cta { margin-top: var(--ds-s1); }
body.ds2 .lp-row__media { min-width: 0; padding: var(--ds-s5); border-radius: 24px; background: #F2F2F2; }
@media (max-width: 559px) { body.ds2 .lp-row__media { padding: var(--ds-s3); margin-inline: calc(-1 * var(--ds-s1)); } }
body.ds2 .lpg-pill.is-bad { background: #FFE3DE; color: #A02A17; }
body.ds2 .lpg--dark .lpg-pill.is-bad { background: rgba(255, 122, 102, 0.14); color: #FF9A8A; }
body.ds2 .lpg-gauge { position: relative; display: grid; justify-items: center; }
body.ds2 .lpg-gauge svg { width: 100%; max-width: 240px; overflow: visible; }
body.ds2 .lpg-gauge path { fill: none; stroke: var(--g-line); stroke-width: 9; stroke-linecap: round; }
body.ds2 .lpg-gauge .lpg-gauge__arc { stroke: var(--g-acc); stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1.4s var(--ds-ease); }
body.ds2 [data-lpg].is-in .lpg-gauge__arc { stroke-dashoffset: calc(100 - var(--v)); }
body.ds2 .lpg-gauge p { position: absolute; bottom: 0; margin: 0; display: flex; align-items: baseline; gap: 2px; }
body.ds2 .lpg-gauge b { font-size: 44px; font-weight: 600; letter-spacing: -0.04em; line-height: 1; }
body.ds2 .lpg-gauge small { color: var(--g-mute); }
body.ds2 .lpg-ai { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
body.ds2 .lpg-ai li { padding: 12px 14px; border-radius: 12px; background: var(--g-soft); display: grid; gap: 4px; }
body.ds2 .lpg-ai em { font-style: normal; font-size: 12px; font-weight: 600; color: var(--g-ok); }
body.ds2 .lpg-ai__caret { display: inline-block; width: 2px; height: 1em; margin-left: 3px; vertical-align: -2px; background: var(--g-ink); animation: lpg-blink 1s steps(2) infinite; }
@keyframes lpg-blink { to { opacity: 0; } }
body.ds2 .lpg-plan { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
body.ds2 .lpg-plan li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--g-line); }
body.ds2 .lpg-plan span { flex: none; width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid var(--g-line); display: grid; place-items: center; font-size: 11px; font-weight: 700; }
body.ds2 .lpg-plan li.is-done { color: var(--g-mute); }
body.ds2 .lpg-plan li.is-done span { background: var(--g-acc); border-color: var(--g-acc); color: #04120B; }
/* Auditor web: bento de piezas. */
body.ds2 .wa-bento__grid { display: grid; gap: var(--ds-s3); }
@media (min-width: 760px) { body.ds2 .wa-bento__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { body.ds2 .wa-bento__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } body.ds2 .wa-bento__cell.is-wide { grid-column: span 2; } }
body.ds2 .wa-bento__cell { display: grid; grid-template-rows: 1fr auto auto; gap: var(--ds-s2); padding: var(--ds-s3) var(--ds-s3) var(--ds-s4); border-radius: 0; background: #F2F2F2; }
body.ds2 .wa-bento__viz { display: grid; align-items: center; padding: var(--ds-s2); }
body.ds2 .wa-bento__t { margin: var(--ds-s2) 0 0; padding: 0 var(--ds-s2); font-size: var(--v4-h3); font-weight: 600; letter-spacing: -0.02em; color: var(--light-ink); }
body.ds2 .wa-bento__p { margin: 0; padding: 0 var(--ds-s2); font-size: var(--v4-body); line-height: 1.5; color: var(--light-muted); }
body.ds2 .wa-bento__cell.is-wide .lpg-card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
body.ds2 .wa-bento__cell.is-wide .lpg-card__t { grid-column: 1 / -1; }
@media (max-width: 759px) { body.ds2 .wa-bento__cell.is-wide .lpg-card { grid-template-columns: 1fr; } }
body.ds2 .wa-bento__cta { margin-top: var(--ds-s5); display: flex; justify-content: center; }
body.ds2 .lpg-kpis b { white-space: nowrap; font-size: clamp(16px, 4.6vw, 20px); }


/* Care®: «Así se ve tu informe mensual» (template-parts/care-report.php). */
body.ds2 .care-report { background: #fff; color: var(--light-ink); }
body.ds2 .care-report__panel { margin-top: var(--ds-s3); }
body.ds2 .care-doc { border: 1px solid var(--light-line); border-radius: 16px; background: #fff; box-shadow: 0 24px 48px -36px rgba(8, 8, 7, 0.3); overflow: hidden; }
body.ds2 .care-doc__head { display: grid; gap: var(--ds-s3); padding: var(--ds-s4); border-bottom: 1px solid var(--light-line); background: #F7F7F7; }
@media (min-width: 900px) { body.ds2 .care-doc__head { grid-template-columns: 1fr auto; align-items: end; } }
body.ds2 .care-doc__kicker { margin: 0; font-size: var(--v4-xs); color: var(--light-muted); }
body.ds2 .care-doc__title { margin: 2px 0 4px; font-size: var(--v4-h3); font-weight: 600; letter-spacing: -0.02em; color: var(--light-ink); }
body.ds2 .care-doc__focus { margin: 0; font-size: var(--v4-sm); color: var(--light-muted); }
body.ds2 .care-doc__meta { margin: 0; display: flex; flex-wrap: wrap; gap: var(--ds-s2) var(--ds-s4); }
body.ds2 .care-doc__meta div { display: grid; gap: 2px; }
body.ds2 .care-doc__meta dt { font-size: var(--v4-xs); color: var(--light-muted); }
body.ds2 .care-doc__meta dd { margin: 0; font-size: var(--v4-sm); color: var(--light-ink); }
body.ds2 .care-doc__grid { display: grid; gap: 1px; background: var(--light-line); }
@media (min-width: 900px) { body.ds2 .care-doc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.ds2 .care-doc__block--wide { grid-column: 1 / -1; } }
body.ds2 .care-doc__block { padding: var(--ds-s4); background: #fff; display: grid; gap: var(--ds-s2); align-content: start; }
body.ds2 .care-doc__block h4 { margin: 0; font-size: var(--v4-body); font-weight: 600; color: var(--light-ink); }
body.ds2 .care-doc__rows { list-style: none; margin: 0; padding: 0; display: grid; }
body.ds2 .care-doc__rows li { display: flex; justify-content: space-between; gap: var(--ds-s2); padding: 8px 0; border-top: 1px solid var(--light-line); font-size: var(--v4-sm); color: var(--light-ink); }
body.ds2 .care-doc__rows em { font-style: normal; color: var(--light-muted); }
body.ds2 .care-doc__src, body.ds2 .care-doc__txt, body.ds2 .care-doc__capt { margin: 0; font-size: var(--v4-xs); line-height: 1.5; color: var(--light-muted); }
body.ds2 .care-doc__cap { height: 10px; border-radius: 5px; background: #EDEDED; overflow: hidden; }
body.ds2 .care-doc__cap i { display: block; width: 0; height: 100%; }
body.ds2 .care-doc__lines { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
body.ds2 .care-doc__lines li { height: 8px; border-radius: 4px; background: #EDEDED; }
body.ds2 .care-doc__lines li:nth-child(2) { width: 78%; } body.ds2 .care-doc__lines li:nth-child(3) { width: 56%; }
body.ds2 .care-doc__table { width: 100%; border-collapse: collapse; font-size: var(--v4-sm); }
body.ds2 .care-doc__table th { text-align: left; font-weight: 500; color: var(--light-muted); padding: 6px 8px 6px 0; border-bottom: 1px solid var(--light-line); }
body.ds2 .care-doc__table td { padding: 8px 8px 8px 0; border-bottom: 1px solid var(--light-line); color: var(--light-muted); }
body.ds2 .care-report__note { margin: var(--ds-s3) 0 0; font-size: var(--v4-sm); color: var(--light-muted); }