/*-------------------------------------------------------------------
WIDGET - IMPORTAÇÃO AUTOMÓVEL v1
Estrutura base. As cores são definidas nos estilos do site
(ver instrucoes.txt) para respeitar a cascata/tema de cada stand.
--------------------------------------------------------------------*/
#importautowidgetdiv{font-family:"Poppins", sans-serif;}

/*----- TÍTULOS / INTRO -----*/
.importauto-intro{text-align:left; margin-top: -100px;}
.importauto-titulos{font-size:1.6em; font-weight:600; margin-bottom:10px; line-height:1.2em; text-align:left;}
.importauto-titulos-form{font-size:1.2em; font-weight:500;}
.importauto-subtitulo{font-size:1.1em; font-weight:500; opacity:0.85;}
.importauto-texto{font-size:1em; line-height:1.6em; max-width:820px;}
.importauto-seccao{box-sizing:border-box;}

/*----- VANTAGENS (cards) — grelha auto-fit -----*/
.importauto-cards{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:20px;}
.importauto-card{box-sizing:border-box; height:100%; padding:30px 25px; border-radius:12px; text-align:center; transition:all 0.4s;}
.importauto-card:hover{transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,0,0,0.08);}
.importauto-ico{display:inline-block; margin-bottom:15px;}
.importauto-card-titulo{font-size:1.05em; font-weight:600; margin-bottom:12px; line-height:1.3em;}
.importauto-card-texto{font-size:0.9em; line-height:1.6em;}

/*----- PROCESSO (passos numerados) -----*/
.importauto-passos{display:flex; flex-direction:column; gap:15px;}
.importauto-passo{box-sizing:border-box; display:flex; align-items:flex-start; gap:20px; padding:22px 25px; border-radius:12px;}
.importauto-passo-num{flex:0 0 auto; width:44px; height:44px; border-radius:50%; font-weight:700; font-size:1.1em; display:flex; align-items:center; justify-content:center;}
.importauto-passo-info{flex:1 1 auto;}
.importauto-passo-titulo{font-size:1.05em; font-weight:600; margin-bottom:5px;}
.importauto-passo-texto{font-size:0.92em; line-height:1.6em;}

/*----- O QUE ESTÁ INCLUÍDO (checklist) -----*/
.importauto-incluidos-wrap{box-sizing:border-box; padding:40px; border-radius:12px;}
.importauto-incluidos{display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:12px 25px;}
.importauto-incluido{display:flex; align-items:center; gap:12px; font-size:0.95em; font-weight:500;}
.importauto-check-ico{flex:0 0 auto;}

/*----- ESTATÍSTICAS -----*/
.importauto-stats{display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:20px; text-align:center;}
.importauto-stat{box-sizing:border-box; padding:25px 20px; border-radius:12px;}
.importauto-stat-num{font-size:2em; font-weight:700; line-height:1.1em; }
.importauto-stat-label{font-size:0.9em; margin-top:8px; line-height:1.4em;}

/*----- FORMULÁRIO -----*/
.importauto-form-wrap{box-sizing:border-box; padding:40px; border-radius:12px;;}
.importauto-form-nota{font-size:0.9em; opacity:0.85; margin-top:5px;}
.importauto-form label{display:block; font-size:0.9em; padding-left:10px; line-height:2em; font-weight:500; font-family:"Poppins", sans-serif;}
.importauto-form input[type="text"],.importauto-form input[type="email"],.importauto-form textarea{box-sizing:border-box; border:none; border-radius:10px; font-weight:500; padding:14px; width:100%; font-size:0.9em; font-family:"Poppins", sans-serif;}
.importauto-form input[type="text"]::placeholder,.importauto-form input[type="email"]::placeholder,.importauto-form textarea::placeholder{font-weight:500; font-size:0.9em;}
.importauto-termos{font-size:0.85em; line-height:1.5em; margin-top:5px;}
.importauto-check{display:flex; align-items:flex-start; gap:8px; cursor:pointer; padding-left:0;}
.importauto-form .importauto-check input[type="checkbox"]{width:20px; height:20px; min-width:20px; margin:2px 0 0 0; cursor:pointer;}
a.importauto:link,a.importauto:visited,a.importauto:hover,a.importauto:active{font-weight:600; text-decoration:underline;}
a.importauto:hover{opacity:0.8;}

/*----- BOTÕES -----*/
.importauto-align-buttom{display:flex; justify-content:center;}
.importauto-button{display:inline-block; position:relative; padding:14px 40px; border-radius:8px; border:none; text-transform:uppercase; font-weight:600; cursor:pointer; font-family:"Poppins", sans-serif; font-size:0.9em; line-height:1.2em; text-align:center; text-decoration:none; -webkit-transition:all 0.4s; transition:all 0.4s;}
.importauto-button:hover{opacity:0.85;}
.importauto-cta:link,.importauto-cta:visited,.importauto-cta:hover,.importauto-cta:active{ text-decoration:none;}
.importauto-cta:hover{opacity:0.85;}

/*----- FAQ -----*/
.importauto-faq-item{border-radius:12px; overflow:hidden;}
.importauto-faq-pergunta{display:flex; justify-content:space-between; align-items:center; gap:15px; width:100%; box-sizing:border-box; padding:18px 25px; border:none; background:transparent; text-align:left; font-family:"Poppins", sans-serif; font-size:1em; font-weight:600; cursor:pointer; color:inherit;}
.importauto-faq-sinal{flex:0 0 auto; font-size:1.4em; line-height:1; font-weight:400;}
.importauto-faq-resposta{max-height:0; overflow:hidden; padding:0 25px; font-size:0.92em; line-height:1.6em; transition:max-height 0.4s ease, padding 0.4s ease;}
.importauto-faq-item.aberto .importauto-faq-resposta{max-height:600px; padding:0 25px 22px 25px;}
.importauto-faq-resposta p{margin:0 0 10px 0;}
.importauto-faq-resposta ul{margin:0 0 10px 20px; padding:0;}
.importauto-faq-resposta li{margin-bottom:5px;}

/*----- RESPONSIVO -----*/
@media screen and (max-width: 767px){
.importauto-titulos{font-size:1.3em;}
.importauto-form-wrap,.importauto-incluidos-wrap{padding:25px;}
.importauto-card{padding:25px 20px;}
.importauto-passo{padding:18px 20px; gap:15px;}
.importauto-passo-num{width:38px; height:38px; font-size:1em;}
}
