/* EGES — los movimientos del banner, en un solo sitio.
 *
 * Este fichero lo cargan LOS DOS: la web (junto a eges.css) y el editor del
 * panel. Si los `@keyframes` vivieran solo en eges.css habría que copiarlos al
 * editor, y en cuanto uno cambiara el botón «Ver el movimiento» enseñaría una
 * animación distinta de la que sale publicada — la vista previa dejaría de
 * servir para lo único que sirve.
 *
 * Aquí van SOLO los fotogramas. Las reglas que los aplican son distintas en cada
 * sitio (en la web dependen de `.es-activa`, en el panel de un clic), y eso está
 * bien: lo que no puede diferir es el movimiento.
 *
 * Se anima únicamente `opacity` y `transform`: son las dos que el navegador
 * resuelve en la tarjeta gráfica sin volver a dibujar la página.
 */

@keyframes eges-entra-aparecer  { from { opacity: 0; } to { opacity: 1; } }
@keyframes eges-entra-subir     { from { opacity: 0; transform: translateY(14px); }  to { opacity: 1; transform: none; } }
@keyframes eges-entra-bajar     { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: none; } }
@keyframes eges-entra-izquierda { from { opacity: 0; transform: translateX(-26px); } to { opacity: 1; transform: none; } }
@keyframes eges-entra-derecha   { from { opacity: 0; transform: translateX(26px); }  to { opacity: 1; transform: none; } }
@keyframes eges-entra-acercar   { from { opacity: 0; transform: scale(.92); }        to { opacity: 1; transform: none; } }

/* Los seis segundos son lo que dura un banner delante en el carrusel. */
@keyframes eges-foto-acercar { from { transform: scale(1); }    to { transform: scale(1.12); } }
@keyframes eges-foto-alejar  { from { transform: scale(1.12); } to { transform: scale(1); } }
@keyframes eges-foto-panear  { from { transform: scale(1.12) translateX(-2%); } to { transform: scale(1.12) translateX(2%); } }