/* Identidade "Oficina" nas páginas públicas (cadastro, login, preços...).
   Carregada DEPOIS do <style> de cada página: concreto + grafite + amarelo. */
body { font-family: 'Barlow', -apple-system, 'Segoe UI', Roboto, sans-serif !important;
       background: #ebe9e4 !important; color: #1c1e20; font-size: 15.5px; }
body::before { content: ""; position: fixed; top: 0; left: 0; right: 0; height: 6px; z-index: 100;
               background: repeating-linear-gradient(-45deg, #ffc20e 0 14px, #1c1e20 14px 28px); }
h1, h2, h3, .card-title, .logo-name, .plan-name, .price, .titulo {
    font-family: 'Barlow Condensed', 'Barlow', sans-serif !important; letter-spacing: .01em; }
h1, h2, .card-title { text-transform: uppercase; }
h1 { font-weight: 800 !important; line-height: 1.05 !important; }
.logo-name { font-weight: 800 !important; font-size: 30px !important; text-transform: uppercase; }
.logo-name span { background: #1c1e20; color: #ffc20e !important; padding: 0 6px; border-radius: 3px; margin-left: 2px; }
.card, .plan, .box, .container-card { border-radius: 4px !important; box-shadow: 0 1px 0 rgba(28,30,32,.06); }
input, select, textarea { background: #fff !important; border: 1px solid #c7c2b6 !important; border-radius: 4px !important;
                          color: #1c1e20 !important; font-family: inherit; font-size: 15px !important; }
input:focus, select:focus, textarea:focus { border-color: #1c1e20 !important; box-shadow: 0 0 0 3px rgba(255,194,14,.45) !important; }
input::placeholder, textarea::placeholder { color: #9a968c; }
label { font-family: 'Barlow Condensed', sans-serif !important; font-size: 13.5px !important; letter-spacing: .06em !important; color: #5a564d !important; }
.btn, button[type="submit"]:not(.flash-close):not(.pass-toggle), .btn-primary, .btn-assinar, a.cta {
    background: #ffc20e !important; color: #1c1e20 !important; border-radius: 4px !important; font-weight: 700 !important;
    box-shadow: 0 3px 0 #b38900 !important; border: none; }
.btn:hover, button[type="submit"]:hover, .btn-primary:hover { background: #f2b300 !important; }
.btn-secondary, .btn-outline, .btn-ghost { background: #fff !important; color: #1c1e20 !important; border: 2px solid #1c1e20 !important; box-shadow: none !important; }
.sell-badge, .trial-badge, .badge-popular, .tag, .pill {
    background: #1c1e20 !important; color: #ffc20e !important; border-radius: 3px !important;
    font-family: 'Barlow Condensed', sans-serif; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.sell h1 span { color: #1c1e20 !important; background: #ffc20e; padding: 0 6px; }
.benefits .ck { background: #ffc20e !important; color: #1c1e20 !important; border-radius: 3px !important; }
.benefits b { color: #1c1e20 !important; }
a { color: #1c1e20; }
.terms a, .login-link a, p a, .links a { text-decoration: underline; text-decoration-color: #ffc20e; text-decoration-thickness: 2px; text-underline-offset: 3px; font-weight: 600; }
.flash, .alert { border-radius: 4px !important; }
.flash.sucesso, .flash.success { background: #e3f0e6 !important; border: 1px solid #7dbb8f !important; color: #1f5130 !important; }
.flash.erro, .flash.danger, .flash.error { background: #fbe0dc !important; border: 1px solid #e7968c !important; color: #8c1f16 !important; }
.flash.info { background: #fff7d6 !important; border: 1px solid #e8c447 !important; color: #5a4500 !important; }
.flash.warning { background: #ffe9d2 !important; border: 1px solid #f0a35e !important; color: #7a3300 !important; }

/* Logo padronizada em todas as páginas: MECÂNICA [OS] */
.logo, .nav-logo, .logo-text, .logo-name { font-family: 'Barlow Condensed', sans-serif !important; font-weight: 800 !important;
    text-transform: uppercase; letter-spacing: .01em; color: #1c1e20 !important; text-decoration: none !important; }
.logo, .nav-logo { font-size: 24px !important; }
.logo-text { font-size: 30px !important; }
.logo span, .nav-logo span, .logo-text span, .logo-name span { background: #1c1e20; color: #ffc20e !important;
    padding: 0 6px; border-radius: 3px; margin-left: 2px; }
.error-code { color: #1c1e20 !important; font-family: 'Barlow Condensed', sans-serif !important; font-weight: 800 !important;
    text-shadow: 6px 6px 0 #ffc20e; }
.plan.featured, .plan-card.featured, .plan-popular { background: #fff !important; border: 3px solid #1c1e20 !important; box-shadow: 10px 10px 0 #ffc20e !important; }
button, input[type="submit"], .btn { font-family: inherit !important; }