/* SOLINFOR · Portada ligera (20/10/2026). Va la última: cabecera legible, tira de cifras, «por qué», servicios en lista y tarifas en una línea. */

/* Cabecera: la misma foto, pero oscurecida para que el texto se lea, y sin pase de diapositivas ni fundido. */
.hero.hero-ligero {
    min-height: 440px !important;
    background-image: linear-gradient(rgba(7, 30, 56, .72), rgba(7, 30, 56, .72)), url('../assets/sol-cli-oficina-morillo-solinfor.png') !important;
}
.hero-ligero .slide { animation: none !important; }
.hero-ligero .slide h1 { font-size: clamp(32px, 4.6vw, 54px) !important; line-height: 1.12 !important; font-weight: 800 !important; margin-bottom: 16px !important; }
.hero-ligero .slide p { font-size: clamp(17px, 1.7vw, 21px) !important; font-weight: 500 !important; }
.hero-botones { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.hero-ligero .btn-sec { background: transparent !important; border: 2px solid rgba(255, 255, 255, .85) !important; color: #fff !important; }

/* Tira de cifras */
.ligera-cifras { background: #0c336d; padding: 26px 0; }
.ligera-cifras .sv-cifras { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin: 0; padding: 0; list-style: none; }
.ligera-cifras .sv-cifras li { color: #fff; padding: 0 16px; border-left: 1px solid rgba(255, 255, 255, .18); }
.ligera-cifras .sv-cifras li:first-child { border-left: 0; }
.ligera-cifras .sv-cifras b { display: block; font-size: 2.1em; font-weight: 800; line-height: 1.1; color: #fff; }
.ligera-cifras .sv-cifras span { display: block; margin-top: 4px; font-size: .9em; color: #c9d8ec; }

/* Por qué, servicios y tarifas: secciones sencillas */
.ligera-porque, .ligera-servicios, .ligera-tarifas { padding: 64px 0; }
.ligera-porque { background: #f6f8fb; }
.ligera-tarifas { background: #f6f8fb; text-align: center; }
.ligera-porque h2, .ligera-servicios h2, .ligera-tarifas h2 { text-align: center; color: #0c336d; font-size: clamp(26px, 3vw, 36px); margin: 0 0 10px; }
.ligera-tres { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 30px; }
.ligera-tres h3 { color: #0c336d; margin: 0 0 8px; font-size: 1.2em; }
.ligera-tres p { margin: 0; color: #3d4a5c; line-height: 1.6; }
.ligera-lead { text-align: center; color: #3d4a5c; margin: 0 0 26px; }
.ligera-lista { list-style: none; margin: 0 auto; padding: 0; max-width: 860px; border-top: 1px solid #e1e6ee; }
.ligera-lista a { display: flex; gap: 16px; align-items: baseline; padding: 14px 6px; border-bottom: 1px solid #e1e6ee; text-decoration: none; color: inherit; }
.ligera-lista a:hover { background: #f6f8fb; }
.ligera-lista b { min-width: 290px; color: #0c336d; }
.ligera-lista span { color: #3d4a5c; }
.ligera-tarifas p { max-width: 760px; margin: 0 auto 10px; color: #3d4a5c; line-height: 1.6; }
.ligera-mas { text-align: center; margin-top: 24px !important; }
.ligera-pagina { padding-top: 10px; }

@media (max-width: 860px) {
    .ligera-cifras .sv-cifras { grid-template-columns: repeat(2, 1fr); gap: 18px 0; }
    .ligera-cifras .sv-cifras li:nth-child(odd) { border-left: 0; }
    .ligera-tres { grid-template-columns: 1fr; }
    .ligera-lista a { flex-direction: column; gap: 2px; }
    .ligera-lista b { min-width: 0; }
    .hero.hero-ligero { min-height: 400px !important; }
    .ligera-porque, .ligera-servicios, .ligera-tarifas { padding: 44px 0; }
}

/* Programas: 4 por fila en pantallas anchas (12 programas = 3 filas). */
@media (min-width: 1200px) {
    #aplicaciones .sol-wrap-final { width: min(1320px, 94%) !important; max-width: none !important; }
    .apps-grid { grid-template-columns: repeat(4, 1fr) !important; gap: 18px !important; }
}

/* Tarjetas de programas más cortas: los dos botones en fila y sin la nota de la demo (está en la ficha de cada programa). */
#aplicaciones .demo-nota { display: none !important; }
#aplicaciones .app-card-botones { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 8px !important; }
#aplicaciones .app-card-botones .app-btn { flex: 1 1 0; min-width: 0; padding: 10px 8px !important; font-size: .88em !important; line-height: 1.2 !important; justify-content: center; text-align: center; white-space: nowrap; gap: 6px !important; }
#aplicaciones .app-card-botones { align-items: center !important; flex-wrap: nowrap !important; }
#aplicaciones .app-card-botones .app-btn { height: 42px !important; margin: 0 !important; }

/* Móvil: título y cifras más contenidos. */
@media (max-width: 600px) {
    .hero-ligero .slide h1 { font-size: 28px !important; }
    .hero-ligero .slide p { font-size: 16px !important; }
    .hero-ligero .btn { padding: 12px 18px !important; font-size: 15px !important; }
    .ligera-cifras { padding: 18px 0; }
    .ligera-cifras .sv-cifras b { font-size: 1.5em; }
    .ligera-cifras .sv-cifras span { font-size: .8em; }
    .ligera-cifras .sv-cifras li:last-child { grid-column: 1 / -1; border-left: 0; }
}

/* 20/10/2026: el amarillo, más ancho que «Ver más» y con su flecha dentro (el texto se salía del botón). */
#aplicaciones .app-card-botones .app-btn.sec { flex: 0 0 34% !important; }
#aplicaciones .app-card-botones .app-btn.demo { flex: 1 1 auto !important; padding: 0 10px !important; font-size: .86em !important; overflow: hidden; }
#aplicaciones .app-card-botones .app-btn.demo::after { margin-left: 4px !important; }