/* COODETRANS V3.1.1 - Mini ajuste: nitidez + efecto de entrada
   No reintroduce dependencias de Weebly/EditMySite. */

/* Efecto visual del encabezado, inspirado en el comportamiento del tema original.
   Se ejecuta una sola vez al cargar cada página. */
body.v311-page-enter .birdseye-header .logo {
  opacity: 0;
  transform: translateY(14px);
  animation: v311HeaderEnter 720ms ease-out 120ms forwards;
}

body.v311-page-enter .birdseye-header .desktop-nav {
  opacity: 0;
  transform: translateY(14px);
  animation: v311HeaderEnter 720ms ease-out 230ms forwards;
}

@keyframes v311HeaderEnter {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* El carrusel institucional inferior puede llegar hasta el ancho visual
   de la página original, pero ahora usa imágenes originales de 1024 px
   en vez de miniaturas de 400 px. */
.wsite-page-index .migration-slider-home-campaign {
  width: 100% !important;
  max-width: 1165px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.wsite-page-index .migration-slider-home-campaign img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  image-rendering: auto;
}

/* Respeta preferencia de accesibilidad del sistema. */
@media (prefers-reduced-motion: reduce) {
  body.v311-page-enter .birdseye-header .logo,
  body.v311-page-enter .birdseye-header .desktop-nav {
    opacity: 1;
    transform: none;
    animation: none;
  }
}