/* -----------------------------------*/
/* -------------- reset --------------*/
/* -----------------------------------*/
html, body, div, span, applet, object, iframe, 
p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, ins,img, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend{margin:0; padding:0; border:0; outline:0; font-size:100%;vertical-align:baseline;}
body{line-height:1; font-family: 'Open Sans', sans-serif; font-size:14px;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{ext-decoration:none;}
input, textarea, select{font-family: 'Open Sans', sans-serif; font-size:14px;}
input[type="radio"]{border:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
img{vertical-align:middle;}
textarea{resize:none;}
.extend{clear:both;height:0;line-height:0;width:0;font-size:0px;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.normal{font-weight:normal;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.just{text-align:justify;}
/* -----------------------------------*/
/* ----------- Tipografia ------------*/
/* -----------------------------------*/
body {font-family: 'Open Sans', sans-serif;}
.texto, .texto a {font-family: 'Open Sans', sans-serif;}
.pure-g [class *="pure-u"], .pure-g-r [class *="pure-u"] {font-family: 'Open Sans', sans-serif;}
/* -----------------------------------*/
/* -------------- Global -------------*/
/* -----------------------------------*/
h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; line-height: 1.2;}
dl, menu, ol, ul {margin:0; padding:0}
p, pre {margin: 0}
a{transition: 0.2s all;}
a:hover {transition:0.2s all; text-decoration:none}
.container {max-width:1200px; margin: auto}
.bg-parallax {width: 100%; min-height: 100%; height: 100%; background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
.texto, .texto a {line-height: 1.6; font-size: 14px;color:#333;}
.texto a {text-decoration:underline;}
.texto b {font-weight:700;}
.texto h2,
.texto h3 {font-size:18px;padding:12px 0 8px;}
.texto h4 {font-size:16px;padding:12px 0 8px;}
.texto h2 {font-size:24px;}
.texto ul, .texto ol {padding:0 0 20px 22px !important; display:table}
.texto p {padding:0 0 20px 0}
.texto img {max-width:100%;height:auto !important}
.wrap {padding:50px 0}
.btn {display:inline-block;padding:12px 25px;border-radius:30px;font-weight: 600;font-size: 16px;text-align: center;}
.video-responsivo {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.video-responsivo iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.align-self-center {align-self: center !important;}
body{background: #F6F8FC;display:flex;flex-direction:column;min-height:100vh}
main,
#inicial{flex:1 0 auto}
#cabecalho,
#rodape{flex-shrink:0}
.azul-color{color: #002E6E;}
.azul-bg{background: #002E6E;}
.laranja-color{color: #FF5A31;}
.laranja-bg{background: #FF5A31;}
/* -----------------------------------*/
/* ----------- cabecalho -------------*/
/* -----------------------------------*/
#cabecalho {padding: calc(14px + env(safe-area-inset-top)) 0 14px;align-items: center;background: #ffffff;box-shadow: 0 2px 12px rgb(0 0 0 / 6%);position: relative;}
#cabecalho .tagline {color: #485057;font-size: 14px;font-weight: bold;padding-left: 14px}
#cabecalho .menu-link{display: inline-block;color: #002E6E;font-size: 26px;padding: 0px;}
#menu{display:none;position:absolute;top:100%;left:0;right:0;z-index:1000;background:#FFF;height:calc(100vh - 100%);overflow-y:auto;padding:20px 12px;}
#menu .menu-nav{max-width:1200px;margin:0 auto;}
#menu .menu-nav ul{margin:0;padding:0;list-style:none;}
#menu .menu-nav li a{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #EFF1F3;font-size:16px;color:#002E6E;text-decoration:none;transition:background .2s;}
#menu .menu-nav li:last-child a{border-bottom:none;}
#menu .menu-nav li a:hover{background:#F7F9FC;}
#menu .menu-nav li a > i:first-child{flex-shrink:0;width:44px;height:44px;border-radius:14px;background:#D9E0E8;color:#002E6E;display:flex;align-items:center;justify-content:center;font-size:20px;}
#menu .menu-nav li a span{flex:1;font-weight:600;}
#menu .menu-nav li a .menu-seta{flex-shrink:0;color:#C7C7C7;font-size:14px;}

/* -----------------------------------*/
/* ------------- rodape --------------*/
/* -----------------------------------*/
#rodape{text-align:center}
#rodape .redes-sociais{margin-bottom:14px}
#rodape .redes-sociais a{display:inline-flex;width:34px;height:34px;border-radius:50%;background:#002e6e;color:#FFF;align-items:center;justify-content:center;margin:0 4px}
#rodape .links-institucionais{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:14px;font-size:13px}
#rodape .links-institucionais a{color: #485057}
#rodape .copyright{font-size:12px;color:#999;padding: 0 0 14px 0;}
#rodape .banner-contacto{padding: 30px 0 20px;}
#rodape .banner-contacto .banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg, #002E6E -30%, #0D4A9C 30%, #002E6E 100%);border-radius:16px;padding:14px;box-shadow:0 4px 16px rgba(0, 0, 0, .05);}
#rodape .banner-contacto .banner-icone{flex-shrink:0;width:40px;height:40px;border-radius:16px;background:#FFF2ED;color:#FF5A31;display:flex;align-items:center;justify-content:center;font-size:18px}
#rodape .banner-contacto .banner-texto{flex:1;font-size:13px;font-weight:600;line-height:1.4;color:#ffffff}
#rodape .banner-contacto .banner > i.fa-chevron-right{flex-shrink:0;color:#ffffff;font-size:12px}


/* -----------------------------------*/
/* ------------- geral ---------------*/
/* -----------------------------------*/
.campo-busca{display: flex;border: none;border-radius: 14px;overflow: hidden;box-shadow: 0 4px 16px rgb(0 46 110 / 8%);}
.campo-busca input{flex:1;height:44px;padding:0 18px;border:none;outline:none;font-size:14px;color:#3A3A3A;}
.campo-busca input::placeholder{color:#999;}
.campo-busca button{flex:0 0 46px;width:46px;border:none;background:#002E6E;color:#FFF;cursor:pointer;font-size:18px;transition:background .3s;}
.campo-busca button:hover{background:#0D4A9C;}
.lista-com-icones{background:#FFF;border-radius:16px;padding:14px;box-shadow: 0 4px 16px rgba(0, 0, 0, .05);}
.lista-com-icones li{list-style: none}
.lista-com-icones li a{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #EFF1F3;font-size:14px;color:#3A3A3A}
.lista-com-icones li:last-child a{border-bottom:none}
.lista-com-icones li a > i{color: #999;}
.lista-com-icones li a > i:first-child{flex-shrink: 0;color: #002E6E;background: #D9E0E8;padding: 4px;border-radius: 4px;}
.lista-com-icones li a span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lista-com-icones li a .se    ta{flex-shrink:0;color:#C7C7C7;font-size:11px}
.form{display:block;width:100%;}
.form .campo{margin-bottom:18px;}
.form .campo:last-child{margin-bottom:0;}
.form label{display:block;margin:0 0 6px;font-size:14px;font-weight:500;color:#444;}
.titulo{padding: 5px 0 10px 0}
.titulo h1{color: #002E6E;font-size: 20px;}
.titulo h2{color: #002E6E;font-size: 16px;}
.titulo h3{color: #002E6E;font-size: 14px;}
.titulo.branco h1,
.titulo.branco h2,
.titulo.branco h3{color: #FFF;}
.titulo-pagina{padding: 15px 10px 40px 10px;background: linear-gradient(135deg, #002E6E -30%, #0D4A9C 30%, #002E6E 100%);}
.titulo-pagina h1{display: flex;align-items: center;gap: 8px;color: #FFF;font-size: 18px;font-weight: 600;max-width: 1200px;margin: auto;}
.titulo-pagina h1 i{color: #C9D3DD;line-height: 1;}
.titulo-pagina .tagline-pagina{font-size: 12px;color: rgba(255,255,255,.75);max-width: 1200px;margin: 2px auto 0 auto;padding-left: 32px;box-sizing: border-box;}
.titulo-pagina .titulo-pagina-conteudo{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1200px;margin:0 auto}
.titulo-pagina .titulo-pagina-texto{flex:1;min-width:0}
.titulo-pagina .btn-voltar-pagina{flex-shrink:0;border:none}
.card-flutuante{background: #FFF;border-radius: 14px;box-shadow: 0 4px 16px rgb(0 0 0 / 5%);padding: 18px 16px;position: relative;z-index: 1;margin-top: -26px;margin-bottom: 20px;}
.ficha-cabecalho{flex:1;min-width:0;margin-bottom:0}
.ficha-codigo{font-size:22px;font-weight:700;color:#002e6e}
.ficha-linha{font-size:13px;color:#999}
.link-volver{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#002e6e;margin-bottom:14px}
.texto-vazio{padding:60px 0;text-align:center;font-size:15px;color:#999}
.estado-vazio{text-align:center;padding:24px 16px}
.estado-vazio-icone{width:60px;height:60px;border-radius:50%;background:#F3F5F7;color:#C7C7C7;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px auto}
.estado-vazio .texto-vazio{padding:0}
.btn-cargar-mais{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid #002e6e;background:#FFF;color:#002e6e;border-radius:30px;font-size:14px;cursor:pointer;box-sizing:border-box}
.btn-cargar-mais:hover{background:#f5f5f5}
.btn-cargar-mais:disabled{opacity:.6}
.lista-checklist{margin-bottom:16px}
.item-checklist{display:flex;align-items:flex-start;gap:10px;padding:12px 6px;font-size:14px;line-height:1.4;color:#3A3A3A;border-bottom:1px solid #EFF1F3;cursor:pointer}
.item-checklist:last-child{border-bottom:none}
.item-checklist:hover{background:#EFF1F3}
.item-checklist input{flex-shrink:0;width:18px;height:18px;margin-top:1px;accent-color:#002e6e;cursor:pointer}
.barra-contexto{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.btn-voltar{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#FFF;color:#002e6e;display:flex;align-items:center;justify-content:center;border:1px solid #C7C7C7}
.resumo-busca-texto{flex:1;min-width:0;font-size:16px;font-weight:700;color:#002e6e;line-height:1.3}
.btn-compartilhar{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid #C7C7C7;background:#FFF;color:#002e6e;cursor:pointer;display:flex;align-items:center;justify-content:center}
.btn-compartilhar:hover{background:#f5f5f5}
.item-produto-aplicacao{display:flex;align-items:center;gap:10px;background:#F3F5F7;border-radius:10px;padding:10px;margin-bottom:8px}
.item-produto-aplicacao:hover{background:#DCE6F5}
.item-produto-aplicacao-dados{flex:1;min-width:0;line-height:1.2}
.item-codigo-linha{margin-bottom:8px}
.item-codigo-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.02em;margin-right:6px}
.item-codigo-valor{display:inline-block;background:#DCE6F5;color:#002e6e;font-size:13px;font-weight:700;padding:3px 10px;border-radius:20px}
.item-mini-grid{display:flex;flex-wrap:wrap;gap:4px}
.item-mini-dado{flex:0 0 calc(50% - 3px)}
.item-mini-legenda{display:block;font-size:11px;color:#999;margin-bottom:2px}
.item-mini-valor{display:block;font-size:12px;font-weight:600;color:#485057}
.item-produto-aplicacao > i{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#002e6e;color:#FFF;border-radius:50%;font-size:12px}
.badge-contagem{display:inline-block;background:#002e6e;color:#FFF;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;margin-top:14px}
.box-lineas{background:#F3F5F7;border-radius:10px;padding:10px 12px;margin-top:12px;font-size:13px;color:#485057;line-height:1.5}
.box-lineas-label{display:block;font-size:11px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.02em;margin-bottom:2px}
.btn-funil{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1px solid #C7C7C7;background:#FFF;color:#002e6e;font-size:13px;font-weight:600;cursor:pointer}
.btn-funil:hover{background:#f5f5f5}
.painel-lineas{display:none;background:#f3f5f7;border-radius:12px;padding:14px;margin-top:14px}
.painel-lineas .btn{display:block;width:100%;padding:12px;border:none;background:#002e6e;color:#FFF;border-radius:30px;font-size:14px;cursor:pointer;box-sizing:border-box;transition:background .3s}
.painel-lineas .btn:hover{background:#FF5A31}
.bloco-moto{margin-bottom:22px;border-radius:0 12px 12px 12px;background:#FFFFFF;box-shadow:0 4px 16px rgb(0 0 0 / 5%)}
.barra-destaque-moto{width:75%;height:4px;background:linear-gradient(135deg, #002E6E 0%, #0D4A9C 100%);border-radius:0 2px 0 0}
.sticky-moto{position:sticky;top:0;z-index:3;padding:16px 10px;background:#FFFFFF;border-radius:0 12px 0 0}
.sticky-moto-titulo{font-size:16px;font-weight:700;color:#002e6e}
.bloco-aplicacao{padding:0}
.sticky-aplicacao{position:sticky;top:48px;z-index:2;background:linear-gradient(0deg, #ffffffa3 0%, #f3f6f8 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:flex-start;gap:10px;padding:5px 10px 14px 10px;margin:0 -10px}
.dados-grupo-linha{flex:1;min-width:0}
.lista-dados-aplicacao{display:flex;flex-direction:column;gap:5px}
.linha-dado-aplicacao{display:flex;align-items:center;gap:7px;font-size:12px;color:#002e6e;font-weight:600}
.linha-dado-aplicacao i{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#D9E0E8;color:#002e6e;border-radius:5px;font-size:10px}
.sticky-aplicacao-desenho{flex-shrink:0;width:90px;background:#d9e0e8;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box}
.sticky-aplicacao-desenho img{max-width:100%;max-height:100%}
.grupo-linha-aplicacao{padding:20px 10px;border-top:1px solid #d9e0e8;background:linear-gradient(0deg, #ffffff 0%, #d9e0e869 100%);background-size:100% 100px;background-repeat:repeat-x}
.grupo-linha-aplicacao h4{font-size:16px;color:#999;text-transform:uppercase;margin:0 0 10px}
.campo-autocomplete{position:relative}
.lista-autocomplete{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#FFF;border-radius:10px;box-shadow:0 4px 16px rgb(0 0 0 / 15%);max-height:240px;overflow-y:auto;z-index:5;list-style:none;padding:6px 0;margin:0}
.lista-autocomplete li{padding:10px 14px;font-size:14px;color:#3A3A3A;cursor:pointer}
.lista-autocomplete li:hover{background:#F3F5F7}
.lista-autocomplete li.sem-resultado{cursor:default;color:#999;font-style:italic}
.lista-autocomplete li.sem-resultado:hover{background:none}
.ficha-desenho{margin-bottom:16px;text-align:center;background:#F3F5F7;border-radius:14px;padding:10px}
.ficha-desenho img{max-width:100%;max-height:260px}
.ficha-dados{margin-bottom:14px}
.ficha-dados > div{padding:5px;box-sizing:border-box}
.ficha-dados .legenda{display:block;font-size:11px;color:#999;margin-bottom:2px}
.ficha-dados .valor{display:block;font-size:14px;font-weight:600;color:#002e6e}
.motos-compatibles h3{font-size:14px;margin-bottom:6px;color:#002e6e}
.motos-compatibles h4{font-size:13px;margin:12px 0 6px 0;color:#999}
.motos-compatibles h4.destaque{color:#002e6e}
.motos-compatibles .rotulo-destaque{display:inline-block;background:#002e6e;color:#FFF;font-size:10px;font-weight:400;border-radius:10px;padding:2px 8px;margin-left:6px;vertical-align:middle}
.ficha-produto-conteudo{padding:14px}
.linha-acesso-codigo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #EFF1F3}
.linha-acesso-codigo .item-codigo-linha{margin-bottom:0}
.linha-acesso-codigo > i{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#002e6e;color:#FFF;border-radius:50%;font-size:12px}
.sticky-codigo-produto{position:sticky;top:0;z-index:3;padding:14px 14px 8px 14px;background:#FFFFFF;border-radius:12px 12px 0 0}
.sticky-codigo-produto .item-codigo-linha{margin-bottom:0}
.sticky-montadora{position:sticky;top:41px;z-index:2;font-size:13px;font-weight:700;color:#002e6e;background:rgba(243,245,247,.75);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:8px 14px;margin:12px -14px 8px -14px;border-bottom:1px solid #D9E0E8}
.barra-filtro-texto{margin-top:12px}
.barra-filtro-texto form{display:flex;border-radius:24px;overflow:hidden;border:1px solid #E4E7EB;background:#F8F9FA}
.barra-filtro-texto input{flex:1;height:42px;padding:0 16px;border:none;outline:none;font-size:13px;color:#3A3A3A;background:transparent}
.barra-filtro-texto input::placeholder{color:#999}
.barra-filtro-texto button{flex:0 0 42px;width:42px;border:none;background:#002e6e;color:#FFF;cursor:pointer;font-size:14px}
.barra-filtro-texto button:hover{background:#0D4A9C}

/* -----------------------------------*/
/* ------------ inicial --------------*/
/* -----------------------------------*/
#inicial .titulo-pagina{padding:30px 10px 90px 10px;border-radius:0 0 14px 14px;}
#inicial .titulo-pagina h1{font-size:22px;}
#inicial .titulo-pagina .tagline-pagina{padding-left:37px;}
#inicial .campo-autocomplete{position:relative;z-index:1;margin-top:-60px;margin-bottom:20px}
#inicial .campo-busca button{background:#0D4A9C}
#inicial .banner-instalar-ios,
#inicial .banner-instalar-android{display:none;margin-top:30px}
#inicial .banner-instalar-ios.exibir,
#inicial .banner-instalar-android.exibir{display:block}
#inicial .banner-instalar-ios .banner,
#inicial .banner-instalar-android .banner{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg, #485057 -60%, #272b2f 30%, #485057 100%);border-radius:16px;padding:14px;box-shadow:0 4px 16px rgba(0, 0, 0, .05);}
#inicial .banner-instalar-ios .banner-icone,
#inicial .banner-instalar-android .banner-icone{flex-shrink:0;width:40px;height:40px;border-radius:16px;background:#D9E0E8;color:#002E6E;display:flex;align-items:center;justify-content:center;font-size:18px}
#inicial .banner-instalar-ios .banner-texto,
#inicial .banner-instalar-android .banner-texto{flex:1;font-size:13px;font-weight:600;line-height:1.4;color:#ffffff}
#inicial .banner-instalar-ios .banner-texto i,
#inicial .banner-instalar-android .banner-texto i{margin:0 2px}
#inicial .banner-instalar-ios .banner-texto ol,
#inicial .banner-instalar-android .banner-texto ol{margin:6px 0;padding-left:18px;font-weight:400}
#inicial .banner-instalar-ios .banner-texto li,
#inicial .banner-instalar-android .banner-texto li{margin-bottom:4px}
#inicial .acceso-rapido{padding: 12px 0;}
#inicial .acceso-rapido .cartoes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;}
#inicial .acceso-rapido .item-acceso{display:flex;align-items:center;gap:8px;padding:10px 8px;background:#FFF;border-radius:16px;color:#333;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.05);transition:.2s;}
#inicial .acceso-rapido .item-acceso:hover{background:#F7F9FC;box-shadow:0 6px 20px rgba(0,0,0,.08);}
#inicial .acceso-rapido .acceso-icone{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:#D9E0E8;color:#002E6E;display:flex;align-items:center;justify-content:center;font-size:14px;}
#inicial .acceso-rapido .acceso-texto{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
#inicial .acceso-rapido .acceso-texto b{font-size:12px;font-weight:600;line-height:1.3;color:#002E6E;}
#inicial .acceso-rapido .acceso-texto small{font-size:11px;color:#999;line-height:1.3;}
.estatisticas-barra{display:flex;background:#FFF;border-radius:16px;box-shadow:0 4px 16px rgb(0 0 0 / 5%);padding:14px 4px;margin:12px 0;}
.estatisticas-barra .item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 6px;border-right:1px solid #EFF1F3;}
.estatisticas-barra .item:last-child{border-right:none}
.estatisticas-barra .icone{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#D9E0E8;color:#002E6E;display:flex;align-items:center;justify-content:center;font-size:16px}
.estatisticas-barra .numero{font-size:17px;font-weight:700;color:#002e6e}
.estatisticas-barra .legenda{font-size:11px;color:#999;line-height:1.3}
#inicial #ultimas-novidades{padding: 12px 0;}
#inicial #ultimas-pesquisas{padding: 12px 0;}
#inicial #ultimas-novidades .titulo{display:flex;align-items:center;justify-content:space-between}
#inicial #ultimas-novidades .link-ver-todas{flex-shrink:0;font-size:13px;font-weight:600;color:#002e6e}
#inicial #ultimas-novidades .link-ver-todas i{font-size:11px;margin-left:2px}
#inicial .novidades-ultimas-pesquisas{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 0;}


/* -----------------------------------*/
/* ------------ produtos -------------*/
/* -----------------------------------*/
#produtos .container{padding: 0 10px;}
#produtos .selecao-productos h2{font-size:17px;margin-bottom:14px}
#produtos .selecao-productos label{display:block;font-size:13px;color:#485057;margin:12px 0 6px 0}
#produtos .selecao-productos select{width:100%;height:46px;border:1px solid #C7C7C7;border-radius:10px;padding:0 12px;font-size:15px;background:#FFF;box-sizing:border-box}
#produtos .selecao-productos .btn{display:block;width:100%;padding:12px;border:none;background:#002e6e;color:#FFF;border-radius:30px;font-size:14px;cursor:pointer;margin-top:16px;box-sizing:border-box;transition:background .3s}
#produtos .selecao-productos .btn:hover{background:#FF5A31}
#produtos .tela-resultado-produto .contagem-total{font-size:14px;color:#999;margin-bottom:14px}

/* -----------------------------------*/
/* ------------- codigo --------------*/
/* -----------------------------------*/
#codigo .selecao-codigo h2{font-size:17px;margin-bottom:14px}
#codigo .selecao-codigo label{display:block;font-size:13px;color:#485057;margin:12px 0 6px 0}
#codigo .selecao-codigo input{width:100%;height:46px;border:1px solid #C7C7C7;border-radius:10px;padding:0 14px;font-size:15px;background:#FFF;box-sizing:border-box}
#codigo .selecao-codigo .btn{display:block;width:100%;padding:12px;border:none;background:#002e6e;color:#FFF;border-radius:30px;font-size:14px;cursor:pointer;margin-top:16px;box-sizing:border-box;transition:background .3s}
#codigo .selecao-codigo .btn:hover{background:#FF5A31}
#codigo .ficha-variante-tag{display:inline-block;background:#EFF1F3;color:#002e6e;font-size:12px;border-radius:20px;padding:4px 12px;margin-bottom:12px}

/* -----------------------------------*/
/* ------- motos y modelos -----------*/
/* -----------------------------------*/
#motos-y-modelos .container{padding: 0 10px;}
#motos-y-modelos .selecao-motos h2{font-size:17px;margin-bottom:14px}
#motos-y-modelos .selecao-motos .campo-busca{border:1px solid #C7C7C7;box-shadow:none}
#motos-y-modelos .badge-destaque-busca{background:#FFF3B0;padding:1px;border-radius:6px}

/* -----------------------------------*/
/* ------------- lineas --------------*/
/* -----------------------------------*/
#lineas .container{padding: 0 10px;}
#lineas .selecao-lineas h2{font-size:17px;margin-bottom:14px}
#lineas .selecao-lineas .btn{display:block;width:100%;padding:12px;border:none;background:#002e6e;color:#FFF;border-radius:30px;font-size:14px;cursor:pointer;margin-top:4px;box-sizing:border-box;transition:background .3s}
#lineas .selecao-lineas .btn:hover{background:#FF5A31}

/* -----------------------------------*/
/* ------------ novedades ------------*/
/* -----------------------------------*/
#novedades .container{padding: 0 10px;}

/* -----------------------------------*/
/* ------------ cadastro -------------*/
/* -----------------------------------*/
#cadastro .container{padding: 0 10px;}
#cadastro .selecao-cadastro h2{font-size:17px;margin-bottom:6px}
#cadastro .selecao-cadastro .tagline-cadastro{font-size:13px;color:#777;margin-bottom:14px}
#cadastro .selecao-cadastro label{display:block;font-size:13px;color:#485057;margin:12px 0 6px 0}
#cadastro .selecao-cadastro .marca-obrigatorio{color:#842029}
#cadastro .selecao-cadastro input{width:100%;height:46px;border:1px solid #C7C7C7;border-radius:10px;padding:0 14px;font-size:15px;background:#FFF;box-sizing:border-box}
#cadastro .selecao-cadastro .btn{display:block;width:100%;padding:12px;border:none;background:#002e6e;color:#FFF;border-radius:30px;font-size:14px;cursor:pointer;margin-top:16px;box-sizing:border-box;transition:background .3s}
#cadastro .selecao-cadastro .btn:hover{background:#FF5A31}
#cadastro .selecao-cadastro .link-trocar-cadastro{display:block;text-align:center;font-size:13px;color:#999;margin-top:16px}
#cadastro .selecao-cadastro .mensagem-erro{display:flex;align-items:center;gap:10px;background:#F8D7DA;border:1px solid #F1AEB5;color:#842029;font-size:13px;border-radius:10px;padding:10px 14px;margin-bottom:14px}
#cadastro .selecao-cadastro .mensagem-aviso{display:flex;align-items:center;gap:10px;background:#CFE2FF;border:1px solid #9EC5FE;color:#084298;font-size:13px;border-radius:10px;padding:10px 14px;margin-bottom:14px}
#cadastro .selecao-cadastro .mensagem-sucesso{background:#D1E7DD;border:1px solid #A3CFBB;color:#0F5132;font-size:13px;border-radius:10px;padding:14px;margin-bottom:14px}
#cadastro .selecao-cadastro .mensagem-sucesso .acoes-mensagem-sucesso{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px}
#cadastro .selecao-cadastro .mensagem-sucesso .btn{display:inline-block;width:auto;margin-top:0;padding:8px 20px;font-size:13px}
#cadastro .selecao-cadastro .mensagem-sucesso .link-secundario{font-size:13px;color:#0F5132;text-decoration:underline;font-weight:600}
#cadastro .selecao-cadastro .aviso-privacidad-cadastro{display:flex;align-items:center;gap:8px;font-size:12px;color:#999;line-height:1.4;margin-top:16px}
#cadastro .selecao-cadastro .aviso-privacidad-cadastro i{flex-shrink:0;color:#C7C7C7}

/* -----------------------------------*/
/* ------------ bienvenida -----------*/
/* -----------------------------------*/
.logo-bienvenida img.responsiva-3{max-width:200px}
#bienvenida .container{padding:0 10px;max-width:600px;margin:0 auto}

/* hero -> ocupa a primeira tela inteira, substitui a faixa .titulo-pagina + cartao
   pequeno que tinha antes. Botao em laranja porque o fundo aqui ja e azul */
#bienvenida .hero-bienvenida{background:linear-gradient(135deg, #002E6E -30%, #0D4A9C 30%, #002E6E 100%);padding:40px 0;text-align:center}
#bienvenida .hero-bienvenida h1{color:#FFF;font-size:24px;font-weight:700;line-height:1.3;margin-bottom:8px}
#bienvenida .hero-bienvenida .subtitulo-hero{color:#FF5A31;font-size:15px;font-weight:700;margin-bottom:14px}
#bienvenida .hero-bienvenida .texto-hero{color:rgba(255,255,255,.85);font-size:14px;line-height:1.5;margin-bottom:22px}
#bienvenida .hero-bienvenida .aviso-hero{display:flex;align-items:center;justify-content:center;gap:8px;color:rgba(255,255,255,.7);font-size:12px;margin-top:16px}
#bienvenida .hero-bienvenida .aviso-hero i{color:rgba(255,255,255,.55)}

/* bloco 2 -> o que da pra buscar, 6 itens */
#bienvenida .bloco-beneficios{margin:28px 0}
#bienvenida .bloco-beneficios .cartoes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
#bienvenida .item-beneficio{display:flex;align-items:center;gap:8px;padding:10px 8px;background:#FFF;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.05)}
#bienvenida .item-beneficio .beneficio-icone{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:#D9E0E8;color:#002E6E;display:flex;align-items:center;justify-content:center;font-size:14px}
#bienvenida .item-beneficio .beneficio-texto{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#bienvenida .item-beneficio .beneficio-texto b{font-size:12px;font-weight:600;line-height:1.3;color:#002E6E}
#bienvenida .item-beneficio .beneficio-texto small{font-size:11px;color:#999;line-height:1.3}

/* bloco 3 -> estatisticas, so o titulo e novo (a barra em si e a .estatisticas-barra ja
   compartilhada com a Home) */
#bienvenida .bloco-estatisticas{margin:28px 0}

/* bloco 4 -> fechamento, reaproveita o mesmo desenho do banner-contacto do rodape (icone
   + texto + acao), so que ocupando a secao inteira em vez de um cartao arredondado, e
   com botao real no lugar da seta */
#bienvenida .bloco-fechamento{background:linear-gradient(135deg, #002E6E -30%, #0D4A9C 30%, #002E6E 100%);padding:32px 0;margin:8px 0 28px 0}
#bienvenida .banner-fechamento{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
#bienvenida .banner-fechamento .banner-icone{flex-shrink:0;width:44px;height:44px;border-radius:16px;background:#D9E0E8;color:#002E6E;display:flex;align-items:center;justify-content:center;font-size:20px}
#bienvenida .banner-fechamento .banner-texto b{display:block;color:#FFF;font-size:15px;margin-bottom:2px}
#bienvenida .banner-fechamento .banner-texto small{display:block;color:rgba(255,255,255,.75);font-size:12px;line-height:1.4}

/* botao em laranja -> os dois CTAs (hero e fechamento) ficam sobre fundo azul */
#bienvenida .hero-bienvenida .btn,
#bienvenida .banner-fechamento .btn{background:#FF5A31;color:#FFF;border:none;text-decoration:none;cursor:pointer;transition:background .3s}
#bienvenida .hero-bienvenida .btn:hover,
#bienvenida .banner-fechamento .btn:hover{background:#E14C22}

/* -----------------------------------*/
/* ------ dibujos por lineas ---------*/
/* -----------------------------------*/
#dibujos-por-lineas .container{padding: 0 10px;}
#dibujos-por-lineas .selecao-lineas h2{font-size:17px;margin-bottom:14px}
#dibujos-por-lineas .selecao-lineas .btn{display:block;width:100%;padding:12px;border:none;background:#002e6e;color:#FFF;border-radius:30px;font-size:14px;cursor:pointer;margin-top:4px;box-sizing:border-box;transition:background .3s}
#dibujos-por-lineas .selecao-lineas .btn:hover{background:#FF5A31}
.grid-cards-responsivo{margin-top:6px}
.grid-cards-responsivo .bloco-moto{margin:6px 6px 16px 6px}
#dibujos-por-lineas .item-linha-dibujo{margin-bottom:10px}
#dibujos-por-lineas .item-linha-dibujo .legenda{display:block;font-size:11px;color:#999;margin-bottom:2px}
#dibujos-por-lineas .item-linha-dibujo .valor{display:block;font-size:14px;font-weight:600;color:#002e6e}


/*------------------------------------*/
/* ----------- responsivo ------------*/
/* -----------------------------------*/
.n-full {display: none !important;}
img.responsiva {width: 100%;}
img.responsiva-2 {width: 90%;}
img.responsiva-3 {max-width:100%;}
@media (max-width: 1279px) {
	.n-xl {display: none !important;}
	.y-xl {display: block !important;}
	.center-xl {text-align: center;}
	.right-xl {text-align: right;}
	.left-xl {text-align: left;}
	.container{max-width:100%;padding: 0 10px}
    
}

@media (min-width: 1023px) {
    
}

@media (max-width: 1023px) {
	.n-lg {display: none !important;}
	.y-lg {display: block !important;}
	.center-lg {text-align: center;}
	.right-lg {text-align: right;}
	.left-lg {text-align: left;}
	.wrap {padding: 40px 0;}
	.btn {padding: 12px 20px;font-size: 14px;}
    
}
@media (min-width:768px){
    #inicial .acceso-rapido .cartoes{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
    #inicial .novidades-ultimas-pesquisas{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
    #inicial .novidades-ultimas-pesquisas > div{display:flex;flex-direction:column;}
    #inicial .novidades-ultimas-pesquisas > div .lista-com-icones{flex:1;}
}
@media (min-width:1024px){
    #inicial .acceso-rapido .acceso-texto b{font-size:18px;font-weight:bold;}
    #inicial .acceso-rapido .acceso-texto small{font-size:14px;}
    #inicial .acceso-rapido .acceso-icone{width:44px;height:44px;font-size:20px;}
    #inicial .acceso-rapido .item-acceso{padding:14px;}
    .estatisticas-barra .icone{width:44px;height:44px;font-size:20px;}
    .estatisticas-barra .numero{font-size:22px;}
    .estatisticas-barra .legenda{font-size:14px;}
    #bienvenida .container{max-width:760px;}
    #bienvenida .hero-bienvenida{padding:64px 0;}
    #bienvenida .hero-bienvenida h1{font-size:34px;}
    #bienvenida .hero-bienvenida .subtitulo-hero{font-size:18px;}
    #bienvenida .hero-bienvenida .texto-hero{font-size:16px;max-width:520px;margin-left:auto;margin-right:auto;}
    #bienvenida .hero-bienvenida .btn{padding:14px 36px;}
    #bienvenida .bloco-beneficios .cartoes{grid-template-columns:repeat(3, minmax(0,1fr));}
    #bienvenida .item-beneficio{flex-direction:column;text-align:center;padding:16px 8px;}
    #bienvenida .item-beneficio .beneficio-icone{width:44px;height:44px;font-size:18px;}
    #bienvenida .banner-fechamento{flex-direction:row;text-align:left;gap:16px;}
    #bienvenida .banner-fechamento .banner-texto{flex:1;}
    #bienvenida .banner-fechamento .btn{padding:14px 36px;flex-shrink:0;}
    .titulo-pagina{padding:20px 10px 50px 10px;}
    .titulo-pagina h1{font-size:22px;}
    .titulo-pagina .tagline-pagina{font-size:14px;padding-left:37px;}
    .titulo h2{font-size:18px;}
    .lista-com-icones li a{font-size:16px;}
    #produtos .selecao-productos label{font-size:14px;margin:15px 0 8px 0;}
    .sticky-moto-titulo{font-size:18px;}
    .linha-dado-aplicacao{font-size:14px;}
    .linha-dado-aplicacao i{width:24px;height:24px;font-size:12px;}
    .sticky-aplicacao-desenho{width:120px;}
    .grupo-linha-aplicacao h4{font-size:16px;}
    .item-codigo-label{font-size:14px;}
    .item-codigo-valor{font-size:16px;}
    .item-mini-legenda{font-size:13px;}
    .item-mini-valor{font-size:16px;}
    .resumo-busca-texto{font-size:18px;}
    .ficha-dados .legenda{font-size:13px;}
    .ficha-dados .valor{font-size:16px;}
    .box-lineas{font-size:16px;}
}
@media (min-width:1200px){
    #inicial .titulo-pagina{border-radius:0;}
}
@media (max-width:767px) {
	.n-md {display: none !important;}
	.y-md {display: block !important;}
	.center-md {text-align: center !important;}
	.right-md {text-align: right !important;}
	.left-md {text-align: left !important;}

	/* inicial -> novidades e ultimas buscas sobem, acesso rapido e estatisticas descem (so mobile, pedido do cliente) */
	#inicial .container{display:flex;flex-direction:column;}
	#inicial .novidades-ultimas-pesquisas{order:1;}
	#inicial .acceso-rapido{order:2;}
	#inicial .estatisticas-barra{order:3;}
}

@media (max-width:567px) {
	.n-sm {display: none !important;}
	.y-sm {display: block !important;}
	.center-sm {text-align: center !important;}
	.right-sm {text-align: right !important;}
	.left-sm {text-align: left !important;}

	/* logo do cabecalho maior no mobile (pedido do cliente) -> so a tela nao-bienvenida,
	   que e a que tem altura fixa de 40 vinda do atributo height="40" no img */
	#cabecalho .logo.center-lg img{height:60px;}
}