/* Recorridos comunes del área profesional. */
.area-switch {
    padding: 1.25rem;
    text-align: center;
    color: var(--color-text-light);
    background: var(--color-light-gray);
    font-size: 0.9rem;
}
.area-switch a { text-decoration: underline; text-underline-offset: 3px; }
.ia-page .buscador-header { padding-bottom: 1.5rem; }
.ia-page .ia-intro { max-width: 720px; margin: 0.75rem auto 1rem; font-size: 1.05rem; }
.ia-page .ia-etica-compact { padding: 1rem 1.25rem; margin-bottom: 1.5rem; }
.ia-etica-compact p { margin: 0; font-size: 0.9rem; line-height: 1.6; }
.ia-etica-compact a { text-decoration: underline; }
.catalog-title { margin-bottom: 1rem; }
.ia-load-more { text-align: center; margin: 1.5rem 0 3rem; }
.ia-load-more [hidden] { display: none; }
.ia-card:focus { outline: 3px solid var(--color-turquoise); outline-offset: 4px; }
.related-resources { margin: 2rem 0; }
.related-resources a.resource-card { display: block; color: var(--color-text-dark); }
.related-resources .resource-card span { color: var(--color-turquoise); font-weight: 700; }
.community-note { margin-top: 1.5rem; color: var(--color-text-light); }
.community-note a { text-decoration: underline; }
.content-heading { margin-top: 3rem; }
#ia-herramientas, #manual-section, #ia-docs-section, #boletines, #video-ia, #documentos-referencia { scroll-margin-top: 150px; }
@media (max-width: 768px) {
    .ia-page .ia-quick-nav { gap: 0.5rem; }
    .ia-page .ia-quick-btn { padding: 0.6rem 0.8rem; font-size: 0.85rem; }
    .area-switch a { display: inline-block; padding: 0.5rem 0; }
    #ia-herramientas, #manual-section, #ia-docs-section, #boletines, #video-ia, #documentos-referencia { scroll-margin-top: 90px; }
}

.editorial-method { max-width: 820px; margin: 1rem auto 0; text-align: left; }
.editorial-method summary { cursor: pointer; font-weight: 700; color: var(--color-turquoise); padding: 0.75rem; text-align: center; }
.editorial-method[open] summary { margin-bottom: 1rem; }
.ia-page .ia-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); }
/* El menú conserva el contraste del sitio dentro de la página RPG. */
.rpg-page-body header { color: var(--color-text-dark); }

/* Color y pequeños guiños de Tangram, sin añadir bloques al recorrido. */
.ia-quick-btn i { margin-right: 0.35rem; }
.ia-quick-nav .ia-quick-btn:nth-child(1) { border-color: rgba(0, 161, 155, 0.3); }
.ia-quick-nav .ia-quick-btn:nth-child(2) { border-color: rgba(233, 30, 140, 0.25); }
.ia-quick-nav .ia-quick-btn:nth-child(3) { border-color: rgba(244, 123, 32, 0.3); }
.resource-symbol { font-size: 1.7rem; margin-bottom: 0.75rem; }
.resource-evidence { border-top: 4px solid var(--color-turquoise); }
.resource-guides { border-top: 4px solid var(--color-purple); }
.reference-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem; margin: 1rem 0; }
.reference-logos img { height: 28px; max-width: 140px; object-fit: contain; background: #fff; padding: 3px; border-radius: 4px; }
.community-note { padding: 1rem 1.25rem; border: 1px dashed var(--color-purple); border-radius: 16px; }