/* =====================
   RESPONSIVO - ATÉ 1280px
   ===================== */
@media (max-width: 1280px) {
  .menu-item > a {
      font-size: 13px;
  }
}

/* =====================
   RESPONSIVO - ATÉ 900px
   ===================== */
@media (max-width: 900px) {

  *{max-width: 100%;}
  html, body {overflow-x: hidden;width: 100%;}

  .display-desktop, #produtos-participantes-triangulo-left, #produtos-participantes-triangulo-right{display: none !important;}
  .display-mobile{display: block !important;}

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

  /* LOGO */
    #logo {
        position: relative;
        margin: auto;
        width: 90%;
    }
    #logo img{position: relative;top: 5px;}

  /* Cabeçalho e Menu */
  .header-container {
    max-width: 96%;
    margin: 0 auto;
    display: block;
    align-items: inherit;
    justify-content: inherit;
  }

  /* MENU */
  #button-menu-mobile{display: block;float: right;}
  #info-menu-mobile{display: block;position: absolute;bottom: 5vh;line-height: 35px;}
  #info-menu-mobile a{color: #FFF;}
  #info-menu-mobile-sociais{margin-top: 25px;}
  #info-menu-mobile-sociais a{padding: 10px 10px 0 0;font-weight: 300;}
  #fechar-menu-mobile{display: block;position: absolute;right: 20px;top:20px;}

  .main-nav{
    position: absolute;
    width: 100%;
    transition: right 0.5s ease; /* animação suave */
    top: -1000px;
    left: 0;
    z-index: 10;
    background-color: #001447;
    padding: 5vh 5vh 5vh 5vh;
    text-align: left;
    height: 90vh;
  }

  .menu-principal {
    flex-direction: column;
    gap: 20px;
    margin-top: 15px;
  }

  .menu-item > a {
      color: #FFF;
  }
  
  .menu-item.has-submenu:hover > .submenu {
    display: none; /* Desativa hover no mobile */
  }




  #sorte-participe {scroll-margin-top: 80px;}
  #premios{scroll-margin-top: 70px;}
  #farmarcas-cupons_farmacias-home{scroll-margin-top: 50px;}
  #a-encontre{scroll-margin-top: 20px;}

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



  .siga-instagram-bloco {
    flex: 0 0 calc((100% - 20px) / 2); /* 2 blocos por linha em tablet/mobile */
  }

  #banner-principal{margin-top: 60px;}
  /*#banner-principal-desktop{display: none;}
  #banner-principal-mobile{display: block;}
  #banner-principal-mobile img{width: 100%}*/
  .texto-banner-mobile{position: relative;bottom: 10px;width: 90%;margin: 10px 5% 0 5%;}
  .texto-banner-mobile p{font-size: 7px;text-align: center;}


  #site-content {
    margin-top: 20px;
  }

  #sorte-triangulo-right{display: none;}


  #sorte-participe .swiper{margin-top: 10px;}
  #sorte-participe .n2-ss-no-bga-fixed{display: inline;}
  /*#sorte-participe .display-mobile{width: 70%;}*/

  #sorte-participe h2 {font-size: 22px;}
  #sorte-participe h3 {margin-bottom: 5px;}

#sorte-participe p {
    font-size: 18px;
    margin: 0 auto 50px auto;
    width: 290px;
    font-weight: 600;
}

.site-content-container h3 {
    text-align: center;
    left: 0;
    font-size: 22px;
}

#sorte-participe-blocos, #premio-blocos {
}

/* SWIPER */
    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .swiper-pagination {
        /* background: red; */
        position: relative;
    }
  .swiper-pagination-bullet {
      width: 14px;
      height: 14px;
      display: inline-block;
  }

      .swiper-pagination-bullet-active {
      opacity: var(--swiper-pagination-bullet-opacity, 1);
      background: #001447;
  }

  /* PREMIOS */
  #premios{padding-top:0;position: relative;}
  #premios h3{top: 20px;}
  #premios img{width: 100%;}

  #premios h4{position: absolute;bottom: 60px;width: 50%;height: 25px;margin: 0 25%}

  #produtos-participantes{padding-top: 0;}

  #produtos-participantes .n2-ss-no-bga-fixed{display: inline;}

  #produtos-participantes p{font-size: 12px;width: 300px;margin: 30px auto 0 auto;}

  #produtos-participantes h4 {
    /* color: #FFF; */
    margin: 20px auto;
    width: 245px;
    font-size: 16px;
    /* font-weight: 400; */
}

#produtos-participantes .swiper-pagination-bullet-active {
      opacity: var(--swiper-pagination-bullet-opacity, 1);
      background: #FCDB04;
  }

#produtos-participantes-blocos .site-content-container {
    display: block;
    top: -80px;
}

.produtos-participantes-blocos-class {
    /*display: block;*/
    flex-direction: column;
    /* align-items: center; */
    /* position: relative; */
    width: 100%;
    /* text-align: center; */
    /* left: 0; */
     margin:  0 !important; 
}

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

.produtos-participantes-blocos-class img:nth-of-type(2) {
    /* width: 80%; */
    margin: -140px 0 0 0;
    /* z-index: 1; */
    /* position: relative; */
}

#produtos-participantes .swiper{width: 80%;}
#produtos-participantes .swiper-button-next {right: -10%;top: 45%;}
#produtos-participantes .swiper-button-prev{left: -5%;top: 45%;}

#ganhe-5-numeros-extras h3 {
    font-size: 16px;
    width: 330px;
    margin: 20px auto 0 auto;
    line-height: 25px;
    font-weight: 600;
}

#ganhe-5-numeros-extras img{width: 100%;}

/* INSTAGRAM */
#siga-instagram {
  padding-top: 0;
}

#siga-instagram h3{font-size: 16px;margin: 0;}

#siga-instagram  .swiper-pagination {
      background: red;
  }

  .carousel-wrapper {
    /* position: relative; */
    /* display: flex
; */
    /* align-items: center; */
    margin-top: 30px;
    width: 70%;
    margin: 30px auto 0 auto;
}

  .siga-instagram-bloco{margin: 0;}

.carousel-wrapper .swiper-button-next {right: -15%;}
.carousel-wrapper .swiper-button-prev{left: -15%;}








/* Encontre Uma Farmácia */
    .encontre-uma-farmacia-texto {
        width: 100%;
        float: none;
        margin: 20px 0 40px 0;text-align: center;
    } 

    #encontre-uma-farmacia {
        padding-bottom: 55px;
        padding-top: 40px;
        background-color: #FFB000;
        position: relative;
    }
    .encontre-uma-farmacia-texto h2{font-size: 22px;}
    .encontre-uma-farmacia-texto p{font-size: 16px;}
    .form-encontre{width: 100%;float: none;}

    .form-encontre form select{width: 100% !important;}
    .form-encontre form button {
        width: 110px;
        margin: auto;
        float: none;left: 35%;
    }

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

    .farmarcas-container-resultado ul li .info-map {
        position: relative;
        height: 100%;
        display: none;
        width: 90% !important;
        top: 20px;
        right: 0;
    }

    .farmarcas-container-resultado ul li .info-map iframe{width: 100% !important;}

    #farmarcas-cupons_farmacias-home{padding-top: 40px;padding-bottom: 60px;text-align: center;}
    #farmarcas-cupons_farmacias-home h2{font-size: 22px;padding-left: 0;}
    #farmarcas-cupons_farmacias-home h3{margin: 10px auto 0 auto;width: 100%;padding-left: 0;}
    #farmarcas-cupons-home{float:none;width:100%;background-color: ;margin-top: 50px;}
    #farmarcas-farmacias-home{float:none;width: 100%;margin-top: 30px;}

    .farmarcas-cupons-home-blocos{margin-bottom: 20px;}
    .farmarcas-cupons-home-blocos img{width: 355px;}
    .farmarcas-cupons-home-blocos h4{font-size: 18px;text-transform: uppercase;line-height: 25px;margin-bottom: 5px;}
    .farmarcas-cupons-home-blocos div:nth-child(1){width: 92px;}
    .farmarcas-cupons-home-blocos div:nth-child(1) img{max-width: 100%;}
    .farmarcas-cupons-home-blocos div:nth-child(2){width: 65%;padding-left: 2%;}


    .farmarcas-bandeira{width: 20%;float:left;margin: 1.5%}

    .farmarcas-bandeira {
        width: 48%;
        float: left;
        margin: 10px 1%;
        overflow: hidden;
    }
    .farmarcas-bandeira img{max-width: 100%;}

    .links-farmacias { display: block;width:100%;}
    .links-farmacias a { display: block; }
    .link-google, .link-app {  overflow: hidden;margin: 10px auto; }
    .link-qrcode, .links-farmacias p{display: none;}
    .modal-content {width: 250px;}

    .link-google { background: url('/site/wp-content/uploads/2025/09/link-google-fundo-mobile.png') no-repeat; width: 169px; height: 56px;position: relative;bottom: 75px;}
    .link-app { background: url('/site/wp-content/uploads/2025/09/link-app-fundo-mobile.png') no-repeat; width: 169px; height: 56px;position: relative;top: 65px;}

    /* Botão de fechar */
    .close {
        top: 10px;
        right: 10px;
        cursor: pointer;
        background: url(/site/wp-content/uploads/2025/09/close-bandeira-mobile.png);
    }

/* DÚVIDAS HOME */
#farmarcas-duvidas {
    padding: 0 0 60px 0;
    background: url(/site/wp-content/uploads/2025/09/fundo-faq-right-mobile.png) right bottom no-repeat;
    background-color: #FCDB04;
}

#farmarcas-duvidas .farmarcas-container{width: 100%}

#farmarcas-duvidas h2{font-size: 22px;}
#farmarcas-duvidas h3{text-align: center;width: 260px;margin: auto;}

#farmarcas-duvidas-texto {
    float: none;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
    background: #1D2C63;
}

#farmarcas-duvidas-faq {
    float: none;
    width: 90%;
    margin: -10px auto 0 auto;
}

.faq-item {
    margin-bottom: 15px;
  }

#faq-saiba {
    text-align: center;
    margin-top: 50px;
}


/* RODAPÉ */
#links-rodape{margin-top: 20px;line-height: 35px;}

#sociais-rodape {display: block;width: 30px;}

#sociais-rodape img {margin: 5px 0;}


/* INTERNAS */
#banner-internas{margin-top: 50px;}
#banner-internas img{  width: 100%;}

#titulo-internas{margin: 0 auto 0 auto;width: 340px;}
#titulo-internas h1, #galeria-ganhadores h2 {font-size: 22px;}
#titulo-internas h2 {font-size: 18px;margin-top: 10px;}

/* DÚVIDAS */
#page-farmarcas-duvidas-faq {
    width: 80%;
    margin: 30px auto;
}

.page-faq-question {
      border-radius: 20px;
      padding: 15px 20px;
}




/* GANHADORES */
#tabela-ganhadores-pdf tbody tr:nth-child(1) td{background: #FCDB04;}


/* Estiliza o bloco do sorteio */
#sorteio-mobile {
  width: 90%;
  margin: 30px auto;
}

/* Título principal */
#sorteio-mobile h2 {
  font-size: 30px;
  font-weight: 900; /* ExtraBold */
  color: #001447;
  text-align: center;
}

/* Tabela arredondada e com borda geral */
#sorteio-mobile table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden; /* garante que a borda arredondada funcione */
  border: 2px solid #001447;
  text-align: center;
}

/* Estilo padrão das células */
#sorteio-mobile td {
  padding: 0;
  color: #001447;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 800;
}

/* Estilo para as células com <strong> */
#sorteio-mobile td strong {
  background-color: #E24826;
  color: #ffffff;
  display: block;
  padding: 12px 15px;
  text-transform: none;
  font-weight: 900;
  font-size: 20px;
  border-radius: 0; /* sem arredondar individualmente */
}

#sorteio-mobile #sorteio-02-mobile td strong{background: #F79321;}

/* h3 dentro da tabela */
#sorteio-mobile td h3 {
  font-size: 14px;
  margin: 0;
  padding: 10px 0;
  font-weight: 600;
  color: #001447;
  text-transform: uppercase;
}

/* GALERIA */
#galeria-ganhadores{margin: 50px 0 70px 0;}

  #galeria {
    grid-template-columns: repeat(2, 1fr); /* 2 colunas */
    gap: 5px;
    width: 85%;
    margin: auto;
  }

  #galeria img {
    height: inherit; /* ajuste conforme necessário */
        border: 5px solid #001447;
  }

  /* Força as setas a aparecerem */
  #btn-left,
 /* #btn-right {
    display: block;
    position: absolute;
    top: 45%; 
    transform: translateY(-50%);
    z-index: 10;
    background: none;
    border: none;
    width: 40px;
    height: 40px;
  }*/

  #btn-left {
    left: 0; /* Aproxima da borda esquerda */
  }

  #btn-right {
    right: 0; /* Aproxima da borda direita */
  }

  #btn-left img,
  #btn-right img {
    width: 100%;
    height: auto;
  }



#sorteio-01-mobile{margin-bottom: 50px;}














}

/* =====================
   RESPONSIVO - ATÉ 600px
   ===================== */
@media (max-width: 600px) {
  .siga-instagram-bloco {
    flex: 0 0 100%; /* 1 bloco por linha em telas pequenas */
  }
}