/* 12/10/2026 · SOLINFOR · Más contraste en la portada (Miguel: «toda la página está muy clara»).
   Va la última, encima de las demás hojas: fondos que se alternan (blanco / azul grisáceo / azul oscuro en Tarifas), letra más
   grande y tarjetas con borde y sombra marcados. Para volver a como estaba, basta con quitar su <link> del index.html. */
:root { --cx-alt: #e6eef7; --cx-borde: #c3d3e5; --cx-sombra: 0 8px 26px rgba(11, 42, 74, .16); --cx-oscuro: #0b2a4a; --cx-oscuro2: #0f3d6b; }

/* Letra: más grande y un punto más oscura */
body { font-size: 17px; color: #18222f; }
p, li { line-height: 1.62; }
.app-card-body p, .blog-card-body p, .sv-texto p, .tarifa-card p, .tarifa-card td, .tarifa-card th, .ofrecemos-lista li,
.tarifa-incluye li, .tarifa-aviso p, .tarifa-aviso li, .tarifa-no-incluye li, .tarifa-no-incluye p, .lead, .feature-box p { font-size: 16px !important; color: #1d2a39; }
.tarifa-nota, .tarifa-ejemplo, .blog-date, .app-etiqueta + p { font-size: 15px !important; }

/* Fondos que se alternan */
#intro { background: #fff !important; }
.apps-section { background: var(--cx-alt) !important; }
.blog-section { background: #fff !important; }
#contacto { background: var(--cx-alt) !important; }

/* Tarifas sobre azul oscuro, con las tarjetas blancas encima */
.tarifas-section { background: linear-gradient(180deg, var(--cx-oscuro) 0%, var(--cx-oscuro2) 100%) !important; }
.tarifas-section .apps-head h2, .tarifas-section .apps-head p, .tarifas-section > .sol-wrap-final > .tarifas-sub,
.tarifas-section .ofrecemos > .tarifas-sub, .tarifas-section .tarifa-otros { color: #fff !important; }
.tarifas-section .apps-kicker { color: #9fd0ff !important; }
.tarifas-section .tarifa-otros a { color: #ffd479 !important; }
.tarifas-section .tarifa-card, .tarifas-section .tarifa-incluye, .tarifas-section .tarifa-no-incluye, .tarifas-section .ofrecemos-lista > li {
  background: #fff !important; }

/* Tarjetas: borde y sombra que se vean */
.app-card, .blog-card, .tarifa-card, .ofrecemos-lista > li, .tarifa-incluye, .tarifa-no-incluye, .sv-parte, .feature-box {
  border: 1px solid var(--cx-borde) !important; box-shadow: var(--cx-sombra) !important; }
.tarifa-aviso { box-shadow: var(--cx-sombra) !important; }

/* Páginas de cada programa (sol-tactil.html, sol-cmr.html…): las secciones se alternan blanco / azul grisáceo */
.ventajas { background: var(--cx-alt) !important; }
.apps-section.app-pagina { background: #fff !important; }
.app-videos { background: var(--cx-alt) !important; }
.faq-tactil { background: #fff !important; }
body:has(.app-pagina) .blog-section { background: var(--cx-alt) !important; }
.faq-tactil details, .ventajas article, .ventajas li { border-color: var(--cx-borde) !important; }

/* Páginas de servicios (kit-digital.html, mantenimiento…): el bloque «Qué necesita» con fondo */
.kd-necesita { background: var(--cx-alt) !important; border-radius: 18px; padding-top: 28px !important; padding-bottom: 28px !important; }