/* RONIN ENGINE · capa de correcciones móviles v1 (inyectada por el proxy; no toca WordPress) */

/* Títulos de sección: más contraste sobre fondo oscuro */
.rvgc184-head h3, #ronin-geo-guides-title { color: #f3ede4; }

/* Kicker del hero: si ocupa dos líneas, la raya decorativa baja en vez de encimarse */
.rv20-hero .rv20-kicker { flex-wrap: wrap; row-gap: 8px; }

/* La animación de entrada termina en un recorte con esquinas redondas que corta letras (R-04, «al», «ocupando») */
html #rv20 [data-rv220-reveal]:not([data-rv220-reveal="image"]).is-visible[class] { clip-path: none !important; } /* el sitio lo fija con !important; las imágenes conservan su esquina redonda */

@media (max-width: 760px) {
  /* Espacio para la barra inferior fija: nada queda tapado al final de la página */
  body:has(.rv20-dock) { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); background-color: #050505; }

  /* Barra inferior: WhatsApp y ↑ compactos, botón principal en una sola línea */
  .rv20-dock { display: grid; grid-template-columns: 52px minmax(0, 1fr) 52px; gap: 8px; align-items: center; }
  .rv20-dock > a { min-height: 48px; display: flex; align-items: center; justify-content: center; margin: 0; }
  .rv20-dock .rv240-dock-wa { width: 52px; padding: 0; }
  .rv20-dock .rv240-dock-wa > span:not(.rv240-icon) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .rv20-dock .rv20-dock-primary { white-space: nowrap; width: 100%; font-size: 15px; }
  .rv20-dock > a[href="#inicio"] { width: 52px; padding: 0; font-size: 18px; }

  /* Proceso: un solo número y una sola etiqueta por paso, sin piezas encimadas */
  /* (!important solo donde el sitio ya fuerza display con !important en línea) */
  .rv282-body .rv241-process-top, .rv282-body .rv241-process-step-label, .rv282-body .rv282-label { display: none !important; }
  .rv282-grid::before { display: none; }
  .rv282-timeline__line { display: none; } /* la línea de avance cruzaba el título y los números */
  .rv282-body .rv241-process-card { padding-top: 28px !important; } /* el hueco era para el bloque duplicado que ya no se muestra */
  .rv282-step { display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; }
  .rv282-step > .rv282-num { position: static; flex: 0 0 auto; }
  .rv282-step > .rv282-step-label { position: static; flex: 1 1 0; min-width: 0; }
  .rv282-step > .rv282-arrow { display: none; }
  .rv282-step > .rv282-card { flex: 1 1 100%; margin-top: 12px; }

  /* Lectura cómoda */
  .rv20-section p, .rv282-copy, .rgeo-wrap p { font-size: max(1em, 16px); line-height: 1.55; }
}
