:root{
  /* color: accent = surfaces/blobs/icons; accent-strong = text and button fills (AA on cream/white) */
  --color-bg:#FFF8F2;
  --color-surface:#FFFFFF;
  --color-fg:#1E1A17;
  --color-muted:#6B5F57;
  --color-tint:#FDE4D0;
  --color-line:#FDE4D0;
  --color-accent:#F26A10;
  --color-accent-strong:#BF4E08;
  --color-accent-press:#A64307;
  --color-cta:#E5600A; /* botão principal: laranja vivo, só com texto grande/bold (3.5:1) */

  /* spacing: 4pt base, 8pt scale (4 8 12 16 24 32 40 48 56 64 80 96) */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem;
  --space-14:3.5rem; --space-16:4rem; --space-20:5rem; --space-24:6rem;

  /* component heights: 40 / 48 / 56 */
  --h-sm:2.5rem; --h-md:3rem; --h-lg:3.5rem;

  /* icon sizes: 16 / 24 / 32 / 40 / 64 */
  --icon-sm:1rem; --icon-md:1.5rem; --icon-lg:2rem; --icon-xl:2.5rem; --icon-2xl:4rem;

  /* radius by role: chip 8, card 16, panel 24, pill */
  --r-sm:.5rem; --r-md:1rem; --r-lg:1.5rem; --r-pill:9999px;

  /* elevation: only for things that float (header pills, perks bar) */
  --shadow-float:0 8px 24px rgba(30,26,23,.08);

  /* type scale, ratio 1.25 (+ one in-between step for captions) */
  --fs-xs:.8rem; --fs-sm:.875rem; --fs-base:1rem; --fs-md:1.25rem;
  --fs-lg:1.5625rem; --fs-xl:1.953rem; --fs-2xl:2.441rem; --fs-hero:clamp(2.5rem,5.4vw,4rem);

  --f-head:"Baloo 2",system-ui,sans-serif;
  --f-body:"Nunito",system-ui,sans-serif;
  --f-script:"Caveat Brush","Segoe Script",cursive;

  /* layout */
  --container:70rem;
  --gutter:var(--space-6);
  --w:min(100% - 2 * var(--gutter), var(--container));
  --header-pad:var(--space-6);
  --header-h:var(--h-lg);
  --hero-min:30rem;
  --media-min:28rem;
  /* proporção do quadro da imagem principal: troque a foto sem quebrar o layout */
  --hero-ratio:4/4.2;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{background:var(--color-bg);color:var(--color-fg);font:400 var(--fs-base)/1.5 var(--f-body);overflow-x:hidden}
img{display:block}
ul{list-style:none;padding:0}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--color-fg);outline-offset:var(--space-1)}
h1,h2,h3{font-family:var(--f-head);line-height:1.05;text-wrap:balance}
p{text-wrap:pretty}

/* buttons: 48 default, 56 for the main action */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--h-md);padding-inline:var(--space-6);font:700 var(--fs-base)/1 var(--f-head);border-radius:var(--r-pill);transition:transform .15s,background-color .15s}
.btn i{font-size:var(--icon-md)}
.btn:hover{transform:translateY(-2px)}
.btn--lg{height:var(--h-lg);padding-inline:var(--space-8)}
.btn--solid{background:var(--color-accent-strong);color:#fff}
.btn--solid:hover{background:var(--color-accent-press)}
.btn--cta{background:var(--color-cta);color:#fff;font-size:1.2rem;box-shadow:0 8px 20px rgba(229,96,10,.28)}
.btn--cta:hover{background:var(--color-accent-strong)}
.btn--white{background:var(--color-surface);color:var(--color-fg)}

/* header */
.top{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);width:var(--w);margin-inline:auto;padding-top:var(--header-pad)}
.brand{display:flex;align-items:center;gap:var(--space-2);font:700 var(--fs-md)/1 var(--f-head)}
.brand__paw{font-size:var(--icon-lg);color:var(--color-accent)}
.top__brand{justify-self:start;height:var(--header-h);padding-inline:var(--space-6);background:var(--color-surface);border-radius:var(--r-pill);box-shadow:var(--shadow-float)}
.nav{justify-self:center;display:flex;align-items:center;gap:var(--space-8);height:var(--header-h);padding-inline:var(--space-8);background:var(--color-surface);border-radius:var(--r-pill);box-shadow:var(--shadow-float);font-weight:600;font-size:var(--fs-sm)}
.nav a{padding-block:var(--space-2);border-bottom:3px solid transparent}
.nav a[aria-current]{color:var(--color-accent-strong);border-color:var(--color-accent-strong)}
.nav a:hover{color:var(--color-accent-strong)}
.top__cta{justify-self:end;height:var(--header-h)}

/* hero */
.hero{position:relative;width:var(--w);margin-inline:auto;padding-block:var(--space-10) var(--space-16);display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-6);align-items:center;min-height:var(--hero-min)}
/* organic blobs on the hero edges (curves only, no hard rectangles) */
.hero::before{content:"";position:absolute;z-index:-1;inset:calc(-1 * (var(--header-pad) + var(--header-h) + var(--space-4))) calc(50% - 50vw) 0 calc(50% - 50vw);pointer-events:none;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 90'%3E%3Cpath fill='%23F26A10' d='M0 0H150C142 26 108 42 74 37C38 32 14 52 0 88Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 120'%3E%3Cpath fill='%23F26A10' d='M40 0H140V120C112 118 88 96 78 66C68 36 58 12 40 0Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 180'%3E%3Cpath fill='%23F26A10' d='M0 36C44 20 96 52 102 100C108 142 60 178 0 172Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cpath fill='%23F26A10' d='M300 70C252 58 206 92 186 138C170 176 122 186 90 214C62 238 52 266 78 284C112 306 214 296 300 288Z'/%3E%3C/svg%3E");background-position:0 0,100% 0,0 78%,100% 96%;background-size:11rem auto,6rem auto,min(6.5rem,max(var(--space-6),calc((100vw - var(--container)) / 2))) auto,min(24vw,19rem) auto}
.hero h1{font-size:var(--fs-hero);font-weight:800;letter-spacing:-.02em;max-width:9em}
.hero__tag{margin-top:var(--space-6);font:700 clamp(var(--fs-lg),2.6vw,var(--fs-xl))/1.1 var(--f-head);color:var(--color-accent-strong);max-width:14em}
.u{background:linear-gradient(var(--color-accent-strong),var(--color-accent-strong)) 0 100%/100% 3px no-repeat;padding-bottom:var(--space-1)}
.hero__sub{margin-top:var(--space-4);max-width:24em;font-weight:600;font-size:var(--fs-md)}
.hero__actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-8)}
.hero__media{position:relative;align-self:stretch;min-height:var(--media-min);aspect-ratio:var(--hero-ratio)}
.hero__media::before{content:"";position:absolute;inset:12% 6% 0;border-radius:50% 50% var(--r-lg) var(--r-lg);background:var(--color-tint);opacity:.7}
.deco{position:absolute;color:var(--color-accent)}
.deco--heart{font-size:var(--space-12);top:12%;right:4%}
.deco--paw1{font-size:var(--icon-xl);top:6%;right:26%;opacity:.25}
.hero__media::after{content:"";position:absolute;z-index:2;top:calc(22.1% - var(--space-8));left:calc(10.6% - var(--space-14) / 2 + var(--space-3));width:var(--space-14);height:var(--space-14);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23F26A10' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M32 6V24M9 18 21 30M55 18 43 30'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(-30deg);transform-origin:50% 100%;pointer-events:none}
.deco--paw2{font-size:var(--icon-xl);top:44%;right:0;opacity:.25}

/* photo placeholders (TODO(content): replace with real photos) */
.hero__img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}

/* perks */
.perks{position:relative;z-index:2;width:var(--w);margin:calc(var(--space-10) * -1) auto 0;background:var(--color-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-float);padding:var(--space-4) var(--space-6);display:grid;grid-template-columns:repeat(4,1fr)}
.perk{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);font:700 var(--fs-base)/1.2 var(--f-head)}
.perk+.perk{border-left:1px solid var(--color-line)}
.perk__ic{flex:none;width:var(--h-lg);height:var(--h-lg);border-radius:50%;background:var(--color-tint);display:grid;place-items:center;color:var(--color-accent-strong);fill:var(--color-accent-strong)}
.perk__ic i{font-size:var(--icon-lg)}

/* sections: 96 / 80 / 96 / 80 so they do not all breathe the same */
.sec-head{text-align:center;margin-bottom:var(--space-10)}
.sec-head h2{font-size:var(--fs-xl);font-weight:700}
.sec-head p{margin-top:var(--space-2);color:var(--color-muted);font-weight:600}

.services{width:var(--w);margin:var(--space-24) auto 0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
.card{position:relative;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--r-md);text-align:center;padding-bottom:var(--space-6)}
.card__img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:var(--r-md) var(--r-md) 0 0}
.card__img--banho{object-position:center 35%}
.card__img--racao{object-position:center 20%}
.card__img--brinq{object-position:center 60%}
.card__ic{position:relative;z-index:1;margin:calc(var(--space-6) * -1) auto 0;width:var(--h-md);height:var(--h-md);border-radius:50%;background:var(--color-accent);color:#fff;fill:#fff;display:grid;place-items:center;border:var(--space-1) solid var(--color-surface)}
.card__ic i{font-size:var(--icon-md)}
.card h3{margin-top:var(--space-3);font-size:var(--fs-md);font-weight:700}
.card p{margin-top:var(--space-2);padding-inline:var(--space-4);font-size:var(--fs-sm);color:var(--color-muted)}

.why{width:var(--w);margin:var(--space-20) auto 0;background:var(--color-tint);border-radius:var(--r-lg);padding:var(--space-6) var(--space-10);display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-10);align-items:center}
.why__title{display:flex;align-items:center;gap:var(--space-4);padding-right:var(--space-10);border-right:1px solid color-mix(in srgb,var(--color-accent) 50%,transparent)}
.why h2{font-size:var(--fs-lg);font-weight:700}
.why__list{display:grid;gap:var(--space-2);font-weight:700}
.why__list li{display:flex;align-items:center;gap:var(--space-3)}
.why__list i{flex:none;display:grid;place-items:center;width:var(--icon-md);height:var(--icon-md);border-radius:50%;background:var(--color-accent-strong);color:#fff;font-size:.75rem}
.why__script{font:400 var(--fs-xl)/1.1 var(--f-script);transform:rotate(-4deg);max-width:9em}

.reviews{width:var(--w);margin:var(--space-24) auto 0}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.quote{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--r-md);padding:var(--space-6)}
.quote__mark{font-size:var(--icon-lg);color:var(--color-accent)}
.quote blockquote{font-size:var(--fs-base);font-weight:600;line-height:1.5}
.quote__who{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-line);font-size:var(--fs-sm);line-height:1.3}
.quote__who small{color:var(--color-muted);font-size:var(--fs-xs);font-weight:700}
.avatar{flex:none;display:grid;place-items:center;width:var(--h-md);height:var(--h-md);border-radius:50%;background:var(--color-tint);color:var(--color-accent-strong);object-fit:cover;overflow:hidden}
.avatar i{font-size:var(--icon-md)}
.stars{display:flex;gap:var(--space-1);color:var(--color-accent)}
.stars i{font-size:var(--icon-sm)}
.services__cta{display:none;margin-top:var(--space-6);text-align:center}

.cta{position:relative;width:var(--w);margin:var(--space-20) auto 0;background:var(--color-accent);color:#fff;border-radius:var(--r-lg);padding:var(--space-10);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
.cta h2{font-size:var(--fs-2xl);font-weight:700;max-width:14em}
.cta p{margin:var(--space-2) 0 var(--space-8);font:700 var(--fs-md)/1.3 var(--f-body)}
.cta__media{align-self:end;margin:calc(var(--space-10) * -1) calc(var(--space-10) * -1) calc(var(--space-10) * -1) 0}
.cta__media img{display:block;width:100%;height:auto}

.foot{width:var(--w);margin:var(--space-12) auto 0;padding-block:var(--space-6);display:grid;grid-template-columns:1fr auto;gap:var(--space-4) var(--space-6);align-items:center;font-size:var(--fs-sm);font-weight:600;border-top:1px solid var(--color-line)}
.foot__main{display:grid;gap:var(--space-2)}
.brand--sm{font-size:var(--fs-base);min-height:var(--h-md)}
.brand--sm .brand__paw{font-size:var(--icon-md)}
.foot__social{display:flex;gap:var(--space-2)}
.foot__social a{display:grid;place-items:center;width:var(--h-md);height:var(--h-md);border-radius:50%;background:var(--color-fg);color:#fff}
.foot__social i{font-size:var(--icon-md)}
.foot__social a:hover{background:var(--color-accent-strong)}
.foot__line{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--color-muted)}
.foot__line i{flex:none;font-size:var(--icon-sm);margin-top:var(--space-1);color:var(--color-accent-strong)}
.foot__copy{grid-column:1/-1;color:var(--color-muted);font-size:var(--fs-xs)}
.dock{display:none}

/* tablet and below: no menu, logo + CTA on one row; section gaps scale ~0.6 */
@media (max-width:960px){
  :root{--gutter:var(--space-4);--header-pad:var(--space-4);--header-h:var(--h-md);--media-min:0rem}
  .top{display:flex;justify-content:space-between;gap:var(--space-2)}
  .top__brand{min-width:0;white-space:nowrap;padding-inline:var(--space-4)}
  .brand{font-size:var(--fs-base)}
  .nav{display:none}
  .top__cta{flex:none;padding-inline:var(--space-4);font-size:var(--fs-sm)}
  .top__cta i{display:none}
  .hero{grid-template-columns:1fr;padding-block:var(--space-8) var(--space-10);min-height:0}
  .hero__media{width:min(100%,28rem);margin-inline:auto}
  .hero::before{background-size:8rem auto,4.5rem auto,5rem auto,min(46vw,14rem) auto}
  .perks{grid-template-columns:repeat(2,1fr);margin-top:var(--space-6)}
  .perk:nth-child(3){border-left:0}
  .sec-head{margin-bottom:var(--space-8)}
  .services,.reviews{margin-top:var(--space-16)}
  .why,.cta{margin-top:var(--space-12)}
  .foot{margin-top:var(--space-10)}
  .cards{grid-template-columns:repeat(2,1fr)}
  .why{grid-template-columns:1fr;gap:var(--space-6)}
  .why__title{justify-content:center;text-align:center;border-right:0;padding-right:0}
  .why__list li{justify-content:center;text-align:center}
  .why__script{max-width:none;text-align:center;transform:rotate(-3deg)}
  .quotes{grid-template-columns:1fr}
  .cta{grid-template-columns:1fr}
  .cta__media{margin:0 calc(var(--space-10) * -1) calc(var(--space-10) * -1)}
}
/* mobile 360-430: direção de arte. Animais grandes sobre painel laranja, bento de serviços, carrossel de depoimentos */
@media (max-width:520px){
  :root{--hero-ratio:1/1.16}

  /* hero: texto grande em cima, animais vazando de um painel laranja orgânico */
  .hero{padding-block:var(--space-6) 0;gap:var(--space-4)}
  .hero::before{background-size:7rem auto,0 0,0 0,0 0}
  .hero h1{font-size:2.75rem;line-height:.98;letter-spacing:-.025em;max-width:none}
  .hero__tag{margin-top:var(--space-3);font-size:var(--fs-lg);line-height:1.05}
  .hero__sub{margin-top:var(--space-3);font-size:1.125rem;line-height:1.4;color:var(--color-fg)}
  .hero__actions{margin-top:var(--space-6);gap:var(--space-3)}
  .hero__actions .btn--lg:first-child{flex:1;background:var(--color-cta);font-size:1.2rem;box-shadow:0 8px 20px rgba(229,96,10,.28)}
  .hero__media{margin-inline:calc(var(--gutter) * -1);width:auto;height:100vw;aspect-ratio:auto;align-self:start}
  .hero__media::before{top:34%;right:0;bottom:0;left:0;border-radius:50% 50% 50% 50%/10% 10% 8% 8%;background:var(--color-accent);opacity:1}
  .hero__media::after{top:calc(24.8% - var(--space-8));left:calc(13.7% - var(--space-14) / 2 + var(--space-3))}
  .deco{display:none}
  .hero__img{top:0;bottom:0;left:4%;right:auto;width:92%;object-position:center bottom}

  /* diferenciais: barra sobreposta ao painel */
  .perks{margin-top:calc(var(--space-12) * -1);grid-template-columns:repeat(2,1fr);padding:var(--space-2);gap:0}
  .perk{flex-direction:column;justify-content:flex-start;text-align:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);font-size:var(--fs-base)}
  .perk+.perk{border-left:0;border-top:0}
  .perk:nth-child(n+3){border-top:1px solid var(--color-line)}
  .perk:nth-child(even){border-left:1px solid var(--color-line)}
  .perk__ic{width:var(--h-lg);height:var(--h-lg)}
  .perk__ic i{font-size:var(--icon-lg)}

  .sec-head{margin-bottom:var(--space-6)}
  .sec-head h2{font-size:var(--fs-xl);line-height:1}
  .sec-head p{font-size:var(--fs-base)}
  .services,.reviews{margin-top:var(--space-14)}

  /* serviços: bento de fotos com texto sobre gradiente (largo, 2 médios, largo) */
  .cards{grid-template-columns:1fr 1fr;gap:var(--space-3)}
  /* foto como background do próprio card: sem overflow+radius nem imagem absoluta (o print de página inteira do iOS falha nisso). A <img> fica só para leitores de tela. */
  .card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc((100vw - 44px) * .68);padding:0;border:0;border-radius:var(--r-lg);background:linear-gradient(to top,rgba(30,26,23,.82) 0,rgba(30,26,23,.4) 42%,rgba(30,26,23,0) 72%),var(--photo) var(--pos,center)/cover no-repeat,var(--color-tint);text-align:left;color:#fff}
  .card:first-child,.card:last-child{grid-column:1/-1;min-height:calc((100vw - 32px) * .68)}
  .card__img,.cta__media img{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .card__ic{position:absolute;top:var(--space-3);left:var(--space-3);margin:0;border:0}
  .card h3{margin:0;padding-inline:var(--space-4);font-size:1.125rem;line-height:1.1;color:#fff}
  .card:first-child h3,.card:last-child h3{font-size:var(--fs-lg)}
  .card p{margin:var(--space-1) 0 0;padding:0 var(--space-4) var(--space-4);font-size:var(--fs-sm);font-weight:600;line-height:1.35;color:rgba(255,255,255,.94)}
  .services__cta{display:block}
  .services__cta .btn{width:100%}

  /* por que escolher: painel tint com linhas brancas e assinatura grande */
  .why{margin-top:var(--space-14);padding:var(--space-8) var(--space-6);gap:var(--space-6)}
  .why__title{flex-wrap:nowrap;gap:var(--space-3)}
  .why h2{font-size:var(--fs-xl);line-height:1}
  .why__list{gap:var(--space-2)}
  .why__list li{gap:var(--space-2);padding:var(--space-3);border-radius:var(--r-md);background:var(--color-surface);font-size:.9375rem}
  .why__script{max-width:none;font-size:var(--fs-xl);color:var(--color-accent-strong);text-align:center;transform:rotate(-3deg)}

  /* depoimentos: carrossel com card grande e aspas em selo laranja */
  .quotes{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding:var(--space-6) var(--gutter) var(--space-6);scrollbar-width:none}
  .quotes::-webkit-scrollbar{display:none}
  .quote{flex:none;width:min(82vw,20rem);scroll-snap-align:start;padding:var(--space-8) var(--space-6) var(--space-6);gap:var(--space-6);border:0;border-radius:var(--r-lg);box-shadow:var(--shadow-float)}
  .quote__mark{position:absolute;top:calc(var(--space-6) * -1);left:var(--space-6);box-sizing:content-box;display:grid;place-items:center;width:var(--icon-md);height:var(--icon-md);font-size:var(--icon-md);padding:var(--space-3);border-radius:50%;background:var(--color-accent);color:#fff}
  .quote blockquote{font-size:1.125rem;line-height:1.4}
  .avatar{width:var(--h-lg);height:var(--h-lg);box-shadow:0 0 0 3px var(--color-accent)}
  .avatar i{font-size:var(--icon-lg)}
  .quote__who{font-size:var(--fs-base)}

  /* CTA final: pets espiam por cima do painel; sem vazio embaixo */
  .cta{display:block;margin-top:calc((100vw - 56px) * .346 + var(--space-10));padding:var(--space-8) var(--space-6);overflow:visible}
  .cta h2{font-size:2.25rem;line-height:1;max-width:none}
  .cta p{margin:var(--space-3) 0 var(--space-6);font-size:1.125rem}
  .cta .btn{width:100%}
  .cta__media{position:absolute;bottom:100%;left:var(--space-3);width:calc(100% - 2 * var(--space-3));margin:0;height:calc((100vw - 56px) * .346);background:var(--photo) center top/100% auto no-repeat}

  .foot{margin-top:var(--space-10);grid-template-columns:1fr}
  .dock{position:fixed;z-index:20;right:var(--gutter);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));display:grid;place-items:center;width:var(--h-lg);height:var(--h-lg)}
  .dock[hidden]{display:none}
  .dock img{width:var(--h-lg);height:var(--h-lg);filter:drop-shadow(0 4px 8px rgba(30,26,23,.28))}
}

/* ===== FAIXA FINAL DE CRÉDITOS (Nov.IA) =====
   fundo = #14110F (--color-fg #1E1A17 escurecido, mesmo tom da marca); destaque = --color-accent (#F26A10, laranja da marca).
   Link sobre o fundo: 6.13:1 (AA). */
:root{
  --credit-bg:#14110F;
  --credit-accent:var(--color-accent);
  --credit-accent-rgb:242,106,16;
}
.footer-credit-bar{display:block!important;visibility:visible!important;opacity:1!important;width:100%;margin:0;padding-top:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom,16px));background-color:var(--credit-bg)!important;border-top:1px solid rgba(255,255,255,.06);position:relative;z-index:100;clear:both}
.footer-credit-bar .container{width:var(--w);margin-inline:auto}
.credit-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);text-align:center}
.credit-content,.credit-text{color:rgba(255,255,255,.72);font-size:var(--fs-sm)}
.credit-text{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-1);margin:0;line-height:1.4}
.credit-fa{color:var(--credit-accent);font-size:var(--fs-xs);flex-shrink:0}
.credit-link{color:var(--credit-accent);font-weight:700;text-decoration:none;padding:0 var(--space-1);transition:color .2s ease,text-shadow .2s ease}
.credit-link:hover,.credit-link:focus-visible{color:#fff;text-decoration:underline;text-shadow:0 0 10px rgba(var(--credit-accent-rgb),.7);outline:2px solid var(--credit-accent);outline-offset:2px}
@media (max-width:600px){.credit-text{font-size:var(--fs-xs)}}