.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Helvetica";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#fbfbfb;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#FFFFFF;}.elementor-kit-6 a:hover{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==== ESTILO PADRÃO (Desktop) ==== */
[data-secretland] {
  position: relative;
}

/* Borda tracejada + texto */
[data-secretland]::before {
  z-index: 2;
  content: attr(data-secretland); /* usa o valor do atributo como texto */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; /* evita pixel sobrando no canto inferior */

  /* Apenas topo e direita */
  border-top: 2px dashed #38A000;
  border-right: 2px dashed #38A000;
  border-radius: 5px 5px 5px 5px; /* mantém canto arredondado só no topo */

  /* Alinhamento do texto */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 5px; /* 🔹 alterar no celular */
  font-size: 24px; /* 🔹 alterar no celular */
  font-weight: bold;
  color: #7FC461;

  pointer-events: none;
  box-sizing: border-box;
  transition: border-color .3s ease-out;
}

[data-secretland]:hover::before {
  border-top-color: #2E8200;
  border-right-color: #2E8200;
}

/* Efeito de adesivo (canto dobrado) */
[data-secretland]::after {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-width: 25px; /* 🔹 alterar no celular */
  border-style: solid;
  border-color: #E7F9DD #E7F9DD #7FC461 #7FC461;
  box-shadow: -5px 5px 8px rgba(0, 0, 0, 0.4);
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  pointer-events: none;
  transition: border-width .3s ease-out;
}

[data-secretland]:hover::after {
  border-width: 30px 35px 30px 35px; /* 🔹 alterar no celular */
}

/* ==== AJUSTES PARA CELULAR ==== */
@media (max-width: 768px) {
  [data-secretland]::before {
    padding-right: 5px; /* valor para celular */
    font-size: 22px; /* valor para celular */
  }

  [data-secretland]::after {
    border-width: 22px; /* valor para celular */
  }

  [data-secretland]:hover::after {
    border-width: 25px 28px 25px 28px; /* valor para celular */
  }
}








/* Faixa laranja no topo para as tags: cupom, subcupom e principal */
body.tag-cupom::before,
body.tag-subcupom::before,
body.tag-principal::before {
  content: "";
  display: block;
  height: 45px; /* desktop */
  background-color: #F6741E;
  margin-top: -45px;
}

/* Mobile */
@media (max-width: 767px) {
  body.tag-cupom::before,
  body.tag-subcupom::before,
  body.tag-principal::before {
    height: 34px;
    margin-top: -34px;
  }
}/* End custom CSS */