/*

	Theme Name: Campanha Farmarcas - 2025 | Atendentes

	Theme URI: https://ecliente.com.br

	Description: Site desenvolvido pela eCliente Informática para campanha promocional de 2025

	Author: eCliente Informática

	Author URI: https://ecliente.com.br

	Version: 1.0

	Requires PHP: 7.4

	Text Domain: campanha-farmarcas

*/

/* Aqui você pode adicionar seu CSS personalizado */
/* Reset básico para todos os elementos */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  max-width: 100%;
}

html {
  scroll-behavior: smooth;
  overflow: auto; /* ou scroll */
}


/* Importa a fonte Poppins com pesos comuns */

/* Aplica a fonte globalmente */
body {
    font-family: 'Poppins', sans-serif;
    background: #FCDB04;
    color:#001447;
    overflow: auto; /* ou scroll */
    overflow-x: hidden;
}
 
  #sorte-participe {scroll-margin-top: 68px;}
  #farmarcas-cupons_farmacias-home{scroll-margin-top: 45px;}
  #a-encontre{scroll-margin-top: 55px;}
  #premios{scroll-margin-top: 60px;}

  #produtos-participantes{scroll-margin-top: 60px;}

.display-mobile{display: none !important;}

.farmarcas-clear{clear: both;}
/*TOPO MENU*/
/* TOPO */

/* TOPO */
.site-header {
    background-color: #001447;
    padding: 20px 0;
    width: 100%;

    position: fixed;
    top: 0;
    z-index: 9999;
}

.header-container {
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#logo  {
    position: relative;
    margin-right: 100px;
}
#logo img{position: relative;top: 5px;}


/* MENU */
#button-menu-mobile, #info-menu-mobile, #fechar-menu-mobile{display: none;}
.menu-principal {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 80px;
    text-transform: uppercase;
}

.menu-item > a {
    color: #FCDB04;
    font-weight: bold;
    text-decoration: none;
    font-size: 15px;
    position: relative;
    padding: 23px 0;
}

.menu-item > a:hover {
    color: #fff;
}

/* SUBMENU */
.menu-item.has-submenu:hover > .submenu {
    display: block;
}

.submenu {
    display: none;
    position: absolute;
    background-color: #001447;
    margin-top: 10px;
    padding: 10px 0;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    min-width: 220px;
    z-index: 9999;
}

.submenu li {list-style: none;padding: 10px 0 5px 0;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);text-align: center;}

.submenu li a {
    display: block;
    padding: 8px 20px;
    color: #FCDB04;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    text-decoration: none;
}

.submenu li:hover, .submenu li a:hover {
    background-color: #002766;
    color: #fff;
}

/* Ajuste submenu para posição relativa no container */
.menu-item.has-submenu {
    position: relative;
}

#banner-principal{margin-top: 65px;}
#banner-principal-desktop{}
#banner-principal-mobile{display: none;}
  .texto-banner-desktop{position: relative;bottom: 0;width: 1060px;max-width: 90%;margin: 10px auto 0 auto;}
  .texto-banner-desktop p{font-size: 9px;text-align: center;}

#site-content{margin-top: 30px;}
#site-content h2{text-transform: uppercase;}
.farmarcas-container, .site-content-container{width: min(90%, 1200px);margin: 0 auto;}
.site-content-container h3{text-align: left;position: relative;font-size: 32px;font-weight: bold;}

#sorte-participe{text-align: center;position: relative;}
#sorte-participe *{z-index: 2;}
#sorte-participe h2{margin-bottom: 10px;font-weight: 800;font-size: 32px;}
#sorte-participe p{font-size: 20px;margin-bottom: 75px;}

#sorte-participe-blocos, #premio-blocos{
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    margin: 20px auto 0 auto;
    justify-content: center;
    align-items: center;
}

#sorte-participe-blocos img, #premio-blocos img {
    display: block;
    width: 100%;
    /*max-width: 300px; */
}

#sorte-participe-blocos img:not(:last-child), #premio-blocos img:not(:last-child) {
    margin-right: -60px;
}

#sorte-triangulo-right{position: absolute;right:0;z-index: 1;top: 40px;}


#premios{padding: 50px 0 15px 0;background: linear-gradient(to bottom, #FCDB04 50%,  #1D2C63 50%);}
#premios img{width: 100% !important;}
#premios h3{position: relative;top: 0;}
#premios h4{color: #FCDB04;font-size: 12px;text-align: center;font-weight: 500;margin-top: -50px;}

#produtos-participantes{background: #1D2C63;margin-top: -7px;padding: 50px 0 100px 0;position: relative;}
#produtos-participantes .site-content-container{z-index: 2;position:relative;text-align: center;}
#produtos-participantes h3{color:#FCDB04}
#produtos-participantes h4{color:#FFF;margin: 50px 0 60px 0;font-size: 20px;font-weight:400;}
#produtos-participantes p{color:#FCDB04}
#produtos-participantes-triangulo-left{position: absolute;left:0;z-index: 1;top: 230px;}
#produtos-participantes-triangulo-right{position: absolute;right:0;z-index: 1;top: 125px;}
#ganhe-5-numeros-extras{margin: 50px 0 0 0;}
#ganhe-5-numeros-extras h3{color: #FFF;font-size: 20px;text-align: center;width: 650px;margin: auto;line-height: 35px;font-weight: 400;left: 0;}

#produtos-participantes-blocos {
    width: 100%;
    background: #FFB000;
}

#produtos-participantes-blocos .site-content-container{
    display: flex;
    gap: 0; /* Espaço entre os blocos */
    justify-content: center;
    flex-wrap: wrap; /* Se quiser que quebre em telas pequenas */
    position: relative;
    top: -80px;
}

.produtos-participantes-blocos-class {
    display: flex;
    flex-direction: column; /* Elementos em coluna */
    align-items: center;
    position: relative; /* Para permitir a sobreposição */
    width: 32%; /* Ajuste conforme necessário */
    text-align: center;
}

.produtos-participantes-blocos-class:nth-child(2){margin: 0 -70px;}

.produtos-participantes-blocos-class img:first-of-type {
    width: 100%;
    height: auto;
}

.produtos-participantes-blocos-class img:nth-of-type(2) {
    width: 80%; /* Ou ajuste conforme necessário */
    margin: -100px 0 10px 0; /* Isso sobrepõe a imagem anterior */
    z-index: 1;
    position: relative;
}

.produtos-participantes-blocos-class a{
    color:#FCE302;
    background: #001447;
    padding: 8px 25px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    transition: 0.2s;
    text-transform: uppercase;
}
.produtos-participantes-blocos-class a:hover{color:#001447;background: #FCE302;}

/* INSTAGRAM */
#siga-instagram {
  padding: 20px 0 60px 0;
  background: #FFB000;
}

#siga-instagram h2{font-size: 32px;font-weight: 900;text-transform: inherit;text-align: center;margin-bottom: 10px;}
#siga-instagram h3{font-size: 18px;font-weight: 400;text-align: center;margin: 30px 0;}
#siga-instagram h3 a{text-decoration: underline;color: #001447;}

/* Wrapper do carousel (com setas) */
.carousel-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 30px;
}

/* Botões esquerda/direita */
.carousel-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 10;
  width: 40px; /* Ajuste conforme o tamanho da imagem */
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-btn img {
  /*width: 100%;*/
  height: auto;
  display: block;
}


/* Container do carousel (rolável) */
.carousel-container {
  display: flex;
  overflow: hidden; /* importante para ocultar qualquer "vazamento" */
  scroll-behavior: smooth;
  gap: 20px;
  padding: 10px 0;
  width: 100%;
}

.carousel-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* Cada bloco individual */
.siga-instagram-bloco {
  flex: 0 0 auto;
  border: 2px solid #001447;
  border-radius: 10px;
  overflow: hidden;
  width: 30%;
  margin: 0 1%;
  transition: transform 0.3s;
  padding: 3px;
}

.siga-instagram-bloco a {
  display: block;
  overflow: hidden;
  border-radius: 8px;
}

.siga-instagram-bloco img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  transition: transform 0.4s ease;
}

.siga-instagram-bloco:hover img {
  transform: scale(1.08); /* Ajuste o valor se quiser mais ou menos zoom */
}


/* Encontre Uma Farmácia */
#encontre-uma-farmacia{padding-bottom: 70px;padding-top: 70px;background-color: #FFB000;}
.encontre-uma-farmacia-texto{width: 30%;float: left;margin-top: 0;}
.encontre-uma-farmacia-texto h2{color: #001447;font-size: 32px;text-transform: inherit !important;font-weight: 800;margin-bottom: 10px;}
.encontre-uma-farmacia-texto p{font-size: 16px;color: #001447;line-height: 22px;}
.form-encontre{width: 65%;float: right;}
/*Form*/
.form-encontre form select {width: 700px;height: 39px;border-radius: 10px;border: none;padding-left: 20px;font-size: 14px;font-weight: normal;color: #001447;text-transform: uppercase;border: 1px solid #001447;background: url(/site/wp-content/uploads/2025/09/seta-busca-farmacia.png) no-repeat right;background-color: #FFF;font-style: italic;background-position: 98%;appearance: none;margin-bottom: 20px;box-shadow: 0 0 2px 1px #001447;float: right;}
.form-encontre form button {width: 110px;top: 0;height: 40px;border: none;border-radius: 10px;background-color: #001447;color: #FCE302;font-size: 14px;font-weight: 600;text-transform: uppercase;cursor: pointer;margin-top: 0;float: right;position: relative;}
.form-encontre form button:hover {background-color: #F59A1C;color:#FFF;}

/*Resultado*/
.form-encontre .farmarcas-container-resultado {
    position: relative;
    margin: 64px auto;
    max-width: 850px;
}

.form-encontre .farmarcas-container-resultado ul {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.form-encontre .farmarcas-container-resultado ul li {
    position: relative;
    list-style: none;
    text-align: left;
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;

    display: flex;
    justify-content: space-between;
}

.form-encontre .farmarcas-container-resultado ul li .info-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 57px;
    background-color: var(--yellow);
    border-radius: 20px;
}

.farmarcas-container-resultado #unidades h2 {font-size: 16px;font-weight: 800;color: #001447;}
.farmarcas-container-resultado #unidades div {font-size: 16px;font-weight: 400;color: #001447;margin-bottom: 10px;overflow: hidden;}

.form-encontre .farmarcas-container-resultado ul li .info-container {
    width: 70%;
    display: inline-block;
}

.info-li {
    padding: 30px 0 0px 0 !important;
    background: url(images/info-li-background.png) bottom center no-repeat !important;
    margin: 35px auto;
    width: 1200px !important;
    list-style: none;
    position: relative;
}

.info-li:not(:first-child) {
  border-top: 1px solid #001447;
}


.farmarcas-container-resultado ul li .info-map {
    position: absolute;
    height: 100%;
    display: none;
    width: 60% !important;
    /*background: red;*/
    top: 30px;
    right: 0;
    /* margin: 0; */
    /* float: right;*/
}

.farmarcas-container-resultado #unidades .encontre-buttons-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.farmarcas-container-resultado #unidades button {
    border: none;
    width: 165px;
    height: 39px;
    cursor: pointer;
    position: relative;
    margin-top: 25px;
    left:0;
    transition: 0.2s;
    background: url(/site/wp-content/uploads/2025/09/como-chegar-farmacia.png);
}

.farmarcas-container-resultado #unidades button:hover {
   left:5px;
}

.farmarcas-container-resultado #unidades .encontre-buttons-box a {
    display: none !important;
    background-color: var(--yellow);
    border: none;
    border-radius: 50px;
    font-size: var(--bottom);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--blue-cp);
    width: 195px;
    height: 32px;
    cursor: pointer;
    padding: 7px 15px;

    display: flex;
    align-items: center;
    justify-content: center;
}
/*Resultado*/



/*CUPONS & FARMÁCIAS*/
#farmarcas-cupons_farmacias-home{background:#1D2C63;padding-top: 70px;padding-bottom: 60px;position: relative;}
#farmarcas-cupons_farmacias-home h2{color: #FCE302;font-size: 32px;font-weight: 900;text-transform: inherit;padding-left: 40px;}
#farmarcas-cupons_farmacias-home h3{font-size: 16px;margin-top: 10px;font-weight: 400;width: 390px;line-height: 25px;color: #FFF;padding-left: 40px;}
#farmarcas-cupons-home{float:left;width:30%;background-color: ;margin-top: 50px;}

.farmarcas-cupons-home-blocos{margin-bottom: 35px;}
.farmarcas-cupons-home-blocos img{max-width: 100%;}
.farmarcas-cupons-home-blocos h4{font-size: 28px;color:#FFB000;line-height: 30px;margin-bottom:10px;}
.farmarcas-cupons-home-blocos h5{font-size: 16px;color:#FFF;font-weight: 400;padding: 0 10px 0 40px;margin-top: -15px;line-height: 25px;}
/*.farmarcas-cupons-home-blocos div{background:red;}*/


#farmarcas-farmacias-home{float:right;width: 65%;margin-top: 50px;}
.farmarcas-bandeira{width: 20%;float:left;margin: 10px 10px 20px 10px;}

/*FARMACIAS*/
/* Fundo escuro */
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);display: none;z-index: 999;}

/* Estilo do popup */
.mpopup {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);z-index: 1000;display: none;transition: transform 0.3s ease-out;transform: translate(-50%, -50%) scale(0);}

/* Efeito de zoom no popup */
.mpopup.open {display: block;transform: translate(-50%, -50%) scale(1);}

.modal-content {text-align: center;padding: 20px 20px 40px 20px;width: 450px;height: 260px;background: #FCE302;border-radius: 5px;}

/* Botão de fechar */
.close {position: absolute;top: -15px;right: -15px;font-size: 20px;cursor: pointer;color: transparent;width: 32px;height: 33px;background: url('/site/wp-content/uploads/2025/09/farmarcas-close.png') no-repeat;}

.links-farmacias {display: block; width: 50%;float:left;}
.links-farmacias p {font-size:14px;color:#001447;}
.links-farmacias a { background-color: transparent; padding: 100%; color: transparent; display: block; }
.link-google { background: url('/site/wp-content/uploads/2025/09/link-google-fundo-desktop.png') no-repeat; width: 131px; height: 39px; overflow: hidden; margin: 10px auto 10px auto; }
.link-app { background: url('/site/wp-content/uploads/2025/09/link-app-fundo-desktop.png') no-repeat; width: 131px; height: 39px; overflow: hidden;margin: 0 auto 10px auto;}

.link-qrcode{width: 50%;float: right;}

/* Ajustes na imagem */
.imagem-farma-top{margin-top: -65px;margin-bottom:10px;}
.imagem-farma-top img {max-width: 100%;height: auto;}








/* DÚVIDAS FAQ HOME */ 
#farmarcas-duvidas{padding-top: 50px;padding-bottom: 120px;width: 100%;background: url(/site/wp-content/uploads/2025/09/fundo-faq-right.png) right bottom no-repeat;background-color: #1D2C63;}
#farmarcas-duvidas h2{color: #FCDB04;margin-bottom: 10px;font-size: 32px;text-transform: inherit;font-weight: 800;}
#farmarcas-duvidas h3{color: #FFF;font-size: 16px;font-weight: 500;width: 265px;line-height: 25px;}
#farmarcas-duvidas-texto{float:left;width: 33%;}
#farmarcas-duvidas-faq{float:right;width: 60%;}

/*FAQ*/
.faq-item {
    margin-bottom: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.faq-question {
    border: 1px solid #1D2C63;
    border-radius: 10px;
    background: #FFF;
    color: #1D2C63;
    padding: 5px 15px 5px 40px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    background: #001447;
    color: #FFF;
    padding: 0 15px;
    box-sizing: border-box;
    flex: 1;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 96%;
    margin: auto;
}

.faq-answer a{color:#FFB000;font-weight: 600;}
.faq-answer a:hover{text-decoration: none;}
.faq-answer.open {
    max-height: 1000px;
    padding: 20px 15px;
}
.arrow {
    transition: transform 0.3s ease;
    font-size: 18px;
    color: #001447;
}
.arrow.open {
    transform: rotate(180deg);
}
.faq-item.hidden {
    display: none;
}


#faq-saiba{width: 100%;text-align: right;margin-top: 30px;}
#faq-saiba a{background-color: #001447;color:#FCE302;padding:10px 30px;text-transform: uppercase;border-radius: 10px;text-decoration: none;border: 1px solid #001447;transition:0.3s;}
#faq-saiba a:hover{color: #001447;background-color: #FCE302;}



/*RODAPÉ*/
#site-footer{border: none;margin-top: -1px;}
#site-footer-logo-sociais{background:#FFF;padding: 30px 0;}


#site-footer-logo-sociais .farmarcas-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px; /* opcional para limitar a largura */
  margin: 0 auto;
  padding: 0 20px; /* espaço lateral interno */
  flex-wrap: wrap; /* responsivo */
}

#site-footer-logo-sociais .farmarcas-container img{position: relative;top: 5px;}

#logo-rodape {
  flex-shrink: 0; /* evita encolhimento do logo */
}

#sociais-links-rodape {
  display: flex;
  gap: 50px; /* espaçamento entre os blocos "links" e "sociais" */
  align-items: center;
  flex-wrap: wrap;
}

#links-rodape {
  display: flex;
  gap: 40px; /* espaçamento entre os links */
}

#links-rodape a {
  text-decoration: none;
  color: #001447; /* ajuste conforme o design */
  font-size: 15px;
}

#sociais-rodape {
  display: flex;
  gap: 15px; /* espaçamento entre os ícones sociais */
}

#sociais-rodape img {
  width: 27px; /* ajuste conforme necessário */
  height: auto;
}


#rodape-final{width: 100%;background: #001447;padding: 30px 0;text-align: center;}
#rodape-final p{color:#FFF;font-size: 10px;}


/*INTERNAS*/
#banner-internas{}
#titulo-internas{text-align: center;margin-top: -50px;}
#titulo-internas h1, #galeria-ganhadores h2{color: #001447;font-size: 32px;text-transform: uppercase;}
#titulo-internas h2{font-weight: 100;}

/* PÁGINA SORTEIOS E GANHADORES */
#tabela-ganhadores-pdf {
  margin: 30px auto;
  position: relative;
}

/*Somente Desktop*/
@media(min-width: 900px){
  #tabela-ganhadores-pdf table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: center;
    border: 1px solid #1D2C63;
    border-radius: 5px;
    overflow: hidden; /* evita que conteúdo "vaze" dos cantos */
    font-size: 24px;
    font-weight: 800;
    z-index: 5;
    position: relative;
  }

  /* Centralizar verticalmente em todas as células */
  #tabela-ganhadores-pdf th,
  #tabela-ganhadores-pdf td {
    vertical-align: middle;
  }

  /* Cabeçalho */
  #tabela-ganhadores-pdf thead th {
    background-color: #FCDB04;
    color: #1D2C63;
    border: 1px solid #1D2C63;
    padding: 10px;
    position: relative;
    font-size: 18px;
  }

  /* Canto superior esquerdo */
  #tabela-ganhadores-pdf thead th:first-child {
    border-top-left-radius: 5px;
    border-left: 1px solid #1D2C63; /* garante borda */
  }

  /* Canto superior direito */
  #tabela-ganhadores-pdf thead th:last-child {
    border-top-right-radius: 5px;
    border-right: 1px solid #1D2C63;
  }

  /* Linha 1 (1º Sorteio) */
  #tabela-ganhadores-pdf tbody tr:nth-child(1) td {
    background-color: #E24826;
    color: white;
    border-top: 10px solid #FCDB04;
    border-left: 1px solid #FCDB04;
    border-right: 1px solid #FCDB04;
    border-bottom: 2px solid #FCDB04;
    position: relative;
  }

  /* Linha 2 (2º Sorteio) */
  #tabela-ganhadores-pdf tbody tr:nth-child(2) td {
    background-color: #F79321;
    color: white;
    border-left: 1px solid #FCDB04;
    border-right: 1px solid #FCDB04;
    border-bottom: 10px solid #FCDB04 !important;
    position: relative;
  }

  #tabela-ganhadores-pdf td {
    padding: 10px;
  }

  /* Espaço entre colunas - mantidos */
  #tabela-ganhadores-pdf tbody tr:nth-child(1) td:not(:first-child):not(:last-child),
  #tabela-ganhadores-pdf tbody tr:nth-child(2) td:not(:first-child):not(:last-child) {
    border-left: 1px solid #FCDB04;
    border-right: 1px solid #FCDB04;
    padding: 30px;
  }

  /* Ajustes nos cantos da primeira linha do corpo - para arredondar os cantos inferiores */
  #tabela-ganhadores-pdf tbody tr:nth-child(1) td:first-child {
    border-left: 1px solid #FCDB04;
  }

  #tabela-ganhadores-pdf tbody tr:nth-child(1) td:last-child {
    border-right: 1px solid #FCDB04;
  }

  /* Canto inferior esquerdo - arredondado */
  #tabela-ganhadores-pdf tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
    border-left: 1px solid #FCDB04;
  }

  /* Canto inferior direito - arredondado */
  #tabela-ganhadores-pdf tbody tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
    border-right: 1px solid #FCDB04;
  }
}

#triangulo-right-ganhadores{position: absolute;right:0;z-index: 1;top: 100px;}

/*GALERIA*/
#galeria-ganhadores{margin: 70px 0 100px 0;text-align: center;position: relative;z-index: 5;}

    /* Container principal da galeria */
    #galeria-container {
      max-width: 100%;
      margin: 30px auto 0 auto;
      position: relative;
    }

    /* Grid da galeria */
    #galeria {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px;
      transition: all 0.4s ease;
    }

    /* Estilo das imagens */
    #galeria img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border: 10px solid #001447;
      border-radius: 15px;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    /* Zoom ao passar o mouse */
    #galeria img:hover {
      transform: scale(1.05);
    }

    /* Botões de navegação (setas) */
    #galeria-container button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: none;
      border: none;
      cursor: pointer;
      z-index: 10;
    }

    #btn-left {
      left: -50px;
    }

    #btn-right {
      right: -50px;
    }

    #galeria-container button img {
      max-width: 100%;
      height: auto;
      display: block;
    }

    /* Lightbox */
    #lightbox {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.8);
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    #lightbox img {
      max-width: 90vw;
      max-height: 90vh;
      border-radius: 10px;
      box-shadow: 0 0 20px 20px #001447;
      transform: scale(0.9);
      transition: transform 0.3s ease;
    }

    #lightbox-close {
      position: absolute;
      top: 90px;
      right: 30px;
      border: none;
      width: 32px;
      height: 32px;
      cursor: pointer;      
      background: url(/site/wp-content/uploads/2025/09/img-close.png);
      z-index: 10001;
    }

    /* Setas internas do Lightbox */
    .lightbox-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 48px;
      color: #fff;
      background: transparent;
      border: none;
      cursor: pointer;
      z-index: 10000;
      padding: 10px;
    }

    #lightbox-prev {
      left: 20px;
    }

    #lightbox-next {
      right: 20px;
    }

    #lightbox-prev img, #lightbox-next img {box-shadow: none;}

    .lightbox-arrow:hover {
      color: #FCDB04;
    }



/* PÁGINA DÚVIDAS FAQ */

/* ---------------------------
   SEÇÃO: CONTAINER DO FAQ
---------------------------- */
/*#page-farmarcas-duvidas {
  padding: 80px 0;
  width: 1000px;
  margin: 50px auto;
  background: url('/site/wp-content/uploads/2025/09/fundo-faq-right.png') right bottom no-repeat;
  background-color: green
}*/

/* ---------------------------
   SEÇÃO: LAYOUT GERAL
---------------------------- */
#page-farmarcas-duvidas-faq {
  width: 1000px;
  margin: 50px auto;
}

/* ---------------------------
   SEÇÃO: TÍTULOS E TEXTOS
---------------------------- */
#page-farmarcas-duvidas h2 {
  color: #FCE302;
  margin-bottom: 15px;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 800;
  text-align: center;
}

#page-farmarcas-duvidas h3 {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  width: 950px;
  line-height: 25px;
  text-align: center;
  margin: 0 auto 60px;
}

/* ---------------------------
   SEÇÃO: FAQ - BLOCOS
---------------------------- */
.page-faq-item {
  margin-bottom: 15px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.page-faq-item.page-hidden {
  display: none;
}

/* ---------------------------
   SEÇÃO: FAQ - PERGUNTA
---------------------------- */
.page-faq-question {
  border: 2px solid #FCE302;
  border-radius: 15px;
  background: #001447;
  color: #FCE302;
  padding: 10px 60px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ---------------------------
   SEÇÃO: FAQ - RESPOSTA
---------------------------- */
.page-faq-answer {
  background: #FFF;
  color: #000066;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  padding: 0 15px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 96%;
  margin: auto;
  box-sizing: border-box;
}

.page-faq-answer.open {
  max-height: 1000px;
  padding: 20px 15px;
}

.page-faq-answer a {
  color: #001447;
  font-weight: 600;
  text-decoration: none;
}

.page-faq-answer a:hover {
  text-decoration: none;
}

/* ---------------------------
   SEÇÃO: FAQ - SETA
---------------------------- */
.page-faq-arrow {
  transition: transform 0.3s ease;
  font-size: 18px;
  color: #FCE302;
}

.page-faq-arrow.open {
  transform: rotate(180deg);
}

/* ---------------------------
   SEÇÃO: BOTÃO "LEIA MAIS"
---------------------------- */
#page-faq-saiba {
  width: 100%;
  text-align: center;
  padding: 30px 0;
}

#page-faq-saiba a {
  background-color: #F79321;
  color: #001447;
  padding: 10px 30px;
  text-transform: uppercase;
  border-radius: 10px;
  text-decoration: none;
  transition: 0.3s;
  font-weight: 500;
  cursor: pointer;
}

#page-faq-saiba a:hover {
  color:#FCDB04;
  background-color: #001447;
}


/* SWIPER EDIT */
.swiper {
    /*margin-left: auto;
    margin-right: auto;
    position: relative;*/
    overflow: inherit;
    /*list-style: none;
    padding: 0;
    z-index: 1;
    display: block;*/
}

/*.swiper-slide{opacity: 0 ;transition: 0.3s;}
.swiper-slide-active{opacity: 1;}*/

.swiper-button-next, .swiper-rtl .swiper-button-prev {background: url(/site/wp-content/uploads/2025/09/seta-instagram-right.png) no-repeat;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{background: url(/site/wp-content/uploads/2025/09/seta-instagram-left.png) no-repeat;}

/*#produtos-participantes .swiper-button-next, .swiper-rtl .swiper-button-prev {background: url(/site/wp-content/uploads/2025/09/seta-instagram-right-yellow.png) no-repeat;}
#produtos-participantes .swiper-button-prev, .swiper-rtl .swiper-button-next{background: url(/site/wp-content/uploads/2025/09/seta-instagram-left-yellow.png) no-repeat;}*/


.swiper-button-next:after, .swiper-button-prev:after{display: none;}