/*
|--------------------------------------------------------------------------
| R4.8I.4.1 — Franja de confianza: hasta 5 elementos
|--------------------------------------------------------------------------
| Mantiene el contenido dinámico de R4.8I.3. El número de elementos visibles
| puede variar de 1 a 5 sin colores ni textos incrustados.
*/

.franja .franja-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.franja-icono-svg {
    width: 23px;
    height: 23px;
    display: block;
    color: inherit;
}

.franja-icono-svg use {
    pointer-events: none;
}

@media (max-width: 1080px) {
    .franja .franja-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
}

@media (max-width: 700px) {
    .franja .franja-grid {
        grid-template-columns: 1fr;
    }
}

/* R4.8J.2 — textos administrables largos sin forzar el ancho de la franja. */
.franja .franja-item,
.franja .franja-item > div {
    min-width: 0;
}

.franja .franja-item strong,
.franja .franja-item span {
    overflow-wrap: anywhere;
}