.cda-widget{
  --cda-duration:520ms;
  --cda-lift:0px;
  --cda-zoom:1.03;
  --cda-overlay-base:rgba(0,0,0,.72);
  --cda-overlay-hover:rgba(204,111,65,.82);
  position:relative;
  width:100%;
}
.cda-grid{
  --cda-columns:3;
  display:grid;
  grid-template-columns:repeat(var(--cda-columns),minmax(0,1fr));
  align-items:stretch;
}
.cda-card{
  position:relative;
  display:block;
  min-width:0;
  padding-top:76px;
  color:inherit;
  text-decoration:none!important;
  transform:translateY(0);
  transition:transform var(--cda-duration) cubic-bezier(.22,.75,.24,1);
  isolation:isolate;
}
.cda-card:hover,.cda-card:focus-visible{transform:translateY(calc(var(--cda-lift) * -1));}
.cda-card__visual{
  position:relative;
  display:block;
  overflow:hidden;
  min-height:430px;
  background-color:#222;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  transform:translateZ(0);
}
.cda-card__visual::before{
  content:"";
  position:absolute;
  inset:-3%;
  z-index:0;
  background:inherit;
  background-position:center;
  background-size:cover;
  transform:scale(1);
  transition:transform calc(var(--cda-duration) * 1.15) cubic-bezier(.22,.75,.24,1);
}
.cda-card:hover .cda-card__visual::before,
.cda-card:focus-visible .cda-card__visual::before{transform:scale(var(--cda-zoom));}
.cda-card__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  background:linear-gradient(180deg,var(--cda-overlay-base) 0%,rgba(0,0,0,.58) 42%,rgba(0,0,0,.18) 100%);
  transition:background var(--cda-duration) ease,opacity var(--cda-duration) ease;
}
.cda-card:hover .cda-card__overlay,
.cda-card:focus-visible .cda-card__overlay{
  background:linear-gradient(180deg,var(--cda-overlay-hover) 0%,rgba(190,100,58,.68) 48%,rgba(190,100,58,.30) 100%);
}
.cda-card__content{
  position:absolute;
  z-index:2;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:36px 28px;
  pointer-events:none;
}
.cda-card__title{
  max-width:94%;
  margin:0 0 42px;
  font-size:31px;
  line-height:1.08;
  font-weight:400;
  color:#fff;
}
.cda-card__description{
  max-width:96%;
  margin:0 0 2px;
  font-size:17px;
  line-height:1.18;
  color:#fff;
}
.cda-card__link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  font-weight:400;
  line-height:1.15;
  color:#fff;
  text-decoration:underline;
}
.cda-card__link span{transition:transform 250ms ease;}
.cda-card:hover .cda-card__link span{transform:translateX(4px);}

/* Aba compacta no estado normal, como o card 02 da referência. */
.cda-number{
  --cda-tab-color:#ef6c2c;
  --cda-tab-closed:64px;
  --cda-tab-open:112px;
  --cda-number-drop:18px;
  position:absolute;
  z-index:5;
  left:0;
  bottom:calc(100% - 76px);
  width:118px;
  height:var(--cda-tab-open);
  perspective:950px;
  pointer-events:none;
  transform:translateY(0);
  transition:transform var(--cda-duration) cubic-bezier(.22,.75,.24,1);
}
/* Parte escura fixa atrás da face laranja, simulando o interior da dobra. */
.cda-number::before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:34px;
  height:var(--cda-tab-closed);
  background:rgba(28,28,28,.94);
  clip-path:polygon(0 0,100% 18%,100% 100%,0 100%);
  transform-origin:bottom left;
  transition:height var(--cda-duration) cubic-bezier(.22,.75,.24,1),transform var(--cda-duration) cubic-bezier(.22,.75,.24,1);
  z-index:0;
}
.cda-number__fold{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:var(--cda-tab-closed);
  display:block;
  transform-origin:0 100%;
  transform-style:preserve-3d;
  transition:height var(--cda-duration) cubic-bezier(.22,.75,.24,1),transform var(--cda-duration) cubic-bezier(.22,.75,.24,1);
  will-change:transform,height;
  z-index:2;
}
.cda-number__face{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  clip-path:polygon(0 0,76% 0,100% 100%,12% 100%);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.cda-number__face--front{
  z-index:2;
  background:var(--cda-tab-color);
  transform:rotateX(0deg);
}
.cda-number__face--front::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:28%;
  background:rgba(255,255,255,.07);
}
.cda-number__face--back{
  z-index:1;
  background:color-mix(in srgb,var(--cda-tab-color) 52%,black);
  transform:rotateX(180deg);
}
.cda-number__value{
  position:relative;
  z-index:2;
  display:block;
  margin-left:4%;
  margin-right:13%;
  font-size:29px;
  line-height:1;
  font-weight:800;
  color:#fff;
  transform:translateY(0);
  transition:transform var(--cda-duration) cubic-bezier(.22,.75,.24,1);
}

/* Hover: a mesma face levanta, abre e dobra, sem mover o card. */
.cda-card:hover .cda-number,
.cda-card:focus-visible .cda-number{
  transform:translateY(calc(var(--cda-number-drop) * .45));
}
.cda-card:hover .cda-number::before,
.cda-card:focus-visible .cda-number::before{
  height:var(--cda-tab-open);
  transform:translateY(calc(var(--cda-number-drop) * .35)) skewY(-3deg);
}
.cda-card:hover .cda-number__fold,
.cda-card:focus-visible .cda-number__fold{
  height:var(--cda-tab-open);
  animation:cda-fold-hover var(--cda-duration) cubic-bezier(.20,.78,.22,1) both;
}
.cda-card:hover .cda-number__value,
.cda-card:focus-visible .cda-number__value{transform:translateY(calc(var(--cda-number-drop) * .9));}

@keyframes cda-fold-hover{
  0%{transform:rotateX(0deg) translateY(0);}
  30%{transform:rotateX(22deg) translateY(8px);}
  58%{transform:rotateX(44deg) translateY(16px);}
  78%{transform:rotateX(14deg) translateY(8px);}
  100%{transform:rotateX(0deg) translateY(0);}
}

/* Entrada opcional: não interfere no corpo do card. */
.cda-has-entry .cda-card{opacity:1!important;visibility:visible!important;}
.cda-has-entry:not(.cda-is-visible) .cda-number__fold{transform:rotateX(-92deg);}
.cda-has-entry.cda-is-visible .cda-number__fold{animation:cda-entry-fold 720ms cubic-bezier(.2,.82,.2,1) both;}
@keyframes cda-entry-fold{
  0%{transform:rotateX(-92deg);}
  70%{transform:rotateX(8deg);}
  100%{transform:rotateX(0deg);}
}

@media(max-width:767px){
  .cda-mobile-scroll .cda-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:0 8vw 18px 0;
    scrollbar-width:none;
  }
  .cda-mobile-scroll .cda-grid::-webkit-scrollbar{display:none;}
  .cda-mobile-scroll .cda-card{flex:0 0 86%;scroll-snap-align:start;}
  .cda-mobile-stack .cda-grid{grid-template-columns:1fr!important;}
}
@media(prefers-reduced-motion:reduce){
  .cda-card,.cda-card__visual::before,.cda-number::before,.cda-number__fold,.cda-number__value{transition:none!important;animation:none!important;}
  .cda-has-entry .cda-number__fold{transform:none!important;}
}
body.elementor-editor-active .cda-has-entry .cda-number__fold,
body.elementor-editor-preview .cda-has-entry .cda-number__fold{
  transform:none!important;
  animation:none!important;
}
