@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap');
:root {
  --green: #166534;   
  --green-2: #16a34a;    
  --green-light: #dcfce7;
  --green-3:     #4daa4d;
  --green-pale:  #f4faf4;
  --bg:          #ffffff;
  --bg-2: #f9fafb;
  --bg-3: #f3f4f6;
  --bg-4:        #e6efe6;
  --text: #0a0a0a;
  --text-2: #525252;
  --text-3: #a3a3a3;
  --text-4:      #b8d4b8;
  --border:      rgba(43,110,43,.1);
  --border-2:    rgba(43,110,43,.2);
  --border-3:    rgba(43,110,43,.35);
  --shadow-sm: 0 1px 4px rgba(0,0,0,.06);
  --shadow: 0 4px 20px rgba(0,0,0,.08);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.12);
  --shadow-xl: 0 24px 80px rgba(0,0,0,.12);
  --radius: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --font-display: 'Satoshi', sans-serif;
  --font-body: 'Inter', sans-serif;
  --nav-h:       72px;
  --transition:  .22s cubic-bezier(.4,0,.2,1);
}

.action-bar-wrapper {
  position: relative;
  margin-top: -90px; /* sobe mais */
  margin-bottom: 40px; /* separa da próxima section */
  z-index: 20;
}

.action-bar {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(20px);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow-xl);
  overflow-x: auto;
}

.action-item {
  flex: 1;
  min-width: 120px;
  padding: 20px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-2);
  transition: .25s;
}

.action-icon {
  width: 44px;
  height: 44px;
  margin: 0 auto 8px;
  border-radius: 12px;
  background: var(--green-light);
  box-shadow: 0 4px 10px rgba(0,0,0,.05);
}

.action-item:hover {
  transform: translateY(-4px);
  background: var(--green-pale);
  color: var(--green);
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

.hero__title span {
  color: var(--green);
  font-weight: 700;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{cursor:pointer;border:none;background:none;font:inherit;}
input,select,textarea{font:inherit;}
ul{list-style:none;}

h1 {
  letter-spacing: -0.03em;
}

.display-1 {
  letter-spacing: -0.04em;
}

.card {
  border: 1px solid rgba(0,0,0,.06);
}

.form-control {
  height: 44px;
}

h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.18;color:var(--text);}
.display-1{font-size:clamp(2.6rem,5.5vw,4.4rem);font-weight:800;}
.display-2{font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:700;}
.section-title{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:700;}
.label-sm{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green);}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--green-light);border:1px solid var(--border-2);color:var(--green);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:20px;}
.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;padding:0 clamp(1rem,4vw,2.5rem);background:rgba(255,255,255,.96);backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--border);}
.nav__logo{display:flex;align-items:center;gap:0;font-family:var(--font-display);font-size:1.55rem;font-weight:800;letter-spacing:-.02em;color:var(--text);user-select:none;}
.nav__logo .logo-app{background:var(--green);color:#fff;padding:2px 8px 3px;border-radius:7px;font-size:1.4rem;letter-spacing:-.02em;margin-right:1px;}
.nav__links{display:flex;align-items:center;gap:2px;margin:0 auto;}
.nav__link{padding:7px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-2);transition:var(--transition);}
.nav__link:hover{color:var(--green);background:var(--green-light);}
.nav__link.active{color:var(--green);font-weight:600;}
.nav__actions{display:flex;align-items:center;gap:8px;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius);font-size:14px;font-weight:600;transition:var(--transition);white-space:nowrap;font-family:var(--font-body);}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 2px 8px rgba(43,110,43,.3);}
.btn-primary:hover{background:var(--green-2);box-shadow:0 4px 16px rgba(43,110,43,.4);transform:translateY(-1px);}
.btn-secondary{background:var(--bg);color:var(--text);border:1.5px solid var(--border-2);}
.btn-secondary:hover{border-color:var(--green-3);color:var(--green);background:var(--green-pale);}
.btn-outline{background:transparent;color:var(--green);border:1.5px solid var(--green);}
.btn-outline:hover{background:var(--green);color:#fff;}
.btn-ghost{color:var(--text-2);}
.btn-ghost:hover{color:var(--green);}
.btn-white{background:#fff;color:var(--green);box-shadow:var(--shadow);}
.btn-white:hover{background:var(--green-pale);transform:translateY(-1px);}
.btn-lg{padding:14px 32px;font-size:15px;border-radius:var(--radius-lg);}
.btn-sm{padding:6px 14px;font-size:13px;}
.btn-xs{padding:4px 10px;font-size:12px;}
.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius);}

/* CARDS */
.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);}
.card:hover{border-color:var(--border-2);box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.card__body{padding:20px;}
.card__img{aspect-ratio:16/9;overflow:visible;background:var(--bg-3);position:relative;}
.card__img-media{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;}
.card__img-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.card:hover .card__img-media img{transform:scale(1.05);}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.card:hover .card__img img{transform:scale(1.05);}

/* VEHICLE CARD */
.vehicle-card{cursor:pointer;}
.vehicle-card__badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.badge--mensalista{background:rgba(43,110,43,.15);color:var(--green);border:1px solid rgba(43,110,43,.3);}
.badge--banco{background:rgba(37,99,235,.12);color:#1d4ed8;border:1px solid rgba(37,99,235,.25);}
.badge--leilao{background:rgba(217,119,6,.12);color:#b45309;border:1px solid rgba(217,119,6,.25);}
.badge--exclusivo{background:var(--green);color:#fff;animation:pulse-green 2s infinite;}
@keyframes pulse-green{0%,100%{box-shadow:0 0 0 0 rgba(43,110,43,.4);}50%{box-shadow:0 0 0 6px rgba(43,110,43,0);}}
.vehicle-card__price{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--green);}
.vehicle-card__fipe{font-size:12px;color:var(--text-3);margin-top:2px;}
.vehicle-card__meta{display:flex;gap:12px;font-size:12px;color:var(--text-3);margin-top:8px;flex-wrap:wrap;}

/* PLAN CARDS */
.plan-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:32px;position:relative;transition:var(--transition);}
.plan-card:hover{border-color:var(--border-3);box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.plan-card.featured{border-color:var(--green);background:linear-gradient(135deg,var(--green-pale) 0%,var(--bg) 60%);box-shadow:var(--shadow);}
.plan-card.featured::before{content:'MAIS POPULAR';position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.1em;padding:4px 16px;border-radius:20px;}
.plan-card__price{font-family:var(--font-display);font-size:2.6rem;font-weight:800;color:var(--text);line-height:1;}
.plan-card__price sup{font-size:1rem;vertical-align:top;margin-top:8px;}
.plan-card__price span{font-size:.9rem;font-weight:400;color:var(--text-3);}
.plan-card__features{display:flex;flex-direction:column;gap:10px;margin:24px 0;}
.plan-card__features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-2);!important;}
.plan-card__features li::before{content:'';width:18px;height:18px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='rgba(43%2C110%2C43%2C.15)'/%3E%3Cpath d='M6 10l3 3 5-5' stroke='%232B6E2B' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;}

/* FORMS */
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-label{font-size:13px;font-weight:600;color:var(--text-2);}
.form-control{background:var(--bg);color:var(--text);border:1.5px solid var(--border-2);border-radius:var(--radius);padding:11px 14px;font-size:14px;width:100%;transition:var(--transition);outline:none;}
.form-control:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(43,110,43,.1);}
.form-control::placeholder{color:var(--text-4);}
.form-grid{display:grid;gap:16px;}
.form-grid-2{grid-template-columns:1fr 1fr;}
.form-grid-3{grid-template-columns:1fr 1fr 1fr;}

/* STATS */
.stat-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;transition:var(--transition);}
.stat-card:hover{border-color:var(--border-2);box-shadow:var(--shadow);}
.stat-card__value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text);line-height:1;}
.stat-card__label{font-size:13px;color:var(--text-3);margin-top:4px;}

/* TABLE */
.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);}
table{width:100%;border-collapse:collapse;}
thead th{background:var(--bg-2);padding:12px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;border-bottom:1px solid var(--border);}
tbody td{padding:14px 16px;border-top:1px solid var(--border);font-size:14px;}
tbody tr:hover td{background:var(--green-pale);}

/* STATUS */
.status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;}
.status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7;}
.status--ativo,.status--disponivel{background:rgba(43,110,43,.1);color:var(--green);}
.status--em_negociacao{background:rgba(217,119,6,.12);color:#d97706;}
.status--pendente{background:rgba(217,119,6,.1);color:#b45309;}
.status--vendido{background:rgba(37,99,235,.1);color:#1d4ed8;}
.status--cancelado,.status--expirado,.status--retirado{background:rgba(220,38,38,.1);color:#dc2626;}
.status--aceito{background:rgba(43,110,43,.14);color:var(--green);font-weight:700;}
.status--assinado_ambos{background:rgba(43,110,43,.14);color:var(--green);font-weight:700;}
.status--assinado_comprador,.status--assinado_vendedor{background:rgba(59,130,246,.1);color:#1d4ed8;}

/* SIDEBAR */
.layout{display:flex;min-height:100vh;padding-top:var(--nav-h);}
.sidebar{width:240px;flex-shrink:0;background:var(--bg);border-right:1px solid var(--border);padding:24px 12px;position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));overflow-y:auto;}
.sidebar__section{margin-bottom:24px;}
.sidebar__label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);padding:0 12px;margin-bottom:4px;}
.sidebar__link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--text-2);transition:var(--transition);}
.sidebar__link:hover{color:var(--green);background:var(--green-light);}
.sidebar__link.active{color:var(--green);background:var(--green-light);font-weight:600;}
.sidebar__link svg{width:16px;height:16px;flex-shrink:0;opacity:.6;}
.sidebar__link.active svg,.sidebar__link:hover svg{opacity:1;}
.main-content{flex:1;padding:32px clamp(16px,3vw,40px);overflow:hidden;}

/* HERO */
.hero{min-height:94vh;display:flex;align-items:center;padding:calc(var(--nav-h) + 60px) clamp(1rem,5vw,3rem) 80px;position:relative;overflow:hidden;background:var(--bg);}
.hero__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 70% 60% at 80% 30%,rgba(22,163,74,.04) 0%,transparent 65%),radial-gradient(ellipse 50% 50% at 10% 80%,rgba(43,110,43,.04) 0%,transparent 60%);}
.hero__dots{position:absolute;inset:0;z-index:0;opacity:.35;background-image:radial-gradient(circle,rgba(43,110,43,.2) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 80% at 80% 30%,black 0%,transparent 70%);}
.hero__content{position:relative;z-index:1;max-width:600px;}
.hero__title{margin:16px 0 20px;}
.hero__title em{color:var(--green);font-style:italic;}
.hero__sub{font-size:1.05rem;color:var(--text-2);max-width:500px;margin-bottom:36px;line-height:1.75;}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px;}
.hero__stats{display:flex;gap:36px;padding-top:28px;border-top:1px solid var(--border);}
.hero__stat__value{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--text);line-height:1;}
.hero__stat__label{font-size:12px;color:var(--text-3);margin-top:3px;}

/* AVALIAÇÃO WIDGET */
.avaliacao-widget{background:var(--bg);border:1.5px solid var(--border-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;max-width:460px;width:100%;}
.avaliacao-widget__header{background:var(--green);padding:18px 22px;display:flex;align-items:center;gap:12px;}
.avaliacao-widget__header h3{font-family:var(--font-body);font-size:15px;font-weight:700;color:#fff;}
.avaliacao-widget__header p{font-size:12px;color:rgba(255,255,255,.72);margin-top:2px;}
.avaliacao-widget__icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.avaliacao-widget__body{padding:20px;}
.avaliacao-widget__chat{display:flex;flex-direction:column;gap:10px;min-height:180px;max-height:240px;overflow-y:auto;margin-bottom:14px;padding-right:4px;}
.chat-bubble{max-width:86%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;animation:bubbleIn .28s ease;}
@keyframes bubbleIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.chat-bubble--bot{background:var(--green-light);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px;color:var(--text);}
.chat-bubble--user{background:var(--green);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;}
.chat-bubble--result{background:var(--bg-2);border:1px solid var(--border-2);align-self:flex-start;border-bottom-left-radius:4px;width:92%;}
.chat-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px;}
.chat-option{background:var(--bg);border:1.5px solid var(--green);color:var(--green);font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;cursor:pointer;transition:var(--transition);}
.chat-option:hover{background:var(--green);color:#fff;}
.avaliacao-input-bar{display:flex;gap:8px;background:var(--bg-2);border:1.5px solid var(--border-2);border-radius:12px;padding:6px 6px 6px 14px;transition:var(--transition);}
.avaliacao-input-bar:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(43,110,43,.1);}
.avaliacao-input-bar input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text);outline:none;font-family:var(--font-body);}
.avaliacao-input-bar input::placeholder{color:var(--text-4);}

/* SECTION */
.section{padding:80px clamp(1rem,5vw,3rem);}
.section--green{background:var(--green);color:#fff;}
.section--green h2,.section--green h3{color:#fff;}
.section--pale{background:var(--green-pale);}
.section--gray{background:var(--bg-2);}
.section__header{margin-bottom:48px;}
.section__header--center{text-align:center;}
.section__sub{font-size:1rem;color:var(--text-2);margin-top:12px;max-width:560px;line-height:1.7;}

/* SERVICE CARDS */
.service-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;display:flex;flex-direction:column;gap:12px;transition:var(--transition);cursor:pointer;}
.service-card:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-3px);}
.service-card__icon{width:48px;height:48px;border-radius:12px;background:var(--green-light);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.service-card__icon svg{width:22px;height:22px;color:var(--green);}
.service-card h3{font-family:var(--font-body);font-size:.95rem;font-weight:700;}
.service-card p{font-size:13px;color:var(--text-2);line-height:1.6;}

/* FLASH */
.flash{padding:14px 18px;border-radius:var(--radius);font-size:14px;margin-bottom:16px;}
.flash--success{background:rgba(43,110,43,.08);border:1px solid rgba(43,110,43,.25);color:var(--green-2);}
.flash--error{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.25);color:#dc2626;}
.flash--info{background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.25);color:#1d4ed8;}

/* CHAT PAGE */
.chat{display:flex;flex-direction:column;height:calc(100vh - var(--nav-h) - 80px);}
@supports (height:100dvh){.chat{height:calc(100dvh - var(--nav-h) - 80px);}}
.chat__messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;}
.chat__bubble{max-width:70%;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;}
.chat__bubble--mine{background:var(--green);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;}
.chat__bubble--theirs{background:var(--bg-2);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px;}
.chat__bubble__meta{font-size:11px;opacity:.6;margin-top:4px;}
.chat__input-bar{display:flex;gap:10px;padding:16px;background:var(--bg);border-top:1px solid var(--border);}

/* COUNTDOWN */
.countdown{display:inline-flex;align-items:center;gap:8px;background:var(--green-light);border:1px solid var(--border-2);padding:6px 14px;border-radius:20px;font-size:13px;color:var(--green);font-weight:600;}
.countdown__timer{font-family:var(--font-display);font-weight:700;font-size:15px;}

/* UTILS */
.container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem);}
.flex{display:flex;}.flex-center{display:flex;align-items:center;justify-content:center;}.flex-between{display:flex;align-items:center;justify-content:space-between;}
.gap-2{gap:8px;}.gap-3{gap:12px;}.gap-4{gap:16px;}.gap-6{gap:24px;}
.mt-2{margin-top:8px;}.mt-4{margin-top:16px;}.mt-6{margin-top:24px;}.mt-8{margin-top:32px;}
.mb-2{margin-bottom:8px;}.mb-4{margin-bottom:16px;}.mb-6{margin-bottom:24px;}
.text-muted{color:var(--text-3);}.text-green{color:var(--green);}.fw-700{font-weight:700;}.w-full{width:100%;}.relative{position:relative;}
.grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;}
.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}
.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:24px;}
::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:var(--bg-2);}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px;}::-webkit-scrollbar-thumb:hover{background:var(--green-3);}

@media(max-width:768px){.sidebar{display:none;}.nav__links{display:none;}.hero{min-height:auto;padding-bottom:60px;}.hero__stats{flex-wrap:wrap;gap:20px;}.form-grid-2,.form-grid-3{grid-template-columns:1fr;}.hero-grid{grid-template-columns:1fr!important;}.grid-2{grid-template-columns:1fr;}}
@media(max-width:480px){.grid-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));}.stat-card__value{font-size:1.6rem;}.main-content{padding:20px 16px;}}
@media(max-width:360px){.grid-3,.grid-4,.grid-2{grid-template-columns:1fr;}.container{padding:0 .75rem;}.btn-lg{padding:14px 18px;font-size:14px;}.nav__logo{font-size:1.1rem;}.stat-card{padding:16px;}.stat-card__value{font-size:1.4rem;}thead th,tbody td{padding:10px 10px;font-size:12px;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.animate-fade-up{animation:fadeUp .5s ease both;}.animate-fade-up-2{animation:fadeUp .5s .1s ease both;}.animate-fade-up-3{animation:fadeUp .5s .2s ease both;}.animate-fade-up-4{animation:fadeUp .5s .3s ease both;}

/* ── MELHORIAS PREMIUM SaaS ─────────────────────────────────────── */


/* Gradiente sutil no body */
body {
  background: var(--bg);
  background-image: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(43,110,43,.03) 0%, transparent 60%);
}

/* Navbar glassmorphism melhorado */
.nav {
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border-bottom: 1px solid var(--border);
  transition: box-shadow .3s ease;
}
.nav.scrolled {
  box-shadow: 0 4px 30px rgba(0,0,0,.08);
}

/* Botões premium com micro-interações */
.btn {
  position: relative;
  overflow: hidden;
}
.btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.1);
  opacity: 0;
  transition: opacity .2s;
}
.btn:active::after { opacity: 1; }

.btn-primary {
  background: linear-gradient(135deg, var(--green) 0%, #15803d 100%);
  box-shadow: 0 2px 8px rgba(43,110,43,.3), inset 0 1px 0 rgba(255,255,255,.15);
}
.btn-primary:hover {
  background: linear-gradient(135deg, #15803d 0%, #166534 100%);
  box-shadow: 0 4px 20px rgba(43,110,43,.45), inset 0 1px 0 rgba(255,255,255,.15);
  transform: translateY(-1px);
}
.btn-primary:active { transform: translateY(0); }

/* Cards com hover mais sofisticado */
.card {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(43,110,43,.08), 0 2px 8px rgba(0,0,0,.04);
  border-color: var(--border-2);
}

/* Plan card premium */
.plan-card.featured {
  background: linear-gradient(145deg, rgba(43,110,43,.06) 0%, var(--bg) 50%);
  box-shadow: 0 0 0 2px var(--green), 0 8px 32px rgba(43,110,43,.15);
}

/* Status badges melhorados */
.status {
  font-weight: 700;
  letter-spacing: .04em;
  border-radius: 6px;
}

/* Inputs premium */
.form-control {
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.form-control:hover { border-color: var(--border-2); }
.form-control:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(43,110,43,.12);
  background: var(--bg);
  outline: none;
}

/* Scrollbar personalizada */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-2); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--green); }

/* Animações de entrada */
@keyframes slideUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes scaleIn {
  from { opacity: 0; transform: scale(.96); }
  to   { opacity: 1; transform: scale(1); }
}
.animate-slide-up { animation: slideUp .4s ease both; }
.animate-scale-in { animation: scaleIn .3s ease both; }

/* Vehicle card melhorado */
.vehicle-card {
  transition: transform .2s ease, box-shadow .2s ease;
}
.vehicle-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(43,110,43,.1), 0 4px 12px rgba(0,0,0,.06);
}
.vehicle-card__badge {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Sidebar melhorada */
.sidebar__link {
  transition: all .15s ease;
}
.sidebar__link.active {
  background: linear-gradient(90deg, rgba(43,110,43,.12) 0%, transparent 100%);
  border-left: 2px solid var(--green);
  padding-left: 10px;
}

/* Modal overlay */
[id*="modal"] > div {
  animation: scaleIn .25s ease;
}

/* Chat bubbles melhoradas */
.chat__bubble--mine {
  background: linear-gradient(135deg, var(--green) 0%, #15803d 100%);
  box-shadow: 0 2px 8px rgba(43,110,43,.25);
}

/* Flash messages melhoradas */
.flash {
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.flash--success { border-left: 3px solid var(--green); }
.flash--error   { border-left: 3px solid #dc2626; }
.flash--info    { border-left: 3px solid #3b82f6; }

/* Stat cards premium */
.stat-card {
  position: relative;
  overflow: hidden;
}
.stat-card::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 60px; height: 60px;
  background: radial-gradient(circle at top right, rgba(43,110,43,.06), transparent 70%);
  border-radius: 0 var(--radius-lg) 0 0;
}

/* Countdown elegante */
.countdown {
  background: linear-gradient(90deg, var(--green-pale), rgba(43,110,43,.05));
  border: 1px solid var(--border-2);
}

/* LIGHTBOX */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:9999;display:none;align-items:center;justify-content:center;flex-direction:column;}
.lightbox.open{display:flex;}
.lightbox__img{max-width:92vw;max-height:82vh;object-fit:contain;border-radius:4px;}
.lightbox__btn{position:absolute;background:rgba(255,255,255,.12);border:none;color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:.2s;backdrop-filter:blur(8px);}
.lightbox__btn:hover{background:rgba(255,255,255,.25);}
.lightbox__close{top:20px;right:20px;}
.lightbox__prev{left:16px;top:50%;transform:translateY(-50%);}
.lightbox__next{right:16px;top:50%;transform:translateY(-50%);}
.lightbox__counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.7);font-size:13px;background:rgba(0,0,0,.4);padding:4px 14px;border-radius:20px;}
.lightbox__thumbs{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);display:flex;gap:6px;max-width:90vw;overflow-x:auto;}
.lightbox__thumb{width:54px;height:40px;object-fit:cover;border-radius:4px;cursor:pointer;opacity:.5;border:2px solid transparent;transition:.2s;flex-shrink:0;}
.lightbox__thumb.active{opacity:1;border-color:#fff;}

/* FAVORITO */
.btn-favorito{position:absolute;top:10px;right:10px;z-index:5;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.2s;backdrop-filter:blur(6px);color:#9ca3af;}
.btn-favorito:hover{transform:scale(1.12);color:#dc2626;}
.btn-favorito .fav-icon{transition:fill .2s,stroke .2s,transform .2s;}
.btn-favorito.ativo{color:#dc2626;}
.btn-favorito.ativo .fav-icon{fill:#dc2626;transform:scale(1.1);}
.btn-favorito.ativo:hover .fav-icon{transform:scale(1.18);}

/* NOTIFICAÇÕES */
.notif-bell{position:relative;cursor:pointer;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:.2s;border:none;background:transparent;}
.notif-bell:hover{background:var(--bg-2);}
.notif-badge{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:#dc2626;color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);display:none;}
.notif-badge.visivel{display:flex;}
.notif-dropdown{position:absolute;top:calc(100% + 8px);right:-8px;width:340px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 12px 48px rgba(0,0,0,.12);z-index:500;display:none;overflow:hidden;}
.notif-dropdown.open{display:block;animation:scaleIn .2s ease;}
.notif-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.notif-item{display:flex;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:.15s;text-decoration:none;color:inherit;}
.notif-item:hover{background:var(--bg-2);}
.notif-item.nao-lida{background:rgba(43,110,43,.04);}
.notif-item__dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;margin-top:5px;}
.notif-item__titulo{font-size:13px;font-weight:600;line-height:1.3;}
.notif-item__corpo{font-size:12px;color:var(--text-2);margin-top:2px;line-height:1.4;}
.notif-item__tempo{font-size:11px;color:var(--text-3);margin-top:3px;}
.notif-vazia{padding:32px;text-align:center;color:var(--text-3);font-size:13px;}
@media(max-width:480px){.notif-dropdown{width:calc(100vw - 24px);right:-16px;}}

/* ── USER AVATAR BUTTON ─────────────────────────────────── */
.user-avatar-btn{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1.5px solid var(--border);border-radius:40px;padding:4px 10px 4px 4px;cursor:pointer;transition:border-color .2s,box-shadow .2s;color:var(--text);}
.user-avatar-btn:hover{border-color:var(--green);box-shadow:0 0 0 3px rgba(43,110,43,.08);}
.user-avatar-circle{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--green),#3d9b3d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;letter-spacing:0;}
.user-avatar-name{font-size:13px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-avatar-chevron{opacity:.5;transition:transform .2s;}
.user-avatar-btn[aria-expanded="true"] .user-avatar-chevron{transform:rotate(180deg);}

/* ── USER MENU DROPDOWN ──────────────────────────────────── */
.user-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.14),0 4px 12px rgba(0,0,0,.06);min-width:240px;padding:6px;z-index:200;animation:umOpen .18s cubic-bezier(.4,0,.2,1);}
@keyframes umOpen{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}

/* header do perfil */
.user-menu-header{display:flex;align-items:center;gap:12px;padding:12px 14px 10px;}
.user-menu-header__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--green),#3d9b3d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0;}
.user-menu-header__info{flex:1;min-width:0;}
.user-menu-header__name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.user-menu-header__email{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;}
.user-menu-header__plan{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:rgba(43,110,43,.1);color:var(--green);margin-top:4px;letter-spacing:.02em;}
.user-menu-header__plan--free{background:var(--bg-3);color:var(--text-3);}
.user-menu-divider{height:1px;background:var(--border);margin:4px 0;}

/* itens do menu */
.user-menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text);text-decoration:none;transition:.12s;cursor:pointer;}
.user-menu-item:hover{background:var(--bg-2);color:var(--text);}
.user-menu-item--danger{color:var(--text-3);}
.user-menu-item--danger:hover{background:rgba(220,38,38,.06);color:#dc2626;}

/* ícone colorido */
.umi-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.umi-icon--blue{background:rgba(59,130,246,.12);color:#3b82f6;}
.umi-icon--purple{background:rgba(139,92,246,.12);color:#8b5cf6;}
.umi-icon--red{background:rgba(220,38,38,.1);color:#dc2626;}
.umi-icon--orange{background:rgba(249,115,22,.1);color:#f97316;}
.umi-icon--green{background:rgba(43,110,43,.1);color:var(--green);}
.umi-icon--danger{background:rgba(220,38,38,.08);color:#dc2626;}

/* ── MOBILE PROFILE CARD ─────────────────────────────────── */
.mob-profile-card{display:flex;align-items:center;gap:12px;background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:12px;}
.mob-profile-card__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--green),#3d9b3d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0;}
.mob-menu-section{display:flex;flex-direction:column;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:6px;margin-top:8px;}
.mob-menu-item{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:10px;font-size:13px;font-weight:500;color:var(--text);text-decoration:none;transition:.12s;}
.mob-menu-item:hover,.mob-menu-item:active{background:var(--bg);}
.mob-menu-item--danger{color:var(--text-3);}
.mob-menu-item--danger:hover{color:#dc2626;background:rgba(220,38,38,.05);}

/* FIPE BADGE */
.fipe-abaixo{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;background:rgba(43,110,43,.1);color:var(--green);margin-top:2px;}
.fipe-acima{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;background:rgba(220,38,38,.08);color:#dc2626;margin-top:2px;}

/* QR Code container */
#pp-qr canvas, #pp-qr img {
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
}

/* Navbar scroll effect — aplicado via JS no base.html.twig */

/* Responsive melhorado */
@media (max-width: 640px) {
  .btn-lg { padding: 12px 24px; font-size: 14px; }
  .plan-card { padding: 24px; }
  .card__body { padding: 16px; }
  .stat-card { padding: 16px 20px; }
}