/* R4.7A — contenido introductorio opcional de páginas públicas */
.pagina-publica-introduccion {
    padding: clamp(34px, 4.5vw, 52px) 0 0;
}

.pagina-publica-introduccion__contenido {
    max-width: 880px;
    padding: clamp(22px, 3vw, 30px);
    border: 1px solid rgba(var(--identidad-principal-rgb), 0.12);
    border-left: 4px solid var(--principal);
    border-radius: 0 18px 18px 0;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 16px 38px rgba(20, 54, 60, 0.06);
}

.pagina-publica-introduccion__contenido p {
    margin: 0;
    color: var(--texto);
    font-size: 1rem;
    line-height: 1.75;
}

.pagina-publica-introduccion__contenido p + p {
    margin-top: 14px;
}

@media (max-width: 760px) {
    .pagina-publica-introduccion {
        padding-top: 26px;
    }

    .pagina-publica-introduccion__contenido {
        padding: 19px 18px;
        border-radius: 0 14px 14px 0;
    }

    .pagina-publica-introduccion__contenido p {
        font-size: 0.95rem;
        line-height: 1.65;
    }
}

/*
|--------------------------------------------------------------------------
| R4.8J.3 — Robustez responsive de páginas públicas interiores
|--------------------------------------------------------------------------
*/

main {
    min-width: 0;
}

main .miga,
main .miga a,
main .etiqueta,
main .encabezado,
main .encabezado h1,
main .encabezado h2,
main .encabezado h3,
main .encabezado p,
main .orientacion,
main .estado-vacio-listado,
main .enlace-tarjeta-principal,
main .enlace-tarjeta-secundario {
    min-width: 0;
    overflow-wrap: anywhere;
}

main .boton,
main .boton-whatsapp,
main .enlace-tarjeta-principal,
main .enlace-tarjeta-secundario {
    max-width: 100%;
    white-space: normal;
}

main img,
main video,
main iframe {
    max-width: 100%;
}

@media (max-width: 420px) {
    main .orientacion .boton,
    main .orientacion .boton-whatsapp {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}