/* ===========================================
   HOMECSS.CSS — Um Viajante
   Carregado APENAS na home page.
   Extraído do CSS global para evitar que
   regras exclusivas da home sejam enviadas
   para todas as outras páginas do site.
   =========================================== */


/* ─────────────────────────────────────────
   HOME — LISTAGEM DE POSTS E META
   ───────────────────────────────────────── */

#um-viajante.home .pagination                 { display: none; }
#um-viajante.home #pagination2.pagination     { display: block; }
#um-viajante.home .news-box .post-thumbnail   { max-height: 100%; }
#um-viajante.home .nb1 ul li .post-thumbnail img { margin-top: 0; margin-bottom: 0; }
#um-viajante.home .pagination a:nth-child(5)  { display: none; }
#um-viajante.home .entry-meta a,
#um-viajante.home .entry-meta                 { color: #636363; font-size: 16px; }
#um-viajante.home .recent-posts-extended .widget-title       { height: 110px; line-height: 115px; }
#um-viajante.home .recent-posts-extended .widget-title h2    { font-size: 32px; font-family: sans-serif; }
#um-viajante.home footer.show-more            { height: 90px; line-height: 92px; }
#um-viajante.home footer.show-more a          { font-size: 22px; }
#um-viajante.home .blog-post-big h2 a,
#um-viajante.home .blog-post h2 a             { font-size: 35px; line-height: 37px; margin-bottom: 15px; }

#teste-home .entry-content { display: none; }



/* ─────────────────────────────────────────
   HOME — SEÇÃO DESTINOS
   ───────────────────────────────────────── */

.destinos-home {
  width: 100%;
  padding-top: 10%;
  padding-bottom: 10%;
  background-image: linear-gradient(to bottom, #081718, #08171800 50%),
    url(https://www.umviajante.com.br/wp-content/uploads/2023/01/fundo-destinos.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -22px;
}

.tit-destinos-home          { text-align: center; }
.tit-destinos-home img      { max-width: 600px; width: 80%; }
.sub-tit-destinos-home      { text-align: center; color: #fff; }

.selecao-destinos-home {
  display: flex;
  flex-wrap: wrap;
  margin-left: 8%;
  margin-right: 8%;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin-top: 57px;
}

.destaque-home-guias { width: 100%; display: flex; }

.destaque-1, .destaque-2, .destaque-3, .destaque-4 {
  float: left;
  max-width: 24.4%;
  margin: 3px;
  margin-top: -15px;
  margin-bottom: -35px;
}
.destaque-1 { margin-left: 6px; }
.destaque-4 { margin-right: 6px; }

.flexiveis-123 { width: 100%; display: flex; margin-bottom: -4%; }

.flex-123-1, .flex-123-2, .flex-123-3 {
  float: left;
  max-width: 32%;
  margin: 5px;
}


/* ─────────────────────────────────────────
   HOME — SEÇÃO SOBRE
   ───────────────────────────────────────── */

.sobre-home {
  width: 100%;
  margin-top: -15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.foto-robson {
  min-height: 420px;
  background-image: url(https://www.umviajante.com.br/wp-content/uploads/2023/01/robson-franzoi.jpg);
  width: 40%;
  background-size: cover;
  overflow: hidden;
  position: relative;
  background-position: center;
}

.foto-cut {
  background: #091718;
  display: block;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 173px;
  transform: skew(-21deg) translateX(90px);
  right: 0;
}

.sobre-descricao  { width: 50%; }
.tit-sobre img    { width: 50%; margin-bottom: 24px; }

.txt-sobre {
  color: #fff;
  margin-bottom: 22px;
  line-height: 26px;
}

.txt-sobre a {
  color: #f3c61a;
  font-weight: 600;
  text-decoration: underline;
}


/* ─────────────────────────────────────────
   HOME — SEÇÃO PARCEIROS
   ───────────────────────────────────────── */

.parceiros-home {
  background-color: #080f10;
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: center;
  padding: 4%;
}

.parceiro-logo     { text-align: center; }
.parceiro-logo img { width: 75%; }
.parceiros-japao   { margin: 25px 0; }


/* ─────────────────────────────────────────
   HOME — BLOCOS UVNEWS (seções coloridas)
   ───────────────────────────────────────── */

.uvnews header.block-title {
  background: #123636;
  height: 110px;
  line-height: 110px;
}

.uvnews header.block-title h2,
.uvnews header.block-title h2 a { font-weight: normal; }

.uvnews header.block-title h2 a {
  color: #fff;
  font-family: opensans, opensans-bastian, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 41px;
  padding-left: 6px;
  letter-spacing: -1.5px;
  font-weight: 900 !important;
}

/* Cores das seções nw1–nw4 */
.uvnews .nw1 header.block-title { border-bottom: 6px solid #f95e10; }
.uvnews .nw2 header.block-title { border-bottom: 6px solid #20d3cd; }
.uvnews .nw3 header.block-title { border-bottom: 6px solid #a321ef; }
.uvnews .nw4 header.block-title { border-bottom: 6px solid #b0da42; }

.uvnews .nw1 header.block-title,
.uvnews .nw2 header.block-title,
.uvnews .nw3 header.block-title,
.uvnews .nw4 header.block-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0;
}

#um-viajante.home .uvnews .nw1 header.block-title h2,
#um-viajante.home .uvnews .nw2 header.block-title h2,
#um-viajante.home .uvnews .nw3 header.block-title h2,
#um-viajante.home .uvnews .nw4 header.block-title h2 { letter-spacing: 0; }

#um-viajante.home .nb1 ul li h2 a { font-size: 24px; }


/* ─────────────────────────────────────────
   MEDIA QUERIES — HOME ONLY
   ───────────────────────────────────────── */

@media (max-width: 414px) {
  .destaque-1, .destaque-3, .destaque-4 { display: none; }
  .destaque-2 { max-width: 100%; margin: 18px; margin-bottom: -20px; margin-top: 3px; }
}

@media (max-width: 450px) {
  #um-viajante .flex-123-1 { float: left; max-width: 100% !important; margin: 5px; }
  .flex-123-2, .flex-123-3 { display: none; }
  .parceiros-home { gap: 21px 10px; padding-bottom: 61px; }
  #um-viajante.home .blog-post-big h2 a,
  #um-viajante.home .blog-post h2 a { font-size: 35px; line-height: 37px; margin-bottom: 25px; margin-top: 33px; margin-right: 3%; }
}

@media (max-width: 568px) {
  .flex-123-1, .flex-123-2 { float: left; max-width: 47% !important; margin: 5px; }
  .flex-123-3 { display: none; }
}

@media (max-width: 618px) {
  .destinos-home { background: none !important; }
  .selecao-destinos-home { gap: 49px 155px; justify-content: left; margin-left: 12%; }
  .sub-tit-destinos-home { padding: 5px 83px 0; }
  .tit-destinos-home { margin-top: 30px; }
  .foto-cut { background: none; }
  .sobre-descricao { width: 100%; padding: 13% 8%; }
  .redes-sobre .wp-block-social-links.has-small-icon-size { font-size: 23px; }
  .tit-sobre img { width: 80%; }
}

@media (max-width: 706px) {
  .destaque-home-guias { flex-wrap: wrap; }
  .destaque-1, .destaque-2, .destaque-3, .destaque-4 { max-width: 46.8%; margin-bottom: -17px; }
  .destaque-3 { margin-left: 14px; }
  .destaque-3, .destaque-4 { margin-bottom: -23px !important; }
  .destaque-1 { margin-left: 14px; }
}

@media (min-width: 707px) and (max-width: 980px) {
  .destaque-4 { display: none; }
  .destaque-1, .destaque-2, .destaque-3 { max-width: 32% !important; margin-left: 14px !important; }
}

@media (max-width: 980px) {
  #um-viajante.home .entry-meta a,
  #um-viajante.home .entry-meta { display: none; }
  .parceiros-home { flex-wrap: wrap; }
  #um-viajante.home .blog-post-big h2 a,
  #um-viajante.home .blog-post h2 a { font-size: 31px; line-height: 31px; }
}

@media (max-width: 1310px) {
  #um-viajante.home .blog-post-big h2 a,
  #um-viajante.home .blog-post h2 a { font-size: 35px; line-height: 37px; margin-bottom: 15px; }
  #um-viajante.home .rpwe-block li { width: 212px; }
}

@media (min-width: 1500px) {
  #teste-home h2   { margin-top: 1px; }
  #teste-home h2 a { font-size: 40px; line-height: 42px; margin-bottom: 21px; }
}