/*
 Theme Name:   Colégio Tecla
 Theme URI:    https://colegiotecla.com.br
 Description:  Child theme do Hello Elementor para o Colégio Tecla
 Author:       Colégio Tecla
 Author URI:   https://colegiotecla.com.br
 Template:     hello-elementor
 Version:      1.1.3
 Text Domain:  hello-elementor-child
*/

/* ===== Menu Principal - Cores do tema ===== */
.tecla-nav-menu .nav-link {
  color: #003087;
  transition: color 0.3s;
}
.tecla-nav-menu .nav-link:hover,
.tecla-nav-menu .nav-link:focus,
.tecla-nav-menu > li:hover > .nav-link {
  color: #FF6F00;
}
.tecla-nav-menu .dropdown-menu > li > a {
  color: #003087;
  transition: color 0.3s, background-color 0.3s;
}
.tecla-nav-menu .dropdown-menu > li > a:hover,
.tecla-nav-menu .dropdown-menu > li > a:focus {
  color: #FF6F00;
  background-color: #FFF3E0;
}
.tecla-nav-menu .caret {
  border-top-color: #003087;
  transition: border-color 0.3s;
}
.tecla-nav-menu > li:hover > .nav-link .caret {
  border-top-color: #FF6F00;
}

/* ===== Flip Cards - Imagens na face frontal ===== */
/* Usar versões redimensionadas ao invés de imagens full-size (economia ~4MB) */
.elementor-2216 .tecla-card--blue .card-label {
  background-image: url('/wp-content/uploads/2026/03/CARD_ALUNOS-396x360.webp');
  background-size: cover;
  background-position: center center;
  border-radius: 16px;
}
.elementor-2216 .tecla-card--orange .card-label {
  background-image: url('/wp-content/uploads/2026/03/CARD_DIFERENCIAL_NEW-396x360.webp');
  background-size: cover;
  background-position: center center;
  border-radius: 16px;
}
.elementor-2216 .tecla-card--yellow .card-label {
  background-image: url('/wp-content/uploads/2026/03/CARD_EXTRAS_NEW-396x360.webp');
  background-size: cover;
  background-position: center center;
  border-radius: 16px;
}

/* Cards maiores em telas grandes */
@media (min-width: 768px) {
  .elementor-2216 .tecla-card--blue .card-label {
    background-image: url('/wp-content/uploads/2026/03/CARD_ALUNOS-768x768.webp');
  }
  .elementor-2216 .tecla-card--orange .card-label {
    background-image: url('/wp-content/uploads/2026/03/CARD_DIFERENCIAL_NEW-768x768.webp');
  }
  .elementor-2216 .tecla-card--yellow .card-label {
    background-image: url('/wp-content/uploads/2026/03/CARD_EXTRAS_NEW-768x768.webp');
  }
}