/* Colégio XI de Agosto — small supplemental stylesheet.
   Only the handful of effects native Elementor widget controls can't express.
   Everything else (colors, fonts, layout) is set directly on each widget. */

/* Card hover: bouncy overshoot lift, used on card-style containers via the
   "card-hover" CSS class (Advanced > CSS Classes) */
.card-hover {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s, border-color 0.3s;
}
.card-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 30px -10px rgba(49, 56, 107, 0.15);
}

/* Image Carousel (hero) dot pagination: morph active dot into a pill */
.elementor-widget-image-carousel .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  transition: all 0.3s ease;
}
.elementor-widget-image-carousel .swiper-pagination-bullet-active {
  width: 32px;
  border-radius: 9999px;
  background: #EC6608;
  box-shadow: 0 0 10px rgba(236, 102, 8, 0.6);
}
.elementor-widget-image-carousel .elementor-swiper-button {
  background: rgba(19, 23, 46, 0.6);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.elementor-widget-image-carousel .elementor-swiper-button:hover {
  background: #EC6608;
  transform: scale(1.1);
}