/* ============================================================
   Y'UP — Theme compartilhado (identidade oficial 2026)
   Lexend + verde #7EE93F→#479B10. Importar em todas as páginas.
   url() das fontes é relativo a ESTE arquivo (assets/), então
   funciona tanto nas páginas da raiz quanto em /files.
   ============================================================ */
@font-face{font-family:'Lexend';src:url('fonts/lexend/Lexend-Light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:'Lexend';src:url('fonts/lexend/Lexend-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Lexend';src:url('fonts/lexend/Lexend-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Lexend';src:url('fonts/lexend/Lexend-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Lexend';src:url('fonts/lexend/Lexend-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Lexend';src:url('fonts/lexend/Lexend-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:'Lexend';src:url('fonts/lexend/Lexend-Black.ttf') format('truetype');font-weight:900;font-display:swap}

:root{
  --yup-green:#7EE93F;
  --yup-green-deep:#479B10;
  --yup-grad:linear-gradient(135deg,#7EE93F 0%,#7EE93F 55%,#479B10 100%);
}
::selection{background:#7EE93F;color:#06140a}

/* textura de pontinhos (halftone) — igual ao banner */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9000;background-image:radial-gradient(rgba(255,255,255,.7) 1.2px,transparent 1.7px);background-size:13px 13px;opacity:.13}
/* remove grades de linha antigas */
.grid-bg,.hero-grid,.hero-grid-bg,.grid-overlay{display:none!important}

/* preencher letras antes vazadas (sem contorno oco) — pegada robusta */
.dim,.outline,.stroke{-webkit-text-stroke:0!important;color:rgba(255,255,255,.30)!important}
.hero-bg-text{-webkit-text-stroke:0!important;color:rgba(255,255,255,.06)!important}

/* ===== Footer padrão Y'UP ===== */
.yt-foot{background:#000;border-top:1px solid rgba(255,255,255,.08);padding:64px clamp(20px,4vw,52px) 36px;font-family:'Lexend',sans-serif}
.yt-foot-wrap{max-width:1320px;margin:0 auto}
.yt-foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:42px}
.yt-foot-brand{max-width:300px}
.yt-logo img{width:48px;height:48px;border-radius:1px;display:block}
.yt-foot-brand p{color:#6c6c6b;font-size:14px;font-weight:300;margin:16px 0;line-height:1.6}
.yt-socials{display:flex;gap:12px}
.yt-socials a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:1px;color:#9D9D9C;transition:transform .2s,background .2s,color .2s,border-color .2s}
.yt-socials a:hover{color:#06140a;background:#7EE93F;border-color:#7EE93F;transform:translateY(-2px)}
.yt-socials svg{width:18px;height:18px;fill:currentColor}
.yt-foot-cols{display:flex;gap:56px;flex-wrap:wrap}
.yt-foot-cols h4{font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7EE93F;margin-bottom:14px}
.yt-foot-cols a{display:block;color:#9D9D9C;font-size:14px;font-weight:300;padding:5px 0;text-decoration:none;transition:color .2s}
.yt-foot-cols a:hover{color:#fff}
.yt-foot-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px;border-top:1px solid rgba(255,255,255,.08);color:#6c6c6b;font-size:12.5px;letter-spacing:.03em}
/* ===== Barra superior padrão Y'UP ===== */
nav.yt-nav{position:fixed;inset:0 0 auto 0;z-index:9990;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 clamp(20px,4vw,52px);background:rgba(0,0,0,.82);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);font-family:'Lexend',sans-serif}
.yt-navlogo{display:flex;align-items:center;gap:10px;line-height:0}
.yt-navlogo img{height:57px;width:57px;border-radius:1px;display:block;object-fit:contain}
.yt-nav-mid{display:flex;align-items:center;gap:28px}
.yt-nav-link{font-family:'Lexend',sans-serif;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#9D9D9C;text-decoration:none;transition:color .2s}
.yt-nav-link:hover{color:#fff}
.yt-nav-right{display:flex;align-items:center;gap:16px}
.yt-lang{display:flex;align-items:center;border:1px solid rgba(126,233,63,.28);border-radius:1px;overflow:hidden}
.yt-lang button{padding:6px 12px;font-family:'Lexend',sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;color:#6c6c6b;background:none;border:none;cursor:pointer;transition:.2s;min-height:auto}
.yt-lang button.active{background:#7EE93F;color:#06140a}
.yt-nav-cta{display:inline-flex;align-items:center;gap:8px;background:#7EE93F;color:#06140a;padding:11px 22px;font-family:'Lexend',sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);transition:background .2s,transform .2s}
.yt-nav-cta:hover{background:#92f257;transform:translateY(-2px)}
@media(max-width:860px){.yt-nav-mid{display:none}}