/* Clube do Gato | Em breve
   Cores da página principal: verde #1f4a34, verde claro #298454, vinho #a3113f,
   fundo #ecf1dc, sálvia #dce3d3, rosado #f3e1e7, creme #fbfbf6, texto #23362a.
   Fontes: Instrument Sans (textos) e Young Serif (nome "Dra. Ingrid"). */

@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/instrument-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/instrument-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/instrument-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/instrument-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/instrument-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/instrument-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/instrument-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/instrument-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/young-serif-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/young-serif-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#ecf1dc;color:#23362a;font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#1f4a34}
:focus-visible{outline:3px solid #a3113f;outline-offset:3px}

.tela{min-height:100vh;min-height:100svh;max-width:460px;margin:0 auto;padding:24px 20px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}
.marca{display:flex;align-items:center;gap:10px;color:#1f4a34}
.marca-nome{font-family:'Young Serif',Georgia,serif;font-size:22px}
.marca-sep{width:1px;height:22px;background:#1f4a34;opacity:.4}
.marca-sub{font-size:10px;font-weight:600;letter-spacing:.2em}

.cena{width:100%;background:#fbfbf6;border-radius:18px;padding:18px 10px 8px}
.gato{display:block;width:100%;height:auto}

.texto{display:flex;flex-direction:column;align-items:center;gap:12px}
.eyebrow{margin:0;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#1f4a34}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#a3113f;flex:none}
h1{margin:0;font-weight:500;font-size:34px;line-height:1.08;letter-spacing:-.03em;color:#1f4a34;text-wrap:balance}
.h1-linha{display:block}
.vinho{color:#a3113f}
.apoio{margin:0;font-size:17px;line-height:1.5;color:#4a5a4e}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;background:#a3113f;color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s ease}
.btn:hover{background:#8a0f36;color:#fff}
.logo{width:110px;height:auto;opacity:.9}

/* Animação: ciclo de 4 segundos, em laço */
.gato *{transform-box:view-box}
.cauda{transform-origin:92px 172px;animation:cauda 3.2s ease-in-out infinite alternate}
.perna-chute{transform-origin:106px 160px;animation:chute 1.6s ease-in-out infinite alternate}
.cabeca{transform-origin:220px 170px;animation:cabeca 4s ease-in-out infinite}
.pupila{animation:olhar 4s ease-in-out infinite}
.olhos{transform-origin:240px 146px;animation:piscar 5.3s linear infinite}
.bola{animation:bola 4s ease-in-out infinite}
.novelo{transform-origin:170px 72px;animation:rolar 4s ease-in-out infinite}
.fio{stroke-dasharray:180;animation:fio 4s ease-in-out infinite}
.perna-tras{transform-origin:124px 158px;animation:segura-tras 4s ease-in-out infinite}
.patas-frente{transform-origin:212px 142px;animation:segura-frente 4s ease-in-out infinite}

@keyframes cauda{from{transform:rotate(-8deg)}to{transform:rotate(10deg)}}
@keyframes chute{from{transform:rotate(-10deg)}to{transform:rotate(14deg)}}
@keyframes cabeca{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg)}}
@keyframes olhar{0%,100%{transform:translate(0,0)}50%{transform:translate(-1px,-2px)}}
@keyframes piscar{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.1)}}
@keyframes bola{0%,100%{transform:translate(0,0)}50%{transform:translate(1px,-9px)}}
@keyframes rolar{0%,100%{transform:rotate(0)}50%{transform:rotate(-35deg)}}
@keyframes fio{0%,100%{stroke-dashoffset:60}50%{stroke-dashoffset:0}}
@keyframes segura-tras{0%,100%{transform:rotate(0)}50%{transform:rotate(4deg)}}
@keyframes segura-frente{0%,100%{transform:rotate(0)}50%{transform:rotate(-1.5deg) translateY(-8px)}}

@media (min-height:760px){.tela{gap:26px}h1{font-size:38px}}
@media (prefers-reduced-motion:reduce){.gato *{animation:none!important}.fio{stroke-dashoffset:0}}