/* Free-trial page family (9 Nov 2026, owner: "too boring … bring them some joy and life"): hub /teste-gratis, trial landings
   and free landings. Guide sections, sticky aside and FAQ reuse platform-tail.css (cpt-*); this file adds the hero, the hub grid,
   the TL;DR callout, link chips and the CTA band. Colours come only from theme tokens; Plump paper (.slp) follows --card. */
#resgate{scroll-margin-top:96px}

/* Breadcrumb (existing JSON-LD labels). */
.tp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 16px;font-size:14px;line-height:20px;color:hsl(var(--foreground)/.72)}
.tp-crumbs a{color:inherit;text-decoration:none}
.tp-crumbs a:hover{color:hsl(var(--foreground));text-decoration:underline;text-underline-offset:3px}
.tp-crumbs [aria-current]{font-weight:600;color:hsl(var(--foreground))}

/* Hero: copy on the left, one Brooklyn illustration on the right (768px and up). */
.tp-hero{display:flex;align-items:center;gap:32px;margin:0 0 24px;padding:28px 22px;border-radius:28px;background:hsl(var(--accent)/.75);text-align:left}
.tp-hero-copy{min-width:0;flex:1}
.tp-hero-badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px}
.tp-hero-logos{display:flex}
.tp-hero-logos .tp-logo+.tp-logo{margin-left:-6px}
.tp-logo{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:hsl(var(--card));box-shadow:0 0 0 2px hsl(var(--accent)),0 1px 3px hsl(var(--foreground)/.08)}
.tp-logo svg{display:block;width:26px;height:26px}
.tp-hero-metric{display:inline-flex;color:hsl(var(--primary))}
.tp-hero-metric svg{display:block;width:40px;height:40px}
/* .tp-hero prefix outranks .pm-page h1 (promos-parity.css) on the hub. */
.tp-hero .tp-hero-title{margin:0 0 12px;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.025em;color:hsl(var(--foreground))}
.tp-hero-intro{margin:0;max-width:58ch;font-size:16px;line-height:1.6;color:hsl(var(--foreground)/.8)}
.tp-hero-trust{display:flex;align-items:flex-start;gap:10px;max-width:62ch;margin-top:18px}
.tp-hero-trust>svg{display:block;flex:none;width:24px;height:24px;color:hsl(var(--primary))}
.tp-hero-trust p{margin:0;font-size:15px;line-height:1.55;color:hsl(var(--foreground)/.8)}
.tp-hero-art{display:none;flex:none;color:hsl(var(--foreground))}
.tp-hero-art svg{display:block;width:100%;height:auto}

/* "Ver todos os testes grátis" under the claim form. */
.tp-more{display:flex;justify-content:center;margin:24px 0 0}

/* Link chips: related pages, references, "ver todos". */
.tp-chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 16px 6px 6px;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--card));font-size:14.5px;line-height:20px;font-weight:600;color:hsl(var(--foreground));text-decoration:none;transition:border-color .15s,background-color .15s}
.tp-chip--plain{padding-left:16px}
.tp-chip .tp-logo{width:32px;height:32px;border-radius:999px;background:hsl(var(--muted)/.7);box-shadow:none}
.tp-chip .tp-logo svg{width:18px;height:18px}
.tp-chip-arrow{display:block;flex:none;width:16px;height:16px;color:hsl(var(--primary));transition:transform .15s}
.tp-chip:hover{border-color:hsl(var(--primary)/.5);background:hsl(var(--primary)/.06)}
.tp-chip:hover .tp-chip-arrow{transform:translateX(2px)}
.tp-chip:focus-visible,.tp-hub-card:focus-visible,.tp-cta-button:focus-visible,.tp-aside-more:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}
.tp-links{margin-top:48px}
.tp-links+.tp-links{margin-top:28px}
.tp-links h2{margin:0 0 14px;font-size:18px;line-height:26px;font-weight:800;color:hsl(var(--foreground))}
.tp-chips{display:flex;flex-wrap:wrap;gap:10px}

/* Hub grid: whole-card links with platform logo, Plump metric glyph and the item's own title as a pill. */
.tp-hub{margin-top:56px}
.tp-hub-head h2{margin:0 0 6px;font-size:24px;line-height:30px;font-weight:800;letter-spacing:-.02em;color:hsl(var(--foreground))}
.tp-hub-head p{margin:0;max-width:62ch;font-size:15px;line-height:1.55;color:hsl(var(--foreground)/.75)}
.tp-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none}
.tp-hub-grid>li{display:flex;min-width:0}
.tp-hub-card{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0;padding:18px;border:1px solid hsl(var(--border));border-radius:20px;background:hsl(var(--card));color:hsl(var(--foreground));text-decoration:none;transition:border-color .15s,background-color .15s}
.tp-hub-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.tp-hub-logos{display:flex}
.tp-hub-top .tp-hub-arrow{margin-left:auto}
.tp-hub-logos .tp-logo{width:40px;height:40px;border-radius:12px;background:hsl(var(--muted)/.6);box-shadow:0 0 0 2px hsl(var(--card))}
.tp-hub-logos .tp-logo svg{width:24px;height:24px}
.tp-hub-logos .tp-logo+.tp-logo{margin-left:-8px}
.tp-hub-metric{display:inline-flex;color:hsl(var(--primary))}
.tp-hub-metric svg{display:block;width:36px;height:36px}
.tp-hub-label{font-size:16px;line-height:22px;font-weight:700}
.tp-hub-note{font-size:14px;line-height:20px;color:hsl(var(--foreground)/.75)}
.tp-pills{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin-top:auto;padding-top:10px}
.tp-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 10px;border-radius:999px;background:hsl(var(--primary)/.12);font-size:12.5px;line-height:18px;font-weight:700;color:var(--tp-link)}
.tp-pill:before{content:"";flex:none;width:6px;height:6px;border-radius:999px;background:hsl(var(--primary))}
.tp-hub-arrow{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;color:hsl(var(--foreground)/.6);transition:background-color .15s,color .15s}
.tp-hub-arrow svg{display:block;width:16px;height:16px;transition:transform .15s}
a.tp-hub-card:hover{border-color:hsl(var(--primary)/.45);background:hsl(var(--primary)/.04)}
a.tp-hub-card:hover .tp-hub-arrow{background:hsl(var(--primary)/.12);color:hsl(var(--primary))}
a.tp-hub-card:hover .tp-hub-arrow svg{transform:translateX(2px)}
.tp-hub-card.is-off{border-style:dashed;background:hsl(var(--muted)/.35)}
.tp-hub-card.is-off .tp-hub-logos,.tp-hub-card.is-off .tp-hub-metric{filter:grayscale(1);opacity:.55}
.tp-hub-card.is-off .tp-hub-label{color:hsl(var(--foreground)/.75)}

/* Guide (platform-tail.css cpt-guide) additions: lead, TL;DR callout, readable links, coloured list markers. */
[data-trial-tail]{--tp-link:color-mix(in srgb,hsl(var(--primary)) 58%,hsl(var(--foreground)))}
.dark [data-trial-tail],.dark .tp-hub{--tp-link:hsl(var(--primary))}
.tp-hub{--tp-link:color-mix(in srgb,hsl(var(--primary)) 58%,hsl(var(--foreground)))}
.tp-lead{margin:0 0 32px;max-width:66ch;font-size:17px;line-height:1.7;color:hsl(var(--foreground)/.82)}
.tp-lead p{margin:0}
.tp-lead p+p{margin-top:12px}
.tp-prose a,.tp-lead a,.tp-tldr a{color:var(--tp-link);font-weight:600;text-decoration:underline;text-decoration-color:hsl(var(--primary)/.55);text-decoration-thickness:2px;text-underline-offset:3px}
.tp-prose a:hover,.tp-lead a:hover,.tp-tldr a:hover{text-decoration-color:currentColor}
.tp-prose a:focus-visible,.tp-lead a:focus-visible,.tp-tldr a:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;border-radius:3px}
.tp-prose ul>li::marker{color:hsl(var(--primary))}
.tp-prose ol>li::marker{font-weight:700;color:var(--tp-link)}
.tp-prose strong{color:hsl(var(--foreground))}
.tp-tldr{display:flex;gap:16px;margin:0 0 40px;padding:22px 20px;border-radius:20px;background:hsl(var(--accent))}
.tp-tldr-icon{display:none;flex:none;color:hsl(var(--primary))}
.tp-tldr-icon svg{display:block;width:40px;height:40px}
.tp-tldr-body{min-width:0;max-width:66ch}
.tp-tldr h2{margin:0 0 10px;font-size:13px;line-height:18px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--foreground)/.75)}
.tp-tldr ul,.tp-tldr ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.tp-tldr li{position:relative;padding-left:30px;font-size:15.5px;line-height:1.6;color:hsl(var(--foreground)/.88)}
.tp-tldr li:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background:hsl(var(--primary));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%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='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.tp-tldr p{margin:0;font-size:15.5px;line-height:1.6;color:hsl(var(--foreground)/.88)}
[data-trial-tail] .cpt-guide{margin-top:64px}
[data-trial-tail] .cpt-section .prose{font-size:16px}

/* Sticky aside: index, journey steps, claim button; a second, quieter link to all trials. */
.tp-aside-more{display:block;margin-top:-8px;text-align:center;font-size:14px;line-height:20px;font-weight:600;color:var(--tp-link);text-decoration:underline;text-decoration-color:hsl(var(--primary)/.55);text-decoration-thickness:2px;text-underline-offset:3px}
.tp-aside-more:hover{text-decoration-color:currentColor}

/* CTA band. */
.tp-cta{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:48px;padding:28px 24px;border-radius:24px;background:hsl(var(--accent))}
.tp-cta-icon{display:flex;color:hsl(var(--primary))}
.tp-cta-icon svg{display:block;width:48px;height:48px}
.tp-cta p{flex:1;margin:0;max-width:62ch;font-size:16px;line-height:1.6;color:hsl(var(--foreground)/.85)}
.tp-cta-button{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;background:hsl(var(--primary));font-size:15px;font-weight:700;color:hsl(var(--primary-foreground));text-decoration:none;transition:opacity .15s}
.tp-cta-button:hover{opacity:.92}
.tp-cta-button svg{display:block;width:16px;height:16px}

/* FAQ (platform-tail.css cpt-faq): trial titles are longer than "FAQ de Instagram". */
[data-trial-tail] .cpt-faq h2{font-size:24px;line-height:30px}
[data-trial-tail] .cpt-toc a[aria-current=true]{color:var(--tp-link)}
[data-trial-tail] .cpt-faq-help a{color:var(--tp-link);text-decoration-color:hsl(var(--primary)/.55);text-decoration-thickness:2px}

@media(min-width:768px){
  .tp-hero{padding:36px 40px}
  .tp-hero-art{display:block;width:176px}
  .tp-hero .tp-hero-title{font-size:34px}
  .tp-hero-intro{font-size:17px}
  .tp-tldr{padding:26px 28px;gap:20px}
  .tp-tldr-icon{display:flex}
  .tp-cta{flex-direction:row;align-items:center;gap:24px;padding:28px 32px}
  .tp-cta-button{margin-left:auto}
}
@media(min-width:1024px){
  .tp-hero{gap:48px;padding:40px 56px}
  .tp-hero-art{width:236px;margin:-8px 0}
  .tp-hero .tp-hero-title{font-size:38px}
  [data-trial-tail] .cpt-aside-card{max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}
  [data-trial-tail] .cpt-faq h2{font-size:28px;line-height:34px}
}
/* Without journey steps (guide page) the aside only repeats the CTA band below on small screens. */
@media(max-width:1023px){.tp-aside--wide{display:none}}
@media(prefers-reduced-motion:reduce){.tp-chip,.tp-chip-arrow,.tp-hub-card,.tp-hub-arrow,.tp-hub-arrow svg,.tp-cta-button{transition:none}.tp-chip:hover .tp-chip-arrow,a.tp-hub-card:hover .tp-hub-arrow svg{transform:none}}

/* Facts strip under the hero and guide blocks (9 Nov 2026, owner: "free stuff pages feel too thin and dull"). TrialGuideBlocks turns
   the guide's own lists and bold-lead paragraphs into step cards, card grids, a timeline and Plump check bullets; tone panels come from
   the section heading. No lines between items: tone and spacing group them. */
.tp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 28px;padding:0;list-style:none}
.tp-facts li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:14px;border-radius:18px;background:hsl(var(--card));box-shadow:0 0 0 1px hsl(var(--border)/.7)}
.tp-facts-icon{display:flex;flex:none;color:hsl(var(--primary))}
.tp-facts-icon svg{display:block;width:32px;height:32px}
.tp-facts-text{display:flex;flex-direction:column;min-width:0}
.tp-facts-text strong{font-size:17px;line-height:22px;font-weight:800;letter-spacing:-.01em;color:hsl(var(--foreground))}
.tp-facts-text span{font-size:13.5px;line-height:18px;color:hsl(var(--foreground)/.75)}

/* Step cards (<ol>). */
.tp-prose .tp-steps{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none;counter-reset:tp-step}
.tp-prose .tp-steps>li{display:flex;align-items:flex-start;gap:14px;margin:0;padding:16px;border-radius:18px;background:hsl(var(--accent)/.7)}
.tp-prose .tp-steps>li::marker{content:none}
.tp-prose .tp-steps>li{counter-increment:tp-step}
.tp-step-num::before{content:counter(tp-step)}
.tp-step-badge{position:relative;display:flex;flex:none;color:hsl(var(--primary))}
.tp-step-glyph{display:block;width:36px;height:36px}
.tp-step-num{position:absolute;top:-6px;right:-8px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:hsl(var(--foreground));font-size:11.5px;line-height:1;font-weight:800;color:hsl(var(--background))}
.tp-step-text .tp-card-title{display:block;margin-bottom:2px}
.tp-step-text{min-width:0;padding-top:6px;font-size:15.5px;line-height:1.6;color:hsl(var(--foreground)/.85)}
.tp-step-text>:first-child{margin-top:0}.tp-step-text>:last-child{margin-bottom:0}

/* Card grid (<ul> of bold-lead items, runs of bold-lead paragraphs). */
.tp-prose .tp-card-grid{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none}
.tp-prose .tp-card{display:block;margin:0;padding:18px;border-radius:18px;background:hsl(var(--muted)/.55);font-size:15px;line-height:1.6;color:hsl(var(--foreground)/.8)}
.tp-prose .tp-card::marker{content:none}
.tp-prose .tp-card>p{margin:0}
.tp-card-icon{display:flex;margin-bottom:10px;color:hsl(var(--primary))}
.tp-card-glyph{display:block;width:36px;height:36px}
.tp-prose .tp-card-title{display:block;margin-bottom:4px;font-size:16px;line-height:1.4;font-weight:700;color:hsl(var(--foreground))}

/* Timeline ("Dia 1:", "Semana 2:"). */
.tp-prose .tp-timeline{display:grid;gap:8px;margin:20px 0;padding:0;list-style:none}
.tp-prose .tp-timeline>li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:12px 14px;border-radius:16px;background:hsl(var(--muted)/.55)}
.tp-prose .tp-timeline>li::marker{content:none}
.tp-prose .tp-timeline-chip{flex:none;justify-self:start;min-width:68px;padding:3px 10px;border-radius:999px;background:hsl(var(--primary)/.14);text-align:center;font-size:13px;line-height:20px;font-weight:800;color:var(--tp-link)}
.tp-timeline-text{min-width:0;font-size:15px;line-height:1.6;color:hsl(var(--foreground)/.85)}

/* Plump check bullets (plain <ul>). */
.tp-prose .tp-checks{display:grid;gap:10px;margin:18px 0;padding:0;list-style:none}
.tp-prose .tp-checks>li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:0}
.tp-prose .tp-checks>li::marker{content:none}
.tp-check-mark{display:flex;flex:none;padding-top:2px;color:hsl(var(--primary))}
.tp-check-glyph{display:block;width:22px;height:22px}
.tp-check-text{min-width:0}
.tp-check-text>:first-child{margin-top:0}.tp-check-text>:last-child{margin-bottom:0}

/* Tone panels from the heading: caution (risks, what to avoid), offer (paid package), example. */
[data-trial-tail] .cpt-section.tp-tone{padding:22px 18px;border-radius:24px}
.tp-tone--caution{background:hsl(var(--destructive)/.07)}
.dark .tp-tone--caution{background:hsl(var(--destructive)/.16)}
.tp-tone--caution .cpt-section-icon{color:hsl(var(--destructive))}
.dark .tp-tone--caution .cpt-section-icon{color:color-mix(in srgb,hsl(var(--destructive)) 60%,hsl(var(--foreground)))}
.tp-tone--caution .tp-check-mark,.tp-tone--caution .tp-card-icon{color:hsl(var(--destructive))}
.dark .tp-tone--caution .tp-check-mark,.dark .tp-tone--caution .tp-card-icon{color:color-mix(in srgb,hsl(var(--destructive)) 60%,hsl(var(--foreground)))}
.tp-tone--caution .tp-card,.tp-tone--caution .tp-steps>li,.tp-tone--caution .tp-timeline>li{background:hsl(var(--card)/.8)}
.tp-tone--offer{background:hsl(var(--accent))}
.tp-tone--offer .tp-card,.tp-tone--offer .tp-steps>li,.tp-tone--offer .tp-timeline>li{background:hsl(var(--card))}
.tp-tone--example{background:hsl(var(--muted)/.55)}
.tp-tone--example .tp-card,.tp-tone--example .tp-timeline>li{background:hsl(var(--card))}
.tp-section-art{display:none;color:hsl(var(--foreground))}
.tp-section-art svg{display:block;width:100%;height:auto}

@media(min-width:480px){
  .tp-facts li{flex-direction:row;align-items:center;gap:12px}
  .tp-facts-icon svg{width:36px;height:36px}
}
@media(min-width:640px){
  .tp-prose .tp-timeline-chip{min-width:84px}
  .tp-prose .tp-timeline{grid-template-columns:max-content minmax(0,1fr)}
  .tp-prose .tp-timeline>li{grid-column:1/-1;display:grid;grid-template-columns:subgrid;column-gap:16px;align-items:start}
  .tp-prose .tp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp-prose .tp-card-grid>:last-child:nth-child(odd){grid-column:1/-1}
  .tp-prose .tp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp-prose .tp-steps>li{flex-direction:column;gap:12px}
  .tp-prose .tp-steps>li:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row}
  .tp-step-text{padding-top:0}
  .tp-prose .tp-steps>li:last-child:nth-child(odd) .tp-step-text{padding-top:6px}
}
@media(min-width:768px){
  .tp-facts{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:32px}
  [data-trial-tail] .cpt-section.tp-tone{padding:28px 28px 28px 24px}
  .tp-section-art{display:block;float:right;width:180px;margin:-4px 0 12px 24px}
}
/* Blocks start below a floated section illustration instead of squeezing beside it. */
.tp-has-art .tp-card-grid,.tp-has-art .tp-steps,.tp-has-art .tp-timeline{clear:both}