/* reset css */
:root {
	--cor-principal:#bf9a5e;
	/*--cor-clara:#f3e7cd;*/
	--cor-clara:#dfc9a2;
}

* { box-sizing:border-box; }
html, body { width:100%; max-width:1920px; font:300 16px/24px 'Metropolis',sans-serif; color:var(--cor-principal); text-size-adjust:none; padding:0; margin:0 auto; }

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

@keyframes MoveUpInitial{
	0% { transform:translate3d(0,0%,0); }
	50% { transform:translate3d(0,-30%,0); }
	100% { transform:translate3d(0,-105%,0); }
}
@keyframes MoveUpEnd{
	from { transform:translate3d(0,100%,0); }
	to { transform:translate3d(0,0,0); }
}

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

.editor a { display:inline-block; vertical-align:top; color:var(--cor-principal); }
.editor strong { font-weight:bold; }
.editor h1 { font-weight:bold; }
.editor h1 + p { padding-top:10px; }
.editor h1 + h1 { padding-top:10px; }
.editor h1 + h2 { padding-top:10px; }
.editor h1 + h3 { padding-top:10px; }
.editor h1 + ul { padding-top:10px; }
.editor h1 + img { padding-top:10px; }
.editor h2 { font-size:20px; font-weight:bold; }
.editor h2 + p { padding-top:10px; }
.editor h2 + h1 { padding-top:10px; }
.editor h2 + h2 { padding-top:10px; }
.editor h2 + h3 { padding-top:10px; }
.editor h2 + ul { padding-top:10px; }
.editor h2 + img { padding-top:10px; }
.editor h3 { font-weight:bold; }
.editor h3 + p { padding-top:10px; }
.editor h3 + h1 { padding-top:10px; }
.editor h3 + h2 { padding-top:10px; }
.editor h3 + h3 { padding-top:10px; }
.editor h3 + ul { padding-top:10px; }
.editor h3 + img { padding-top:10px; }
.editor p { font-size:15px; }
.editor p + p { padding-top:10px; line-height:1.4; }
.editor p + h1 { padding-top:10px; }
.editor p + h2 { padding-top:10px; }
.editor p + h3 { padding-top:10px; }
.editor p + ul { padding-top:10px; }
.editor p + img { padding-top:10px; }
.editor ul { font-size:15px; }
.editor ul + p { padding-top:10px; }
.editor ul + h1 { padding-top:10px; }
.editor ul + h2 { padding-top:10px; }
.editor ul + h3 { padding-top:10px; }
.editor ul + ul { padding-top:10px; }
.editor ul + img { padding-top:10px; }
.editor img + p { padding-top:10px; }
.editor img + h1 { padding-top:10px; }
.editor img + h2 { padding-top:10px; }
.editor img + h3 { padding-top:10px; }
.editor img + ul { padding-top:10px; }
.editor img + img { padding-top:10px; }
.editor img { display:inline-block !important; max-width:100%; height:auto !important; }

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

/* topo */
header { /*position:fixed;*/ width:100%; max-width:1920px; top:0; left:0; right:0; padding:8px 0; margin:0 auto; z-index:1; }
header figure { display:flex; justify-content:center; }

/* index */
#banners { position:relative; padding:20px 0 50px 0; background:var(--cor-principal); overflow:hidden; }
#banners::after { content:''; position:absolute; display:block; /*max-width:730px;*/ width:100%; height:30px; background:#fff; left:0; bottom:0; border-top-left-radius:30px; border-top-right-radius:30px; z-index:1; }
#banners .lista { position:relative; max-width:730px; margin:0 auto; z-index:1; }
#banners .lista picture { display:block; position:relative; width:230px; height:auto; }
#banners .lista picture img { width:auto; max-width:230px; height:350px; border-radius:30px; }
#banners .lista picture .miolo { position:absolute; width:100%; left:0; bottom:0; padding:10px; z-index:1; }
#banners .lista picture .miolo span.titulo { position:relative; display:flex; width:88%; min-height:48px; padding:12px 22px 12px 15px; background:#fff; border-radius:25px; justify-content:flex-start; align-items:center; }
#banners .lista picture .miolo span.titulo > span { font-size:13px; color:var(--cor-principal); line-height:1.2; transition:all .25s ease-in-out; }
#banners .lista picture .miolo span.titulo::after { content:''; position:absolute; width:48px; height:48px; bottom:0; right:-25px; background-color:var(--cor-clara); background-image:url(../img/seta1.svg); background-repeat:no-repeat; background-position:center; border-radius:50%; transform:translate3d(0,0,0) rotateZ(0deg); transform-style:preserve-3d; transition:all .5s ease-in-out; }
#banners .lista picture > a { display:block; position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; }

#banners .lista picture:hover .miolo span.titulo > span { color:#333; animation:MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s; }
#banners .lista picture:hover .miolo span.titulo::after { /*transform:translate3d(10px,0,0) rotateZ(45deg);*/ transform:translate3d(5px,0,0) rotateZ(45deg); }

/* clube milon */
.clube-milon { display:flex; width:100%; justify-content:center; }
.clube-milon a { display:block; font-size:23px; color:var(--cor-principal); line-height:1; text-decoration:none; font-style:italic; }
.clube-milon a strong { font-weight:bold; }

/* links */
#links { display:flex; width:100%; max-width:585px; padding:0 35px; margin:30px auto 0 auto; flex-flow:column; }
#links a { position:relative; display:flex; width:88%; min-height:48px; text-decoration:none; padding:12px 32px 12px 15px; background:#fff; border:var(--cor-principal) 1px solid; border-radius:25px; margin-bottom:20px; }
#links a:last-child { margin-bottom:0; }
#links a span.titulo { position:relative; display:flex; width:100%; line-height:1.3; align-self:center; overflow:hidden; }
#links a span.titulo > span { width:100%; font-size:13px; color:var(--cor-principal); text-align:center; transition:all .25s ease-in-out; }
#links a::after { content:''; position:absolute; width:48px; height:48px; bottom:0; right:-30px; background-color:var(--cor-principal); background-image:url(../img/seta2.svg); background-repeat:no-repeat; background-position:center; border-radius:50%; transform:translate3d(0,0,0) rotateZ(0deg); transform-style:preserve-3d; transition:all .5s ease-in-out; }

#links a:hover span.titulo > span { color:#333; animation:MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s; }
#links a:hover::after { transform:translate3d(10px,0,0) rotateZ(45deg); }

/* politicas */
#politicas { padding:25px 0 0 0; }
#politicas .titulo-internas { margin-bottom:15px; }
#politicas .titulo-internas h1 { font-size:25px; color:var(--cor-principal); }
#politicas .titulo-internas time { display:inline-block; font-size:15px; color:var(--cor-principal); line-height:1.2; font-weight:bold; }

#politicas .politicas {  }

/* erro 404 */
#erro-404 { padding:25px 0 0 0; }

#erro-404 .titulo-internas { text-align:center; margin-bottom:15px; }
#erro-404 .titulo-internas h1 { margin-bottom:5px; }
#erro-404 .titulo-internas h2 { font-size:22px; line-height:1.2; }

#erro-404 .erro-404 { text-align:center; }
#erro-404 .erro-404 p { line-height:1.2; }

/* rodape */
footer { width:100%; height:auto; margin-top:45px; }

footer .superior { padding:25px 0 55px 0; background:var(--cor-principal); border-top-left-radius:30px; border-top-right-radius:30px; }
footer .superior .miolo { width:auto; max-width:320px; padding:0 10px; margin:0 auto; }
footer .superior .miolo p { font-size:14px; color:#fff; line-height:1.3; text-align:center; margin-bottom:20px; }
footer .superior .miolo .midias-sociais { display:flex; margin-bottom:20px; flex-wrap:wrap; justify-content:center; align-items:center; }
footer .superior .miolo .midias-sociais a { margin:0 10px; }
footer .superior .miolo .midias-sociais img { max-width:100%; }
footer .superior .miolo figure { display:flex; flex-wrap:wrap; justify-content:center; }
footer .superior .miolo figure img { filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(273deg) brightness(103%) contrast(103%); }

footer .inferior { position:relative; padding:25px 0; background:var(--cor-clara); border-top-left-radius:30px; border-top-right-radius:30px; margin-top:-30px; z-index:1; }
footer .inferior .miolo { width:auto; max-width:320px; padding:0 10px; margin:0 auto; }
footer .inferior .miolo figure { display:flex; width:100%; text-align:center; margin-bottom:25px; flex-flow:column; justify-content:center; }
footer .inferior .miolo figure a { text-decoration:none; }
footer .inferior .miolo figure img { margin:0 auto; }
footer .inferior .miolo figure span { display:block; font-size:14px; color:#fff; line-height:1; font-weight:bold; text-transform:uppercase; margin-top:10px; }

footer .inferior .miolo .politicas { display:flex; width:100%; flex-wrap:wrap; justify-content:center; }
footer .inferior .miolo .politicas a { font-size:14px; color:var(--cor-principal); line-height:1.5; margin:0 5px; text-decoration:underline; }
footer .inferior .miolo .politicas a:hover {  }