/* =============================================================================
   componentes/destacados.css — Bloque de destacados  (componentes/_destacados.php)
   ============================================================================= */

/* Destacados plegables (a partir de la página 2 del listado): la flecha gira al abrir y el
   rótulo pasa de "Ver destacados" a "Destacados" (los dos están en el HTML). */
.js-destacados-btn .fa-chevron-down{transition:transform .2s ease}
.js-destacados-btn[aria-expanded="true"] .fa-chevron-down{transform:rotate(180deg)}
.js-destacados-btn .js-txt-abierto{display:none}
.js-destacados-btn[aria-expanded="true"] .js-txt-abierto{display:inline}
.js-destacados-btn[aria-expanded="true"] .js-txt-cerrado{display:none}