/* portal_web_site/assets/site.css
   Casi todo el estilo viene de Tailwind (CDN, configurado en lib.php). Aquí solo van ajustes
   puntuales que Tailwind no cubre bien desde utilidades. */

/* Suaviza el salto de anclas cuando hay cabecera fija. */
:target { scroll-margin-top: 5rem; }

/* Contenedor de texto enriquecido que venga de la API (intro_html, descripciones). */
.webp-prose p { margin: 0 0 0.9rem; line-height: 1.7; }
.webp-prose h2 { font-weight: 800; font-size: 1.35rem; margin: 1.6rem 0 0.6rem; }
.webp-prose h3 { font-weight: 700; font-size: 1.1rem; margin: 1.3rem 0 0.5rem; }
.webp-prose ul { list-style: disc; padding-left: 1.25rem; margin: 0 0 0.9rem; }
.webp-prose a { color: var(--brand); text-decoration: underline; }

/* Relación de aspecto estable para imágenes de tarjeta mientras cargan. */
.webp-card-img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }