/* English version: the logo image had the Portuguese name baked in, so the
   dog stays as an image and the name is live text (easy to rename later) */
.marca-logo{gap:2px}
.logo-texto{
  font-family:var(--serif);font-weight:900;font-variation-settings:"SOFT" 100, "WONK" 1;
  font-size:clamp(21px,1.35vw + 15px,27px);line-height:.92;letter-spacing:-.02em;color:var(--tinta);
  padding-bottom:6px;
  background:linear-gradient(#FFC93C,#FFC93C) left bottom/100% 4px no-repeat;
  border-radius:2px;
}

/* Checkout: box where Hotmart's inline checkout is mounted (it sizes its own iframe height) */
.ck-hotmart{min-height:420px;margin:0 -6px}
.ck-hotmart iframe{border-radius:14px}
.ck-hotmart-carregando{
  min-height:420px;margin:0;display:grid;place-items:center;text-align:center;
  border:2.5px dashed var(--tinta-2);border-radius:18px 14px 20px 16px;color:var(--tinta-2);font-size:17px;line-height:1.5;padding:24px;
}
.ck-hotmart-carregando small{font-size:14px;opacity:.8}

/* Shows only the dog from the original logo image (the left 262 of its 720px) */
.logo-cachorro{display:block;flex:none;height:clamp(46px,3vw + 34px,60px);aspect-ratio:262/334;overflow:hidden}
.marca-logo .logo-cachorro img{height:100%;width:auto;max-width:none}

/* Upsell: Hotmart's one-click upsell box (the "yes" and "no" buttons come from Hotmart's sales funnel) */
.ck-funil{min-height:96px;margin:18px -6px 0}
.ck-funil iframe{border-radius:14px}
.ck-funil[data-destaque]{animation:.6s ease-in-out 3 ck-destaque}
@media (prefers-reduced-motion:reduce){.ck-funil[data-destaque]{animation:none}}
a.ck-upsell-nao{width:fit-content}
/* Upsell and thank-you pages on their own (in the original they sat inside the checkout's grid): one column, full width */
.ck.ck-previa>.ck-principal{width:100%;position:static}

/* Landing page fixes for the English copy */
/* Ticker: each item is inline-flex, which drops the spaces around the date ("created9 days agopassed") */
.plantao .trilho time{margin:0 .28em}
/* Hero: the blue wave passes behind "go viral" with a gap around the letters (like an underline that skips the "g") */
.onda{isolation:isolate}
.onda>.rabisco{z-index:-1}
.hero h1 .onda{-webkit-text-stroke:.07em var(--papel);paint-order:stroke fill}
/* "Your future costs less than a burger": the covers are sized by the fan's height, not by the card's width (on a wide
   single-column card they used to grow taller than the fan and cover the paragraph above) */
.leque img{width:auto;height:100%}
/* Demo: "1 prompt. That's it." is longer than the Portuguese note; on narrow screens it goes on two lines, away from the
   dog, and the dog's "zzz" gets room below the heading (the Z looked like part of the sentence) */
@media (max-width:560px){.mao-prompt{max-width:5.6em;text-align:right;line-height:1}.oferta .demo{margin-top:52px}}