/* reset css */
* { position:relative; box-sizing:border-box; }

html { 
	--cor-primaria:#002559; /* azul */
	--cor-secundaria:#000; /* preto */
	--cor-terciaria:#fff; /* branco */
	--cor-quartenaria:#007aae; /* azul mais claro - setas */
	--cor-quinquenaria:#001f48; /* azul mais escuro - setas */

    --cor-fundo:#fbf7f7; /* cinza claro */
    
	--gap-lista:30px;
	--column-count-lista:1;
}

html, body { margin:0 auto; padding: 0px; width:100%; max-width:1920px; font:300 20px/28px 'Metropolis',sans-serif; text-size-adjust: none; color:var(--cor-primaria); }
header, main, section, div, article, aside, form, fieldset, footer { display: block; margin: 0px; padding: 0px; border: none; }
h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; }
ul, ol { margin: 0px 0px 0px 20px; padding: 0px; list-style-position: outside; }
img, figure, iframe, embed, object, video { display: block; margin: 0px; padding: 0px; max-width:100%; border: none; }
input[type="submit"], [type="button"], input[type="file"] { cursor: pointer; }
input, button, select, option, optgroup, textarea { display: block; margin: 0px; padding: 0px; font:300 20px/28px 'Metropolis',sans-serif; text-size-adjust: none; color: var(--cor-primaria); outline: none; border: none; }
img { width:auto; height:auto; }
a { color:var(--cor-primaria); }

input:focus::-moz-placeholder { opacity:0 !important; }
input:focus:-moz-placeholder { opacity:0 !important; }
input:focus:-ms-input-placeholder { opacity:0 !important; }
input:focus::-webkit-input-placeholder { opacity:0 !important; }

textarea:focus:-moz-placeholder { opacity:0 !important; }
textarea:focus::-moz-placeholder { opacity:0 !important; }
textarea:focus:-ms-input-placeholder { opacity:0 !important; }
textarea:focus::-webkit-input-placeholder { opacity:0 !important; }

:-moz-placeholder { opacity:1 !important; color:var(--cor-primaria); }
::-moz-placeholder { opacity:1 !important; color:var(--cor-primaria); }
:-ms-input-placeholder { opacity:1 !important; color:var(--cor-primaria); }
::-webkit-input-placeholder { opacity:1 !important; color:var(--cor-primaria); }

/* geral */
.fancybox-container * { position:static; }
.central { width:100%; max-width:1200px; margin:0 auto; padding:0 10px; }
.clear { clear:both; }

main { padding-top:77px; }

.editor {
	--ck-image-style-spacing: 1.5em;

	& .image {
		margin-left: auto; margin-right: auto; text-align: center;
		&.image-style-block-align-left, &.image-style-block-align-right { max-width: calc(100% - var(--ck-image-style-spacing)); }
		&.image-style-align-left, &.image-style-align-right { clear: none; }
		&.image-style-side { margin-left: var(--ck-image-style-spacing); max-width: 50%; float: right; }
		&.image-style-align-left { margin-right: var(--ck-image-style-spacing); float: left; }
		&.image-style-align-right { margin-left: var(--ck-image-style-spacing); float: right; }
		&.image-style-block-align-right { margin-left: auto; margin-right: 0px; text-align: right; }
		&.image-style-block-align-left { margin-left: 0px; margin-right: auto; text-align: left; }
	}

	& .image-style-align-center { margin-left: auto; margin-right: auto; text-align: center; }
	& .image-style-align-left { margin-right: var(--ck-image-style-spacing); text-align: left; float: left; }
	& .image-style-align-right { margin-left: var(--ck-image-style-spacing); text-align: right; float: right; }

	& p + .image.image-style-align-left, & p + .image.image-style-align-right, & p + .image.image-style-side { margin-top: 0px; }

	& .image-inline {
		&.image-style-align-left, &.image-style-align-right { margin-top: var(--ck-inline-image-style-spacing); margin-bottom: var(--ck-inline-image-style-spacing); }
		&.image-style-align-left { margin-right: var(--ck-inline-image-style-spacing); }
		&.image-style-align-right { margin-left: var(--ck-inline-image-style-spacing); }
	}
}
.editor > * { /*padding-top: 15px;*/ padding-top: 30px; }
.editor > :first-child { margin-top: 0px; padding-top: 0px; } 
.editor > :last-child { margin-bottom: 0px; }
.editor > table { padding-top: 0px; margin-top: 15px; }
.editor a { text-decoration: underline; }
.editor h1,
.editor h2,
.editor h3 { font-size: 22px; font-weight: 500; }
.editor ul li + li { padding-top: 5px; }
.editor img { display: inline-block !important; vertical-align: top !important; max-width: 100%; }
.editor blockquote { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px 0px 0px 10px; font-style: italic; color: inherit; border-left: 3px solid var(--cor-primaria); }
.editor hr { margin: 15px 0px 0px 0px; padding: 0px; height: 1px; border: 0px; background-color: var(--cor-primaria); }
.editor .table {
	display: table; margin: 0.9em auto;

	& table {
		width:100%; height:100%; border:1px double hsl(0, 0%, 70%); border-collapse:collapse; border-spacing:0px;
		& td, & th { padding:.4em; min-width:2em; border:1px solid hsl(0, 0%, 75%); }
		& th { font-weight:700; background:hsla(0, 0%, 0%, 5%); }
	}
}

.titulo { margin-bottom:10px; text-align:center; }
.titulo h1 { font-size:40px; color:var(--cor-primaria); font-weight:300; line-height:1.1; text-align:left; text-transform:uppercase; text-align:center; }
.titulo h2 { font-size:25px; color:var(--cor-primaria); font-weight:300; line-height:1.1; text-align:left; text-transform:uppercase; text-align:center; }

.midias-sociais a { display:block; padding:8px; border-radius:50%; border:1px solid var(--cor-secundaria); }
.midias-sociais figure { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:10px; }
.midias-sociais figure img { flex:none; width:18px; height:18px; aspect-ratio:1 / 1; object-fit:contain; }

.video-mp4 .container, 
.video-iframe .container { aspect-ratio:16 / 9; }
.video-mp4 .container video,
.video-iframe .container iframe { width:100%; height:100%; object-fit:cover; }

.lista { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; gap:var(--gap-lista); }
.lista .bloco { flex:none; width:calc((100% - (var(--gap-lista) * (var(--column-count-lista) - 1))) / var(--column-count-lista)); text-align:center;}
.lista .bloco strong { font-size:18px;}
.lista .bloco p { font-size:15px; padding-bottom:6px;}
.lista .bloco h2 { font-size:18px; }
.lista .bloco address { font-style:normal; }

/* abre menu sanduiche */
.sanduiche-aberto header .inferior nav { display:block; overflow-x:hidden; overflow-y:auto; transform:translateX(0); transition:all .30s linear; z-index:2; }
.sanduiche-aberto { overflow:hidden; }

/* internas */
.internas .titulo { margin:0 0 40px 0; }
.internas .conteudo-internas { margin-bottom:40px; }

/* validacao formulario */
.sucesso { font-weight:700; color:#060; }
.retorno { margin-top:10px; font-weight:700; color:#c00; }
.retorno.erro { color:#c00 !important; }
.retorno.sucesso { color:#060 !important; }
.retorno:empty { display:none !important; }
.erro:focus { color:#c00 !important; border:1px solid #c00 !important; }

/* formulario */
.formulario form .mais-colunas { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; }
.formulario form .mais-colunas > div { flex:auto; width:100%; }
.formulario form .mais-colunas + .mais-colunas { margin-top:15px; }
.formulario form .mais-colunas + .campo { margin-top:15px; }
.formulario form .campo input[type="text"] { padding:0 15px; width:100%; height:45px; line-height:1; border:1px solid var(--cor-secundaria); border-radius:5px; }
.formulario form .campo input[type="text"]:focus { border-color:var(--cor-primaria); }
.formulario form .campo select { padding:0 45px 0 15px; width:100%; height:45px; line-height:1; border:1px solid var(--cor-secundaria); border-radius:5px; appearance:none; background:url('../img/ico-select.svg') center right 15px no-repeat; background-size:16px 9px; cursor:pointer; }
.formulario form .campo select:focus { border-color:var(--cor-primaria); }
.formulario form .campo textarea { padding:15px; width:100%; height:200px; border:1px solid var(--cor-secundaria); border-radius:5px; resize:vertical; }
.formulario form .campo textarea:focus { border-color:var(--cor-primaria); }
.formulario form .campo label { display:block; padding-bottom:5px; }
.formulario form .campo + .campo { margin-top:15px; }
.formulario form .campo + .mais-colunas { margin-top:15px; }
.formulario form .campo.concordo { margin-top:13px; }
.formulario form .campo.concordo input[type="checkbox"] { display:none; }
.formulario form .campo.concordo input[type="checkbox"] + label { position:relative; padding:0 0 0 34px; }
.formulario form .campo.concordo input[type="checkbox"] + label a { text-decoration:underline; }
.formulario form .campo.concordo input[type="checkbox"] + label:before { content:'\00a0'; position:absolute; display:block; top:3px; left:0; width:19px; height:19px; border:1px solid var(--cor-secundaria); border-radius:5px; cursor:pointer; }
.formulario form .campo.concordo input[type="checkbox"]:checked + label:before { content:'\2713'; line-height:21px; font-weight:700; text-align:center; color:var(--cor-terciaria); border-color:var(--cor-primaria); background-color: var(--cor-primaria); }

.formulario form .campo.enviar { margin-top:15px; text-align:right; }
.formulario form .campo.enviar button { display:inline-block; vertical-align:top; padding:12px 30px; font-size:18px; line-height:1; text-decoration:none; color:var(--cor-terciaria); transform:scale(1); border-radius:50px; background-color:var(--cor-primaria); transition:all .30s linear; cursor:pointer; }
.formulario form .campo.enviar button:hover { transform:scale(1.1); transition:all .30s linear; }

.formulario form.loading .campo.enviar button { width:20px; height:20px; margin:0 auto; font-size:0; background:url('../img/loading.gif') no-repeat center; }

/* topo */
header { position:fixed; width:100%; max-width:1920px; top:0; left:0; right:0; margin:0 auto; padding:10px 0; background:var(--cor-fundo); z-index:3; }
header * { transition:all .30s linear; }
header .superior { display:none; }

header .inferior { display:flex; width:100%; padding:10px 20px; background:var(--cor-primaria); justify-content:space-between; border-radius:40px; transition: all .30s linear; }
header .inferior .logo { width:180px; transition:all .30s linear; }
header .inferior .logo figure { width:auto; height:auto; }
header .inferior .logo figure a {  }
header .inferior .logo figure a img { max-width:100%; height:auto; }
header .inferior a.menu-mobile { width:24px; height:24px; align-self:center; }
header .inferior a.menu-mobile img { max-width:100%; height:auto; }
header .inferior nav { display:none; position:fixed; width:100%; height:100%; top:0; right:0; background:var(--cor-primaria); }
header .inferior nav a.fechar { display:inline-block; position:absolute; top:20px; right:20px; font-size:50px; color:var(--cor-terciaria); text-decoration:none; line-height:0.5; z-index:1; }
header .inferior nav .links { display:flex; width:100%; padding:40px; flex-flow:column; align-items:center; gap:15px; }
header .inferior nav .links a { font-size:18px; color:#fff; line-height:1.1; text-decoration:none; }
header .inferior nav .links a:hover { text-decoration:underline; }
header .inferior nav .links-mobile { display:flex; width:100%; padding:0 40px 40px 40px; flex-flow:column; align-items:center; gap:15px; }
header .inferior nav .links-mobile a { font-size:20px; color:#fff; line-height:1.1; text-decoration:none; }
header .inferior nav .links-mobile a:hover { text-decoration:underline; }
header .inferior nav .links-mobile a.onde-encontrar { padding-left:30px; background:url(../img/ico-perto-de-voce.svg) left center no-repeat; filter:brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(2740%) hue-rotate(217deg) brightness(124%) contrast(100%); }
header .inferior nav .links-mobile a.quero-revender { padding-left:30px; background:url(../img/ico-revenda.svg) left center no-repeat; filter:brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(2740%) hue-rotate(217deg) brightness(124%) contrast(100%); }

/* topo reduzido */
header.topo-reduzido * { transition:all .30s linear; }
header.topo-reduzido .inferior { padding:5px 20px; transition:all .30s linear; }
header.topo-reduzido .inferior .logo { width:140px; transition:all .30s linear; }

/* index */
#slides { position:relative; overflow:hidden; z-index:1; }
#slides .video-slide { position:relative; height:480px; border-radius:25px; overflow:hidden; z-index:1; }
#slides .video-slide .video-mp4 .container { position:relative; display:block; width:100%; height:480px; z-index:0; }
#slides .video-slide .video-mp4 .container:first-child { z-index:1; }
#slides .video-slide .video-mp4 .container video { position:absolute; top:0px; left:50%; margin-left:-480px; width:auto; max-width:960px; height:480px; }
#slides .video-slide .setas { display:none; position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:2; }
#slides .video-slide .setas .anterior { position:absolute; display:block; top:50%; margin-top:-19px; left:20px; width:20px; height:38px; cursor:pointer; }
#slides .video-slide .setas .proximo { position:absolute; display:block; top:50%; margin-top:-19px; right:20px; width:20px; height:38px; cursor:pointer; }

#slides .imagem { position:relative; height:300px; overflow:hidden; z-index:1; }
#slides .imagem picture { position:relative; display:block; width:100%; height:300px; }
#slides .imagem picture img { position:absolute; top:0px; left:50%; margin-left:-480px; width:auto; max-width:960px; height:300px; }
#slides .imagem picture a.link { position:absolute; display:block; top:0px; left:0px; width:100%; height:100%; z-index:2; }
#slides .paginacao-slides { position:absolute; bottom:80px; left:0px; right:0px; margin:0px auto; padding:0px 10px; width:100%; max-width:1220px; height:13px; text-align:right; z-index:4; }
#slides .paginacao-slides span { display:inline-block; vertical-align:top; margin:0px 5px; width:13px; height:13px; font-size:0px; border:1px solid var(--cor-primaria); border-radius:50%; background-color:var(--cor-primaria); cursor:pointer; }
#slides .paginacao-slides span.cycle-pager-active { background-color:var(--cor-terciaria); cursor:default; }

#colecao { padding:50px 0; }
#colecao h1 { font-size:40px; color:var(--cor-primaria); font-weight:300; line-height:1.1; text-align:center; text-transform:uppercase; margin-bottom:20px; padding:0 20px; }
#colecao .lista-colecao {  }
#colecao .lista-colecao .bloco {  }
#colecao .lista-colecao .bloco figure { width:auto; height:auto; }
#colecao .lista-colecao .bloco figure img { max-width:100%; height:auto; }
#colecao .owl-nav { position:absolute; display:flex; width:100%; height:0; top:50%; padding:0 15px; flex-wrap:wrap; justify-content:space-between; }
#colecao .owl-nav .owl-prev { width:40px; height:40px; background:url(../img/ico-seta-anterior.svg); cursor:pointer; }
#colecao .owl-nav .owl-next { width:40px; height:40px; background:url(../img/ico-seta-proximo.svg); cursor:pointer; }
#colecao .owl-nav .owl-prev span,
#colecao .owl-nav .owl-next span { display:none; }

#marca { padding:50px 0; background:var(--cor-fundo); }
#marca .central { display:flex; flex-flow:column; gap:20px; }
#marca .descricao { display:flex; width:100%; flex-flow:column; gap:10px; }
#marca .descricao h2 { font-size:40px; color:var(--cor-primaria); font-weight:300; line-height:1.1; text-align:left; text-transform:uppercase; }
#marca .descricao .texto {  }
#marca .descricao h3 { font-size:20px; font-weight:500; }
#marca figure { width:auto; }
#marca figure img { max-width:100%; }

#fashion-film { padding:50px 0; background:#fff; }
#fashion-film .central { display:flex; flex-flow:column; gap:20px; }
#fashion-film h2 { font-size:40px; color:var(--cor-primaria); font-weight:300; line-height:1.1; text-align:left; text-transform:uppercase; text-align:center; }

/* onde encontrar */
#onde-encontrar { padding:50px 0; }

#onde-encontrar .formulario + .lista { margin-top:40px; }
#onde-encontrar .botao { display:none; margin-top:40px; text-align:center; }
#onde-encontrar .botao a { display:inline-flex; height:42px; font-size:18px; color:var(--cor-terciaria); line-height:42px; text-decoration:none; padding:0 30px; background-color:var(--cor-primaria); border-radius:20px; }

#onde-encontrar .formulario form .campo-estado,
#onde-encontrar .formulario form .campo-cidade { display:none }
#onde-encontrar .formulario form .campo-estado.ativo,
#onde-encontrar .formulario form .campo-cidade.ativo { display:block }

/* fale conosco */
#fale-conosco { padding:50px 0; }
#fale-conosco > .central { display:flex; flex-flow:column; gap:40px; }

#fale-conosco .infos { display:flex; flex-flow:column; gap:20px; }
#fale-conosco .infos .texto {  }
#fale-conosco .infos .telefones { display:flex; flex-flow:column; gap:10px; }
#fale-conosco .infos .telefones .bloco {  }
#fale-conosco .infos .telefones .bloco > p { line-height:1.2; }
#fale-conosco .infos .telefones .bloco > p strong { font-size:18px; }

/* politicas */
#politicas { padding:50px 0; }

/* requisicao remocao */
#requisicao-remocao { padding:50px 0; }
#requisicao-remocao .titulo h1 { text-align:left; }

/* erro 404 */
#erro-404 { padding:50px 0; }
#erro-404 .texto { text-align:center; }

/* rodape */
footer { background:var(--cor-primaria); }
footer > .central { display:flex; width:100%; flex-flow:column; gap:25px; padding-top:30px; padding-bottom:30px; }
footer figure { width:324px; margin:0 auto; }
footer figure a {  }
footer figure a img { max-width:220px; }

footer .midias-sociais { display:flex; width:100%; justify-content:center; gap:15px; }
footer .midias-sociais a { padding:0; border-radius:unset; border:unset; }
footer .midias-sociais a img { height:28px; filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(304deg) brightness(103%) contrast(104%); }

footer .telefones { display:flex; width:100%; flex-flow:wrap; justify-content:center; gap:15px; }
footer .telefones a { min-height:44px; font-size:17px; color:var(--cor-terciaria); text-align:center; text-decoration:none; line-height:32px; padding-left:42px; }
footer .telefones a:hover { text-decoration:underline; }
footer .telefones a.telefone::before { content:''; position:absolute; width:32px; height:32px; top:0; left:0; background:url(../img/ico-telefone.svg); }
footer .telefones a.whatsapp::before { content:''; position:absolute; width:32px; height:32px; top:0; left:0; background:url(../img/ico-whatsapp.svg); }

footer .inferior { padding-top:25px; padding-bottom:25px; background:var(--cor-quinquenaria); }
footer .inferior .central { display:flex; flex-flow:column; gap:25px; }
footer .inferior p { font-size:14px; color:#fff; line-height:1.4; text-align:center; }
footer .inferior p a { color:#fff; text-decoration:none; }
footer .inferior p a:hover { text-decoration:underline; }

footer .inferior figure { width:130px; margin:0 auto; }
footer .inferior figure a {  }
footer .inferior figure a img {  }