@charset "UTF-8";
/* =========================================================================
   TASK INTERNET | Design System (camada compartilhada) - v2.2
   Gerado a partir de Task_Design_System.zip (tokens/ + components/).
   Carregado por todos os templates de página .php do tema.
   Nada aqui depende de JavaScript.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. TOKENS (cópia fiel de tokens/*.css do design system)
   ------------------------------------------------------------------------- */
:root{
/* Azuis */
--blue-900:#00304F;--blue-800:#003F6A;--blue-600:#004E80;--blue-500:#005B97;
--blue-200:#B8D6EA;--blue-100:#DCEBF7;--blue-050:#F1F8FD;
/* Corais */
--red-700:#B93A2F;--red-600:#D24A3E;--red-500:#E76256;--red-300:#EF8F87;--red-100:#E7625633;
/* Neutros */
--white:#FFFFFF;--black:#0A1A24;
/* Alfas */
--blue-800-a50:#003F6A80;--blue-800-a12:#003F6A1F;--blue-800-a08:#003F6A14;
--white-a70:#FFFFFFB3;--white-a16:#FFFFFF29;--white-a24:#FFFFFF3D;
/* Texto */
--text-heading:var(--blue-500);--text-heading-strong:var(--blue-800);
--text-body:var(--blue-800-a50);--text-body-strong:var(--blue-800);
--text-accent:var(--red-500);--text-muted:#4A6D85;
--text-on-brand:var(--white);--text-on-brand-muted:var(--white-a70);--text-on-brand-accent:var(--red-300);
--text-link:var(--red-500);--text-link-hover:var(--red-600);
/* Superfícies */
--surface-page:var(--white);--surface-subtle:var(--blue-050);--surface-card:var(--white);
--surface-card-subtle:var(--blue-050);--surface-brand:var(--blue-500);--surface-brand-deep:var(--blue-800);
--surface-brand-soft:#0A6AA8;--surface-accent:var(--red-500);--surface-accent-soft:var(--red-100);
/* Bordas */
--border-subtle:var(--blue-100);--border-default:var(--blue-200);
--border-strong:var(--blue-500);--border-on-brand:var(--white-a24);
/* Ações */
--action-primary-bg:var(--red-500);--action-primary-bg-hover:var(--red-600);--action-primary-bg-active:var(--red-700);
--action-primary-fg:var(--white);--action-secondary-bg:var(--blue-500);--action-secondary-bg-hover:var(--blue-600);
--action-secondary-bg-active:var(--blue-800);--action-secondary-fg:var(--white);
--action-disabled-bg:var(--blue-100);--action-disabled-fg:var(--blue-800-a50);--focus-ring:var(--red-500);
/* Tipografia */
--font-sans:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
--font-core:var(--font-sans);
--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;
--fs-display:64px;--fs-h1:40px;--fs-h2:32px;--fs-h3:24px;--fs-h4:20px;--fs-h5:18px;
--fs-body-lg:18px;--fs-body:16px;--fs-body-sm:14px;--fs-subhead:14px;--fs-label:14px;--fs-caption:13px;
--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--lh-relaxed:1.6;
--ls-tight:-0.01em;--ls-normal:0;--ls-wide:0.04em;
/* Espaçamento */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-30:120px;
--gap-grid:24px;--gap-stack-sm:12px;--gap-stack:24px;--gap-inline:8px;
--section-y:120px;--section-y-tight:80px;--card-pad:20px;--card-pad-lg:32px;
/* Raios */
--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
--border-width:1px;--border-width-strong:2px;
/* Efeitos */
--shadow-none:none;--shadow-xs:0 1px 2px #003F6A0F;--shadow-sm:0 4px 12px #003F6A14;
--shadow-md:0 8px 24px #003F6A1F;--shadow-lg:0 16px 40px #003F6A29;--shadow-focus:0 0 0 3px #E7625659;
--dur-fast:120ms;--dur-base:200ms;--dur-slow:320ms;
--ease-standard:cubic-bezier(.2,.6,.2,1);--ease-out:cubic-bezier(0,0,.2,1);
--lift-hover:-2px;--press-scale:.98;
/* Layout */
--container:1272px;--container-narrow:840px;--container-pad:32px;--col-gap:24px;
}

/* -------------------------------------------------------------------------
   2. BASE — escopada em .task-page para não vazar sobre header/rodapé Elementor
   ------------------------------------------------------------------------- */
.task-page,.task-page *,.task-page *::before,.task-page *::after{box-sizing:border-box}
.task-page{
  position:relative;
  z-index:1; /* ver bloco 12: header e rodape Elementor precisam ficar acima */
  font-family:var(--font-core);
  font-size:var(--fs-body);
  line-height:var(--lh-normal);
  color:var(--text-body);
  background:var(--surface-page);
  text-wrap:pretty;
  overflow-x:clip;
}
.task-page h1,.task-page h2,.task-page h3,.task-page h4,.task-page h5{
  margin:0;color:var(--text-heading);font-weight:var(--fw-bold);
  letter-spacing:var(--ls-tight);line-height:var(--lh-tight)
}
.task-page h1{font-size:var(--fs-h1)}
.task-page h2{font-size:var(--fs-h2)}
.task-page h3{font-size:var(--fs-h3);line-height:var(--lh-snug)}
.task-page h4{font-size:var(--fs-h4);line-height:var(--lh-snug)}
.task-page h5{font-size:var(--fs-h5);line-height:var(--lh-snug)}
.task-page p{margin:0}
.task-page ul,.task-page ol{margin:0;padding:0;list-style:none}
.task-page dl,.task-page dd,.task-page dt,.task-page figure,.task-page blockquote{margin:0}
.task-page strong,.task-page b{color:inherit;font-weight:var(--fw-semibold)}
.task-page a{color:var(--text-link);text-decoration:none;font-weight:var(--fw-semibold);
  transition:color var(--dur-base) var(--ease-standard)}
.task-page a:hover{color:var(--text-link-hover)}
.task-page img{display:block;max-width:100%;height:auto}
.task-page button{font-family:inherit}
.task-page :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.task-page ::selection{background:var(--red-100);color:var(--blue-800)}
.task-page .tk-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0}

/* -------------------------------------------------------------------------
   3. ÍCONES — máscara CSS. Nenhum SVG no HTML, nenhum JS, nenhum CDN.
   ------------------------------------------------------------------------- */
.task-page .tk-i{display:inline-block;flex:0 0 auto;width:18px;height:18px;
  background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.task-page .tk-i--check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.task-page .tk-i--arrow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.task-page .tk-i--server{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='8' rx='2'/%3E%3Crect x='2' y='13' width='20' height='8' rx='2'/%3E%3Cpath d='M6 7h.01M6 17h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='8' rx='2'/%3E%3Crect x='2' y='13' width='20' height='8' rx='2'/%3E%3Cpath d='M6 7h.01M6 17h.01'/%3E%3C/svg%3E")}
.task-page .tk-i--window{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M2 9h20M6 4.5v4M10 4.5v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M2 9h20M6 4.5v4M10 4.5v4'/%3E%3C/svg%3E")}
.task-page .tk-i--database{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14c0 1.7 4 3 9 3s9-1.3 9-3V5'/%3E%3Cpath d='M3 12c0 1.7 4 3 9 3s9-1.3 9-3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14c0 1.7 4 3 9 3s9-1.3 9-3V5'/%3E%3Cpath d='M3 12c0 1.7 4 3 9 3s9-1.3 9-3'/%3E%3C/svg%3E")}
.task-page .tk-i--cpu{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='14' rx='2'/%3E%3Crect x='9' y='9' width='6' height='6' rx='1'/%3E%3Cpath d='M9 2v3M15 2v3M9 19v3M15 19v3M2 9h3M2 15h3M19 9h3M19 15h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='14' rx='2'/%3E%3Crect x='9' y='9' width='6' height='6' rx='1'/%3E%3Cpath d='M9 2v3M15 2v3M9 19v3M15 19v3M2 9h3M2 15h3M19 9h3M19 15h3'/%3E%3C/svg%3E")}
.task-page .tk-i--grid{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")}
.task-page .tk-i--shield{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.task-page .tk-i--click{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9l10 4-4.5 1.7L12.8 19z'/%3E%3Cpath d='M5 3v2M3 5h2M5 9v2M3 11h2M9 3v2M11 5h2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9l10 4-4.5 1.7L12.8 19z'/%3E%3Cpath d='M5 3v2M3 5h2M5 9v2M3 11h2M9 3v2M11 5h2'/%3E%3C/svg%3E")}

/* -------------------------------------------------------------------------
   4. LAYOUT
   ------------------------------------------------------------------------- */
.task-page .tk-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--container-pad)}
.task-page .tk-section{padding-block:var(--section-y)}
.task-page .tk-section--tight{padding-block:var(--section-y-tight)}
.task-page .tk-section--brand{background:var(--surface-brand)}
.task-page .tk-stack{display:flex;flex-direction:column;gap:var(--space-10)}
.task-page .tk-stack--lg{gap:var(--space-12)}
.task-page .tk-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}
.task-page .tk-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-grid)}
.task-page .tk-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-grid)}
.task-page .tk-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-grid)}
.task-page .tk-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-10);flex-wrap:wrap}

/* Seção flutuante: bloco arredondado dentro de faixa branca */
.task-page .tk-float{padding-block:var(--section-y-tight)}
.task-page .tk-float__inner{border-radius:var(--radius-xl);overflow:hidden;background:var(--surface-subtle)}
.task-page .tk-float__inner--brand{background:var(--surface-brand)}
.task-page .tk-media-split{display:grid;align-items:stretch}
.task-page .tk-split>*,.task-page .tk-grid2>*,.task-page .tk-grid3>*,
.task-page .tk-grid4>*,.task-page .tk-media-split>*{min-width:0}
.task-page .tk-media-split__body{padding:var(--space-12);display:flex;flex-direction:column;
  gap:var(--space-6);justify-content:center}
.task-page .tk-media-split__media{position:relative;min-height:420px;background:var(--blue-100)}
.task-page .tk-media-split__media img{width:100%;height:100%;object-fit:cover}

/* -------------------------------------------------------------------------
   5. AÇÕES
   ------------------------------------------------------------------------- */
.task-page .tk-actions{display:flex;gap:var(--space-8);align-items:center;flex-wrap:wrap}
.task-page .tk-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-6);
  min-height:44px;padding:11px 20px;font-family:var(--font-core);font-size:var(--fs-label);
  font-weight:var(--fw-semibold);letter-spacing:0;text-decoration:none;border:none;cursor:pointer;
  border-radius:var(--radius-pill);
  transition:background var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),color var(--dur-base) var(--ease-standard)}
.task-page .tk-btn .tk-i{width:18px;height:18px;transition:transform var(--dur-base) var(--ease-standard)}
.task-page .tk-btn:hover .tk-i{transform:translateX(4px)}
.task-page .tk-btn:active{transform:scale(var(--press-scale))}
.task-page a.tk-btn,.task-page a.tk-btn:link,.task-page a.tk-btn:visited,
.task-page a.tk-arrowlink,.task-page a.tk-arrowlink:link,.task-page a.tk-arrowlink:visited{text-decoration:none}
.task-page .tk-btn--primary,.task-page a.tk-btn--primary:link,
.task-page a.tk-btn--primary:visited{background:var(--action-primary-bg);color:var(--action-primary-fg)}
.task-page .tk-btn--primary:hover,.task-page a.tk-btn--primary:hover{background:var(--action-primary-bg-hover);color:var(--action-primary-fg)}
.task-page .tk-btn--secondary,.task-page a.tk-btn--secondary:link,.task-page a.tk-btn--secondary:visited{background:var(--action-secondary-bg);color:var(--action-secondary-fg);border-radius:var(--radius-sm)}
.task-page .tk-btn--secondary:hover{background:var(--action-secondary-bg-hover);color:var(--action-secondary-fg)}
.task-page .tk-btn--onbrand,.task-page a.tk-btn--onbrand:link,.task-page a.tk-btn--onbrand:visited{background:var(--white);color:var(--blue-500)}
.task-page .tk-btn--onbrand:hover{background:var(--blue-050);color:var(--blue-500)}
.task-page .tk-btn--outline-onbrand,.task-page a.tk-btn--outline-onbrand:link,.task-page a.tk-btn--outline-onbrand:visited{background:transparent;color:var(--white);border:1px solid var(--white)}
.task-page .tk-btn--outline-onbrand:hover{background:var(--white-a16);color:var(--white)}
.task-page .tk-btn--full{width:100%}
.task-page .tk-btn--center{align-self:center}
.task-page .tk-btn--start{align-self:flex-start}

.task-page .tk-arrowlink,.task-page a.tk-arrowlink:link,.task-page a.tk-arrowlink:visited{display:inline-flex;align-items:center;gap:var(--space-3);
  color:var(--text-link);font-weight:var(--fw-semibold);font-size:var(--fs-label);text-decoration:none}
.task-page .tk-arrowlink .tk-i{width:16px;height:16px;transition:transform var(--dur-base) var(--ease-standard)}
.task-page .tk-arrowlink:hover .tk-i{transform:translateX(4px)}
.task-page .tk-arrowlink--onbrand,.task-page a.tk-arrowlink--onbrand:link,.task-page a.tk-arrowlink--onbrand:visited{color:var(--white-a70)}
.task-page .tk-arrowlink--onbrand:hover{color:var(--white)}

/* -------------------------------------------------------------------------
   6. CONTEÚDO
   ------------------------------------------------------------------------- */
.task-page .tk-heading{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;
  text-align:center;max-width:var(--container-narrow);margin-inline:auto}
.task-page .tk-heading--left{align-items:flex-start;text-align:left;max-width:none;margin-inline:0}
.task-page .tk-heading__title{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;
  justify-content:center;font-size:var(--fs-h2);font-weight:var(--fw-bold);
  line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}
.task-page .tk-heading--left .tk-heading__title{justify-content:flex-start}
.task-page .tk-heading__title .tk-dot{display:inline-block;width:8px;height:8px;border-radius:50%;
  background:var(--red-500);margin-right:8px;vertical-align:middle}
.task-page .tk-heading__rest{font-weight:var(--fw-regular)}
.task-page .tk-heading__sub{color:var(--text-body);font-size:var(--fs-subhead);
  line-height:var(--lh-normal);max-width:520px}
.task-page .tk-heading--brand .tk-heading__title{color:var(--white)}
.task-page .tk-heading--brand .tk-heading__rest{color:var(--white)}
.task-page .tk-heading--brand .tk-dot{background:var(--red-300)}
.task-page .tk-heading--brand .tk-heading__sub{color:var(--text-on-brand-muted)}

.task-page .tk-chips{display:flex;gap:var(--space-3);flex-wrap:wrap}
.task-page .tk-chip{display:inline-flex;align-items:center;gap:var(--space-2);
  background:var(--surface-accent-soft);color:var(--red-600);border-radius:var(--radius-pill);
  padding:7px 14px;font-size:var(--fs-caption);font-weight:var(--fw-regular);white-space:nowrap}
.task-page .tk-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red-500);flex:0 0 auto}
.task-page .tk-chip b{color:inherit;font-weight:var(--fw-bold)}

.task-page .tk-note{background:var(--surface-subtle);color:var(--text-body);border-radius:var(--radius-md);
  padding:var(--space-4) var(--space-5);font-size:var(--fs-body-sm);line-height:var(--lh-normal)}
.task-page .tk-note--brand{background:var(--white-a16);color:var(--text-on-brand-muted)}
.task-page .tk-note--center{margin-inline:auto}
.task-page .tk-footnote{color:var(--text-body);font-size:var(--fs-caption);
  line-height:var(--lh-normal);max-width:620px}
.task-page .tk-footnote--brand{color:var(--text-on-brand-muted)}

.task-page .tk-stat__value{display:flex;align-items:baseline;gap:var(--space-2);color:var(--white);
  font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:1;letter-spacing:var(--ls-tight)}
.task-page .tk-stat--md .tk-stat__value{font-size:var(--fs-h1)}
.task-page .tk-stat__caption{color:var(--text-on-brand-accent);font-size:var(--fs-h5);
  font-weight:var(--fw-bold);line-height:var(--lh-snug);margin-top:var(--space-1)}

.task-page .tk-quote{display:flex;flex-direction:column;gap:var(--space-4);
  background:var(--surface-card-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}
.task-page .tk-quote::before{content:"\201C";color:var(--red-500);font-size:44px;line-height:.7;
  font-weight:var(--fw-bold);font-family:Georgia,"Times New Roman",serif;height:22px}
.task-page .tk-quote p{color:var(--text-body-strong);font-size:var(--fs-body-sm);
  font-weight:var(--fw-medium);line-height:var(--lh-normal);flex:1}
.task-page .tk-quote footer{color:var(--text-accent);font-size:var(--fs-caption);
  font-weight:var(--fw-semibold);line-height:var(--lh-snug)}

/* Item com check */
.task-page .tk-check{display:flex;gap:var(--space-3);align-items:flex-start;border-radius:var(--radius-md);
  padding:var(--space-4);font-size:var(--fs-body-sm);line-height:var(--lh-normal)}
.task-page .tk-check .tk-i{margin-top:2px}
.task-page .tk-check--subtle{background:var(--surface-subtle);color:var(--text-body-strong)}
.task-page .tk-check--subtle .tk-i{color:var(--blue-500)}
.task-page .tk-check--onbrand-soft{background:var(--white-a16);color:var(--white)}
.task-page .tk-check--onbrand-soft .tk-i{color:var(--red-300)}
.task-page .tk-check--onbrand-deep{background:var(--surface-brand-deep);color:var(--white)}
.task-page .tk-check--onbrand-deep .tk-i{color:var(--white)}
.task-page .tk-check--plain{background:none;padding:0;color:var(--text-body-strong)}
.task-page .tk-check--plain .tk-i{color:var(--red-500)}

/* Ficha de produto do hero */
.task-page .tk-spec{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);
  padding:var(--space-2) var(--space-5);display:flex;flex-direction:column;font-size:13px}
.task-page .tk-spec__row{display:flex;justify-content:space-between;gap:var(--space-6);padding-block:7px}
.task-page .tk-spec__row+.tk-spec__row{border-top:1px solid var(--border-subtle)}
.task-page .tk-spec dt{color:var(--text-body)}
.task-page .tk-spec dd{color:var(--text-body-strong);font-weight:var(--fw-semibold);text-align:right}

/* -------------------------------------------------------------------------
   7. NAVEGAÇÃO DE PASSOS
   ------------------------------------------------------------------------- */
.task-page .tk-trail{display:flex;align-items:center;gap:var(--space-4)}
.task-page .tk-trail__step{display:inline-flex;align-items:center;justify-content:center;padding:0;
  line-height:1;text-align:center;appearance:none;-webkit-appearance:none;
  width:56px;height:56px;min-width:56px;border-radius:50%;border:none;flex:0 0 auto;
  background:var(--blue-500);color:var(--white);font-size:var(--fs-h4);font-weight:var(--fw-bold);
  cursor:pointer;transition:background var(--dur-base) var(--ease-standard)}
.task-page .tk-trail__step[aria-selected="true"]{background:var(--red-500)}
.task-page .tk-trail__line{flex:1;height:2px;background:var(--blue-500);min-width:24px}
.task-page .tk-panel{display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface-subtle);
  border:var(--border-width-strong) solid var(--border-strong);border-radius:var(--radius-lg);
  padding:var(--space-6) var(--space-8)}
.task-page .tk-panel__head{display:flex;align-items:baseline;gap:var(--space-4)}
.task-page .tk-panel__index{color:var(--text-heading);font-size:var(--fs-h5);font-weight:var(--fw-semibold)}
.task-page .tk-panel h3{font-size:var(--fs-h5);font-weight:var(--fw-semibold)}
.task-page .tk-panel__label{text-transform:uppercase}
.task-page .tk-panel p{color:var(--text-heading);font-size:var(--fs-body-sm);
  line-height:var(--lh-normal);max-width:480px}
.task-page .tk-panel[hidden]{display:none}

/* -------------------------------------------------------------------------
   8. FAQ (details/summary nativo, sem JavaScript)
   ------------------------------------------------------------------------- */
.task-page .tk-faq{display:flex;flex-direction:column;gap:var(--space-3);max-width:900px;
  margin-inline:auto;width:100%}
.task-page .tk-faq__item{background:var(--white);border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);overflow:hidden;
  transition:background var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}
.task-page .tk-faq__item[open]{background:var(--surface-subtle);border-color:var(--border-strong)}
.task-page .tk-faq__q{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);
  padding:var(--space-5) var(--space-6);cursor:pointer;list-style:none;
  color:var(--text-heading);font-size:var(--fs-h5);font-weight:var(--fw-semibold);
  line-height:var(--lh-snug)}
.task-page .tk-faq__q::-webkit-details-marker{display:none}
.task-page .tk-faq__q::after{content:"";flex:0 0 auto;width:20px;height:20px;background-color:var(--red-500);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E") center/contain no-repeat}
.task-page .tk-faq__item[open] .tk-faq__q::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.task-page .tk-faq__a{padding:0 var(--space-6) var(--space-6);color:var(--text-body);
  font-size:var(--fs-body-sm);line-height:var(--lh-normal);max-width:720px}

/* -------------------------------------------------------------------------
   9. PLANOS
   ------------------------------------------------------------------------- */
.task-page .tk-toggle{display:inline-flex;gap:4px;background:var(--surface-subtle);
  border-radius:var(--radius-pill);padding:4px;align-self:center}
.task-page .tk-toggle__btn{border:none;cursor:pointer;border-radius:var(--radius-pill);padding:10px 20px;
  font-family:inherit;font-size:var(--fs-label);font-weight:var(--fw-semibold);
  background:transparent;color:var(--text-body);
  transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}
.task-page .tk-toggle__btn[aria-selected="true"]{background:var(--surface-brand);color:var(--white)}

.task-page .tk-plan{display:flex;flex-direction:column;gap:var(--space-5);border-radius:var(--radius-lg);
  padding:var(--card-pad-lg)}
.task-page .tk-plan--white{background:var(--white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}
.task-page .tk-plan--subtle{background:var(--surface-subtle)}
.task-page .tk-plan--brand{background:var(--surface-brand)}
.task-page .tk-plan h3{font-size:var(--fs-h4);font-weight:var(--fw-semibold)}
.task-page .tk-plan__price{display:flex;flex-direction:column;gap:var(--space-1)}
.task-page .tk-plan__cycle,.task-page .tk-plan__total,.task-page .tk-plan__unit{color:var(--text-body);font-size:var(--fs-caption)}
.task-page .tk-plan__value{display:flex;align-items:baseline;gap:var(--space-2)}
.task-page .tk-plan__value b{color:var(--text-heading);font-size:var(--fs-h3);
  font-weight:var(--fw-bold);letter-spacing:var(--ls-tight)}
.task-page .tk-plan__desc{color:var(--text-body);font-size:var(--fs-body-sm);flex:1;line-height:var(--lh-normal)}
.task-page .tk-plan--brand h3,.task-page .tk-plan--brand .tk-plan__value b{color:var(--white)}
.task-page .tk-plan--brand .tk-plan__cycle,.task-page .tk-plan--brand .tk-plan__total,.task-page .tk-plan--brand .tk-plan__unit,.task-page .tk-plan--brand .tk-plan__desc{color:var(--text-on-brand-muted)}

/* -------------------------------------------------------------------------
   TABELA COMPARATIVA DE PLANOS
   Colunas em painéis: divisória vertical entre colunas, linhas alternadas
   e a coluna destacada fechada como painel, com trilho coral no topo.
   Usada em Hospedagem de site e Hospedagem WordPress.
   ------------------------------------------------------------------------- */
.task-page .tk-table-wrap{width:100%}
.task-page .tk-table{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;
  border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}
.task-page .tk-table caption{text-align:left;color:var(--text-body);
  font-size:var(--fs-caption);padding:0 var(--space-5) var(--space-2)}

/* Célula base: divisória vertical à direita e horizontal abaixo */
.task-page .tk-table th,
.task-page .tk-table td{padding:var(--space-5);
  border-right:1px solid var(--border-subtle);
  border-bottom:1px solid var(--border-subtle)}
.task-page .tk-table th:last-child,
.task-page .tk-table td:last-child{border-right:none}
.task-page .tk-table tbody tr:last-child th,
.task-page .tk-table tbody tr:last-child td{border-bottom:none}

/* Cabeçalho */
.task-page .tk-table thead th{text-align:center;vertical-align:middle;background:var(--white);
  padding:var(--space-6) var(--space-5);border-top:3px solid transparent}
.task-page .tk-table thead th:first-child{width:34%;text-align:left;vertical-align:bottom;
  color:var(--text-body);font-size:var(--fs-caption);font-weight:var(--fw-regular)}
.task-page .tk-table__plan{display:block;color:var(--blue-500);
  font-size:var(--fs-h4);font-weight:var(--fw-bold)}
.task-page .tk-table__badge{display:inline-block;margin-top:6px;color:var(--red-500);
  font-size:var(--fs-caption);font-weight:var(--fw-semibold);
  text-transform:uppercase;letter-spacing:.06em}

/* Corpo */
.task-page .tk-table tbody th{text-align:left;color:var(--text-body);
  font-size:var(--fs-body-sm);font-weight:var(--fw-regular)}
.task-page .tk-table tbody td{text-align:center;color:var(--text-body-strong);
  font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}

/* Faixas alternadas: azul em opacidade baixa, nunca cinza puro */
.task-page .tk-table tbody tr:nth-child(odd)>th,
.task-page .tk-table tbody tr:nth-child(odd)>td:not(.is-featured){
  background:var(--blue-800-a08)}
.task-page .tk-table tbody tr:nth-child(even)>th,
.task-page .tk-table tbody tr:nth-child(even)>td:not(.is-featured){
  background:var(--white)}

/* Coluna destacada: painel fechado do topo à base */
.task-page .tk-table .is-featured{background:var(--blue-050);
  border-left:1px solid var(--border-default);border-right:1px solid var(--border-default)}
.task-page .tk-table thead th.is-featured{border-top:3px solid var(--red-500);
  border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}
.task-page .tk-table tbody tr:last-child td.is-featured{
  border-bottom:1px solid var(--border-default);
  border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}

/* -------------------------------------------------------------------------
   10. FOTOS
   ------------------------------------------------------------------------- */
.task-page .tk-photo{border-radius:var(--radius-lg);overflow:hidden;background:var(--blue-100)}
.task-page .tk-photo--xl{border-radius:var(--radius-xl)}
.task-page .tk-photo img{width:100%;height:100%;object-fit:cover}

/* -------------------------------------------------------------------------
   11. RESPONSIVO (regras do design system, reescritas para as novas classes)
   ------------------------------------------------------------------------- */
@media (min-width:901px) and (max-width:1100px){
  .task-page .tk-spec{width:min(240px,54%);padding:0 12px;font-size:11px}
  .task-page .tk-spec__row{padding-block:4px}
}

@media (max-width:900px){
  .task-page{
    --fs-display:36px;--fs-h1:25px;--fs-h2:25px;--fs-h3:22px;--fs-h4:19px;--fs-h5:17px;
    --fs-body-lg:17px;--fs-body:16px;--fs-body-sm:16px;--fs-subhead:17px;--fs-label:15px;--fs-caption:14px;
    --section-y:56px;--section-y-tight:44px;--container-pad:20px;--gap-grid:16px;
    --card-pad:16px;--card-pad-lg:20px;--space-16:32px;--space-12:24px;--space-10:28px;--radius-xl:16px;
  }
  .task-page h1,.task-page h2,.task-page .tk-heading__title{text-align:center;justify-content:center;max-width:100%}
  .task-page .tk-heading{align-items:center;text-align:center}
  .task-page .tk-heading__sub[data-sub="short"]{text-align:center;margin-inline:auto}
  .task-page .tk-heading__sub[data-sub="long"]{text-align:left}
  .task-page p:not([data-sub="short"]){text-align:left}
  /* Coluna unica com !important: regras de pagina tem 3 classes e venceriam
     por especificidade, independentemente da ordem dos arquivos. */
  .task-page .tk-split,.task-page .tk-grid2,.task-page .tk-grid3,
  .task-page .tk-grid4,.task-page .tk-media-split{grid-template-columns:1fr !important}
  .task-page h1,.task-page h2,.task-page h3,.task-page h4,
  .task-page p,.task-page li,.task-page dt,.task-page dd{overflow-wrap:anywhere}
  .task-page .tk-split{gap:28px}
  .task-page .tk-media-split__media{min-height:0 !important;height:auto !important;aspect-ratio:16/11}
  .task-page .tk-media-split__body{padding:var(--space-6) !important;text-align:center}
  /* Centralizacao herdada do design system: bloco com titulo direto centraliza
     tudo, menos o paragrafo corrido, que fica a esquerda. */
  .task-page .tk-media-split__body>p{text-align:left}
  .task-page .tk-media-split__body .tk-check--plain>span{flex:1;text-align:center}
  .task-page .tk-media-split__body>.tk-btn,
  .task-page .tk-media-split__body>.tk-arrowlink{align-self:center}
  .task-page .tk-media-split__body .tk-row{justify-content:center;text-align:center}
  .task-page .tk-note{text-align:center}
  .task-page .tk-footnote{text-align:left}
  .task-page .tk-actions{gap:12px;align-items:stretch;flex-wrap:nowrap}
  .task-page .tk-actions>a,.task-page .tk-actions>button{flex:1 1 0;min-width:0;
    justify-content:center;text-align:center;padding-inline:12px;font-size:13px;gap:6px;
    white-space:normal;overflow-wrap:anywhere}
  .task-page .tk-actions:has(>*:nth-child(3)){flex-direction:column;align-items:stretch}
  .task-page .tk-actions:has(>*:nth-child(3))>a,.task-page .tk-actions:has(>*:nth-child(3))>button{flex:none;font-size:15px}
  .task-page .tk-btn,.task-page .tk-arrowlink,.task-page a[href],.task-page button{min-height:44px}
  .task-page .tk-chips{justify-content:flex-start}
  .task-page .tk-row{flex-direction:column;align-items:flex-start;gap:16px}
  .task-page .tk-trail{gap:6px}
  .task-page .tk-trail__step{width:44px;height:44px;min-width:44px;font-size:17px}
  .task-page .tk-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .task-page .tk-table{min-width:620px}
  .task-page .tk-table th,.task-page .tk-table td{padding:14px 12px}
  .task-page .tk-table thead th{padding:16px 12px}
  .task-page .tk-table__plan{font-size:var(--fs-h5)}
  .task-page .tk-toggle{display:flex;width:100%}
  .task-page .tk-toggle__btn{flex:1 1 0;padding-inline:8px}
  .task-page .tk-panel{padding:var(--space-5) var(--space-6)}
  .task-page .tk-faq__q{font-size:var(--fs-h5)}
}

@media (max-width:520px){
  .task-page{--fs-display:32px}
  .task-page .tk-trail{gap:4px}
  .task-page .tk-check,.task-page .tk-plan,.task-page .tk-spec-card{padding:16px}
}

@media (prefers-reduced-motion:reduce){
  .task-page *,.task-page *::before,.task-page *::after{
    transition-duration:1ms !important;animation-duration:1ms !important}
}


/* -------------------------------------------------------------------------
   12. CONVIVÊNCIA COM O ELEMENTOR
   O conteúdo do template cria contexto de empilhamento próprio (z-index 1).
   Header e rodapé montados no Theme Builder precisam ficar acima dele,
   inclusive quando o header é transparente e sobrepõe a dobra.
   Estas regras ficam fora do escopo .task-page de propósito.
   ------------------------------------------------------------------------- */
.elementor-location-header,
.elementor-location-footer,
.elementor-sticky--active{position:relative;z-index:999}
.elementor-location-header{isolation:isolate}