/* ===================================================================
   TEMAS DO SITE — 3 visuais COMPLETAMENTE diferentes.
   Aplicados pela classe no <body> (theme-1 / theme-2 / theme-3).
   Cada tema troca COR, FONTE, BOTÕES, TÍTULOS e POSIÇÃO do conteúdo.
   Usamos !important porque as cores originais vêm "inline" no index.
   =================================================================== */


/* ================================================================== *
   TEMA 1 — AZUL CORPORATIVO (banner escuro, corpo claro, texto à direita)
 * ================================================================== */
body.theme-1 { background:#ffffff !important; }

/* Banner */
body.theme-1 header {
    background: linear-gradient(125deg, #0b1f3a 0%, #1e4fd8 100%) !important;
}
body.theme-1 header .header-content-inner h1 { color:#ffffff !important; font-family:'Oswald',sans-serif !important; }

/* Navbar escura */
body.theme-1 .navbar-default.cs-primary-navbar { background-color:#0b1f3a !important; }
body.theme-1 .navbar-nav > li > a { color:#ffffff !important; border-radius:30px !important; }
body.theme-1 .navbar-nav > li > a:hover,
body.theme-1 .navbar-nav > li.active > a { background-color:#1e4fd8 !important; color:#fff !important; }
body.theme-1 .logo-primary { color:#ffffff !important; }
body.theme-1 .logo-secondary { color:#9bc0ff !important; }

/* Botões */
body.theme-1 .btn-primary {
    background:#1e4fd8 !important; border:none !important; color:#fff !important;
    border-radius:30px !important; font-weight:600 !important;
}
body.theme-1 .btn-primary:hover { background:#0b1f3a !important; }

/* Seções */
body.theme-1 #features { background-color:#ffffff !important; }
body.theme-1 #features .cs-hero-title { color:#0b1f3a !important; }
body.theme-1 .get-quote-section { background-color:#0b1f3a !important; }
body.theme-1 .get-quote-section .call-to-action h4 { color:#fff !important; }
body.theme-1 .cs-call-action { background-color:#0b1f3a !important; }
body.theme-1 .cs-call-action h1.call-to-action { color:#fff !important; }
body.theme-1 .mockup-title { color:#0b1f3a !important; }


/* ================================================================== *
   TEMA 2 — MODERNO CLARO (fundo claro, texto à ESQUERDA, Poppins, índigo)
 * ================================================================== */
body.theme-2,
body.theme-2 p, body.theme-2 h1, body.theme-2 h2, body.theme-2 h3, body.theme-2 h4,
body.theme-2 .card-text, body.theme-2 .mockup-title, body.theme-2 .cs-hero-title,
body.theme-2 .call-to-action, body.theme-2 .navbar-nav > li > a, body.theme-2 .site-logo-text {
    font-family:'Poppins', system-ui, Arial, sans-serif !important;
}
body.theme-2 { background:#f4f6fb !important; color:#1f2430 !important; }

/* Banner CLARO com texto escuro à esquerda */
body.theme-2 header {
    background: linear-gradient(120deg, #eef2fb 0%, #dbe5fb 100%) !important;
}
body.theme-2 header .row { display:flex !important; align-items:center !important; }
body.theme-2 header .row > .col-sm-6:first-child { display:none !important; }
body.theme-2 header .header-content-inner { text-align:left !important; }
body.theme-2 header .header-content-inner h1 { color:#1b2a4a !important; font-weight:800 !important; }

/* Navbar CLARA com texto escuro */
body.theme-2 .navbar-default.cs-primary-navbar { background-color:#ffffff !important; box-shadow:0 2px 14px rgba(0,0,0,.06) !important; }
body.theme-2 .navbar-nav > li > a { color:#1f2430 !important; font-weight:600 !important; border-radius:50px !important; }
body.theme-2 .navbar-nav > li > a:hover,
body.theme-2 .navbar-nav > li.active > a { background-color:#4f46e5 !important; color:#fff !important; }
body.theme-2 .logo-primary { color:#4f46e5 !important; }
body.theme-2 .logo-secondary { color:#6b7280 !important; }

/* Botões pill índigo com sombra */
body.theme-2 .btn-primary {
    background:#4f46e5 !important; border:none !important; color:#fff !important;
    border-radius:50px !important; padding:12px 28px !important; font-weight:600 !important;
    box-shadow:0 10px 24px rgba(79,70,229,.35) !important;
}
body.theme-2 .btn-primary:hover { background:#3c35c7 !important; transform:translateY(-2px); }

/* Seções claras */
body.theme-2 #features { background-color:#ffffff !important; }
body.theme-2 #features .cs-hero-title { color:#1f2430 !important; }
body.theme-2 .image-edge, body.theme-2 #gallery, body.theme-2 #services { background-color:#f4f6fb !important; }
body.theme-2 .mockup-title { color:#4f46e5 !important; font-weight:700 !important; }
body.theme-2 .mockup-subtitle, body.theme-2 .mockup-text { color:#4b5563 !important; }
body.theme-2 .get-quote-section { background-color:#eef1fb !important; }
body.theme-2 .get-quote-section .call-to-action h4 { color:#1f2430 !important; }
body.theme-2 .cs-call-action { background-color:#4f46e5 !important; }
body.theme-2 .cs-call-action h1.call-to-action { color:#fff !important; }

/* Cards e galeria arredondados */
body.theme-2 .card, body.theme-2 #services .card { border-radius:18px !important; border:none !important; box-shadow:0 10px 30px rgba(0,0,0,.08) !important; background:#fff !important; }
body.theme-2 .gallery-list img, body.theme-2 .popup-gallery img { border-radius:14px !important; }
body.theme-2 .cs-section-heading h2 { color:#1f2430 !important; font-weight:700 !important; }


/* ================================================================== *
   TEMA 3 — GARAGEM DARK (fundo preto, vermelho, Anton, texto CENTRALIZADO)
 * ================================================================== */
body.theme-3,
body.theme-3 p, body.theme-3 .card-text, body.theme-3 .mockup-subtitle, body.theme-3 .mockup-text {
    font-family:'Poppins', system-ui, Arial, sans-serif !important;
}
body.theme-3 h1, body.theme-3 h2, body.theme-3 h3,
body.theme-3 .cs-hero-title, body.theme-3 .mockup-title, body.theme-3 .call-to-action,
body.theme-3 .cs-section-heading h2, body.theme-3 .card-title, body.theme-3 .site-logo-text {
    font-family:'Anton','Oswald',sans-serif !important; text-transform:uppercase !important; letter-spacing:1px !important; font-weight:400 !important;
}
body.theme-3 { background:#0d0d0f !important; color:#e8e8ea !important; }

/* Banner escuro, texto centralizado e GRANDE */
body.theme-3 header {
    background: radial-gradient(circle at 70% 40%, rgba(225,29,42,.35) 0%, rgba(13,13,15,0) 55%), linear-gradient(135deg, #0d0d0f 0%, #1a1a1f 100%) !important;
}
body.theme-3 header .row { display:block !important; }
body.theme-3 header .row > .col-sm-6:first-child { display:none !important; }
body.theme-3 header .row > .col-sm-6 { width:100% !important; float:none !important; }
body.theme-3 header .header-content-inner { text-align:center !important; margin:0 auto !important; }
body.theme-3 header .header-content-inner h1 { color:#ffffff !important; font-size:46px !important; line-height:1.05 !important; }
body.theme-3 .list-inline { text-align:center !important; }

/* Navbar preta, menu em caixa alta */
body.theme-3 .navbar-default.cs-primary-navbar { background-color:#000000 !important; }
body.theme-3 .navbar-nav > li > a { color:#ffffff !important; text-transform:uppercase !important; font-weight:700 !important; border-radius:0 !important; }
body.theme-3 .navbar-nav > li > a:hover,
body.theme-3 .navbar-nav > li.active > a { background-color:#e11d2a !important; color:#fff !important; }
body.theme-3 .logo-primary { color:#ffffff !important; }
body.theme-3 .logo-secondary { color:#e11d2a !important; }

/* Botões retos vermelhos */
body.theme-3 .btn-primary {
    background:#e11d2a !important; color:#fff !important; border:2px solid #fff !important;
    border-radius:0 !important; text-transform:uppercase !important; font-weight:700 !important;
    letter-spacing:.5px !important; box-shadow:5px 5px 0 rgba(0,0,0,.5) !important;
}
body.theme-3 .btn-primary:hover { background:#b3141f !important; transform:translate(2px,2px); box-shadow:3px 3px 0 rgba(0,0,0,.5) !important; }

/* Seções escuras */
body.theme-3 #features { background-color:#141418 !important; }
body.theme-3 #features .cs-hero-title { color:#ffffff !important; }
body.theme-3 #features .cs-hero-title span { color:#e11d2a !important; }
body.theme-3 .image-edge, body.theme-3 #gallery, body.theme-3 #services { background-color:#0d0d0f !important; }
body.theme-3 .mockup-title { color:#ffffff !important; }
body.theme-3 .mockup-subtitle, body.theme-3 .mockup-text { color:#b9b9be !important; }
body.theme-3 .cs-section-heading h2 { color:#ffffff !important; }
body.theme-3 .cs-section-heading h4 { color:#b9b9be !important; }
body.theme-3 .card, body.theme-3 #services .card { background:#141418 !important; border:0 !important; border-left:5px solid #e11d2a !important; border-radius:0 !important; }
body.theme-3 .card-title, body.theme-3 .card-text { color:#e8e8ea !important; }
body.theme-3 .get-quote-section { background-color:#e11d2a !important; }
body.theme-3 .get-quote-section .call-to-action h4 { color:#fff !important; }
body.theme-3 .cs-call-action { background-color:#0d0d0f !important; }
body.theme-3 .cs-call-action h1.call-to-action { color:#fff !important; }
body.theme-3 .gallery-list img, body.theme-3 .popup-gallery img { border:3px solid #e11d2a !important; border-radius:0 !important; }