﻿/* ============================================================
   DIVALORE BUSINESS — FASE 10A INTERNAL CORE
   Páginas internas: crédito, produtos, ferramentas e atendimento.
   ============================================================ */

:root {
  --dv-black: #050503;
  --dv-black-2: #0d0b07;
  --dv-gold: #dcbc4e;
  --dv-gold-2: #f0d46a;
  --dv-paper: #f7f1e6;
  --dv-paper-2: #fffaf0;
  --dv-text: #17130c;
  --dv-muted: #665f52;
  --dv-border: rgba(90, 70, 28, .16);
  --dv-radius-xl: 28px;
  --dv-radius-md: 18px;
  --dv-shadow: 0 28px 80px -58px rgba(0,0,0,.55);
}

html,
body {
  overflow-x: hidden !important;
}

body {
  background: var(--dv-paper) !important;
  color: var(--dv-text) !important;
}

/* Header legado e novo */
header,
.site-header,
.main-header,
.div-navbar,
.navbar,
.dv-header,
.dvf-header {
  background: var(--dv-black) !important;
  color: #fff !important;
  box-shadow: 0 18px 55px -42px rgba(0,0,0,.8) !important;
  border: 0 !important;
}

.navbar,
.div-navbar,
.site-header,
.main-header {
  min-height: 86px !important;
}

.navbar .container,
.div-navbar .container,
.site-header .container,
.main-header .container {
  min-height: 86px !important;
  display: flex !important;
  align-items: center !important;
}

.navbar-brand,
.div-brand,
.site-logo,
.logo,
.brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: #f7e9bb !important;
  text-decoration: none !important;
  min-width: 180px !important;
}

.navbar-brand img,
.div-brand img,
.site-logo img,
.logo img,
.brand img,
header img[src*="divalore"],
header img[src*="dv-"] {
  max-width: 72px !important;
  max-height: 64px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

.navbar a,
.div-navbar a,
.site-header a,
.main-header a,
.nav-link {
  color: #fff6dc !important;
  font-weight: 750 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
}

.navbar a:hover,
.div-navbar a:hover,
.site-header a:hover,
.main-header a:hover,
.nav-link:hover {
  color: var(--dv-gold-2) !important;
}

/* Botões */
.btn,
.btn-gold,
.btn-divalore,
.dv-cta,
.dvf-cta,
.button,
a[class*="btn"] {
  border-radius: 999px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
}

.btn-gold,
.dv-cta,
.dvf-cta,
a[href*="credito-solicitar"],
a[href*="solicitar"] {
  background: linear-gradient(135deg, #f0d46a, #d4ac3f) !important;
  color: #120f08 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

/* Heros internos */
.hero,
.inner-hero,
.product-hero,
.page-hero,
.section-hero,
.dv-product-hero,
.dv-inner-hero {
  background:
    radial-gradient(circle at top right, rgba(220,188,78,.16), transparent 34%),
    linear-gradient(180deg, #fbf6eb, var(--dv-paper)) !important;
  padding: clamp(56px, 7vw, 98px) 0 clamp(42px, 5vw, 74px) !important;
  border-bottom: 1px solid var(--dv-border) !important;
}

.hero .container,
.inner-hero .container,
.product-hero .container,
.page-hero .container,
.section-hero .container,
.dv-product-hero .container,
.dv-inner-hero .container {
  max-width: 1240px !important;
}

.eyebrow,
.dv-eyebrow,
.dvf-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(150,112,28,.24) !important;
  background: rgba(255,255,255,.46) !important;
  color: #76591c !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.hero-title,
.inner-hero h1,
.product-hero h1,
.page-hero h1,
section.hero h1,
h1.hero-title,
main h1 {
  max-width: 980px !important;
  color: var(--dv-text) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.75rem, 5.6vw, 5.6rem) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  margin-top: 22px !important;
}

.hero-sub,
.hero p,
.inner-hero p,
.product-hero p,
.page-hero p,
.lead,
.dv-lead {
  max-width: 760px !important;
  color: var(--dv-muted) !important;
  font-size: clamp(1.05rem, 1.25vw, 1.25rem) !important;
  line-height: 1.68 !important;
}

/* Seções e cards */
.section-pad,
.bg-paper,
section {
  background-color: var(--dv-paper) !important;
}

.content-block,
.card,
.product-card,
.dv-card,
.dvf-card,
.tool-card,
.article-card,
.form-card,
.finance-form,
.lead-form,
form[data-divalore-lead-form],
form[data-finance-form] {
  border-radius: var(--dv-radius-xl) !important;
  border: 1px solid var(--dv-border) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,250,240,.92)) !important;
  box-shadow: var(--dv-shadow) !important;
}

.content-block,
.card,
.product-card,
.dv-card,
.dvf-card,
.tool-card,
.article-card,
.form-card {
  padding: clamp(22px, 2.3vw, 34px) !important;
}

.finance-form,
.lead-form,
form[data-divalore-lead-form],
form[data-finance-form] {
  padding: clamp(24px, 2.5vw, 38px) !important;
}

/* Títulos internos */
h2,
.section-title,
.dv-section-title,
.dvf-section-title {
  color: var(--dv-text) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2rem, 3.2vw, 3.6rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em !important;
}

h3 {
  color: var(--dv-text) !important;
  font-weight: 850 !important;
}

/* Listas */
ul,
ol {
  color: var(--dv-muted) !important;
}

li {
  margin-bottom: .42rem !important;
}

/* Formulários */
label,
.form-label {
  color: #2d2618 !important;
  font-weight: 800 !important;
}

input,
select,
textarea,
.form-control,
.form-select {
  border-radius: 16px !important;
  border: 1px solid rgba(90,70,28,.2) !important;
  background: #fffdf7 !important;
  color: var(--dv-text) !important;
  min-height: 48px !important;
}

textarea {
  min-height: 110px !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
  border-color: rgba(220,188,78,.75) !important;
  box-shadow: 0 0 0 4px rgba(220,188,78,.14) !important;
  outline: none !important;
}

button,
[type="submit"],
.btn-submit,
.dv-submit,
.dvf-submit {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f0d46a, #d1a83c) !important;
  color: #120f08 !important;
  border: 0 !important;
  font-weight: 900 !important;
  min-height: 52px !important;
  padding: 0 26px !important;
}

/* Avisos responsáveis */
.alert,
.notice,
.warning,
.aviso,
.dv-notice,
.responsible-notice,
.aviso-responsavel {
  border-radius: 20px !important;
  border: 1px solid rgba(150,112,28,.24) !important;
  background: rgba(255,248,222,.78) !important;
  color: #3d3117 !important;
}

/* Imagens internas */
main img,
section img {
  max-width: 100% !important;
  height: auto !important;
}

img[src*="assets/img/brand"],
img[src*="assets/img/hero"],
img[src*="media/divalore"],
img[src=""],
img:not([src]) {
  object-fit: contain !important;
}

/* WhatsApp */
.wa-float,
.dvf-whatsapp,
.dv-whatsapp,
a[href*="wa.me"] {
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 9990 !important;
  border-radius: 999px !important;
  background: #087c2e !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 22px 54px -32px rgba(0,0,0,.6) !important;
}

/* Cookie */
.cookie-banner,
.cookie-consent,
.dv-cookie,
.dvf-cookie,
.dv-cookie-home,
#cookie-banner {
  z-index: 9999 !important;
  border-radius: 20px !important;
  max-width: 520px !important;
}

/* Rodapé */
footer,
.div-footer,
.dv-footer,
.dvf-footer {
  background: #080704 !important;
  color: #fff4d1 !important;
}

footer a,
.div-footer a,
.dv-footer a,
.dvf-footer a {
  color: #fff4d1 !important;
}

footer a:hover,
.div-footer a:hover,
.dv-footer a:hover,
.dvf-footer a:hover {
  color: var(--dv-gold-2) !important;
}

/* Mobile */
@media (max-width: 991px) {
  .navbar,
  .div-navbar,
  .site-header,
  .main-header {
    min-height: 76px !important;
  }

  .navbar .container,
  .div-navbar .container,
  .site-header .container,
  .main-header .container {
    min-height: 76px !important;
  }

  .navbar-brand img,
  .div-brand img,
  .site-logo img,
  .logo img,
  .brand img,
  header img[src*="divalore"],
  header img[src*="dv-"] {
    max-width: 56px !important;
    max-height: 52px !important;
  }

  .hero-title,
  .inner-hero h1,
  .product-hero h1,
  .page-hero h1,
  section.hero h1,
  h1.hero-title,
  main h1 {
    font-size: clamp(2.35rem, 12vw, 4rem) !important;
  }

  .hero,
  .inner-hero,
  .product-hero,
  .page-hero,
  .section-hero {
    padding: 42px 0 38px !important;
  }

  .wa-float,
  .dvf-whatsapp,
  .dv-whatsapp,
  a[href*="wa.me"] {
    right: 14px !important;
    bottom: 14px !important;
  }
}
