:root{
  --bg:#f7f9fb;
  --paper:#ffffff;
  --ink:#0f2433;
  --muted:#62727f;
  --line:#dbe6ec;
  --blue:#0d5f78;
  --blue-2:#08384c;
  --gold:#c9a15b;
  --gold-2:#e8d5ad;
  --shadow:0 24px 80px rgba(15,36,51,.10);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,4vw,64px);background:rgba(247,249,251,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,230,236,.7)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 12px 30px rgba(13,95,120,.18)}.brand strong{display:block;font-size:15px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:-2px}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav a{font-size:14px;font-weight:700;color:#314a59;padding:10px 14px;border-radius:999px}.nav a:hover{background:#edf4f7;color:var(--blue-2)}.nav-cta{background:var(--blue)!important;color:#fff!important}.nav-toggle{display:none;border:0;background:#fff;border-radius:12px;padding:10px 12px;font-size:22px;color:var(--blue-2);box-shadow:0 8px 24px rgba(15,36,51,.08)}
.section-pad{padding:clamp(58px,8vw,112px) clamp(22px,5vw,80px)}
.hero{background:radial-gradient(circle at 80% 10%,rgba(201,161,91,.25),transparent 35%),linear-gradient(180deg,#fff 0%,#f7f9fb 100%)}.hero-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.16fr .84fr;gap:56px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--gold);margin:0 0 14px}.hero h1,.page-hero h1,.section-title h2,.cta h2{font-family:"Playfair Display",serif;line-height:1.02;color:var(--ink);letter-spacing:-.04em}.hero h1{font-size:clamp(44px,7vw,82px);margin:0 0 24px;max-width:850px}.lead{font-size:clamp(17px,2vw,21px);color:#42596a;max-width:780px;margin:0 0 34px}.hero-actions,.cta-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 18px 40px rgba(13,95,120,.23)}.btn.ghost{border-color:#bfd5df;color:var(--blue-2);background:#fff}.btn.light{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.28);color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px}.hero-stats div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.hero-stats strong{display:block;font-size:28px;color:var(--blue);line-height:1}.hero-stats span{display:block;color:var(--muted);font-size:13px;margin-top:8px}.profile-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;inset:auto -30% -40% 20%;height:220px;background:linear-gradient(90deg,rgba(13,95,120,.12),rgba(201,161,91,.18));border-radius:999px;filter:blur(10px)}.photo-shell{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/5;border:1px solid #e8eff3;background:#eef5f7}.photo-shell img{width:100%;height:100%;object-fit:cover}.profile-info{position:relative;padding-top:22px}.profile-info h2{font-family:"Playfair Display",serif;font-size:30px;line-height:1.05;margin:0 0 6px}.profile-info p{color:var(--muted);margin:0 0 18px}.profile-info ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.profile-info li{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:12px}.profile-info span{font-size:12px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.profile-info a{color:var(--blue-2);font-weight:700;word-break:break-word}
.section-title{max-width:900px;margin:0 auto 32px}.section-title h2,.page-hero h1{font-size:clamp(34px,5vw,58px);margin:0}.section-title p:not(.eyebrow),.page-hero p{font-size:18px;color:var(--muted);max-width:780px}.intro-panel{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(28px,5vw,54px);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:32px}.intro-panel p{font-size:18px;color:#41596b;margin:0}.skills{background:#fff}.skill-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skill-card{border:1px solid var(--line);border-radius:26px;padding:26px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 14px 40px rgba(15,36,51,.05);transition:.2s transform,.2s border-color}.skill-card:hover{transform:translateY(-4px);border-color:#a9c8d4}.skill-card .icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eaf4f7;color:var(--blue);font-weight:800;margin-bottom:18px}.skill-card h3{margin:0 0 10px;font-size:20px}.skill-card p{color:var(--muted);margin:0 0 18px}.skill-card a{font-size:14px;font-weight:800;color:var(--blue)}.proof-card,.quote,.cta-box,.route-card{max-width:1100px;margin:0 auto;border-radius:var(--radius);box-shadow:var(--shadow)}.proof-card{background:linear-gradient(135deg,#0e3447,#0d5f78);color:#fff;padding:clamp(30px,5vw,60px);display:grid;grid-template-columns:1fr .85fr;gap:32px;align-items:center}.proof-card .eyebrow{color:var(--gold-2)}.proof-card h2{font-family:"Playfair Display",serif;font-size:clamp(32px,5vw,54px);line-height:1.05;margin:0 0 18px}.proof-card p{color:#d7e6ec;font-size:18px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:10px 14px;font-weight:700;color:#fff}.quote-section{background:#fff}.quote{background:#f7fbfc;border:1px solid var(--line);padding:clamp(30px,6vw,70px);font-family:"Playfair Display",serif;font-size:clamp(28px,4.5vw,48px);line-height:1.16;color:var(--ink)}.quote cite{display:block;margin-top:22px;font-family:Inter,sans-serif;font-size:15px;color:var(--blue);font-style:normal;font-weight:800}.cta{background:linear-gradient(135deg,var(--blue-2),#061f2e);color:#fff}.cta h2{color:#fff;font-size:clamp(34px,5vw,60px);margin:0 0 20px}.cta .eyebrow{color:var(--gold-2)}.cta p{color:#d5e6ec;font-size:18px;max-width:900px}.cta-box{box-shadow:none}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px clamp(20px,5vw,80px);background:#071d2b;color:#c7d8df}.footer a{color:#fff;font-weight:800}.page-hero{background:#fff}.timeline-section{padding-top:20px}.timeline{max-width:1000px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px}.timeline-item{display:grid;grid-template-columns:170px 1fr;gap:28px;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line);position:relative}.timeline-item:last-child{border:0;margin:0;padding:0}.timeline-item span{font-weight:900;color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.timeline-item h2{margin:0 0 8px;font-size:24px}.timeline-item p{margin:0;color:var(--muted)}.impact-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.impact-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 14px 42px rgba(15,36,51,.06)}.impact-card strong{color:var(--gold);font-size:13px;letter-spacing:.16em}.impact-card h3{font-size:22px;margin:10px 0}.impact-card p{color:var(--muted);margin:0}.metrics{padding-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1180px;margin:0 auto}.metric-card{background:linear-gradient(180deg,#fff,#f9fcfd);border:1px solid var(--line);border-radius:24px;padding:24px;text-align:center}.metric-card strong{font-size:42px;color:var(--blue);display:block;line-height:1}.metric-card span{color:var(--muted);font-weight:700;font-size:14px}.qualification-route{padding-top:24px}.route-card{background:#fff;border:1px solid var(--line);padding:clamp(28px,5vw,54px)}.route-card h2{font-family:"Playfair Display",serif;font-size:42px;margin:0 0 24px}.route-card ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.route-card li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.route-card li:last-child{border:0}.route-card strong{color:var(--ink)}.route-card span{color:var(--muted)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media (max-width:900px){.nav-toggle{display:block}.nav{position:absolute;top:76px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav.is-open{display:flex}.nav a{text-align:center}.hero-grid,.intro-panel,.proof-card{grid-template-columns:1fr}.skill-grid,.impact-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.timeline-item{grid-template-columns:1fr;gap:8px}.profile-card{max-width:520px;margin:0 auto}.hero-stats{grid-template-columns:1fr}.footer{flex-direction:column;text-align:center}}
@media (max-width:560px){.section-pad{padding-left:18px;padding-right:18px}.skill-grid,.impact-grid,.metrics{grid-template-columns:1fr}.hero h1{font-size:42px}.profile-info h2{font-size:26px}.route-card li{display:block}.route-card span{display:block;margin-top:4px}.brand small{display:none}.site-header{padding:14px 16px}.photo-shell{aspect-ratio:1/1}}

/* ============================================================
   AJUSTE PREMIUM OFFLINE - FOTO TOPO + FUNDOS ABSTRATOS
   ============================================================ */

.brand-photo{
  width:54px;
  height:54px;
  border-radius:18px;
  overflow:hidden;
  display:block;
  flex:0 0 54px;
  border:2px solid rgba(7,91,122,.16);
  box-shadow:0 12px 28px rgba(7,91,122,.16);
  background:#fff;
}

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

.brand{
  gap:16px;
}

.brand small{
  margin-top:3px;
}

/* HERO MAIS LEVE E PROFISSIONAL */
.hero{
  background:
    radial-gradient(circle at 8% 12%, rgba(15,127,165,.10), transparent 28rem),
    radial-gradient(circle at 90% 10%, rgba(197,154,69,.09), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #f6fafc 100%);
}

/* CARDS COM BG ABSTRATO LEVE */
.skill-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:270px;
  border:1px solid rgba(185,210,222,.86);
  background:#ffffff;
}

.skill-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.95;
  background:
    radial-gradient(circle at 88% 15%, rgba(7,91,122,.13), transparent 11rem),
    radial-gradient(circle at 10% 95%, rgba(197,154,69,.12), transparent 10rem),
    linear-gradient(135deg, #ffffff 0%, #f7fbfd 52%, #edf6fa 100%);
}

.skill-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-55px;
  bottom:-60px;
  width:210px;
  height:210px;
  border-radius:50%;
  border:1px solid rgba(7,91,122,.13);
  box-shadow:
    -34px -38px 0 rgba(15,127,165,.045),
    -74px -10px 0 rgba(197,154,69,.045);
}

/* VARIAÇÃO LEVE POR TEMA */
.skill-card:nth-child(1)::before{
  background:
    radial-gradient(circle at 88% 16%, rgba(7,91,122,.14), transparent 10rem),
    linear-gradient(135deg, #ffffff 0%, #f4fbfd 55%, #e8f5f8 100%);
}

.skill-card:nth-child(2)::before{
  background:
    radial-gradient(circle at 88% 16%, rgba(197,154,69,.16), transparent 10rem),
    linear-gradient(135deg, #ffffff 0%, #f8fbfd 58%, #eef6fa 100%);
}

.skill-card:nth-child(3)::before{
  background:
    radial-gradient(circle at 88% 16%, rgba(7,91,122,.16), transparent 11rem),
    radial-gradient(circle at 18% 88%, rgba(197,154,69,.10), transparent 9rem),
    linear-gradient(135deg, #ffffff 0%, #f4f9fc 58%, #eaf3f8 100%);
}

.skill-card:nth-child(4)::before{
  background:
    radial-gradient(circle at 85% 18%, rgba(15,127,165,.12), transparent 10rem),
    linear-gradient(135deg, #ffffff 0%, #f8fbfd 58%, #edf7f9 100%);
}

.skill-card:nth-child(5)::before{
  background:
    radial-gradient(circle at 85% 18%, rgba(197,154,69,.13), transparent 10rem),
    radial-gradient(circle at 12% 90%, rgba(7,91,122,.08), transparent 9rem),
    linear-gradient(135deg, #ffffff 0%, #f7fbfd 58%, #eef6fa 100%);
}

.skill-card:nth-child(6)::before{
  background:
    radial-gradient(circle at 85% 18%, rgba(16,34,53,.10), transparent 10rem),
    radial-gradient(circle at 14% 90%, rgba(197,154,69,.11), transparent 9rem),
    linear-gradient(135deg, #ffffff 0%, #f8fbfd 58%, #edf4f8 100%);
}

/* ÍCONES MAIS PREMIUM, SEM PESAR */
.icon{
  background:
    linear-gradient(135deg, rgba(7,91,122,1), rgba(15,127,165,1));
  color:#fff;
  box-shadow:0 14px 30px rgba(7,91,122,.18);
}

/* CARDS DA EXPERIÊNCIA / INFOGRÁFICOS */
.info-box{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:150px;
  background:#fff;
}

.info-box::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 88% 20%, rgba(7,91,122,.12), transparent 7rem),
    radial-gradient(circle at 12% 90%, rgba(197,154,69,.11), transparent 7rem),
    linear-gradient(135deg, #ffffff 0%, #f7fbfd 60%, #edf6fa 100%);
}

.info-box::after{
  content:"";
  position:absolute;
  right:-45px;
  bottom:-45px;
  width:130px;
  height:130px;
  border-radius:50%;
  border:1px solid rgba(7,91,122,.12);
  background:rgba(15,127,165,.035);
}

/* TIMELINE COM MAIS RESPIRO */
.timeline-card{
  padding:36px;
}

.timeline-card .skills-grid{
  margin-top:24px;
}

/* FUNDO GERAL MAIS SUAVE */
body{
  background:
    radial-gradient(circle at 8% 8%, rgba(15,127,165,.08), transparent 25rem),
    radial-gradient(circle at 90% 18%, rgba(197,154,69,.06), transparent 24rem),
    linear-gradient(180deg,#ffffff 0%, #f6fafc 100%);
}

/* FOTO PRINCIPAL MAIS VALORIZADA MAS SEM ROUBAR CENA */
.profile-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,251,253,.96));
}

.profile-photo{
  border-radius:26px;
}

/* RESPONSIVO */
@media(max-width:700px){
  .brand-photo{
    width:46px;
    height:46px;
    border-radius:15px;
  }

  .skill-card{
    min-height:auto;
  }

  .timeline-card{
    padding:24px;
  }
}


/* ============================================================
   FUNDOS ABSTRATOS LEVES - HABILIDADES THAINÃ
   ============================================================ */

.skill-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#fff;
}

.skill-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-size:cover;
  background-position:center;
  opacity:.58;
  transition:.25s ease;
}

.skill-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.90) 54%, rgba(255,255,255,.74) 100%);
}

.skill-card:hover::before{
  opacity:.76;
  transform:scale(1.035);
}

.skill-card:nth-child(1)::before{
  background-image:url("../img/bg/final/bg-atendimento.webp");
}

.skill-card:nth-child(2)::before{
  background-image:url("../img/bg/final/bg-seguros.webp");
}

.skill-card:nth-child(3)::before{
  background-image:url("../img/bg/final/bg-prevencao.webp");
}

.skill-card:nth-child(4)::before{
  background-image:url("../img/bg/final/bg-resolucao.webp");
}

.skill-card:nth-child(5)::before{
  background-image:url("../img/bg/final/bg-comunicacao.webp");
}

.skill-card:nth-child(6)::before{
  background-image:url("../img/bg/final/bg-etica.webp");
}

.skill-card .icon{
  background:rgba(7,91,122,.96);
  backdrop-filter:blur(8px);
  box-shadow:0 16px 34px rgba(7,91,122,.20);
}

.skill-card h3,
.skill-card p{
  position:relative;
  z-index:2;
}

.skill-card h3{
  color:#082238;
}

.skill-card p{
  color:#4f6477;
}

/* Cards/infográficos da página experiência */
.info-box{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.info-box::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url("../img/bg/final/bg-resolucao.webp");
  background-size:cover;
  background-position:center;
  opacity:.50;
}

.info-box::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg, rgba(255,255,255,.95), rgba(255,255,255,.80));
}

.info-box strong,
.info-box span{
  position:relative;
  z-index:2;
}


/* ============================================================
   AJUSTE FINAL - CARDS BEM LEVES E CLAROS
   ============================================================ */

/* Cards principais da home */
.skill-card{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #ffffff !important;
  border: 1px solid #d9e7ee !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 34px rgba(16,34,53,.05) !important;
}

/* imagem de fundo MUITO leve */
.skill-card::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .08 !important;
  transform: scale(1.01);
  filter: saturate(85%) brightness(108%);
}

/* camada branca forte por cima pra deixar bem clean */
.skill-card::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.96) 42%,
      rgba(255,255,255,.97) 100%
    ) !important;
}

/* desliga o efeito exagerado no hover */
.skill-card:hover::before{
  opacity: .10 !important;
  transform: scale(1.015) !important;
}

/* fundos individuais - todos bem suaves */
.skill-card:nth-child(1)::before{
  background-image: url("../img/bg/final/bg-atendimento.webp") !important;
}

.skill-card:nth-child(2)::before{
  background-image: url("../img/bg/final/bg-seguros.webp") !important;
}

.skill-card:nth-child(3)::before{
  background-image: url("../img/bg/final/bg-prevencao.webp") !important;
}

.skill-card:nth-child(4)::before{
  background-image: url("../img/bg/final/bg-resolucao.webp") !important;
}

.skill-card:nth-child(5)::before{
  background-image: url("../img/bg/final/bg-comunicacao.webp") !important;
}

.skill-card:nth-child(6)::before{
  background-image: url("../img/bg/final/bg-etica.webp") !important;
}

/* conteúdo dos cards */
.skill-card h3{
  color: #0d253b !important;
  font-size: 1.08rem !important;
  line-height: 1.35 !important;
  margin-bottom: 14px !important;
}

.skill-card p{
  color: #5a6f82 !important;
  line-height: 1.7 !important;
}

.skill-card a{
  color: #0d6f90 !important;
  font-weight: 800 !important;
}

/* ícones mais discretos */
.skill-card .icon{
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #0d6f90, #166f8f) !important;
  box-shadow: 0 10px 22px rgba(7,91,122,.14) !important;
}

/* melhora o respiro */
.skills-grid{
  gap: 18px !important;
}

.skill-card{
  min-height: 0 !important;
  padding: 26px !important;
}

/* também deixa os infográficos da outra página mais suaves */
.info-box{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #ffffff !important;
  border: 1px solid #d9e7ee !important;
  box-shadow: 0 14px 28px rgba(16,34,53,.04) !important;
}

.info-box::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: url("../img/bg/final/bg-seguros.webp") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .06 !important;
  filter: saturate(80%) brightness(110%);
}

.info-box::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(255,255,255,.95) !important;
}

.info-box strong{
  color: #0d6f90 !important;
}

.info-box span{
  color: #5a6f82 !important;
}


/* ============================================================
   CORREÇÃO FINAL - MANTÉM CARD ORIGINAL + BG TRANSPARENTE
   ============================================================ */

/* Mantém o card limpo, só preparando para receber o fundo */
.skill-card{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #ffffff !important;
  border: 1px solid #d9e7ee !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 42px rgba(16,34,53,.06) !important;
}

/* Fundo abstrato bem levinho */
.skill-card::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  opacity: .16 !important;
  filter: saturate(90%) brightness(112%) !important;
  transform: none !important;
}

/* Camada branca por cima para não atrapalhar leitura */
.skill-card::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: rgba(255,255,255,.82) !important;
}

/* Cada card com seu BG */
.skill-card:nth-child(1)::before{
  background-image: url("../img/bg/webp_30kb/bg1.webp") !important;
}

.skill-card:nth-child(2)::before{
  background-image: url("../img/bg/webp_30kb/bg2.webp") !important;
}

.skill-card:nth-child(3)::before{
  background-image: url("../img/bg/webp_30kb/bg3.webp") !important;
}

.skill-card:nth-child(4)::before{
  background-image: url("../img/bg/webp_30kb/bg4.webp") !important;
}

.skill-card:nth-child(5)::before{
  background-image: url("../img/bg/webp_30kb/bg5.webp") !important;
}

.skill-card:nth-child(6)::before{
  background-image: url("../img/bg/webp_30kb/bg6.webp") !important;
}

/* Garante que texto, número e conteúdo fiquem acima do fundo */
.skill-card > *{
  position: relative !important;
  z-index: 2 !important;
}

/* Remove qualquer efeito anterior exagerado */
.skill-card:hover::before{
  opacity: .18 !important;
  transform: none !important;
}

/* Mantém a numeração dourada como está */
.skill-card .skill-number,
.skill-card small,
.skill-card span:first-child{
  color: #c59a45 !important;
}

/* Se algum ícone antigo aparecer, esconde para manter o estilo original */
.skill-card .icon{
  display: none !important;
}