.elementor-276 .elementor-element.elementor-element-80e48ca{width:var( --container-widget-width, 1280px );max-width:1280px;--container-widget-width:1280px;--container-widget-flex-grow:0;}.elementor-276 .elementor-element.elementor-element-4b8af37{width:var( --container-widget-width, 1280px );max-width:1280px;--container-widget-width:1280px;--container-widget-flex-grow:0;}.elementor-276 .elementor-element.elementor-element-6e3743f{width:var( --container-widget-width, 1280px );max-width:1280px;--container-widget-width:1280px;--container-widget-flex-grow:0;}/* Start custom CSS for html, class: .elementor-element-80e48ca *//* ══════════════════════════════
   DOBRA 01 — VERSÃO 2
   Texto branco | azul nos destaques | marca laranja
   ══════════════════════════════ */

#pl-d1v2 {
  --orange:        #E8601A;
  --orange-bright: #FF7A2F;
  --orange-deep:   #B84A12;
  --blue:          #8CF0DA;
  --white:         #EEF3F4;

  --fs-eyebrow:  21px;
  --fs-title:    72px;
  --fs-sub:      46px;
  --mb-eyebrow:  32px;
  --mb-title:    36px;

  width:      100%;
  max-width:  680px;
  text-align: left;
}

#pl-d1v2,
#pl-d1v2 * {
  margin: 0; padding: 0;
  box-sizing: border-box;
  font-family: 'Degular', 'Helvetica Neue', Arial, sans-serif;
}

/* ── EYEBROW ── */
#pl-d1v2 .pl-eyebrow {
  font-size:     var(--fs-eyebrow);
  font-style:    italic;
  font-weight:   700;
  color:         var(--white);
  margin-bottom: var(--mb-eyebrow);
}

/* ── H1 — branco ── */
#pl-d1v2 .pl-title {
  font-size:      var(--fs-title);
  font-weight:    800;
  line-height:    1.05;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color:          var(--white);
  margin-bottom:  var(--mb-title);
}

/* ── H2 — branco ── */
#pl-d1v2 .pl-sub {
  font-size:      var(--fs-sub);
  font-weight:    800;
  line-height:    1.1;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color:          var(--white);
}

/* ── "o suficiente" e "o bastante" — azul ── */
#pl-d1v2 .pl-serif {
  font-family:    'Playfair Display', serif !important;
  font-style:     italic;
  font-weight:    600;
  text-transform: none;
  color:          var(--blue);
  letter-spacing: 0;
}

/* ── "podemos ser substituídos." — branco + grifo laranja escuro ── */
#pl-d1v2 .pl-mark {
  color:   var(--white);
  padding: 0 .06em;
}

/* ── "somos únicos." — azul + grifo laranja escuro ── */
#pl-d1v2 .pl-mark-out {
  color:   var(--blue);
  padding: 0 .06em;
}

/* ── TABLET ── */
@media (max-width: 1024px) {
  #pl-d1v2 {
    --fs-eyebrow: 18px; --fs-title: 52px; --fs-sub: 36px;
    --mb-eyebrow: 24px; --mb-title: 28px;
    max-width: 560px;
  }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  #pl-d1v2 {
    --fs-eyebrow: 14px; --fs-title: 36px; --fs-sub: 26px;
    --mb-eyebrow: 18px; --mb-title: 22px;
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b8af37 */@font-face {
  font-family: "Degular";
  src: url("https://tassiorenam.com.br/wp-content/uploads/2025/02/Degular-Semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.pl-finch {
  --shiny-cta-bg:               #1C0A03 !important;
  --shiny-cta-bg-subtle:        #130702 !important;
  --shiny-cta-fg:               #ffffff !important;
  --shiny-cta-highlight:        #E8601A !important;
  --shiny-cta-highlight-subtle: #FF7A2F !important;
}

@property --gradient-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
@property --gradient-angle-offset { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
@property --gradient-percent { syntax: "<percentage>"; initial-value: 5%; inherits: false; }
@property --gradient-shine { syntax: "<color>"; initial-value: #FF7A2F; inherits: false; }

.pl-finch.elementor-button {
  --animation: gradient-angle linear infinite !important;
  --duration: 3s !important;
  --shadow-size: 2px !important;
  isolation: isolate !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  overflow: hidden !important;
  cursor: pointer !important;
  outline-offset: 4px !important;
  min-width: 290px !important;
  padding: 1.25rem 3.5rem !important;
  font-family: "Degular", sans-serif !important;
  font-size: 1.325rem !important;
  line-height: 1.2 !important;
  border: 1px solid transparent !important;
  border-radius: 360px !important;
  color: var(--shiny-cta-fg) !important;
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
    conic-gradient(
      from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
      transparent,
      var(--shiny-cta-highlight) var(--gradient-percent),
      var(--gradient-shine) calc(var(--gradient-percent) * 2),
      var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
      transparent calc(var(--gradient-percent) * 4)
    ) border-box !important;
  box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle) !important;
  transition: 800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine !important;
}

@media only screen and (max-width: 600px) {
  .pl-finch.elementor-button { min-width: 0 !important; width: 100% !important; padding: 1.25rem 1.5rem !important; }
}

.pl-finch.elementor-button::before,
.pl-finch.elementor-button::after,
.pl-finch.elementor-button span::before {
  content: "" !important;
  pointer-events: none !important;
  position: absolute !important;
  inset-inline-start: 50% !important;
  inset-block-start: 50% !important;
  translate: -50% -50% !important;
  z-index: -1 !important;
}

.pl-finch.elementor-button::before {
  --size: calc(100% - var(--shadow-size) * 3) !important;
  --position: 2px !important;
  --space: calc(var(--position) * 2) !important;
  width: var(--size) !important;
  height: var(--size) !important;
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    ) padding-box !important;
  background-size: var(--space) var(--space) !important;
  background-repeat: space !important;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  ) !important;
  border-radius: inherit !important;
  opacity: 0.4 !important;
}

.pl-finch.elementor-button::after {
  --animation: shimmer linear infinite !important;
  width: 100% !important;
  aspect-ratio: 1 !important;
  background: linear-gradient(-50deg, transparent, var(--shiny-cta-highlight), transparent) !important;
  mask-image: radial-gradient(circle at bottom, transparent 40%, black) !important;
  opacity: 0.6 !important;
}

.pl-finch.elementor-button span {
  z-index: 1 !important;
  position: relative !important;
}

.pl-finch.elementor-button span::before {
  width: 480px !important;
  height: 90px !important;
  box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight) !important;
  opacity: 0 !important;
  transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.pl-finch.elementor-button:hover,
.pl-finch.elementor-button:focus-visible {
  --gradient-percent: 20% !important;
  --gradient-angle-offset: 95deg !important;
  --gradient-shine: var(--shiny-cta-highlight-subtle) !important;
}
.pl-finch.elementor-button:hover span::before { opacity: 1 !important; }

@keyframes gradient-angle { to { --gradient-angle: 360deg; } }
@keyframes shimmer { to { transform: rotate(360deg) !important; } }

.pl-finch.elementor-button,
.pl-finch.elementor-button::before,
.pl-finch.elementor-button::after {
  animation: var(--animation) var(--duration),
    var(--animation) calc(var(--duration) / 0.4) reverse paused !important;
  animation-composition: add !important;
}
.pl-finch.elementor-button:hover,
.pl-finch.elementor-button:hover::before,
.pl-finch.elementor-button:hover::after {
  animation-play-state: running !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6e3743f */#pl-modal, #pl-modal *{
  margin:0; padding:0; box-sizing:border-box;
  font-family:'Degular','Helvetica Neue',Arial,sans-serif;
}
#pl-modal{
  position:fixed; inset:0; z-index:99999; display:none;
  align-items:center; justify-content:center;
  background:rgba(15,18,28,.72);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
#pl-modal.pl-open{ display:flex; animation:pl-fade .3s ease; }
@keyframes pl-fade{ from{opacity:0} to{opacity:1} }

#pl-modal .pl-card{
  position:relative; width:min(92vw,420px); padding:42px 32px 30px;
  border-radius:22px; background:#F4F2F7;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
  animation:pl-rise .35s cubic-bezier(.2,.8,.2,1);
}
@keyframes pl-rise{ from{transform:translateY(24px);opacity:0} to{transform:none;opacity:1} }

#pl-modal .pl-x{
  position:absolute; top:14px; right:18px;
  background:none; border:none; font-size:26px;
  line-height:1; color:#1E2733; cursor:pointer; opacity:.55;
  transition:opacity .2s;
}
#pl-modal .pl-x:hover{ opacity:1; }

#pl-modal .pl-h{
  font-size:23px; font-weight:800; text-transform:uppercase;
  color:#1E2733; line-height:1.15; margin-bottom:6px;
}
#pl-modal .pl-p{
  font-size:14px; color:#5a5566; margin-bottom:22px;
}

/* ── INPUTS — hover + focus corrigidos ── */
#pl-modal .pl-input{
  width:100% !important;
  margin-bottom:14px !important;
  padding:14px 16px !important;
  border:1.5px solid rgba(120,110,140,.3) !important;
  border-radius:12px !important;
  background:#fff !important;
  font-size:15px !important;
  color:#1E2733 !important;
  outline:none !important;
  box-shadow:none !important;
  -webkit-appearance:none;
  appearance:none;
  transition:border-color .2s ease, box-shadow .2s ease !important;
}
/* hover — borda laranja suave */
#pl-modal .pl-input:hover{
  border-color:rgba(232, 96, 26, .45) !important;
}
/* focus — borda laranja + glow */
#pl-modal .pl-input:focus{
  border-color:#E8601A !important;
  box-shadow:0 0 0 3px rgba(232, 96, 26, .15) !important;
  background:#fff !important;
}
#pl-modal .pl-input::placeholder{ color:#9a93a8; }

/* ── BOTÃO FINALIZAR ── */
#pl-modal .pl-finch-full.elementor-button{
  min-width:0 !important;
  width:100% !important;
  margin-top:6px !important;
  padding:1.05rem 1.5rem !important;
  white-space:nowrap !important;
}
#pl-modal .pl-finch-full.elementor-button span{
  display:inline-flex !important;
  align-items:center !important;
  font-size:1.05rem !important;
  white-space:nowrap !important;
}
#pl-modal .pl-finch-full.elementor-button span .pl-seta{
  margin-left:10px !important;
}
#pl-modal .pl-finch-full.elementor-button span::before{
  width:360px !important;
  height:90px !important;
  border-radius:0 !important;
}

#pl-modal .pl-note{
  margin-top:12px; font-size:11.5px;
  text-align:center; color:#8b8498;
}

/* ── MOBILE ── */
@media (max-width:480px){
  #pl-modal .pl-finch-full.elementor-button{ padding:1rem !important; }
  #pl-modal .pl-finch-full.elementor-button span{ font-size:.92rem !important; }
  #pl-modal .pl-finch-full.elementor-button span .pl-seta{ margin-left:8px !important; }
}/* End custom CSS */