.elementor-1280 .elementor-element.elementor-element-e7e1697{--display:flex;}.elementor-1280 .elementor-element.elementor-element-e7e1697:not(.elementor-motion-effects-element-type-background), .elementor-1280 .elementor-element.elementor-element-e7e1697 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#140329;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1280 .elementor-element.elementor-element-db0024d{text-align:center;}.elementor-1280 .elementor-element.elementor-element-db0024d .elementor-heading-title{font-family:"K2D", Sans-serif;font-size:34px;font-weight:700;text-transform:uppercase;letter-spacing:10px;word-spacing:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#E1DDEA;}.elementor-1280 .elementor-element.elementor-element-32319fc{--display:flex;}.elementor-1280 .elementor-element.elementor-element-32319fc:not(.elementor-motion-effects-element-type-background), .elementor-1280 .elementor-element.elementor-element-32319fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#140329;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1280 .elementor-element.elementor-element-6a18231{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1280 .elementor-element.elementor-element-CQRTllI{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1280 .elementor-element.elementor-element-CQRTllI.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1280 .elementor-element.elementor-element-a27bf37{width:var( --container-widget-width, 100.697% );max-width:100.697%;--container-widget-width:100.697%;--container-widget-flex-grow:0;}.elementor-1280 .elementor-element.elementor-element-a27bf37.elementor-element{--align-self:flex-start;}.elementor-1280 .elementor-element.elementor-element-961e549{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1280 .elementor-element.elementor-element-8eb31b1{font-family:"Saira", Sans-serif;font-weight:400;color:#180C74;}.elementor-1280 .elementor-element.elementor-element-b0dfb97{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1280 .elementor-element.elementor-element-98df277{width:100%;max-width:100%;}.elementor-1280 .elementor-element.elementor-element-98df277.elementor-element{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1280 .elementor-element.elementor-element-c54a2d8 .elementor-button{background-color:#029738;}@media(max-width:1024px){.elementor-1280 .elementor-element.elementor-element-CQRTllI{--min-height:0px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:48px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-1280 .elementor-element.elementor-element-e7e1697{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1280 .elementor-element.elementor-element-db0024d{width:100%;max-width:100%;}.elementor-1280 .elementor-element.elementor-element-db0024d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1280 .elementor-element.elementor-element-db0024d.elementor-element{--align-self:center;}.elementor-1280 .elementor-element.elementor-element-39a7227{width:100%;max-width:100%;}.elementor-1280 .elementor-element.elementor-element-39a7227 > .elementor-widget-container{margin:-10px -10px -10px -10px;padding:0px 0px 0px 0px;}.elementor-1280 .elementor-element.elementor-element-CQRTllI{--width:100%;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1280 .elementor-element.elementor-element-CQRTllI .elementor-background-slideshow__slide__image{background-size:contain;}.elementor-1280 .elementor-element.elementor-element-CQRTllI.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1280 .elementor-element.elementor-element-a27bf37{width:100%;max-width:100%;}.elementor-1280 .elementor-element.elementor-element-a27bf37 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1280 .elementor-element.elementor-element-a27bf37.elementor-element{--align-self:center;}.elementor-1280 .elementor-element.elementor-element-8eb31b1{width:100%;max-width:100%;text-align:justify;}.elementor-1280 .elementor-element.elementor-element-8eb31b1.elementor-element{--align-self:center;}.elementor-1280 .elementor-element.elementor-element-b0dfb97{--margin-top:-51px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-1280 .elementor-element.elementor-element-CQRTllI{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-a27bf37 */.page-tabs {text-align-last:center;}

/* Apenas estas regras são novas */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

/* ===== SEU CÓDIGO ORIGINAL (EFEITOS INTACTOS) ===== */
.cotas-disponiveis .form-check label {
  padding-top: 21px;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: 1px solid transparent;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Efeito de onda (ORIGINAL) */
.cotas-disponiveis .form-check label:hover {
  transform: translateY(0px); /* Corrigi o valor faltante */
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  border-color: #e0e0e0;
}

.cotas-disponiveis .form-check label::before {
  content: '';
  position: absolute;
  top: 0; /* Corrigi o valor faltante */
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0,150,255,0.1), transparent);
  transition: 0.9s;
}

.cotas-disponiveis .form-check label:hover::before {
  left: 100%;
}

/* Efeito pulso (ORIGINAL) */
.cotas-disponiveis .form-check input:checked + label {
  padding-top: 21px;
  background-color: #f0f7ff;
  animation: pulse 1.5s infinite;
  border: 2px solid #007bff;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(0,123,255,0.4); }
  70% { box-shadow: 0 0 0 15px rgba(0,123,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(0,123,255,0); }
}

/* Modal (ORIGINAL) */
#modalRifa .coluna-2 h3 a {
  font-size: 18px;
  padding: 8px 15px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  color: #0066cc;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 1;
}

#modalRifa .coluna-2 h3 a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(135deg, #0066cc, #004d99);
  border-radius: 3px;
  transition: width 0.4s ease;
  z-index: -1;
}

#modalRifa .coluna-2 h3 a:hover {
  color: white;
}

#modalRifa .coluna-2 h3 a:hover::before {
  width: 50%; /* Mantido o valor original */
}

#modalRifa .coluna-2 h3 a:active {
  transform: scale(0); /* Efeito original */
}

/* Modelo-4 (ORIGINAL) */
.cotas-disponiveis-modelo-4.cotas-disponiveis .form-check input:checked + label {
  margin-left: -1px;
  animation: shake 0.s cubic-bezier(.36,.07,.19,.97) both; /* Corrigi o tempo faltante */
}

@keyframes shake {
  10%, 90% { transform: translateX(-1px); }
  20%, 80% { transform: translateX(1px); }
  30%, 50%, 70% { transform: translateX(-2px); }
  40%, 60% { transform: translateX(2px); }
}

/* ===== GARANTIA DE CENTRALIZAÇÃO ===== */
/* Apenas esta regra adicional para o container */
.cotas-disponiveis {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* ===== ELEMENTOS OCULTOS ===== */

.label-aba-participantes, 
.label-aba-participantes:hover {
  display: none !important;
}

/* ===== ESTILO PARA AS ABAS ===== */
/* Container das abas */
.abas-container {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  width: 100%;
  max-width: 800px;
  gap: 10px;
}

/* Estilo base das abas */
.aba {
  padding: 12px 20px;
  border-radius: 8px;
  background-color: #f5f5f5;
  color: #333;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  border: 1px solid #ddd;
  flex: 1;
  min-width: 120px;
}

/* Efeito hover */
.aba:hover {
  background-color: #e9e9e9;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Aba ativa */
.aba.ativa {
  background-color: #007bff;
  color: white;
  border-color: #0066cc;
}

/* Responsividade - Mobile */
@media (max-width: 768px) {
  .abas-container {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 10px 5px;
    justify-content: flex-start;
    gap: 5px;
  }
  
  .aba {
    padding: 8px 12px;
    font-size: 14px;
    min-width: 80px;
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

/* Centralização para desktop */
@media (min-width: 769px) {
  .abas-container {
    justify-content: center;
  }
  
  .aba {
    max-width: 180px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-CQRTllI *//* ===== CORREÇÃO DE MARGENS SEM AFETAR EFEITOS ===== */
/* Apenas estas regras são novas */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

/* ===== SEU CÓDIGO ORIGINAL (EFEITOS INTACTOS) ===== */
.cotas-disponiveis .form-check label {
  padding-top: 21px;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: 1px solid transparent;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Efeito de onda (ORIGINAL) */
.cotas-disponiveis .form-check label:hover {
  transform: translateY(0px); /* Corrigi o valor faltante */
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  border-color: #e0e0e0;
}

.cotas-disponiveis .form-check label::before {
  content: '';
  position: absolute;
  top: 0; /* Corrigi o valor faltante */
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0,150,255,0.1), transparent);
  transition: 0.9s;
}

.cotas-disponiveis .form-check label:hover::before {
  left: 100%;
}

/* Efeito pulso (ORIGINAL) */
.cotas-disponiveis .form-check input:checked + label {
  padding-top: 21px;
  background-color: #f0f7ff;
  animation: pulse 1.5s infinite;
  border: 2px solid #007bff;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(0,123,255,0.4); }
  70% { box-shadow: 0 0 0 15px rgba(0,123,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(0,123,255,0); }
}

/* Modal (ORIGINAL) */
#modalRifa .coluna-2 h3 a {
  font-size: 18px;
  padding: 8px 15px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  color: #0066cc;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 1;
}

#modalRifa .coluna-2 h3 a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(135deg, #0066cc, #004d99);
  border-radius: 3px;
  transition: width 0.4s ease;
  z-index: -1;
}

#modalRifa .coluna-2 h3 a:hover {
  color: white;
}

#modalRifa .coluna-2 h3 a:hover::before {
  width: 50%; /* Mantido o valor original */
}

#modalRifa .coluna-2 h3 a:active {
  transform: scale(0); /* Efeito original */
}

/* Modelo-4 (ORIGINAL) */
.cotas-disponiveis-modelo-4.cotas-disponiveis .form-check input:checked + label {
  margin-left: -1px;
  animation: shake 0.s cubic-bezier(.36,.07,.19,.97) both; /* Corrigi o tempo faltante */
}

@keyframes shake {
  10%, 90% { transform: translateX(-1px); }
  20%, 80% { transform: translateX(1px); }
  30%, 50%, 70% { transform: translateX(-2px); }
  40%, 60% { transform: translateX(2px); }
}

/* ===== GARANTIA DE CENTRALIZAÇÃO ===== */
/* Apenas esta regra adicional para o container */
.cotas-disponiveis {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* ===== ELEMENTOS OCULTOS ===== */
.label-aba-participantes, 
.label-aba-participantes:hover {
  display: none !important;
}
/* ==== NOVO BLOCO: BOTÕES DE FILTRO DE COTAS (MOBILE E DESKTOP) ==== */
.filtros-cotas {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px auto;
  padding: 10px 0;
  width: 100%;
  max-width: 600px;
}

/* Estilo base dos botões */
.filtros-cotas .filtro {
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  white-space: nowrap;
  min-width: 100px;
  text-align: center;
}

/* Cores individuais */
.filtro.todas {
  background: #ffffff;
  color: #000;
  border: 2px solid #ccc;
}

.filtro.livres {
  background: #ffffff;
  color: #000;
  border: 2px solid #ccc;
}

.filtro.reservadas {
  background-color: #ffb800;
  color: #000;
}

.filtro.pagas {
  background-color: #00c853;
  color: #fff;
}

/* Efeito ao passar o mouse */
.filtros-cotas .filtro:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* === MOBILE: 4 botões em uma linha, responsivos, sem scroll horizontal === */
@media (max-width: 768px) {
  .filtros-cotas {
    padding: 0 10px;
    gap: 6px;
  }

  .filtros-cotas .filtro {
    flex: 1 1 22%;
    padding: 6px 5px;
    font-size: 12px;
    min-width: auto;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-98df277 *//* Container principal */
.rifa-barra-de-progresso {
    position: relative;
    background-color: #f5f5f5;
    border-radius: 25px;
    overflow: hidden;
    height: 35px;
    width: 100%;
    box-shadow: 
        inset 0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 12px rgba(0, 0, 0, 0.15);
    transform: perspective(300px) rotateX(8deg);
    transition: all 0.3s ease;
    margin: 25px 0;
}

.rifa-barra-de-progresso:hover {
    transform: perspective(300px) rotateX(8deg) scale(1.02);
    box-shadow: 
        inset 0 2px 4px rgba(0, 0, 0, 0.1),
        0 6px 16px rgba(0, 0, 0, 0.2);
}

/* Barra de preenchimento */
.quantidade-ate-meta {
    position: relative;
    background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%);
    height: 100%;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 
        inset 0 -3px 6px rgba(255, 255, 255, 0.3),
        inset 0 3px 6px rgba(0, 0, 0, 0.2),
        0 2px 4px rgba(0, 0, 0, 0.2);
    width: 0;
    animation: progressLoad 1.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
    transition: width 0.5s ease;
}

/* Efeito de brilho na barra */
.quantidade-ate-meta::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: shine 2.5s infinite;
}

/* Texto da descrição */
.descricao-meta-rifa {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
    color: #555;
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* Animações */
@keyframes progressLoad {
    from {
        width: 0%;
    }
    to {
        width: var(--progress-width, 100%);
    }
}

@keyframes shine {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}/* End custom CSS */