/* ============ Guía (Vaca Muerta Desk): se apoya en servicio, paginas, vmd y nota ============ */

/* cifras: números con unidad ("4–20 sem.", "60–90 días"), más chicos que las cifras redondas del Desk */
.g-cifras .figures { grid-template-columns: repeat(4, minmax(0, 1fr)); padding-left: 0; margin: 0; }
.g-cifras .figures dt { font-size: clamp(2.5rem, 4.4vw, 4.5rem); line-height: 0.95; letter-spacing: -0.04em; }
.g-cifras .figures dd { margin: 14px 0 0; max-width: 13.44em; /* 24ch de Hanken */ }
.g-cifras .figures dd small { display: block; margin-top: 8px; font-size: 0.875rem; line-height: 1.45; opacity: 0.78; }
@media (max-width: 900px) { .g-cifras .figures { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; } }

/* cuerpo */
.g-cuerpo .prosa h3 { font-size: clamp(1.25rem, 1.8vw, 1.5rem); letter-spacing: -0.02em; line-height: 1.15; margin: 36px 0 12px; }

/* pasos y errores: numerados por el trazo, sin tarjetas */
.prosa ol.pasos { list-style: none; margin: 12px 0 28px; padding: 0; counter-reset: paso; }
.prosa ol.pasos > li { counter-increment: paso; position: relative; padding: 16px 0 16px 56px; border-top: 1px solid var(--rule); }
.prosa ol.pasos > li:last-child { border-bottom: 1px solid var(--rule); }
.prosa ol.pasos > li::before {
  content: counter(paso, decimal-leading-zero); position: absolute; left: 0; top: 16px; width: auto; height: auto; background: none;
  font-weight: 750; font-size: 1.125rem; color: var(--orange-ink); font-variant-numeric: tabular-nums; letter-spacing: -0.02em;
}
.prosa ol.pasos > li strong, .prosa ul.filas > li > strong:first-child { display: block; margin-bottom: 4px; }

/* filas: operadoras, pilares, beneficios. Título a la izquierda, texto a la derecha, separadas por una línea */
.prosa ul.filas > li { display: grid; grid-template-columns: minmax(120px, 0.34fr) minmax(0, 1fr); column-gap: 24px; padding: 16px 0; }
.prosa ul.filas > li::before { display: none; }
.prosa ul.filas > li > strong:first-child { margin: 0; }
/* en celular: una columna, y el texto corre seguido (en grilla, cada enlace o negrita quedaba en su propio renglón) */
@media (max-width: 700px) { .prosa ul.filas > li { display: block; } .prosa ul.filas > li > strong:first-child { display: block; margin-bottom: 4px; } }

/* nota al margen */
.prosa .nota { margin: 24px 0 32px; padding: 18px 22px; background: rgba(230, 78, 41, 0.07); box-shadow: inset 3px 0 0 var(--orange); }
.prosa .nota p { margin: 0 0 8px; font-size: 1rem; }
.prosa .nota p:last-child { margin: 0; }

/* bloque destacado: hoja negra dentro del texto */
.prosa .destacado { margin: 40px 0; padding: clamp(24px, 3.4vw, 44px); background: var(--ink); color: var(--white); }
.prosa .destacado h2 { margin-top: 0; color: var(--white); }
.prosa .destacado p, .prosa .destacado li { color: var(--gray-d); }
.prosa .destacado strong { color: var(--white); }
.prosa .destacado li { border-color: var(--rule-d); }

/* aviso legal */
.g-aviso { margin-top: clamp(48px, 8vh, 80px); padding-top: 20px; border-top: 1px solid var(--rule); font-size: 0.8125rem; line-height: 1.55; color: var(--gray); }

/* paso de descarga: reutiliza la tarjeta del paso previo de WhatsApp */
.g-descarga .wa-gate__listo p { margin: 0 0 12px; color: var(--gray); }
button.btn { font: inherit; font-weight: 650; border: 0; cursor: pointer; }

/* al final de la guía: las otras guías del Desk y las prácticas que intervienen */
.prosa .g-relacionadas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px clamp(24px, 4vw, 56px); margin-top: clamp(48px, 8vh, 88px); padding-top: 28px; border-top: 1px solid var(--rule); }
.prosa .g-relacionadas ul { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 12px; }
.prosa .g-relacionadas li { padding: 0; border: 0; }
.prosa .g-relacionadas li::before { content: none; }
.prosa .g-relacionadas .tag { margin: 0; }
@media (max-width: 820px) { .prosa .g-relacionadas { grid-template-columns: 1fr; } }