/* * Estilos para encabezados (h2/h3/h4) convertidos a

/. * * Reproducen el aspecto visual que daban los

/

/

sin usar esas etiquetas, * para no romper la jerarquía de encabezados (SEO/accesibilidad). * * IMPORTANTE: este archivo debe enlazarse ANTES de css/index.css y del build de * Tailwind en el . Así las utilidades del propio elemento (text-naranja, * font-semibold, text-azul-textos, text-xl...) siguen sobrescribiendo a estas reglas, * exactamente igual que sobrescribían al selector de elemento h2/h3. */ .encabezado-2, .encabezado-3 { font-family: Podkova Variable, serif; font-weight: 800; --tw-text-opacity: 1; color: rgb(16 76 113 / var(--tw-text-opacity)); } /* Solo el margen (deshace el "p { margin-bottom: .75rem }"); NO resetear font-weight/size aquí o se pierde la negrita de la regla de arriba. */ .encabezado-2, .encabezado-3, .encabezado-4 { margin: 0; } .btn-expand > .encabezado-3 { flex: 1 1 0%; text-align: left; font-size: 1.25rem; line-height: 1.75rem; } .listado .encabezado-3 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 800; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }