/* ==========================================================================
   0. BODY e FOOTER
   ========================================================================== */

body {
    top: 0 !important;
    position: static !important;
    font-family: 'Lato', sans-serif;
		font-weight: 300;		
  
}
	
		
.footer {
		display: none;
		
}
/* Prepara elementos para animação (Scroll Reveal) */
.titulo-scroll-reveal, .container-viagem, .container-chegada, .reveal-step,
[class*="-card-container"], [class*="-card-box"], .intro-card {
    opacity: 0;
}

/* ==========================================================================
   1. TIPOGRAFIA E AJUSTES DE ESPAÇAMENTO (DESKTOP)
   ========================================================================== */
html { scroll-behavior: smooth; font-display: swap; }

.header, .header-homepage * {
    font-family: 'Lato', sans-serif !important; font-weight: 200;
}



/* ==========================================================================
   2. INTERFACE GERAL E BOTÕES
   ========================================================================== */
.learnmore-btn {
    transition: all 0.25s ease;
    cursor: pointer;
    text-decoration: none;
}

.learnmore-btn:hover {
    background-color: #04346D !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(4, 52, 109, 0.25);
}

/* Dropdown Menu */
ul.dropdown-menu li li a.mdc-ripple-upgraded {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-variant: small-caps;
    text-transform: uppercase;
    font-size: 14px;
}

/* GTranslate Custom Switcher */
a.switcher-popup {
    display: inline-flex !important;
    align-items: center; justify-content: center;
    width: 42px; height: 42px;
    background-color: #1a1a2e !important;
    color: #fff !important;
    font-size: 13px; font-weight: 700;
    border-radius: 6px; text-transform: uppercase;
}
a.switcher-popup::after { content: "EN"; }
a.switcher-popup img, a.switcher-popup span { display: none !important; }

/* ==========================================================================
   3. COMPONENTES: CARDS, ACCORDION E VISA
   ========================================================================== */
/* Imagens dos Cards (Labs/Research) */
.card-image-clabmu   { background-image: url('https://www2.uepg.br/uepginternational/wp-content/uploads/sites/293/2026/03/Clabmu-recebe-R-14-milhões-da-Finep-2-scaled.jpg'); background-size: cover; background-position: center; }
.card-image-museu-cn { background-image: url('https://www2.uepg.br/mcn/wp-content/uploads/sites/250/2022/07/imagem_museu-2.jpg'); background-size: cover; background-position: center; }
.card-image-fazenda  { background-image: url('https://www2.uepg.br/uepginternational/wp-content/uploads/sites/293/2026/03/fazenda-escola-uepg-carbono-foto-jéssica-natal-19.jpg'); background-size: cover; background-position: center; }
.card-image-inovacao { background-image: url('https://www2.uepg.br/uepginternational/wp-content/uploads/sites/293/2026/03/Copia-de-Melissa-Eichelbaum-Aline-Jasper-BAIXA_1.jpg'); background-size: cover; background-position: center; }
.card-image-museu-cg { background-image: url('https://www2.uepg.br/uepginternational/wp-content/uploads/sites/293/2026/04/fachada-Museu-Campos-Gerais-MCG-fev-2025-Aline-Jasper-BAIXA.jpg'); background-size: cover; background-position: center; }
.card-image-colegio  { background-image: url('https://www2.uepg.br/uepginternational/wp-content/uploads/sites/293/2026/04/colegio-agricola-caar-Aline-Jasper-BAIXA_27.jpg'); background-size: cover; background-position: center; }
.card-image-caic     { background-image: url('https://www2.uepg.br/uepginternational/wp-content/uploads/sites/293/2026/04/Festa-Caic-2025-Larissa-Godoy-145-scaled.jpg'); background-size: cover; background-position: center; }

/* Visa & Acceptance */
.visa-container { width: 100%; padding: 40px 0; font-family: 'Lato', sans-serif; }
.visa-card { background: #fff; border-radius: 10px; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,.1); transition: all .28s ease; }
.visa-card:hover { transform: translateY(-6px); box-shadow: 0 10px 25px rgba(0,0,0,.18); }

/* Accordion */
.accordion-item { background: #fff; border-radius: 16px; margin-bottom: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); overflow: hidden; }
.accordion-header { padding: 24px; cursor: pointer; font-size: 18px; font-weight: 600; color: #003366; position: relative; }
.accordion-header::after { content: "+"; position: absolute; right: 24px; color: #5295FA; transition: 0.3s; }
.accordion-item[open] .accordion-header::after { transform: rotate(45deg); }


/* ==========================================================================
   5. CITY GUIDE (SLIDE CARDS)
   ========================================================================== */
.uepg-card-slide {
    position: relative; width: 100%; height: 420px; border-radius: 18px; overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.28); color: #fff; background: #000;
}
.uepg-slide-bg { position: absolute; inset: 0; background-size: cover; transition: transform 0.7s ease; }
.uepg-card-slide:hover .uepg-slide-bg { transform: scale(1.05); }

.uepg-slide-panel {
    position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26,26,46,0.98), rgba(18,18,28,0.98));
    transform: translateX(100%); transition: transform 0.6s cubic-bezier(.22,.61,.36,1);
}
.uepg-card-slide:hover .uepg-slide-panel { transform: translateX(0); }

/* ==========================================================================
   6. RESPONSIVIDADE (TABLET E MOBILE)
   ========================================================================== */
@media (max-width: 768px) {
    /* Centralização de textos em containers de introdução */
    .uepg-intro-flex { flex-direction: column !important; align-items: center !important; }
    .uepg-intro-flex h4, .uepg-intro-flex p { text-align: center !important; }

    /* Ajustes News Mobile */
    .category-news .header .hero-title::after { font-size: 2rem; }
    .category-news h3.post-title { font-size: 18px !important; text-align: left !important; }

    /* City Guide Mobile */
    .uepg-card-slide { height: 520px; }
    .uepg-slide-front { width: 100%; background: rgba(0,0,0,0.38); backdrop-filter: blur(6px); }

    /* Imagens em Posts */
    .single-post .entry-content img { margin: 20px 0 25px 0 !important; display: block; }
    
    /* GTranslate Mobile */
    a.switcher-popup { width: 38px; height: 38px; }
}

/* Animação disparada pelo JS */
.card-appear, .appear {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Escnder o mobile header */
.offcanvas-top {
		display: none;
}

@media (max-width: 1024px) {

  /* links principais */
  #offcanvas-menu .offcanvas_menu > li > a {
    font-size: 16px !important;
    font-weight: 200 !important;
    color: #ffffff !important;
    letter-spacing: 0.3px;
  }

  /* submenus */
  #offcanvas-menu .sub-menu li a {
    font-size: 14px !important;
    font-weight: 100 !important;
    color: #ffffff !important;
  }

}

  #offcanvas-menu .sub-menu {
    display: block !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* remove setinha/ícone se quiser */
  #offcanvas-menu .mdi {
    display: none;
  }

  /* fundo principal do menu */
  #offcanvas-menu {
    background-color: #04346D !important;
  }

  /* caso exista wrapper externo */
  .offcanvas_menu,
  .menu-menu-english-container {
    background-color: #04346D !important;
  }