/* WebFusion Digital v6.5: pacotes, preços de entrada, briefing e selos do portfólio.
   Cores vêm das variáveis --c-* da página inicial (trocam sozinhas no tema claro).
   Nas páginas sem --c-* (portfólio), os valores de reserva abaixo seguram o tema escuro. */

.wfp-section,.wfb-form{
  --wfx-text:var(--c-text,#F4F7FB);
  --wfx-muted:var(--c-text-muted,#A8B4C7);
  --wfx-faint:var(--c-text-faint,#728097);
  --wfx-border:var(--c-border,rgba(148,163,184,.16));
  --wfx-card:rgba(23,36,58,.55);
  --wfx-soft:rgba(255,255,255,.045);
  --wfx-accent:#00E5FF;
  --wfx-primary:#0055FF;
  --wfx-yes:#34D399;
  --wfx-no:#94A3B8;
  --wfx-warn:#FBBF24;
}
html.light .wfp-section,html.light .wfb-form{
  --wfx-card:#FFFFFF;
  --wfx-soft:#F3F7FE;
  --wfx-accent:#0044CC;
  --wfx-primary:#0044CC;
  --wfx-yes:#047857;
  --wfx-no:#64748B;
  --wfx-warn:#92400E;
}

/* ───────── Pacotes ───────── */
.wfp-section{position:relative;overflow:hidden}
.wfp-head{max-width:46rem;margin:0 auto 3rem;text-align:center}
.wfp-head__badge{color:var(--wfx-accent);text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.875rem}
.wfp-head h2{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(2rem,4.2vw,3rem);line-height:1.12;margin:1rem 0 1.25rem;color:var(--wfx-text)}
.wfp-head p{color:var(--wfx-muted);font-size:1.075rem;line-height:1.7}

.wfp-grid{display:grid;gap:1.5rem}
@media(min-width:900px){.wfp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.wfp-card{position:relative;display:flex;flex-direction:column;gap:1.25rem;padding:2rem;border-radius:1.5rem;
  background:var(--wfx-card);border:1px solid var(--wfx-border);box-shadow:0 18px 50px rgba(0,0,0,.18);
  transition:border-color .24s ease,transform .24s ease}
html.light .wfp-card{box-shadow:0 14px 40px rgba(15,35,75,.08)}
.wfp-card:hover{border-color:rgba(0,229,255,.35)}
html.light .wfp-card:hover{border-color:rgba(0,68,204,.35)}
.wfp-card.is-target{border-color:var(--wfx-accent);box-shadow:0 0 0 3px rgba(0,229,255,.18)}
.wfp-card--extra{padding:1.75rem}

.wfp-card__top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.wfp-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--wfx-accent);background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.22)}
html.light .wfp-tag{background:rgba(0,68,204,.07);border-color:rgba(0,68,204,.2)}
.wfp-tag--test{color:var(--wfx-warn);background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.3)}
html.light .wfp-tag--test{background:#FFFBEB;border-color:#FCD34D}
.wfp-card h3{font-family:'Syne',sans-serif;font-size:1.75rem;line-height:1.15;font-weight:700;color:var(--wfx-text);margin:.35rem 0 0}
.wfp-card--extra h3{font-size:1.45rem}
.wfp-card__for{color:var(--wfx-muted);font-size:.95rem;line-height:1.6;margin-top:.5rem}

.wfp-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem;padding:1rem 1.15rem;border-radius:1rem;background:var(--wfx-soft);border:1px solid var(--wfx-border)}
.wfp-price__from{font-size:.82rem;color:var(--wfx-muted)}
.wfp-price strong{font-family:'Syne',sans-serif;font-size:1.9rem;line-height:1;color:var(--wfx-text);font-weight:800;letter-spacing:-.01em}
.wfp-card--extra .wfp-price strong{font-size:1.55rem}
.wfp-price__note{flex-basis:100%;font-size:.8rem;color:var(--wfx-faint)}
.wfp-price--pending strong{font-size:1.05rem;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:0}

.wfp-lists{display:grid;gap:1.1rem}
@media(min-width:560px){.wfp-card:not(.wfp-card--extra) .wfp-lists{grid-template-columns:1.25fr 1fr}}
.wfp-list h4{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wfx-faint);margin-bottom:.6rem}
.wfp-list ul{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.wfp-list li{position:relative;padding-left:1.45rem;font-size:.9rem;line-height:1.5;color:var(--wfx-muted)}
.wfp-list li::before{content:"";position:absolute;left:0;top:.3em;width:.95rem;height:.95rem;border-radius:999px;background-repeat:no-repeat;background-position:center;background-size:.62rem}
.wfp-list--yes li::before{background-color:rgba(52,211,153,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6l4.5-5' fill='none' stroke='%2334D399' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html.light .wfp-list--yes li::before{background-color:#D1FAE5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6l4.5-5' fill='none' stroke='%23047857' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.wfp-list--no li::before{background-color:rgba(148,163,184,.12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6h6' fill='none' stroke='%2394A3B8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
html.light .wfp-list--no li::before{background-color:#E2E8F0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6h6' fill='none' stroke='%23475569' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}

.wfp-meta{display:grid;gap:.65rem;margin:0;padding-top:1rem;border-top:1px solid var(--wfx-border)}
@media(min-width:560px){.wfp-meta{grid-template-columns:auto 1fr;column-gap:1.25rem}}
.wfp-meta dt{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wfx-faint);padding-top:.12rem}
.wfp-meta dd{margin:0;font-size:.9rem;line-height:1.5;color:var(--wfx-text)}
.wfp-card .wf-action{margin-top:auto;width:100%;justify-content:center}

.wfp-sub{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 2rem;margin:3.5rem 0 1.5rem}
.wfp-sub h3{font-family:'Syne',sans-serif;font-size:1.6rem;font-weight:700;color:var(--wfx-text)}
.wfp-sub p{color:var(--wfx-muted);font-size:.95rem;max-width:34rem}

.wfp-others{margin-top:3rem;padding:1.75rem;border-radius:1.5rem;border:1px dashed var(--wfx-border);background:var(--wfx-soft)}
.wfp-others h3{font-size:1.05rem;font-weight:700;color:var(--wfx-text);margin-bottom:1rem}
.wfp-others ul{display:grid;gap:.6rem 1.5rem;margin:0;padding:0;list-style:none}
@media(min-width:640px){.wfp-others ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.wfp-others ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wfp-others li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--wfx-border);font-size:.9rem;color:var(--wfx-muted)}
.wfp-others li strong{color:var(--wfx-text);font-weight:600;white-space:nowrap}
.wfp-footnote{margin-top:1.5rem;font-size:.82rem;line-height:1.6;color:var(--wfx-faint);text-align:center;max-width:52rem;margin-left:auto;margin-right:auto}
.wfp-footnote a{color:var(--wfx-accent);text-decoration:underline;text-underline-offset:2px}

/* Preço de entrada nos cartões de soluções */
.wfp-from{display:block;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--c-border,rgba(148,163,184,.16));font-size:.85rem;color:var(--c-text-muted,#A8B4C7)}
.wfp-from strong{color:var(--c-text,#F4F7FB);font-weight:700}
.wfp-from--test strong{color:#FBBF24}
html.light .wfp-from--test strong{color:#92400E}

/* ───────── Briefing ───────── */
.wfb-form{display:grid;gap:1.35rem}
.wfb-chosen{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.85rem 1rem;border-radius:.9rem;
  background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.25);font-size:.9rem;color:var(--wfx-text)}
html.light .wfb-chosen{background:#EFF5FF;border-color:rgba(0,68,204,.25)}
.wfb-chosen[hidden]{display:none}
.wfb-chosen strong{font-weight:700}
.wfb-chosen button{margin-left:auto;background:none;border:0;padding:.25rem .1rem;color:var(--wfx-accent);font-size:.85rem;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}

.wfb-part{display:flex;align-items:center;gap:.75rem;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wfx-faint)}
.wfb-part::after{content:"";flex:1;height:1px;background:var(--wfx-border)}

.wfb-q{margin:0;padding:0;border:0;min-width:0}
.wfb-q legend{display:block;width:100%;padding:0;margin-bottom:.65rem;font-size:.95rem;font-weight:600;color:var(--wfx-text)}
.wfb-q legend small{font-weight:400;color:var(--wfx-faint);font-size:.8rem;margin-left:.35rem}
.wfb-q legend .wfb-num{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;margin-right:.5rem;border-radius:999px;font-size:.72rem;font-weight:700;
  color:var(--wfx-accent);border:1px solid rgba(0,229,255,.3);vertical-align:1px}
html.light .wfb-q legend .wfb-num{border-color:rgba(0,68,204,.3)}
.wfb-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.wfb-chip{position:relative;display:inline-flex}
.wfb-chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.wfb-chip span{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 1rem;border-radius:999px;cursor:pointer;user-select:none;
  font-size:.9rem;line-height:1.3;color:var(--wfx-muted);background:var(--wfx-soft);border:1px solid var(--wfx-border);
  transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.wfb-chip span:hover{border-color:rgba(0,229,255,.45);color:var(--wfx-text)}
html.light .wfb-chip span:hover{border-color:rgba(0,68,204,.45)}
.wfb-chip input:checked + span{color:#FFFFFF;background:linear-gradient(135deg,#0055FF,#0891B2);border-color:transparent;font-weight:600}
.wfb-chip input:focus-visible + span{outline:2px solid var(--wfx-accent);outline-offset:2px}
.wfb-q.is-invalid .wfb-chip span{border-color:rgba(248,113,113,.6)}
.wfb-q-error{margin-top:.45rem;font-size:.78rem;color:#F87171}
html.light .wfb-q-error{color:#B91C1C}
.wfb-q-error[hidden]{display:none}
.wfb-link{margin-top:.65rem}
.wfb-link[hidden]{display:none}
.wfb-grid{display:grid;gap:1.35rem}
@media(min-width:768px){.wfb-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}

.wfb-hint{display:flex;gap:.65rem;align-items:flex-start;padding:.9rem 1rem;border-radius:.9rem;background:var(--wfx-soft);border:1px solid var(--wfx-border);font-size:.9rem;line-height:1.55;color:var(--wfx-muted)}
.wfb-hint[hidden]{display:none}
.wfb-hint svg{flex:0 0 auto;width:1.15rem;height:1.15rem;margin-top:.12rem;color:var(--wfx-accent)}
.wfb-hint strong{color:var(--wfx-text)}

/* ───────── Selos do portfólio ───────── */
.wf-pkg-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.wf-pkg-badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;border:1px solid currentColor}
.wf-pkg-badge[data-pacote="profissional"]{color:#38BDF8}
.wf-pkg-badge[data-pacote="empresa"]{color:#A78BFA}
.wf-pkg-badge[data-pacote="campanha"]{color:#FBBF24}
html.light .wf-pkg-badge[data-pacote="profissional"]{color:#0369A1}
html.light .wf-pkg-badge[data-pacote="empresa"]{color:#6D28D9}
html.light .wf-pkg-badge[data-pacote="campanha"]{color:#92400E}
.wf-project-card__note{margin-top:.5rem;font-size:.78rem;line-height:1.5;opacity:.85}
.wf-pkg-want{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}

@media (prefers-reduced-motion:reduce){.wfp-card,.wfb-chip span{transition:none}}

/* v6.6: três pacotes lado a lado, sem bloco de preço */
@media(min-width:1100px){.wfp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wfp-grid--3 .wfp-lists{grid-template-columns:1fr!important}
@media(min-width:900px) and (max-width:1099px){.wfp-grid--3 .wfp-card--extra{grid-column:1/-1}}
.wfp-grid--3 .wfp-card--extra{padding:2rem}
.wfp-grid--3 .wfp-card--extra h3{font-size:1.75rem}

/* v6.7: WhatsApp como caminho principal */
.wfb-alt{margin:-.25rem 0 .9rem;font-size:.95rem;color:var(--c-text-muted,#A8B4C7)}
.wfb-alt a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#25D366;text-decoration:underline;text-underline-offset:3px}
html.light .wfb-alt a{color:#0F7A3B}
.wf-hero-actions .wf-action svg.w-5,.wf-action--with-icon svg.w-5{width:1.15rem;height:1.15rem;flex:0 0 auto}
.wf-action--with-icon{gap:.6rem}

/* v6.7: página Clientes, cartão "em desenvolvimento" */
.wf-clients-dev{padding:0 0 56px}
.wf-clients-dev__card{display:flex;gap:22px;align-items:flex-start;padding:28px;border-radius:24px;border:1.5px dashed var(--c-border,rgba(148,163,184,.3));background:var(--c-bg-panel,#111C30)}
.wf-clients-dev__icon{flex:0 0 auto;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(251,191,36,.1);color:#FBBF24}
.wf-clients-dev__icon svg{width:26px;height:26px}
html.light .wf-clients-dev__icon{background:#FFFBEB;color:#92400E}
.wf-clients-dev__badge{display:inline-block;padding:4px 10px;border-radius:999px;font:700 11px/1.4 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#FBBF24;border:1px solid rgba(251,191,36,.35)}
html.light .wf-clients-dev__badge{color:#92400E;border-color:#FCD34D;background:#FFFBEB}
.wf-clients-dev__card h2{font:700 clamp(22px,2.2vw,28px)/1.25 Syne,sans-serif;letter-spacing:-.02em;margin:12px 0 8px;color:var(--c-text)}
.wf-clients-dev__card p{color:var(--c-text-muted);line-height:1.75;max-width:720px;margin:0}
@media(max-width:600px){.wf-clients-dev__card{flex-direction:column;padding:22px}}

/* v6.11: segunda grade de carros-chefe (atendimento e mensais) */
.wfp-subhead{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.2;color:var(--wfx-text);text-align:center;margin:3.5rem auto 1.75rem;max-width:46rem}
.wfp-grid--servicos .wfp-card h3{font-size:1.45rem}