/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html { color: #434343; font-size: 16px; line-height: 1.4; font-family: 'IBM Plex Sans', sans-serif; }
* { box-sizing: border-box; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
.desktop-pop { display: block; }
.mobile-pop { display: none; }

/*
 * Remove default fieldset styles.
 */
fieldset { border: 0; margin: 0; padding: 0; }
a { text-decoration: none; color: unset; }
.hidden { display: none; }
.hiden { opacity: 0; }
.swiper, swiper-container { margin-left: auto; margin-right: auto; min-height: 50px; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; }

/*
 * Allow only vertical resizing of textareas.
 */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #fff; opacity: 1; /* Firefox */ }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff; }
:-o-input-placeholder { /* Internet Explorer 10-11 */
color: #fff; }
:-moz-input-placeholder { /* Internet Explorer 10-11 */
color: #fff; }
::-ms-input-placeholder { /* Microsoft Edge */
color: #fff; }
#mascara-janela-geolocalizacao { width: 100%; height: 100%; position: fixed; top: -400%; z-index: 999999; background-color: #6e92c3; opacity: 0; }
textarea { resize: vertical; }
.stop-scroll { height: 100%; overflow: hidden; }
.mask-lojas { width: 100%; height: 100%; position: fixed; top: -250%; z-index: 999999; background-color: #6e92c3; display: block; opacity: 0; }
#mask-relogio { width: 100%; height: 0%; position: fixed; top: 0%; z-index: 800; background-color: #6e92c3; display: block; opacity: 0; }
#macara-load { width: 100%; height: 0%; position: fixed; z-index: 9999; background-color: #fefff6; overflow: hidden; opacity: 0; }
#load-gif { width: 250px; height: 250px; position: fixed; left: 50%; top: -450%; margin-left: -125px; margin-top: -125px; background: url(img/load.gif); background-size: 250px; }
.fix-menu-mobile { width: 100%; height: 80px; position: relative; float: left; }
#oferta-loja { width: 1px; height: 1px; position: absolute; top: -170px; }
#selo-aniversario { width: 600px; height: 600px; position: fixed; margin-bottom: -900px; bottom: 0px; left: 50%; margin-left: -300px; background: url('img/selo-aniversario.png'); background-size: 600px; z-index: 99999; animation: girar 3s infinite; /* Animação padrão */ -webkit-animation: girar 3s infinite; /* Para navegadores WebKit */ -moz-animation: girar 3s infinite; /* Para navegadores Mozilla */ -o-animation: girar 3s infinite; /* Para navegadores Opera */ -ms-animation: girar 3s infinite; /* Para navegadores Microsoft */ }
#balao-aniversario { width: 250px; height: 453px; position: fixed; margin-bottom: -900px; left: 50%; margin-left: -125px; bottom: 320px; background: url('img/balao-10-anos.png'); background-size: 250px; z-index: 99998; animation: flutuar 3s ease-in-out infinite; /* Animação padrão */ -webkit-animation: flutuar 3s ease-in-out infinite; /* Para navegadores WebKit */ -moz-animation: flutuar 3s ease-in-out infinite; /* Para navegadores Mozilla */ -o-animation: flutuar 3s ease-in-out infinite; /* Para navegadores Opera */ -ms-animation: flutuar 3s ease-in-out infinite; /* Para navegadores Microsoft */ }
@keyframes flutuar {
    0% { transform: translateY(0); }
    50% { transform: translateY(-15px); /* Sobe 15px */ }
    100% { transform: translateY(0); /* Volta para a posição original */ }
}
@-webkit-keyframes flutuar {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@-moz-keyframes flutuar {
    0% { -moz-transform: translateY(0); transform: translateY(0); }
    50% { -moz-transform: translateY(-15px); transform: translateY(-15px); }
    100% { -moz-transform: translateY(0); transform: translateY(0); }
}
@-o-keyframes flutuar {
    0% { -o-transform: translateY(0); transform: translateY(0); }
    50% { -o-transform: translateY(-15px); transform: translateY(-15px); }
    100% { -o-transform: translateY(0); transform: translateY(0); }
}
@-ms-keyframes flutuar {
    0% { -ms-transform: translateY(0); transform: translateY(0); }
    50% { -ms-transform: translateY(-15px); transform: translateY(-15px); }
    100% { -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes girar {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(-5deg); /* Rotação para a esquerda */ }
    100% { transform: rotate(5deg); /* Rotação para a direita */ }
}
@-webkit-keyframes girar {
    0% { -webkit-transform: rotate(0deg); transform: rotate(5deg); }
    50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
}
@-moz-keyframes girar {
    0% { -moz-transform: rotate(5deg); transform: rotate(5deg); }
    50% { -moz-transform: rotate(-5deg); transform: rotate(-5deg); }
    100% { -moz-transform: rotate(5deg); transform: rotate(5deg); }
}
@-o-keyframes girar {
    0% { -o-transform: rotate(5deg); transform: rotate(5deg); }
    50% { -o-transform: rotate(-5deg); transform: rotate(-5deg); }
    100% { -o-transform: rotate(5deg); transform: rotate(5deg); }
}
@-ms-keyframes girar {
    0% { -ms-transform: rotate(5deg); transform: rotate(5deg); }
    50% { -ms-transform: rotate(-5deg); transform: rotate(-5deg); }
    100% { -ms-transform: rotate(5deg); transform: rotate(5deg); }
}

/*Estilos gerais*/
.tablet { display: none; }
.mobile { display: none; }
.desktop { display: block; }
.hide { display: none !important; }
.show { display: block !important; }
.opacidade { opacity: 0 !important; }
.fast-transition { transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; }
.slow-transition { transition: all 1s ease-out; -ms-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; }
.map-transition { transition: all 6s ease-out; -ms-transition: all 6s ease-out; -moz-transition: all 6s ease-out; -o-transition: all 6s ease-out; -webkit-transition: all 6s ease-out; }
#mascara { width: 100%; height: 0%; position: fixed; top: 0px; left: 0px; z-index: 1999; background-color: #6e92c3; opacity: 0; }
#mascara-janela-mapa { width: 100%; height: 0%; position: fixed; top: 0px; left: 0px; z-index: 999999; background-color: #6e92c3; opacity: 0; }
#mascara-listagem-lojas { width: 100%; height: 0%; position: fixed; top: 0px; left: 0px; z-index: 1000; background-color: #6e92c3; opacity: 0; }
#cta-horarios-tela-menor { display: none; }
#ancora-topo { width: 1px; height: 1px; position: absolute; top: 0px; }
.mascara-inversa-top-out { width: 100%; height: 160px; position: absolute; top: -62px; overflow: hidden; }
.mascara-inversa-sessao-adega-topo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-adega-inverso-2.svg); background-size: 600px; background-repeat: no-repeat; }

/*janela popup*/
#janela-popup { width: 1000px; height: 480px; position: fixed; top: 450%; left: 50%; margin-left: -500px; margin-top: -250px; border-radius: 30px; border: 10px solid #fff; z-index: 9999999; background-color: #fff; }
#modal-int-popup { width: 100%; height: 100%; position: absolute; top: 0px; border-radius: 30px; overflow: hidden; z-index: 10; }
#cta-close-popup { width: 90px; height: 90px; position: absolute; right: 30px; top: 50%; margin-top: -215px; border-radius: 100%; background-color: red; cursor: pointer; z-index: 999; }
#cta-close-popup:hover { background-color: #000ECB; }
#cta-close-int-poopup { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('img/close.gif'); background-size: 80px; }

/* ==========================================================================
     LGPD
   ========================================================================== */
#janela-aviso-lgp { width: 1100px; height: 155px; position: fixed; bottom: -900px; left: 50%; margin-left: -550px; background-color: #ffffff !important; border-radius: 15px; z-index: 9999999999999 !important; border: 1px solid #e4edf0 !important; -webkit-box-shadow: 0px 0px 120px -53px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 120px -53px rgba(0, 0, 0, 0.75); -o-box-shadow: 0px 0px 120px -53px rgba(0, 0, 0, 0.75); -ms-box-shadow: 0px 0px 120px -53px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 120px -53px rgba(0, 0, 0, 0.75); }
#janela-aviso-lgp h2 { width: 90%; height: auto; position: relative; float: left; margin-top: 28px; margin-left: 30px; color: #000000; font-size: 18px; font-weight: 700; text-transform: uppercase; }
#janela-aviso-lgp p { width: 75%; height: auto; position: relative; float: left; margin-top: -38px; margin-left: 30px; color: #000000; font-size: 17px; }
#janela-aviso-lgp a { color: #5432ff; font-weight: 500; }
#janela-aviso-lgp a:hover { color: #3283ff; font-weight: 500; }
#cta-concordar-lgpd { width: auto; height: auto; position: relative; float: right; margin-right: 20px; margin-top: 13px; font-size: 17px; color: #7c550a; padding: 12px 25px; font-weight: 700; border: 0px solid #ffffff; border-radius: 277px; cursor: pointer; background-color: #ffcc26; }
#cta-concordar-lgpd:hover { background-color: #ffe600; color: #7c550a; }

/* ==========================================================================
Politica de privacidade
========================================================================== */
#conteudo-politica-privacidade { width: 1200px; height: auto; position: relative; margin: auto; padding-top: 60px; padding-right: 200px; color: #445c7e !important; }
#conteudo-politica-privacidade h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; font-size: 20px; color: #445c7e; text-align: left; font-weight: 800; }
#conteudo-politica-privacidade h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; font-size: 20px; color: #445c7e; text-align: left; font-weight: 800; }
#conteudo-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 15px; color: #445c7e; text-align: left; font-weight: 400; text-align: justify !important; }
#conteudo-politica-privacidade li { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-left: -22px; font-size: 15px; color: #445c7e; text-align: left; font-weight: 800; }
#conteudo-politica-privacidade li p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 15px; color: #445c7e; text-align: left; font-weight: 400; text-align: justify !important; }

/* ==========================================================================
  Inicio Topico Importante
   ========================================================================== */
#div-conteudo-topico { width: 1500px; height: auto; position: relative; margin: auto; }
#view-conteudo-topico { width: 100%; height: auto; position: relative; float: left; margin-top: 170px; margin-bottom: 140px; }
#div-conteudo-txt-topico { width: 65%; height: auto; position: relative; float: left; }

/*Inicio sidebar topicos importantes*/
#div-sidebar-topico { width: 30%; height: auto; position: relative; float: left; margin-left: 40px; cursor: pointer; }
#div-sidebar-topico h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 0px; font-size: 32px !important; color: #363636 !important; font-weight: 700; }
.item-topico-sidebar { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -45px; border-top: 1px solid #dadada; }
.item-topico-sidebar p { width: auto; height: auto; position: relative; float: left; margin-top: 10px; font-size: 20px; color: #363636; text-align: justify !important; }
.seta-topico-sidebar { width: 25px; height: 25px; position: absolute; right: 0px; top: 14px; background: url(img/seta-topico.webp); background-size: 25px; }
.item-topico-sidebar:hover p { color: #ff3b2f !important; }
.cta-sidebar-topicos { width: 100%; height: auto; position: relative; float: left; padding: 20px 0px; margin-top: 40px; }
.cta-int-sidebar-topicos { width: auto; height: auto; position: relative; float: left; padding: 10px 20px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 17px; font-weight: 700; }
.cta-int-sidebar-topicos:hover { background-color: #ff3b2f; color: #fff; }
.container-conteudo-flexivel { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }

/*Inicio headline topico*/
.headline-topico { width: 90%; height: auto; position: relative; float: left; padding-left: 30px; }
.headline-topico h1 { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #363636; font-weight: 700; }
.headline-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 22px; font-size: 18px; color: #363636; text-align: justify !important; }

/*Conteúdo flexiviel - Banner com ilustração*/
.bg-banner-ilustracao { width: 100%; height: 250px; position: relative; float: left; border-radius: 10px; }
.ilustracao-banner-topico { width: 300px; height: 300px; position: absolute; right: 30px; top: -25px; }
.bg-banner-ilustracao h2 { width: 60%; height: auto; position: relative; float: left; margin-top: 80px; padding-left: 30px; color: #fff; font-size: 27px; }
.headline-banner-ilustracao { font-weight: 800; font-size: 30px; }

/*Conteúdo flexiviel - Links âncoras*/
#ancoras-topico { width: 90%; height: auto; position: relative; float: left; padding-left: 10px; }
.item-ancora-topico { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; font-size: 17px; color: #fff; background-color: #ff3b2f; border-radius: 40px; margin-left: 10px; margin-bottom: 10px; cursor: pointer; }
.item-ancora-topico:hover { background-color: #ff0f00; }
.ancora-topico { width: 1px; height: 1px; position: absolute; top: -125px; }

/*Conteúdo flexiviel - Banner com foto*/
.banner-foto-topico { width: 100%; height: 350px; position: relative; float: left; border-radius: 10px; overflow: hidden; background-color: #dadada; }
.bg-txt-banner-foto-topico { width: 55%; height: 100%; position: relative; float: left; }
.bg-txt-banner-foto-topico h3 { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 130px; color: #fff; font-size: 35px; font-weight: 700; }
.foto-banner-topico { width: 45%; height: 100%; position: relative; float: left; overflow: hidden; }
.foto-int-banner-topico { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; }

/*Conteúdo flexiviel - Bloco de texto*/
.bloco-de-texto-topico { width: 90%; height: auto; position: relative; float: left; }
.bloco-de-texto-topico h3 { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #363636; font-weight: 700; }
.bloco-de-texto-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; margin-bottom: 22px; font-size: 18px; color: #363636; text-align: justify !important; }

/*Conteúdo flexiviel - Lista*/
.lista-topico { width: 90%; height: auto; position: relative; float: left; }
.item-lista-topico { width: 90%; height: auto; position: relative; float: left; margin-left: 20px; margin-bottom: 10px; }
.icone-lista-topico { width: 25px; height: 25px; position: relative; float: left; background: url(img/arrow-right-topico.webp); background-size: 25px; }
.txt-item-lista-topico { width: 70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: 1px; color: #000; font-size: 17px; opacity: 0.5; }

/*Inicio mais tópicos*/
.fix-mais-topicos { margin-left: -10px; }
#div-mais-topicos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
.cta-todos-topicos-cards { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }
.cta-int-card-topicos { width: auto; height: auto; position: relative; float: left !important; margin-left: 20px; margin-right: 1%; padding: 10px 20px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 17px; font-weight: 700; cursor: pointer; }
.cta-int-card-topicos:hover { background-color: #ff3b2f; color: #fff; }
.item-card-topico { width: 23%; height: 240px; position: relative; float: left; margin-left: 1%; margin-right: 1%; background-color: #585d7b; border-radius: 10px; cursor: pointer; }
.item-card-topico:hover { background-color: #787e9e; }
.item-card-topico h2 { width: 60%; height: auto; position: relative; float: left; margin-top: 40px; margin-left: 20px; color: #fff; font-size: 22px; }
.item-card-topico p { width: 87%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 20px; color: #fff; font-size: 16px; text-align: left !important; }
.seta-card-topico { width: 30px; height: 30px; position: absolute; right: 20px; bottom: 25px; background: url(img/seta-card-topico.webp); background-size: 30px; }

/*CTA padrão*/
.cta-padrao { padding: 12px 0px; font-size: 18px; font-weight: 500; text-align: center; color: #5b3f00; background-color: #ffcc00; border-radius: 90px; cursor: pointer; }
.cta-padrao:hover { background-color: #ffd323; }
.cta-padrao-contraste { padding: 12px 0px; font-size: 18px; font-weight: 500; text-align: center; color: #fff; background-color: #4953BB; border-radius: 90px; cursor: pointer; }
.cta-padrao-contraste:hover { background-color: #2c36a6; }
.bg-s-top-desktop { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background-color: #fff; border-radius: 100%; z-index: 1; }
.bg-s-bottom-desktop { width: 500px; height: 500px; position: absolute; bottom: -66px; left: 50%; margin-left: -250px; background-color: #fff; border-radius: 100%; z-index: 19; }
.bg-s-bottom-desktop-2 { width: 500px; height: 500px; position: absolute; bottom: -434px; left: 50%; margin-left: -250px; background-color: #fff; border-radius: 100%; z-index: 19; }
.bg-s-color { background-color: #E4FBFF; }
.bg-l-color { background-color: #E4FBFF !important; }
.bg-azul-color { background-color: #2964EA !important; }
.bg-li-color { background-color: #0164D3 !important; z-index: 5; }
.bg-blog-color { background-color: #FFD92B; }
.bg-fornecedor-color { background: url(img/bg-espaco-fornecedor.webp); background-repeat: repeat; }
.bg-rodape-color { background-color: #2A54CC; top: 0px !important; }

/*Janela seleção de lojas*/
#janela-selecao-de-lojas { width: 900px; height: 500px; position: fixed; left: 50%; top: -250%; margin-left: -450px; margin-top: -250px; background-color: #fff; border-radius: 30px; z-index: 999999; opacity: 0; }
#infos-selecao-janela-lojas { width: 100%; height: 100%; position: relative; float: left; overflow: hidden; border-radius: 30px; }
#bg-mapa { width: 2857px; height: 1000px; position: absolute; top: 50%; left: 50%; margin-left: -1200px; margin-top: -500px; background: url('img/bg-mapa.webp'); background-size: 2857px; }
#logo-dia-a-dia-localizacao { width: 220px; height: 83px; position: absolute; left: 50%; top: 50%; margin-left: -110px; margin-top: -58.5px; background: url('img/logo-atcadao-dia-a-dia.webp'); background-size: 220px; background-repeat: no-repeat; }
.rotate-bg-mapa { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg); transform: rotate(15deg); }
#opcoes-janela-selecao-lojas { width: 60%; height: 100%; position: relative; float: left; opacity: 0; overflow: hidden; }
#opcoes-janela-selecao-lojas h2 { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 85px; font-size: 32px; font-weight: 700; color: #222122; }
#opcoes-janela-selecao-lojas p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 24px; text-align: center; color: #222222; padding: 0px 80px; }
#cta-janelas-local { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
#cta-janelas-local-int { width: 340px; height: auto; position: relative; margin: auto; }
#cta-loja-localizada { width: 100%; height: auto; position: relative; float: left; padding: 14px 0px; background-color: #FFCC01; color: #825B00; font-size: 22px; font-weight: 500; text-align: center; border-radius: 50px; cursor: pointer; overflow: hidden; }
#tag-regiao-localizacao-cta { width: auto; height: auto; position: absolute; left: 10px; top: 9px; padding: 5px 10px; color: #222222; background-color: #F9F2D8; border-radius: 20px; }
.icn-cta { width: 60px; height: 60px; position: absolute; right: -10px; top: 0px; background-color: #F9F2D8; border-radius: 20px; transform: rotate(130deg); -webkit-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -moz-transform: rotate(130deg); }
.icn-ceta-direita { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -13px; background: url('img/cta-ceta-right.webp'); background-size: 35px; transform: rotate(-130deg); -webkit-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -moz-transform: rotate(-130deg); }
#cta-loja-localizada:hover { background-color: #FFE400; }

/*CTA escolher outra loja*/
#cta-j-escolher-outra-loja { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; padding: 14px 0px; background-color: #C6EFF6; color: #2A2A2B; font-size: 22px; font-weight: 500; text-align: center; border-radius: 50px; cursor: pointer; overflow: hidden; }
#cta-j-escolher-outra-loja:hover { background-color: #9EEFF6; }
.icn-cta-outra-loja { width: 60px; height: 60px; position: absolute; right: -10px; top: 0px; background-color: #E0FAFF; border-radius: 20px; transform: rotate(130deg); -webkit-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -moz-transform: rotate(130deg); }
.icn-cta-loja { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -13px; background: url('img/icn-loja-cta.webp'); background-size: 35px; transform: rotate(-130deg); -webkit-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -moz-transform: rotate(-130deg); }
#legenda-cta-janela-localizacao { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 24px; font-size: 18px; color: #6E6E6D; padding: 0px 50px; }

/*Mapa lojas janela*/
#div-mapa-j-lojas { width: 40%; height: 100%; position: absolute; left: -145%; top: 0px; background-color: #EAFAFF; z-index: 100; border-radius: 30px 0px 0px 30px; }
#base-mapa { width: 350px; height: 332px; position: absolute; left: 50%; top: 50%; margin-left: -160px; margin-top: -156px; background: url('img/base-mapa.webp'); background-size: 350px; }
#base-mapa-df { width: 350px; height: 332px; position: absolute; left: 50%; top: 50%; margin-left: -160px; margin-top: -156px; background: url('img/base-mapa-df.webp'); background-size: 350px; z-index: 10; opacity: 0; }
#base-mapa-goias { width: 350px; height: 332px; position: absolute; left: 50%; top: 50%; margin-left: -160px; margin-top: -156px; background: url('img/base-mapa-goias.webp'); background-size: 350px; z-index: 10; opacity: 0; }
#base-mapa-tocantins { width: 350px; height: 332px; position: absolute; left: 50%; top: 50%; margin-left: -160px; margin-top: -156px; background: url('img/base-mapa-tocantins.webp'); background-size: 350px; z-index: 10; opacity: 0; }
#base-mapa-bahia { width: 350px; height: 332px; position: absolute; left: 50%; top: 50%; margin-left: -160px; margin-top: -156px; background: url('img/base-mapa-bahia.webp'); background-size: 350px; z-index: 10; opacity: 0; }
#pin-mapa { width: 30px; height: 41px; position: absolute; background: url('img/pin.webp'); background-size: 30px; z-index: 120; opacity: 0; transition: all 1s ease-out; -ms-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; }
#base-mapa-pin { width: 350px; height: 332px; position: absolute; left: 50%; top: 50%; margin-left: -160px; margin-top: -156px; z-index: 200; }
.pin-df { right: 123px; top: 130px; }
.pin-bahia { right: 78px; top: 109px; }
.pin-tocantins { right: 128px; top: 91px; }
.pin-goias { right: 138px; top: 131px; }
#legenda-pin-df { width: 132px; height: auto; position: absolute; right: -140px; top: 3px; padding: 3px 0px; background-color: #FFD820; border-radius: 10px; color: #875F01; font-size: 16px; text-align: center; opacity: 0; }
#legenda-pin-go { width: 63px; height: auto; position: absolute; right: -71px; top: 3px; padding: 3px 0px; background-color: #FFD820; border-radius: 10px; color: #875F01; font-size: 16px; text-align: center; opacity: 0; }
#legenda-pin-tocantins { width: 88px; height: auto; position: absolute; right: -94px; top: 3px; padding: 3px 0px; background-color: #FFD820; border-radius: 10px; color: #875F01; font-size: 16px; text-align: center; opacity: 0; }
#legenda-pin-bahia { width: 59px; height: auto; position: absolute; right: -66px; top: 3px; padding: 3px 0px; background-color: #FFD820; border-radius: 10px; color: #875F01; font-size: 16px; text-align: center; opacity: 0; }

/*Janela contato loja*/
#mascara-janela-contato { width: 100%; height: 0%; position: fixed; z-index: 9998; background-color: #6e92c3; opacity: 0; }
#janela-contato-loja { width: 400px; height: 600px; position: fixed; left: 50%; margin-left: -200px; top: -350%; margin-top: -300px; background-color: #fff; border-radius: 30px; z-index: 9999; opacity: 0; }
#nome-loja-janela-contato { width: 100%; height: auto; position: relative; float: left; margin-top: 42px; color: #373737; font-size: 30px; text-align: center; font-weight: 700; padding: 0px 20px }
#janela-contato-loja-sobre { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 16px; padding: 0px 30px; text-align: center; }

/*Item contato janela*/
.item-contato-janela { width: 90%; height: auto; position: relative; float: left; margin-top: 20px; margin-left: 5%; padding: 12px 0px; background-color: #E9FAFF; border-radius: 10px; }
.icn-item-contato-janela { width: 35px; height: 35px; position: relative; float: left; margin-left: 20px; margin-top: 0px; }
.item-contato-janela-txt { width: 100%; height: auto; position: absolute; top: 22px; padding: 0px 20px 0px 70px; font-size: 14px; color: #2C4898; font-weight: 600; }
#cta-janela-formulario-contato { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 20px; border-radius: 50px; font-size: 20px; font-weight: 600; padding: 15px 20px 15px 75px; color: #A87C11; background-color: #FFCC02; cursor: pointer; }
#cta-janela-formulario-contato:hover { background-color: #FFDB4A; }
.icn-item-contato-janela-cta { width: 35px; height: 35px; position: absolute; left: 20px; top: 12px; margin-top: 0px; }
#faixa-logo-janela-contato { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; }
#logo-dd-janela-contato { width: 200px; height: 33px; position: relative; margin: auto; background: url('img/logo-atcadao-dia-a-dia.webp'); background-size: 200px; }
#faixa-cta-janela-contato { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#cta-fechar-janela-contato { width: 140px; height: auto; position: relative; margin: auto; padding: 10px 25px 10px 50px; background-color: #EE2917; border-radius: 70px; color: #fff; font-size: 20px; text-align: right; cursor: pointer; }
#cta-fechar-janela-contato:hover { background-color: #C22113; }
#icn-fechar-cta-janela-contato { width: 35px; height: 35px; position: absolute; left: 10px; top: 7px; background: url(img/fechar.webp); background-size: 35px; }

/*Inicio janela formulario contato*/
#janela-formulario-contato { width: 400px; height: 680px; position: fixed; left: 50%; top: -350%; margin-left: -200px; margin-top: -310px; background-color: #fff; border-radius: 40px; z-index: 9999; opacity: 0; }
#icone-formulario-janela-contato { width: 140px; height: 140px; position: absolute; left: 50%; margin-left: -70px; top: -70px; border-radius: 50%; overflow: hidden; border: 10px solid #fff; }
#icn-int-formulario-contato { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-top: -75px; margin-left: -75px; border-radius: 100%; overflow: hidden; background: url('img/personagem-central-ajuda-2.gif'); background-size: 150px; }
#chamada-formulario-contato-janela { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; color: #2C2C2C; font-size: 28px; text-align: center; font-weight: 600; }
#janela-formulario-contato p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #2C2C2C; text-align: center; font-size: 20px; padding: 0px 60px; }
#box-int-campos-formularios-janela { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 20px; }
#box-int-campos-formularios-janela input { width: 100%; height: auto; position: relative; float: left; padding: 12px 20px; color: #fff; font-size: 18px; background-color: #437DFE; border-radius: 16px; box-sizing: border-box; }
.select-wrapper .caret { position: relative; float: right; right: 16px; top: 25px; bottom: 0; background-repeat: no-repeat; margin: auto 0; z-index: 99; color: #fff; fill: rgba(255, 255, 255, 0); line-height: 10px; opacity: 0; }
#box-int-campos-formularios-janela textarea { width: 100%; height: 100px !important; position: relative; float: left; padding: 20px 20px !important; background-color: #437DFC !important; border-radius: 20px !important; font-size: 20px !important; color: #fff; border-bottom: 0px solid #dadada !important; box-sizing: border-box !important; }
#faixa-envia-cta-envia-form-janela { width: 100%; height: auto; float: left; margin-top: 20px; }
#cta-enviar-form-janela-int { width: 320px; height: auto; position: relative; text-align: center; margin: auto; padding: 13px 0px; background-color: #FFCC02; color: #A17511; font-size: 20px; border-radius: 80px; cursor: pointer; font-weight: 500; cursor: pointer; }
#faixa-fechar-cta-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#cta-fechar-janela-contato-form { width: 140px; height: auto; position: relative; margin: auto; padding: 10px 25px 10px 50px; background-color: #EE2917; border-radius: 70px; color: #fff; font-size: 20px; text-align: right; cursor: pointer; }
#cta-fechar-janela-contato-form:hover { background-color: #C22113; }
#icn-fechar-cta-janela-contato-form { width: 35px; height: 35px; position: absolute; left: 10px; top: 7px; background: url(img/fechar.webp); background-size: 35px; }

/*Formulário de seleção de lojas janela*/
#formulario-selecao-l-j { width: 60%; height: 100%; position: absolute; right: 665%; z-index: 90; background-color: #fff; opacity: 0; border-radius: 0px 30px 30px 0px; }
#formulario-selecao-l-j h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 115px; text-align: center; font-weight: 700; font-size: 32px; color: #222221; padding: 0px 20px; }
#formulario-selecao-l-j p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px !important; margin-bottom: -5px; color: #3F3E3E; text-align: center; font-size: 22px; padding: 0px 20px; margin-top: 10px; }
#div-formulario-janela-localizacao { width: 100%; height: auto; position: relative; float: left; margin-top: 28px; padding: 0px 80px; }
#div-formulario-janela-localizacao input { width: 100%; height: auto; position: relative; float: left; margin-bottom: 16px; padding: 18px 20px; background-color: #427CFF; color: #fff; border-radius: 30px; box-sizing: border-box; }
.dropdown-content li > span { font-size: 16px; color: #437DFF; display: block; line-height: 22px; padding: 14px 16px; }
.dropdown-content { background-color: #fff; margin: 0; display: none; min-width: 100px; overflow-y: auto; opacity: 0; position: absolute; left: 0; top: 0; z-index: 9999; -webkit-transform-origin: 0 0; transform-origin: 0 0; border-radius: 20px 20px 20px 20px; }
.select-wrapper .caret { position: relative; float: right; right: 16px; top: 36px; bottom: 0; background-repeat: no-repeat; margin: auto 0; z-index: 99; color: #fff; fill: rgba(255, 255, 255, 0); line-height: 10px; }
#faixa-cta-select-j-loja { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
#cta-confirmar-loja { width: auto; height: auto; position: relative; float: left; margin-top: 15px; padding: 14px 70px 14px 25px; background-color: #FFCC01; color: #7C5501; font-size: 20px; font-weight: 500; text-align: center; border-radius: 50px; cursor: pointer; overflow: hidden; }
#cta-confirmar-loja:hover { background-color: #FFE800; }
.icn-cta-confirmar-loja { width: 60px; height: 60px; position: absolute; right: -10px; top: 0px; background-color: #F9F1D8; border-radius: 20px; transform: rotate(130deg); -webkit-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -moz-transform: rotate(130deg); }
.icn-cta-confirmar { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -13px; background: url('img/cta-ceta-right.webp'); background-size: 35px; transform: rotate(-130deg); -webkit-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -moz-transform: rotate(-130deg); }
#cta-usar-localizacao-j-l { width: auto; height: auto; position: absolute; top: 20px; right: 20px; padding: 10px 25px; background-color: #E0F6FF; border-radius: 120px; color: #222221; font-size: 16px; cursor: pointer; font-weight: 600; }
#cta-usar-localizacao-j-l:hover { background-color: #ACF7FF; }

/*Janela horas*/
#janela-horarios { width: 300px; height: 100px; position: fixed; right: 137px; top: -110%; background-color: #fff; border-radius: 20px; z-index: 9999; -webkit-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); opacity: 0; }
#ornamento-janela-horarios { width: 50px; height: 50px; position: absolute; left: 20px; top: -5px; border-radius: 4px; background: #fff; -webkit-transform: rotate(46deg); -moz-transform: rotate(46deg); -ms-transform: rotate(46deg); -o-transform: rotate(46deg); transform: rotate(46deg); }
#janela-horarios h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 16px; padding: 0px 20px; font-size: 18px; color: #4C6AC4; font-weight: 400; }
#janela-horarios p { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; color: #4E504E; font-size: 14px; padding: 0px 20px; }

/*Janela mapa loja atual*/
#janela-mapa-lj-atual { width: 900px; height: 600px; position: fixed; left: 50%; top: -350%; margin-left: -450px; margin-top: -325px; background-color: #fff; border-radius: 20px; z-index: 999999999 !important; opacity: 0; }
#toolbar-janela-mapa-lj-atual { width: 100%; height: auto; position: relative; float: left; padding: 30px 30px; margin-bottom: 0px; margin-top: -10px; margin-bottom: -8px; }
#logo-mapa-lj-atual { width: 174px; height: 27px; position: relative; float: left; margin-top: 10px; background: url('img/logo-atcadao-dia-a-dia.webp'); background-size: 174px; background-repeat: no-repeat; }
#cta-fechar-mapa-loja-janela { width: auto; height: auto; position: relative; float: right; padding: 8px 20px 8px 45px; background-color: #EE2917; color: #fff; font-size: 18px; border-radius: 50px; cursor: pointer; margin-top: 2px; }
#cta-fechar-mapa-loja-janela:hover { background-color: #C72214; }
#icn-fechar-cta-mapa-loja { width: 30px; height: 30px; position: absolute; left: 10px; top: 5px; background: url('img/fechar.webp'); background-size: 30px; }
#div-mapa-int-janela { width: 95%; height: 400px; position: relative; margin: auto; border-radius: 20px; overflow: hidden; }
#info-janela-mapa-loja { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 20px; }
#nome-loja-janela-mapa { width: auto; height: auto; position: relative; float: left; font-size: 24px; color: #434343; font-weight: 700; }
#endereco-loja-mapa { width: 300px; height: auto; position: relative; float: right; margin-top: 0px; color: #434343; font-weight: 400; font-size: 14px; }

/*Janela tabloide*/
#janela-tabloide { width: 100%; height: 100%; position: fixed; top: -130%; background-color: #D8EFEF; z-index: 99999; opacity: 0; overflow: hidden; }
#toolbar-janela-tabloide { width: 100%; height: 80px; position: absolute; top: 0px; background-color: #fff; z-index: 100; }
#view-controles-tabloide-mobile { top: -900px; display: none; }
#view-toolbar-janela-tabloide { width: 90%; height: 100%; position: relative; margin: auto; }
#logo-dd-tabloide { width: 155px; height: 58px; position: relative; float: left; margin-top: 9px; background: url('img/logo-atcadao-dia-a-dia.webp'); background-size: 155px; }

/*controles tabloide*/
#controles-tabloide { width: auto; height: auto; position: relative; float: left; margin-left: 40px; margin-top: 14px; }
.item-ctrl-tabloide { width: 50px; height: 50px; position: relative; float: left; margin-right: 20px; background-color: #FFC600; border-radius: 100%; cursor: pointer; }
.n-ctrl-tabloide { width: 50px; height: 50px; position: relative; float: left; margin-right: 20px; background-color: #D8EFF0; border-radius: 100%; }
.seta-l-tabloide { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-l-tabloide.webp'); background-size: 30px; }
.seta-r-tabloide { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-r-tabloide.webp'); background-size: 30px; }
.n-int-ctrl-tabloide { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -17px; font-size: 24px; color: #658AAD; text-align: center; font-weight: 700; }
#info-controles-tabloide { width: 300px; height: auto; position: relative; float: left; margin-top: 21px; font-size: 14px; color: #648AAD; }
#cta-fechar-tabloide { width: auto; height: auto; position: relative; float: right; margin-top: 19px; padding: 8px 18px 8px 40px; background-color: #EF2818; color: #fff; font-size: 18px; border-radius: 90px; cursor: pointer; }
#fechar-icn-cta { width: 28px; height: 28px; position: absolute; left: 7px; top: 7px; background: url('img/fechar.webp'); background-size: 28px; }
#cta-fechar-tabloide:hover { background-color: #B91206; }
#cta-download-tabloide { width: auto; height: auto; position: relative; float: right; margin-right: 15px; margin-top: 19px; padding: 8px 18px 8px 40px; background-color: #FFC600; color: #A17512; font-size: 18px; border-radius: 90px; cursor: pointer; }
#download-icn-cta { width: 28px; height: 28px; position: absolute; left: 7px; top: 7px; background: url('img/download.webp'); background-size: 28px; }
#cta-download-tabloide:hover { background-color: #FFD957; }

/*Inicio swiper tabloide*/
.container-swiper-tabloide { width: 80%; height: 80%; position: relative; float: left; padding-top: 0px; margin-left: 10%; margin-top: 119px; overflow-y: scroll; border-radius: 30px; }
.item-tabloide-desktop { width: 100%; height: auto; position: relative; float: left; }

/*Janela download app clube DD*/
#box-janela-download-app { width: 500px; height: 390px; position: fixed; left: 50%; top: -350%; margin-left: -250px; margin-top: -200px; background-color: #fff; border-radius: 40px; z-index: 99999; opacity: 0; }
#mascara-janela-download-app { width: 100%; height: 0%; position: fixed; top: 0px; z-index: 9998; background-color: #6e92c3; opacity: 0; }
#icn-app-janela { width: 150px; height: 150px; position: absolute; left: 50%; margin-left: -75px; top: -70px; background-color: #fff; border-radius: 100%; border: 10px solid #fff; overflow: hidden; }
#box-janela-download-app h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; color: #1B1B1C; font-size: 28px; font-weight: 600; text-align: center; padding: 0px 20px; }
#box-janela-download-app p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-top: 0px; font-size: 20px; text-align: center; padding: 0px 60px; }
#faixa-ctas-download-apps { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 20px; }
.item-cta-download-app { width: 50%; height: auto; position: relative; float: left; padding: 0px 5px; cursor: pointer; }
#fixa-cta-fechar-janela-app { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#cta-int-fechar-janela-app { width: 100px; height: 27px; position: relative; margin: auto; background: url('img/fechar-cta.webp'); background-size: 100px; cursor: pointer; }

/*  Janelas números whatsapp */
#box-janela-whatsapp { width: 455px; height: 100%; position: fixed; right: -220%; bottom: 0px; z-index: 9999; background-color: #fff; border-radius: 40px 0px 0px 0px; }
#icn-whatsapp-janela { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; margin-top: 10px; border-radius: 50%; border: 10px solid #fff; background-color: #24D366; overflow: hidden; z-index: 20; }
#icn-int-logo-wpp-janela { width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; margin-left: -35px; margin-top: -35px; background: url('img/logo-whatsapp-janela.webp'); background-size: 70px; }
#toolbar-janela-whatsapp { width: 100%; height: 270px; position: relative; float: left; background-color: #fff; border-radius: 20px 20px 20px 20px; z-index: 10; -webkit-box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.16); -o-box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.16); }
#toolbar-janela-whatsapp h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 122px; padding: 0px 20px; font-size: 22px; color: #242424; text-align: center; font-weight: 600; }
#toolbar-janela-whatsapp p { width: 100%; height: auto; position: relative; float: left; margin-top: -17px; padding: 0px 60px; font-size: 16px; color: #242424; text-align: center; }

/*  slider-regioes whatsapp  */
#slider-regioes-whatsapp { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; overflow: hidden; }

/*  Item slider regiões whatsapp  */
.wpp-regiao-item { width: auto; height: auto; position: relative; float: left; margin-left: 20px !important; margin-right: -10px !important; padding: 7px 20px; background-color: #D1EEFE; color: #484E51; font-size: 14px; text-align: center; border-radius: 50px; cursor: pointer; }
.wpp-regiao-item:hover { background-color: #A6DFFE; }
.atv-btn-wpp-regiao { background-color: #24D366; color: #fff; }
.atv-btn-wpp-regiao:hover { background-color: #20B95A; }

/* board números whatsapp */
#board-wpp-df { display: block; }
#board-wpp-go { display: none; }
#board-wpp-ba { display: none; }
#board-wpp-to { display: none; }
.item-board-whatsapp { width: 100%; height: 68%; position: relative; float: left; margin-top: -20px; overflow-y: scroll; padding: 0px 10px; display: none; }
.fix-top-board-whatsapp { width: 100%; height: 40px; position: relative; float: left; }

/*item card loja*/
.item-card-loja-listagem-wpp { width: 100%; height: auto; position: relative; float: left; margin-bottom: 9px; background-color: #EAFEF2; border-radius: 12px; padding: 5px 20px; overflow: hidden; }
.item-card-loja-listagem-wpp h5 { width: 90%; height: auto; position: relative; float: left; margin-top: 11px; font-size: 16px; color: #232221; font-weight: 500; }
.item-card-loja-listagem-wpp p { width: 70%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 16px; color: #575859; font-weight: 300; display: none; }
.icone-bg-card-loja-wpp { width: 60px; height: 60px; position: absolute; right: -17px; top: -6px; background-color: #D1FEE3; border-radius: 14px; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); }
.icone-card-loja-wpp { width: 25px; height: 25px; position: absolute; right: 13px; top: 12px; background: url('img/icone-card-loja.webp'); background-size: 25px; }

/*Fechar janela wpp*/
#circulo-cta-fechar-wpp-dd { width: 320px; height: 240px; position: absolute; left: 50%; margin-left: -160px; bottom: -190px; border-radius: 50%; z-index: 10; background-color: #4862B5; }
#txt-cta-fechar-j-dd { width: 100px; height: 31px; position: absolute; left: 50%; margin-left: -50px; top: 14px; background: url(img/cta-fechar.webp); background-size: 100px; }

/*Início player youtube*/
#player-youtube { width: 700px; height: 393px; position: fixed; top: -250%; left: 50%; margin-left: -350px; margin-top: -170px; border-radius: 20px; overflow: hidden; z-index: 9999; opacity: 0; }
#fechar-yt { width: auto; height: auto; position: absolute; right: 30px; top: 20px; padding: 5px 25px; background-color: #FF4A43; color: #fff; font-size: 20px; border-radius: 30px; cursor: pointer; }
#fechar-yt:hover { background-color: #E20800; }

/* ==========================================================================
  Home page
========================================================================== */
#menu-fixo-desktop { width: 100%; height: 119px; position: fixed; top: 0px; background-color: #fff; z-index: 999; -webkit-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); overflow: hidden; }
#faixa-outros-links-m-fixo { width: 100%; height: 35px; position: relative; float: left; background-color: #FFCC01; }
#v-faixa-outros-links { width: 90%; height: auto; position: relative; margin: auto; }
#redes-sociais-m-desktop { width: auto; height: auto; position: relative; float: right; }
.item-sm-desktop { width: 25px; height: 25px; position: relative; float: left; margin-left: 5px; cursor: pointer; margin-top: 5px; opacity: 0.8; }
.item-sm-desktop:hover { opacity: 1; }
.fb-sm-desktop { background: url(img/fb-icn.webp); background-size: 25px; }
.insta-sm-desktop { background: url(img/insta-icn.webp); background-size: 25px; }
.yt-sm-desktop { background: url(img/yt-icn.webp); background-size: 25px; }
.fb-sm-desktop-clube { background: url(img/fb-icn-clube.webp); background-size: 25px; }
.insta-sm-desktop-clube { background: url(img/insta-icn-clube.webp); background-size: 25px; }
.yt-sm-desktop-clube { background: url(img/yt-icn-clube.webp); background-size: 25px; }
.item-outros-links { width: auto; height: auto; position: relative; float: right; font-size: 14px; color: #dd001b !important; margin-right: 25px; margin-top: 9px; cursor: pointer; }
.item-outros-links:hover { color: #fe001f !important; }
#v-m-desktop { width: 90%; height: auto; position: relative; margin: auto; }
#logo-dd-desktop { width: 214px; height: 85px; position: relative; float: left; margin-top: 26px; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 214px; background-repeat: no-repeat; }
#tag-localizacao-desktop-m { width: auto; height: auto; position: relative; float: left; margin-left: 30px; }
#tag-int-localizacao-desktop { width: auto; height: auto; position: relative; float: left; margin-top: 22px; max-width: 200px; padding: 10px 18px 10px 50px; background-color: #636EFF; color: #fff; border-radius: 50px; cursor: pointer; }
#icone-tag-localizacao-desktop { width: 30px; height: 30px; position: absolute; left: 9px; top: 6px; border-radius: 50%; background-color: #8890FF; }
#icn-tag-int-l-d { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url(img/icn-tag-localizacao-dk.webp); background-size: 20px; }
#tag-int-localizacao-desktop:hover { background-color: #4652FF; }
#tag-estado-l-desktop { width: 42px; height: 42px; position: relative; float: left; margin-left: 10px; margin-top: 22px; border-radius: 50%; background-color: #EDFBFE; }
#tag-estao-l-d-txt { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 15px; text-align: center; color: #506DC2; font-weight: 500; }
#itens-d-m-fixo-desktop { width: auto; height: auto; position: relative; float: right; }
#menu-desktop-cta { width: 45px; height: 45px; position: relative; float: right; margin-top: 21px; margin-right: 0px; border-radius: 8px; background: url(img/icn-m-desktop.webp); background-size: 45px; cursor: pointer; opacity: 0.8; }
#menu-desktop-cta:hover { opacity: 1; }
#horarios-desktop { width: auto; height: auto; position: relative; float: right; margin-right: 20px; margin-top: 23px; background-color: #C7EFF5; color: #4070B9; font-size: 16px; padding: 9px 16px 9px 47px; border-radius: 20px; cursor: pointer; }
#relogio-desktop { width: 30px; height: 30px; position: absolute; left: 7px; top: 5px; background-color: #E3FBFF; border-radius: 50%; }
#icn-relogio-dk { width: 29px; height: 29px; position: absolute; left: 50%; top: 50%; margin-left: -14.5px; margin-top: -14.5px; background: url(img/icone-relogio.webp); background-size: 29px; }
#horarios-desktop:hover { background-color: #DAF2F6; }
#horarios-desktop:hover #relogio-desktop { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
#tag-ofertas-menu { width: auto; height: auto; position: relative; float: left; margin-left: 10px; }
#tag-ofertas-menu-int { width: auto; height: auto; position: relative; float: left; margin-top: 22px; max-width: 200px; padding: 10px 18px 10px 50px; background-color: #e42623; color: #fff; border-radius: 50px; cursor: pointer; }
#tag-ofertas-menu-int:hover { background-color: #d90d0a; }
#icone-tag-ofertas-desktop { width: 30px; height: 30px; position: absolute; left: 9px; top: 6px; border-radius: 50%; background-color: #f15f5d !important; }
#tag-ofertas-menu-int:hover #icone-tag-ofertas-desktop { background-color: #a71c1a; }
#icn-tag-ofertas { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url(img/icn-offer.webp); background-size: 20px; }
#tag-vagas-menu { width: auto; height: auto; position: relative; float: left; margin-left: 10px; }
#tag-vagas-menu-int { width: auto; height: auto; position: relative; float: left; margin-top: 22px; max-width: 200px; padding: 10px 18px 10px 50px; background-color: #0046DC; color: #fff; border-radius: 50px; cursor: pointer; }
#tag-vagas-menu-int:hover { background-color: #0234AA; }
#icone-tag-vagas-desktop { width: 30px; height: 30px; position: absolute; left: 9px; top: 6px; border-radius: 50%; background-color: #3168CE !important; }
#tag-vagas-menu-int:hover #icone-tag-vagas-desktop { background-color: #a71c1a; }
#icn-tag-vagas { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url(img/icn-vaga-tag.png); background-size: 20px; }

/*Links menu desktop*/
#itens-links-menu-desktop { width: auto; height: auto; position: relative; float: right; margin-right: 20px; }
.item-m-desktop { width: auto; height: auto; position: relative; float: left; padding: 28px 20px; font-size: 20px; color: #737472; border-right: 0px solid #f6f6f6 !important; font-weight: 300; cursor: pointer; }
.item-m-desktop:hover { background-color: #EDFBFF; color: #788CC8; }
.atv-m-desktop { font-weight: 300 !important; color: #385096; background-color: #c7f3ff !important; }
#conteuto-txt-janela-dd-desktop a { width: auto; height: auto; position: relative; float: left; margin-top: 20px; padding: 5px 10px; background-color: rgb(13, 123, 238); color: #fff; border-radius: 20px; cursor: pointer; }
#conteuto-txt-janela-dd-desktop a:hover { background-color: rgb(99, 175, 255); }
#conteudo-txt-j-dd a { width: auto; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 20px; padding: 5px 10px; background-color: rgb(13, 123, 238); color: #fff; border-radius: 20px; cursor: pointer; }
#conteudo-txt-j-dd a:hover { background-color: rgb(99, 175, 255); }

/*Menu mobile*/
#div-m-mobile-out { width: 0%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; overflow: hidden; }
#div-m-mobile { width: 330px; height: 100%; position: absolute; top: 0px; background-color: #fff; overflow-y: scroll; overflow-x: hidden; border-radius: 30px 0px 0px 30px; padding-bottom: 100px; -webkit-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -o-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -ms-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -moz-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); z-index: 30; }
#mascara-d-menu { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
#bg-topo-menu-mobile { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; top: -1510px; border-radius: 100%; background-color: #EAF5F6; overflow: hidden; }
#logo-topo-menu-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 14px; z-index: 20; opacity: 0; }
#logo-topo-m-mobile-int { width: 150px; height: 63px; position: relative; margin: auto; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 150px; background-repeat: no-repeat; }
#bloco-itens-menu-mobile { width: 100%; height: 465px; position: relative; float: left; margin-top: 30px; opacity: 0; }
#bloco-int-itens-menu-mobile { width: 280px; height: 100%; position: relative; margin: auto; }

/*Itens menu mobile*/
.item-menu-mobile { width: 33.3%; height: 24.3%; position: relative; float: left; overflow: hidden; cursor: pointer; opacity: 0.8; }
.item-menu-mobile:hover { opacity: 1; }
.marcador-m-mobile { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: 520px; bottom: -26px; background-color: #FFBC09; border-radius: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.atv-menu-mobile { margin-left: -20px; }
.b-r { border-right: 0px solid #d7e0e1 !important; }
.b-b { border-bottom: 0px solid #d7e0e1 !important; }
.icn-menu-mobile-int { width: 35px; height: 35px; position: absolute; left: 50%; margin-left: -20px; top: 21%; }
.icn-menu-mobile-int-dd-express { width: 55px; height: 55px; position: absolute; left: 50%; margin-left: -27.5px; top: 16%; }
.icn-home-m-mobile { background: url(img/icn-home.webp); background-size: 35px; }
.icn-loja-m-mobile { background: url(img/icn-lojas.webp); background-size: 35px; }
.icn-fornecedor-m-mobile { background: url(img/icn-fornecedor.webp); background-size: 35px; }
.icn-dd-express-m-mobile { background: url(img/icn-dd-express.webp); background-size: 55px; }
.icn-clube-m-mobile { background: url(img/icn-clube-dd+.webp); background-size: 35px; }
.icn-adega-m-mobile { background: url(img/icn-adega-m.webp); background-size: 35px; }
.icn-blog-m-mobile { background: url(img/icn-blog-m.webp); background-size: 35px; }
.icn-ofertas-m-mobile { background: url(img/icn-ofertas-menu.png); background-size: 35px; }
.icn-links-m-mobile { background: url(img/links-oficiais.png); background-size: 35px; }
.icn-press-m-mobile { background: url(img/press-icn.png); background-size: 35px; }
.icn-central-ajuda-m-mobile { background: url(img/icn-central-ajuda.webp); background-size: 35px; }
.icn-institucional-m-mobile { background: url(img/icn-institucional.webp); background-size: 35px; }
.icn-nome { width: 150px; height: auto; position: absolute; left: 50%; margin-left: -75px; bottom: -35px; font-size: 12px; color: #6479b8; text-align: center; }
.icn-nome-dd-express { bottom: -19px; }

/*Whatsapp menu*/
#div-wpp-menu { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; opacity: 0; }
#div-wpp-menu h5 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #2E2E2E; font-weight: 700; text-align: center; }
#div-wpp-menu p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 18px !important; text-align: center !important; color: #2E2E2E; padding: 0px 20px; }
#div-cta-wpp { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; }
#cta-int-wpp-menu { width: 220px; height: auto; position: relative; margin: auto; background-color: #26D366; padding: 10px 0px; border-radius: 60px; cursor: pointer; }
#cta-int-wpp-menu-img { width: 118px; height: 28px; position: relative; margin: auto; background: url('img/logo-whatsapp.webp'); background-size: 118px; }

/*Redes sociais menu*/
#div-redes-sociais-menu { width: 100%; height: auto; position: relative; float: left; opacity: 0; margin-top: 20px; }
#div-redes-sociais-menu p { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #000; margin-bottom: 9px; text-align: center !important; }
#faixa-itens-sm-m { width: 100%; height: auto; position: relative; float: left; }
#div-s-redes-sociais-menu { width: 280px; height: 60px; position: relative; margin: auto; background-color: unset !important; border-radius: 60px; padding: 0px 58px; }
.item-sm-menu { width: 40px; height: 40px; position: relative; float: right; margin-right: 10px; margin-top: 10px; cursor: pointer; }
.item-sm-yt { width: 54px; height: 40px; position: relative; float: right; margin-right: 0px; margin-top: 10px; cursor: pointer; }
.icn-m-fb { background: url('img/icn-m-fb.webp'); background-size: 40px; }
.icn-m-insta { background: url('img/icn-m-insta.webp'); background-size: 40px; }
.icn-m-yt { background: url('img/icn-m-yt.webp'); background-size: 54px; }
.trabalhe-conosco-m-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 18px; opacity: 0; }
.cta-trabalhe-conosco-m-mobile { width: 250px; height: auto; position: relative; margin: auto; padding: 10px 12px 10px 56px; background-color: #c7eff6; color: #2a2a2a; font-size: 16px; border-radius: 40px; cursor: pointer; overflow: hidden; }
.bg-cta-icn-trabalhe-conosco-m-mobile { width: 50px; height: 50px; position: absolute; right: -10px; top: -1px; background-color: #E0FAFF; border-radius: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.icn-trabalhe-conosco-m-mobile { width: 20px; height: 20px; position: absolute; right: 11px; top: 12px; background: url(img/icn-cta-trabalhe-conosco.webp); background-size: 20px; }
.cta-trabalhe-conosco-m-mobile:hover { background-color: #b4e8f1; }
#circulo-cta-fechar-m-mobile { width: 320px; height: 240px; position: fixed; right: 4px; bottom: -691px; background-color: #536DBE; border-radius: 50%; z-index: 10; }
#circulo-cta-fechar-m-mobile:hover { background-color: #29428d; }
#bg-rodape-menu-mobile { width: 600px; height: 600px; position: fixed; left: 10px; bottom: -1030px; border-radius: 100%; background-color: #EAF5F6; overflow: hidden; display: none; }
#txt-cta-fechar { width: 100px; height: 31px; position: fixed; right: 111px; bottom: 8px; background: url(img/cta-fechar.webp); background-size: 100px; opacity: 0; }

/*Banner home*/
#banner-home-mobile { width: 100%; height: auto; position: relative; float: left; overflow: hidden; margin-top: 55px; z-index: 100; }
#banner-home-mascara { width: 100%; height: auto; left: 0%; position: relative; float: left; margin-left: 0px; margin-top: 0px; border-radius: 20px 20px 0px 0px; overflow: unset; z-index: 9; }
#banner-mobile-container-int { width: 100%; height: auto; left: 0%; position: relative; float: left; margin-left: 0px; margin-top: 64px; overflow: unset; }
.item-banner-mobile { width: 100%; height: auto; position: relative; float: left; background-color: #fff; }
.cta-banner-mobile { width: 100%; height: auto; position: absolute; bottom: 90px; }
.cta-banner-mobile-int { width: 200px; height: auto; position: relative; margin: auto; background-color: #636EFF; color: #fff; -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -ms-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -o-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); }
.cta-banner-mobile-int:hover { background-color: #4A56FC; color: #fff; }
#paginacao-banner-mobile { width: 170px; height: 25px; position: absolute; left: 50%; margin-left: -85px; bottom: 8px; border-radius: 90px; z-index: 20; padding-top: 3px; overflow: hidden; }
#bg-paginacao-desktop { width: 500px; height: 500px; position: absolute; bottom: -440px; left: 50%; margin-left: -250px; background-color: #fff; border-radius: 100%; z-index: 19; }
.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px)); background-color: #B1DAFF; }
.swiper-pagination-bullet-active { background-color: #708CDE; }

/*Controles banner home*/
.bloco-ctrl-banner-home { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.bloco-ctrl-banner-home:hover { background-color: #EDFBFE; }
.bloco-ctrl-l { left: 30px }
.bloco-ctrl-r { right: 30px }
.seta-l-ctrl { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-l.webp); background-size: 60px; }
.seta-r-ctrl { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-r.webp); background-size: 60px; }
#bloco-ofertas { width: 100%; height: 469px; position: relative; float: left; background-color: #dadada; z-index: 99; }
.item-bloco-oferta-loja-interna img { width: 100%; }

/*Inicio Ofertas home*/
#bloco-ofertas { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 99; padding-bottom: 70px; }
#v-bloco-ofertas { width: 1200px; height: auto; position: relative; margin: auto; }
.bg-bloco-ofertas { width: 380px; height: 682px; position: absolute; display: none !important; }
.bgl-ofertas { left: 0px; top: -20px; background: url(img/bgl-ofertas-desktop.webp); background-size: 380px; background-repeat: no-repeat; display: none !important; }
.bgr-ofertas { right: 0px; top: 70px; background: url(img/bgr-ofertas-desktop.webp); background-size: 380px; background-repeat: no-repeat; display: none !important; }
.bg-out-ofertas { width: 380px; height: 780px; position: absolute; right: 0px; top: -90px; overflow: hidden; display: none !important; }

/*conteudo ofertas*/
#div-conteudo-ofertas { width: 100%; height: 100%; position: relative; float: left; z-index: 99; }
#div-conteudo-ofertas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 50px; font-weight: 700; line-height: 45px; text-align: center; }
#div-conteudo-ofertas span { font-size: 40px; }
#div-conteudo-ofertas p { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 24px; text-align: center; padding: 0px 20px; }
#div-ofertas-destaque-home-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; opacity: 0; }
#bloco-fertas-destaque-2x { width: 385px; height: auto; position: relative; margin: auto; }
#bloco-fertas-destaque-3x { width: 586px; height: auto; position: relative; margin: auto; }
.desktop-slide-ofertas { width: 670px; height: auto; position: relative; margin: auto; }
.item-oferta-carrossel { width: 180px !important; height: 180px !important; position: relative; float: left; margin-left: 5px; margin-right: 5px; border-radius: 100%; cursor: pointer; cursor: pointer; overflow: hidden; }
.bloco-ctrl-out-slide-ofertas-desktop { width: 80px; height: 80px; position: absolute; left: -80px; top: 50%; margin-top: -40px; z-index: 20; opacity: 0.7; cursor: pointer; }
.bloco-ctrl-out-slide-ofertas-desktop:hover { opacity: 1; }
.ctrl-l-ofertas-desktop { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/seta-l.webp); background-size: 60px; }
.bloco-ctrr-out-slide-ofertas-desktop { width: 80px; height: 80px; position: absolute; right: -50px; top: 50%; margin-top: -40px; z-index: 20; opacity: 0.7; cursor: pointer; }
.bloco-ctrr-out-slide-ofertas-desktop:hover { opacity: 1; }
.ctrl-r-ofertas-desktop { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/seta-r.webp); background-size: 60px; }
.tabloide-2x { width: 385px !important; }
.tabloide-1x { width: 180px !important; }
.oferta-destaque-xx-h { width: 180px; height: 180px; position: relative; float: left; margin-right: 23px; border-radius: 50%; overflow: hidden; cursor: pointer; opacity: 0.9; }
.oferta-destaque-xx-h:last-child { margin-right: 0px; }
.oferta-destaque-xx-h:hover { opacity: 1; }
.oferta-destaque-1x-h { width: 150px; height: 150px; position: relative; margin: auto; border-radius: 50%; overflow: hidden; }
.img-oferta-destaque-h { width: 180px; height: 180px; position: absolute; left: 50%; top: 50%; margin-left: -90px; margin-top: -90px; }
.img-oferta-destaque-h img { width: 100% !important; }
#cta-tds-ofertas-home-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 56px; }
#cta-int-tds-ofertas-h-d { width: 180px; height: auto; position: relative; margin: auto; padding: 13px 0px; background-color: #636FFF; color: #fff; font-size: 19px; text-align: center; border-radius: 90px; cursor: pointer; }
#cta-int-tds-ofertas-h-d:hover { background-color: #4A53BF; }

/*Inicio No DD tem*/
#no-dd-tem { width: 100%; height: auto; position: relative; float: left; margin-top: 55px; background-color: #E5FAFF; z-index: 100; padding-bottom: 100px; }
#view-no-dd-tem { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 20px; z-index: 20; }
#titulo-dd-tem-bloco { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#tag-dd { width: 120px; height: 69px; position: absolute; left: 50%; margin-left: -60px; background: url(img/tag-dd.webp); background-size: 120px; }
#tag-dd-l-txt { width: auto; height: auto; position: absolute; left: -76px; top: -2px; font-size: 54px; font-weight: 700; }
#tag-dd-r-txt { width: auto; height: auto; position: absolute; right: -104px; top: -2px; font-size: 54px; font-weight: 700; }
#view-no-dd-tem p { width: 500px; height: auto; left: 50%; position: relative; float: left; margin-left: -250px; margin-top: 80px; text-align: center; font-size: 24px; padding: 0px 0px; }
#faixa-cards-no-dd-tem { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; overflow: hidden; z-index: 90; }

/*Controles no DD tem*/
.bloco-ctrl-dd-tem { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: 15px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; x
-o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.bloco-ctrl-dd-tem:hover { background-color: #EDFBFE; }
.bloco-ctrl-l { left: 30px }
.bloco-ctrl-r { right: 30px }

/*Item card DD tem*/
.item-card-dd-tem { width: auto; height: 350px; position: relative; float: left; margin-left: 70px; margin-right: -50px !important; background-color: #fff; border: 0.5px solid #e6e6e6; border-radius: 20px; cursor: pointer; }
.item-card-dd-tem:hover { background-color: #fffbe4; border: 0.5px solid #baf8ff; }
.foto-card-dd-tem { width: 88%; height: 260px; position: relative; float: left; float: left; margin-left: 6%; margin-top: 18px; border-radius: 20px; overflow: hidden; background-color: #dadada; }
.foto-int-card-dd-tem { width: 280px; height: 261px; position: absolute; top: 50%; left: 50%; margin-left: -140px; margin-top: -130px; }
.card-nome-dd-tem { width: 88%; height: auto; position: relative; float: left; margin-left: 6%; margin-top: 14px; padding: 10px 0px; border-radius: 20px; text-align: center; font-size: 16px; font-weight: 500; }
.card-icone-dd-tem { width: 30px; height: 30px; position: absolute; left: 7px; top: 6px; }
.bg-out-s-azul-claro { width: 100%; height: 160px; position: absolute; bottom: 0px; bottom: -50px; overflow: hidden; }
.bg-s-azul-claro { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-azul.svg); background-size: 600px; background-repeat: no-repeat; }

/*Janela tem no DD Desktop*/
#janela-tem-no-dd-desktop { width: 950px; height: 620px; position: fixed; left: 50%; top: 250%; margin-left: -475px; margin-top: -310px; background-color: #fff; border-radius: 40px; z-index: 9999; overflow: hidden; opacity: 0; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
#img-janela-dd-desktop { width: 45%; height: 100%; position: relative; float: left; background-color: #dadada; overflow: hidden; }
#img-janela-dd-desktop-int { width: 440px; height: 660px; position: absolute; left: 50%; top: 50%; margin-left: -220px; margin-top: -330px; opacity: 0; }
#conteudo-janela-dd-desktop { width: 55%; height: 100%; position: relative; float: left; padding-left: 40px; opacity: 0; }
#titulo-j-dd-tem-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 44px; color: #fff; font-weight: 500; line-height: 45px !important; }
#subtitulo-j-dd-tem-desktop { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #fff; }
#conteuto-txt-janela-dd-desktop { width: 97%; height: 320px; position: relative; float: left; margin-top: 10px; padding-right: 40px; overflow-y: scroll; }
#conteuto-txt-janela-dd-desktop p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #fff; }
#toolbar-janela-adega-desktop { width: 100%; height: auto; position: absolute; bottom: 40px; }
#cta-mais-info-j-dd-tem { width: auto; height: auto; position: relative; float: left; margin-right: 20px; padding: 12px 30px; background-color: #FFCC00; color: #5B4000; font-size: 18px; border-radius: 40px; cursor: pointer; display: none; }
#cta-mais-info-j-dd-tem:hover { background-color: #FFDC52; }
#cta-fechar-janela-dd-tem { width: auto; height: auto; position: relative; float: left; padding: 12px 30px 12px 60px; background-color: #EF2918; color: #fff; font-size: 18px; border-radius: 40px; cursor: pointer; }
#cta-fechar-janela-dd-tem:hover { background-color: #CE1A0B; }
#fechar-icn-d-dd-tem { width: 40px; height: 40px; position: absolute; left: 7px; top: 4px; background: url(img/fechar.webp); background-size: 40px; }

/*Temas Janelas Tem no DD*/
.bg-preto { background-color: #1B1A21 !important; }
.bg-preto-cta { background-color: #9d4141 !important; }
.bg-preto-cta:hover { background-color: #6C4141 !important; }
.bg-verde { background-color: #258C61 !important; }
.bg-verde-cta { background-color: #FFCC00 !important; }
.bg-verde-cta:hover { background-color: #ffe680 !important; }
.bg-azul { background-color: #1CB4A8 !important; }
.bg-azul-cta { background-color: #FFCC00 !important; }
.bg-azul-cta:hover { background-color: #ffe680 !important; }

/*Inicio pague do seu jeito*/
#s-pague-do-seu-jeito { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 10; }
#bgl-psj { width: 350px; height: 342px; position: absolute; left: -60px; top: unset; bottom: -136px; background: url(img/bg-dd-id-desktop.webp); background-size: 350px; }
#bgr-psj-out { width: 350px; height: 342px; position: absolute; right: 0px; top: 0px; overflow: hidden; }
#bgr-psj { width: 350px; height: 342px; position: absolute; right: -70px; top: -1px; background: url(img/bg-dd-id-desktop-r.webp); background-size: 350px; }
#view-s-pague-do-seu-jeito { width: 1200px; height: auto; position: relative; margin: auto; margin-top: 130px; padding: 0px 20px; }
#view-s-pague-do-seu-jeito h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 52px; font-weight: 700; text-align: center; }
#view-s-pague-do-seu-jeito p { width: 420px; height: auto; left: 50%; position: relative; float: left; margin-left: -210px; margin-top: -8px; font-size: 22px; text-align: center !important; }
#v-slides-btns-forma-pagamento { width: 692px; height: auto; position: relative; margin: auto; }
#slider-btns-forma-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; overflow: hidden; }

/*Item btn forma pagamento*/
.btn-forma-pagamento { width: auto !important; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 10px; padding: 10px 15px 10px 45px; background-color: #e5fbff; border-radius: 110px; font-size: 18px; font-weight: 600; cursor: pointer; }
.icone-forma-pagamento { width: 30px; height: 30px; position: absolute; left: 10px; top: 7px; }
.btn-forma-pagamento:hover { background-color: #c8f7ff; }
.atv-btn-forma-pagamento { background-color: #FFCC02; color: #A17511; }
.atv-btn-forma-pagamento:hover { background-color: #FFDB5E; }
.atv-icn-forma-pagamento { opacity: 0.55; }

/*Quadro formas de pagamento*/
#container-quadro-formas-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; z-index: 50; }
#view-quadro-formas-pagamento { width: 760px; height: auto; position: relative; margin: auto; padding: 0px 20px; }
.item-quadro-forma-pagamento { width: 100%; height: 250px; position: absolute; left: 0px; top: 0px; }
.item-bandeira-forma-pagamento { width: 23%; height: 140px; position: relative; float: left; margin-bottom: 10px; background-color: #E5FBFF; border-radius: 30px; margin-left: 1%; margin-right: 1%; cursor: pointer; }
.item-bandeira-forma-pagamento:hover { background-color: #adf6ff; }
.icone-bandera-cartao { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; }
.mascara-bottom-out-formas-pagamento { width: 100%; height: 160px; position: absolute; bottom: -69px; overflow: hidden; }
.fp-cartao-credito-debito { opacity: 1; display: block; }
.fp-vale { opacity: 0; display: none; }
.fp-outros { opacity: 0; display: none; }

/*Inicio banner miolo*/
#s-banner-miolo { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; overflow: hidden; z-index: 200; }
#mascara-s-banner-miolo { width: 100%; height: 100%; position: absolute; z-index: 999; }

/*Blog DD home*/
#blog-dd-home { width: 100%; height: 810px; position: relative; float: left; z-index: 300; background-color: #FFD92B; }
#view-blog-dd { width: 1500px; height: auto; position: relative; margin: auto; padding: 0px 20px; z-index: 300; }
#logo-blog-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -100px; }
#logo-blog-dd-int { width: 200px; height: 189px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 200px; }
#tag-logo-blog-dd { width: 260px; height: auto; position: absolute; left: 50%; margin-left: -130px; bottom: -30px; padding: 9px 0px; background-color: #4A53BB; border-radius: 60px; color: #fff; text-align: center; font-size: 18px; font-weight: 600; }
#faixa-carrossel-posts { width: 100%; height: auto; position: relative; float: left; margin-top: 55px; overflow: hidden; }
#faixa-posts-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; }

/*Mensagem blog*/
#faixa-mensagem-sem-posts { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; }
#bloco-mensagem-sem-posts { width: 400px; height: 440px; position: relative; margin: auto; background-color: #FFFBE7; border-radius: 40px; border: 1px solid #FFC625; }
#faixa-ilustra-sm-blog { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; }
#ilustra-blog-sm { width: 280px; height: 216px; position: relative; margin: auto; background: url('img/ilustra-sem-mensagem-blog.webp'); background-size: 280px; }
#conteudo-faixa-sem-mensagem { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#titulo-sem-mensagem-blog-home { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #000; text-align: center; font-weight: 600; }
#sobre-msg-novidades-blog { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 10px; font-size: 18px; color: #000; padding: 0px 20px; }

/*Card post carrossel*/
.card-post { width: 22%; height: 410px; position: relative; float: left; margin-left: 0px; margin-right: 4%; cursor: pointer; }
.card-post:last-child { margin-right: 0%; }
.foto-card-post { width: 100%; height: auto; position: relative; float: left; border-radius: 20px; margin-left: 0%; margin-top: 20px; overflow: hidden; }
.tags-card-post { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 0%; }
.item-tag-card-post { width: auto; height: auto; position: relative; float: left; margin-right: 5px; padding: 4px 16px; background-color: #4953BB; border-radius: 20px; color: #fff; font-size: 16px; cursor: pointer; }
.item-tag-card-post:hover { background-color: #2D3ABB; }
.card-post h4 { width: 100%; height: 30px; position: relative; float: left; margin-top: 15px; padding: 0px 0%; font-size: 18px; color: #000; font-weight: 600; line-height: 24px; }
.card-post p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 0%; font-size: 16px; color: #2e2e2e; }
#s-cta-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; z-index: 10; }
.cta-int-ir-p-blog { width: 200px; height: auto; position: relative; margin: auto; background-color: #636FFF; }

/*Inicio central de ajuda*/
#s-central-ajuda { width: 100%; height: 500px; position: relative; float: left; background-color: #fff; z-index: 400; }
#view-s-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; z-index: 300; }
#view-s-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 75px; font-size: 50px; font-weight: 700; text-align: center; }
#view-s-central-ajuda p { width: 450px; height: auto; left: 50%; position: relative; float: left; margin-left: -225px; padding: 0px 20px; margin-top: -10px; font-size: 22px; text-align: center !important; }
#faixa-ctas-central-ajuda-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#v-faixa-ctas-central-ajuda-desktop { width: 691px; height: auto; position: relative; margin: auto; }

/*item bloco central de ajuda*/
.bloco-central-de-ajuda { width: 150px !important; height: 150px !important; position: relative; float: left; margin-left: 0px; margin-right: 30px; background-color: #e7f9fc; border-radius: 20px; opacity: 0.9; cursor: pointer; }
.bloco-central-de-ajuda:last-child { margin-right: 0px; }
.bloco-central-de-ajuda:hover { opacity: 1; }
.bloco-central-de-ajuda:hover .legenda-bloco-central-ajuda { color: #212677; }
.img-bloco-central-ajuda { width: 150px; height: 150px; position: absolute; left: 0px; top: 0px; overflow: hidden; border-radius: 20px; }
.legenda-bloco-central-ajuda { width: 100%; height: auto; position: absolute; line-height: 24px; bottom: -70px; color: #000000; font-size: 18px; text-align: center; }
.img-icn-faq { background: url(img/icn-faq.gif); background-size: 150px; }
.img-icn-vagas { background: url(img/icn-vagas.gif); background-size: 150px; }
.img-icn-fale-conosco { background: url(img/icn-fale-conosco.gif); background-size: 150px; }
.img-icn-ctr-ajuda { background: url(img/icn-ctr-ajuda.gif); background-size: 150px; }
#s-cm-ajudar { width: 100%; height: 420px; position: relative; float: left; margin-top: 130px; padding-bottom: 50px; background-color: #f2ffff; z-index: 410; }
#view-s-cm-ajudar { width: 1200px; height: auto; position: relative; margin: auto; }
#icone-cm-ajudar { width: 200px; height: 200px; position: absolute; left: 50%; margin-left: -100px; top: -100px; border-radius: 50%; overflow: hidden; border: 7px solid #fff; }
#icn-como-posso-ajudar { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px; background: url(img/personagem-central-ajuda-2.gif); background-size: 200px; }
#view-s-cm-ajudar h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 135px; font-size: 40px; font-weight: 700; text-align: center; }
#view-s-cm-ajudar p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -13px; font-size: 24px; text-align: center !important; }
#cta-cm-ajudar { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
#cta-int-cm-ajudar { width: 280px; height: auto; margin: auto; }
.item-ft-cm-ajudar { width: 120px; height: 249px; position: absolute; }
.ft-1-cm-ajudar { left: 5%; top: -180px; background: url(img/ft-4-c.webp); background-size: 120px; }
.ft-2-cm-ajudar { left: 15%; top: -80px; background: url(img/ft-3-c.webp); background-size: 120px; }
.ft-3-cm-ajudar { right: 5%; top: -180px; background: url(img/ft-1-c.webp); background-size: 120px; }
.ft-4-cm-ajudar { right: 15%; top: -80px; background: url(img/ft-2-c.webp); background-size: 120px; }

/*Fotos página espaço do fornecedor*/
.ft-5-cm-ajudar { left: 15%; top: -80px; background: url(img/ft-5-c.webp); background-size: 120px; }
.ft-6-cm-ajudar { right: 15%; top: -80px; background: url(img/ft-6-c.webp); background-size: 120px; }
#icn-como-posso-ajudar-fornecedor { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px; background: url(img/icn-como-posso-ajudar-fornecedor.webp); background-size: 200px; }

/*Faixa espaço do fornecedor*/
#s-espaco-fornecedor { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-espaco-fornecedor.webp); background-repeat: repeat; padding-bottom: 140px; z-index: 430; }
#view-s-espaco-fornecedor { width: 90%; height: auto; position: relative; margin: auto; z-index: 200; }
#view-s-espaco-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 50px; font-weight: 700; text-align: center; color: #fff; }
#view-s-espaco-fornecedor p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -10px; font-size: 22px; text-align: center !important; color: #fff; }
#faixa-fornecedores { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; overflow: hidden; z-index: 330; }
#v-item-fornecedores-desktop { width: 640px; height: auto; position: relative; margin: auto; }
.item-faixa-fornecedor { width: 140px !important; height: 140px !important; position: relative; float: left; margin-left: 0px; margin-right: 20px; background-color: #ffffff; border-radius: 50%; overflow: hidden; cursor: pointer; }
.logo-fornecedor-faixa { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; }
#cta-faixa-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; z-index: 310; }
#cta-int-faixa-fornecedor { width: 150px; height: auto; margin: auto; }

/*Mensagem fornecedor*/
#faixa-mensagem-sem-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#bloco-mensagem-sem-fornecedor { width: 400px; height: 440px; position: relative; margin: auto; background-color: #4870E4; border-radius: 40px; border: 1px solid #00A2FD; }
#faixa-ilustra-sm-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; }
#ilustra-fornecedor-sm { width: 280px; height: 216px; position: relative; margin: auto; background: url('img/ilustra-fornecedor.webp'); background-size: 280px; }
#conteudo-faixa-sem-mensagem-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#titulo-sem-mensagem-fornecedor-home { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #fff; text-align: center; font-weight: 600; padding: 0px 60px; }
#sobre-msg-novidades-fornecedor { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 10px; font-size: 18px; color: #fff; padding: 0px 20px; }

/*Inicio rodapé*/
.s-rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 0px; z-index: 450; -webkit-box-shadow: 0px -20px 78px -55px rgba(66, 68, 90, 0.2); -moz-box-shadow: 0px -20px 78px -55px rgba(66, 68, 90, 0.2); -o-box-shadow: 0px -20px 78px -55px rgba(66, 68, 90, 0.2); -ms-box-shadow: 0px -20px 78px -55px rgba(66, 68, 90, 0.2); box-shadow: 0px -20px 78px -55px rgba(66, 68, 90, 0.2); }
.view-s-rodape { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
.view-s-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 18px; text-align: center; }
.view-s-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 5px; font-size: 36px; font-weight: 700; text-align: center; }
.view-s-rodape ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-bottom: -5px; font-size: 18px; text-align: center; cursor: pointer; }
.view-s-rodape ul li:hover { color: #ffcc00; }
#cta-voltar-topo { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; top: -40px; background-color: #ffcc00; border-radius: 50%; border: 10px solid #fff; cursor: pointer; }
#cta-voltar-topo:hover { background-color: #ffdf60; }
#icone-cta-voltar-topo { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -28px; background: url(img/icone-voltar-topo.webp); background-size: 50px; }
#legenda-cta-voltar-topo { width: 200px; height: auto; position: absolute; left: 50%; margin-left: -100px; bottom: -39px; color: #353946; font-size: 24px; text-align: center; }
#logo-dd-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 119px; }
#logo-dd-int-rodape { width: 220px; height: 34px; position: relative; margin: auto; background: url(img/logo-dia-a-dia-rodape.webp); background-size: 220px; }
#legenda-logo-dd-rodape { width: 280px; height: auto; position: absolute; left: 50%; margin-left: -140px; bottom: -37px; text-align: center; font-size: 18px; }
#redes-sociais-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 35px; }
#view-redes-sociais-rodape { width: 180px; height: auto; position: relative; margin: auto; }
.item-sm-rodape { width: 60px; height: 60px; position: relative; float: left; margin-right: 0px; }
#faixa-blocos-rodape-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; padding: 0px 0px; }
.divisoria-blocos-rodape-desktop { width: 100%; height: auto; position: relative; float: left; }
.item-bloco-conteudo-rodape-desktop { width: 25%; height: 190px; position: relative; float: left; padding-right: 40px; margin-bottom: 70px; }
.item-bloco-conteudo-rodape-desktop h4 { width: 100%; height: auto; position: relative; float: left; font-size: 24px; text-align: left; font-weight: 500; }
.item-bloco-conteudo-rodape-desktop h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 18px; text-align: left; font-weight: 500; }
.item-bloco-conteudo-rodape-desktop p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 16px; text-align: left; }
.item-bloco-conteudo-rodape-desktop ul li { width: 100%; height: auto; position: relative; float: left; font-size: 18px; text-align: left; cursor: pointer; }
.item-bloco-conteudo-rodape-desktop ul li:hover { color: #4652FF; }
.fix-p-desktop-rodape { margin-top: 10px !important; }
.faixa-ctas-bloco-rodape { width: 100%; height: auto; position: absolute; bottom: 0px; }
.item-cta-rodape-desktop { width: auto; height: auto; position: relative; float: left; margin-right: 15px; padding: 8px 20px 8px 38px; font-size: 16px; border-radius: 50px; cursor: pointer; }
.icn-cta-rodape-desktop { width: 25px; height: 25px; position: absolute; left: 7px; top: 7px; }
.icn-pin-r-d { background: url(img/icn-tag.webp); background-size: 25px; }
.cta-r-d-1 { background-color: #FFCC00; color: #5B4000; }
.cta-r-d-1:hover { background-color: #FFD323; }
.icn-loja-r-d { background: url(img/icn-loja.webp); background-size: 25px; }
.cta-r-d-2 { background-color: #636FFF; color: #fff; }
.cta-r-d-2:hover { background-color: #4A53BF; }
.icn-telefone-r-d { background: url(img/icn-fala.webp); background-size: 25px; }
.item-app-rodape-desktop { width: 70px; height: 70px; position: relative; float: left; margin-right: 15px; background-color: #DCFAFE; border-radius: 20px; margin-top: 16px; cursor: pointer; overflow: hidden; }
.item-app-rodape-desktop:hover { background-color: #ACF5FE; }
#cta-whatsapp { width: 100%; height: auto; position: relative; float: left; }
#cta-wpp-int { width: 150px; height: auto; position: relative; float: left; background-color: #25d366; border-radius: 30px; padding: 10px 0px; cursor: pointer; margin-top: 21px; }
#cta-wpp-logo { width: 93px; height: 22px; position: relative; margin: auto; background: url(img/logo-whatsapp.webp); background-size: 93px; }
#cta-wpp-int:hover { background-color: #2bb05d; }
.bg-azul-rodape { background-color: #EFF9FF !important; }
.bg-azul-escuro-rodape { background-color: #2A54CC !important; color: #fff !important; }
#selo-reclame-aqui { width: 100px; height: 100px; position: relative; margin: auto; }

/*juridico rodapé */
#ornamento-rodape-desktop { width: 600px; height: 200px; position: absolute; left: 50%; margin-left: -300px; top: -66px; overflow: hidden; }
#juridico-rodape-mobile { width: 770px; height: auto; left: 50%; position: relative; float: left; margin-left: -385px; margin-top: 20px; font-size: 16px; text-align: center; }
.juridico-rodape-fix-padding { padding-bottom: 70px !important; padding-top: 45px; }
#faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; margin-bottom: 120px; }
#faixa-int-reclame-aqui { width: 100%; height: auto; position: relative; margin: auto; }
#selo-reclame-aqui { width: 98px; height: 100px; position: relative; float: left; }
#selo-emp-reclame { width: 559px; height: 100px; position: relative; float: left; margin-left: 10px; background: url('img/selo-empresa.png'); background-size: 559px; }

/* ==========================================================================
  Página de lojas
========================================================================== */

/*Ancoras lojas*/
#l-regiao-to-a { width: 1px; height: 1px; position: absolute; top: -200px; }
#l-regiao-df-a { width: 1px; height: 1px; position: absolute; top: -200px; }
#l-regiao-ba-a { width: 1px; height: 1px; position: absolute; top: -200px; }
#l-regiao-go-a { width: 1px; height: 1px; position: absolute; top: -200px; }
.menu-topo-loja { height: 175px !important; }
.menu-topo-loja-b { height: 236px !important; }
.menut-atv-topo { color: #4e4dff !important; font-weight: 600; }
#faixa-selecao-lojas-menu { width: 100%; height: auto; position: relative; float: left; border-top: 0px solid #F7F7F7 !important; background-color: #edfbff; margin-top: -28px;}
#view-faixa-selecao-lojas-menu { width: 90%; height: auto; position: relative; margin: auto; }
#view-faixa-selecao-lojas-menu p { width: auto; height: auto; position: relative; float: left; margin-top: 13px; font-size: 20px; color: #6E7EB1; }
.item-regiao-loja-m-fixo { width: auto; height: auto; position: relative; float: right; margin-left: 10px; margin-top: 13px; padding: 4px 20px; background-color: #E3FBFE; border-radius: 100px; color: #3F70BA; cursor: pointer; }
.item-regiao-loja-m-fixo:hover { background-color: #94EDFF; }
.atv-selecao-loja-m-fixo { background-color: #FDC92E !important; color: #A17612 !important; }
.atv-selecao-loja-m-fixo:hover { background-color: #FFE494; }
#div-topo-pagina-lojas { width: 100%; height: 600px; position: relative; float: left; margin-top: 30px; background: url('img/nuvens.webp'); background-size: cover; overflow: hidden; }
#bg-topo-pagina-lojas { width: 5000px; height: 600px; position: absolute; left: 50%; margin-left: -4890px; background-color: #C21D18; transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -webkit-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg); background: url(img/bg-mapa-topo-loja.webp); background-repeat: repeat-x; background-size: 1900px 600px; z-index: 10; }
#view-bg-topo-lojas { width: 1000px; height: 600px; position: absolute; left: 50%; margin-top: 0px; margin-left: 0px; }
#view-conteudo-desktop-banner-lojas { width: 100%; height: 100%; position: absolute; z-index: 40; }
#div-conteudo-desktop-banner-lojas { width: 1155px; height: 100%; position: relative; margin: auto; }
#conteudo-txt-banner-lojas-desktop { width: 100%; height: 300px; position: absolute; top: 270px; }
#conteudo-txt-banner-lojas-desktop h3 { width: 250px; height: 100%; position: relative; float: left; margin-top: 28px; line-height: 45px; font-size: 50px; color: #fff; font-weight: 700; text-transform: uppercase; }
#conteudo-txt-banner-lojas-desktop span { color: #FFCC26; }
#txt-topo-conteudo-desktop-loja { width: 310px; height: auto; position: relative; float: left; color: #fff; font-size: 24px; font-weight: 300; margin-top: 23px; }
#ornamento-d-lojas { width: 300px; height: 293px; position: absolute; right: 0px; top: -35px; background: url('img/bg-dd-id-desktop-r.webp'); background-size: 300px; }
#ornamento-e-lojas { width: 300px; height: 293px; position: absolute; left: 0px; bottom: -65px; background: url('img/bg-dd-id-desktop.webp'); background-size: 300px; }
#div-topo-pagina-lojas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 270px; margin-bottom: 5px; color: #2D2C2D; font-size: 50px; text-align: center; font-weight: 600; }
#div-topo-pagina-lojas p { width: 500px; height: auto; position: relative; margin: auto; margin-top: -16px; color: #2D2D2C; font-size: 24px; text-align: center; padding: 0px 20px; }
#div-listagem-lojas { width: 100%; height: auto; position: relative; float: left; padding-bottom: 70px; z-index: 10; }
#view-listagem-lojas { width: 1200px; height: auto; position: relative; margin: auto; padding-top: 100px; z-index: 10; }
.faixa-regiao-listagem-lojas { width: 100%; height: auto; position: relative; float: left; margin-bottom: 90px; }
.div-regiao-listagem-lojas { width: 40%; height: 100%; position: relative; float: left; }
.tag-regia-listagem-loja { width: 120px; height: 120px; position: relative; float: left; border-radius: 0px 30px 30px 30px; background-color: #778DCD; }
.tag-regia-listagem-loja p { width: 100%; height: 20px; position: absolute; top: 50%; margin-top: -22px; font-size: 34px; color: #fff; font-weight: 600; text-align: center; text-transform: uppercase; }
.nome-tag-regiao-listagem-loja { width: 300px; height: auto; position: relative; float: left; margin-left: 10px; padding: 39px 0px; background-color: #5871BD; color: #fff; font-size: 30px; text-align: center; border-radius: 20px; }
.div-cards-lojas-listagem { width: 60%; height: auto; position: relative; float: left; }

/*item card loja*/
.item-card-loja-listagem { width: 100%; height: 120px; position: relative; float: left; margin-bottom: 20px; background-color: #F0F9F9; border-radius: 20px; padding: 0px 30px; overflow: hidden; }
.item-card-loja-listagem:hover { background-color: #F1FDFF; }
.item-card-loja-listagem h5 { width: 60%; height: auto; position: relative; float: left; font-size: 24px; color: #232221; font-weight: 500; }
.item-card-loja-listagem p { width: 70%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 16px; color: #575859; font-weight: 300; }
.mascara-cta-card-loja { width: 100%; height: 100%; position: absolute; z-index: 90; display: none; cursor: pointer; }
.cta-mais-detalhes-lojas { width: auto; height: auto; position: absolute; right: 30px; top: 50%; margin-top: -18px; padding: 6px 15px; background-color: #FFC024; color: #A07612; font-weight: 500; border-radius: 40px; cursor: pointer; opacity: 0; }
.cta-mais-detalhes-lojas:hover { background-color: #FFDB82; }
.item-card-loja-listagem:hover .cta-mais-detalhes-lojas { opacity: 1; }
.icone-bg-card-loja { width: 60px; height: 60px; position: absolute; right: -17px; top: -6px; background-color: #DBF3FF; border-radius: 14px; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); }
.icone-card-loja { width: 25px; height: 25px; position: absolute; right: 13px; top: 12px; background: url('img/icone-card-loja.webp'); background-size: 25px; }
.sigla-tag-regia-lj-mobile { width: auto; height: auto; position: absolute; right: 11px; top: 10px; padding: 4px 5px; background-color: #778DCE; border-radius: 8px; color: #fff; font-size: 17px; }

/* ==========================================================================
  Página interna de lojas
========================================================================== */
#topo-pgi-loja { width: 100%; height: 700px; position: relative; float: left; margin-top: 156px; background-color: #0064D3; z-index: 110; }
#bg-topo-pgi-loja { width: 1169px; height: 600px; position: absolute; z-index: 10; left: 50%; top: 50%; margin-left: -584.5px; margin-top: -300px; background: url(img/bg-topo-loja.webp); background-size: 1169px; opacity: 0.3; }
#view-topo-pgi-loja { width: 1200px; height: 100%; position: relative; margin: auto; z-index: 20; }
#view-topo-pgi-loja h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 125px; margin-bottom: 10px; font-size: 50px; color: #fff; text-align: center; font-weight: 700; }
#view-topo-pgi-loja p { width: 600px; height: auto; position: relative; margin: auto; color: #fff; font-size: 20px; text-align: center !important; font-weight: 300; }
#faixa-cta-banner-loja-int { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#view-faixa-cta-banner-loja-int { width: 400px; height: auto; position: relative; margin: auto; }
#cta-ver-no-mapa-pgl { width: auto; height: auto; position: relative; float: left; font-size: 22px; font-weight: 600; padding: 10px 24px; color: #A17512; background-color: #FFCE27; border-radius: 50px; cursor: pointer; }
#cta-ver-no-mapa-pgl:hover { background-color: #FFDE6E; }
#cta-falar-loja-int { width: auto; height: auto; position: relative; float: left; margin-left: 15px; font-size: 22px; font-weight: 600; padding: 10px 24px; color: #FFCD27; border: 1px solid #FFCE27; border-radius: 50px; cursor: pointer; }
#cta-falar-loja-int:hover { color: #A17512; border: 1px solid #FFE280; background-color: #FFE280; }
#faixa-beneficios-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#faixa-beneficios-lojas p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; font-size: 20px; color: #fff; text-align: center; }
#faixa-blocos-beneficios-loja { width: auto; height: auto; position: relative; margin: auto; }
#carrossel-beneficios-loja { width: 100%; height: auto; position: relative; float: left; margin-top: -240px; z-index: 100; }
#view-carrossel-beneficios-loja { width: 900px; height: auto; position: relative; margin: auto; }
.swiper-beneficios-loja { width: 100%; height: 100px; }
.ctrl-e-beneficios-lojas { width: 40px; height: 40px; position: absolute; top: 15px; left: -45px; background: url('img/arrow-l-bnf-lojas.webp'); background-size: 40px; cursor: pointer; }
.ctrl-d-beneficios-lojas { width: 40px; height: 40px; position: absolute; top: 15px; right: -45px; background: url('img/arrow-r-bnf-lojas.webp'); background-size: 40px; cursor: pointer; }
.blc-4x { width: 700px !important; }
.item-bloco-beneficio { width: auto; height: auto; position: relative; float: left; padding: 0px 0px; }
.bg-icone-beneficio { width: 70px; height: 70px; position: relative; margin: auto; background-color: #fff; border-radius: 100%; }
.bg-icone-beneficio:hover { background-color: #FFCE27; }
.bg-icone-beneficio:hover .legenda-icone-beneficio { color: #FFCE27; }
.icone-beneficio { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; }
.legenda-icone-beneficio { width: 160px; height: auto; position: absolute; left: 50%; margin-left: -80px; bottom: -28px; font-size: 14px; color: #fff; text-align: center; }
#seta-topo-loja { width: 70px; height: 70px; position: absolute; left: 50%; margin-left: -35px; bottom: -30px; background: url('img/seta-topo-loja.webp'); background-size: 70px; z-index: 30; }
#galeria-de-fotos-loja { width: 100%; height: auto; position: relative; float: left; background-color: #fff !important; z-index: 100; overflow: hidden; }
.item-galeria-fts-loja { width: 400px; height: auto; position: relative; float: left; }

/*Controles galeria de fotos loja*/
.bloco-ctrl-galeria-loja { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.bloco-ctrl-galeria-loja:hover { background-color: #EDFBFE; }
.bloco-ctrl-l-loja { left: 30px }
.bloco-ctrl-r-loja { right: 30px }
.seta-l-ctrl-loja { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-l.webp); background-size: 60px; }
.seta-r-ctrl-loja { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-r.webp); background-size: 60px; }

/*Bloco ofertas facebook*/
#mais-ofertas-fb { width: 1px; height: 1px; position: absolute; left: 0px; top: -222175px; }
#sessao-ofertas-facebook { width: 100%; height: auto; position: relative; float: left; margin-top: 55px; margin-bottom: -55px; padding-bottom: 140px; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; z-index: 100; }
.bg-s-top-ofertas-facebook { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; border-radius: 100%; z-index: 1; }
#view-sessao-ofertas-facebook { width: 80%; height: auto; position: relative; margin: auto; z-index: 20; }
#view-sessao-ofertas-facebook h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 46px !important; color: #2D2F2D; text-align: center !important; font-weight: 600 !important; }
#faixa-blocos-ofertas { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; }
.item-bloco-oferta-loja-interna { width: 24%; height: auto; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 20px; border-radius: 10px; overflow: hidden; }
.fancybox__container { --fancybox-bg: rgba(25, 38, 48, 0.9); }
#faixa-cta-ofertas-sm { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#cta-todas-ofertas-sm { width: 250px; height: auto; position: relative; margin: auto; padding: 15px 0px; background-color: #636DFB; color: #fff; border-radius: 30px; font-size: 22px; text-align: center; cursor: pointer; }
#cta-todas-ofertas-sm:hover { background-color: #3B48FF; }

/*Janela ofertas sm*/
#janela-ofertas-sm { width: 100%; height: 0%; position: fixed; top: -100%; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; z-index: 1001; opacity: 0; overflow: hidden; }
#toolbar-janela-ofertas-sm { width: 100%; height: 80px; position: absolute; top: 0px; background-color: #fff; z-index: 100; }
#view-toolbar-janela-sm { width: 90%; height: 100%; position: relative; margin: auto; }
#logo-dd-ofertas-sm { width: 205px; height: 33px; position: relative; float: left; margin-top: 24px; background: url('img/logo-atcadao-dia-a-dia.webp'); background-size: 205px; }
#cta-fechar-janela-ofertas-sm { width: auto; height: auto; position: relative; float: right; margin-top: 19px; padding: 8px 18px 8px 40px; background-color: #EF2818; color: #fff; font-size: 18px; border-radius: 90px; cursor: pointer; }
#fechar-icn-cta-j-sm { width: 28px; height: 28px; position: absolute; left: 7px; top: 7px; background: url('img/fechar.webp'); background-size: 28px; }
.container-ofertas-jsm-int { width: 100%; height: 100%; position: relative; float: left; padding-top: 100px; overflow-y: scroll; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; }
#view-sessao-ofertas-facebook-janela { width: 80%; height: auto; position: relative; margin: auto; }
#view-sessao-ofertas-facebook-janela-destaque { width: 80%; height: auto; position: relative; margin: auto; }
#rodape-ofertas-sm { width: 100%; height: 40px; position: relative; float: left; }

/* ==========================================================================
  Página espaço do fornecedor
========================================================================== */
#div-fornecedores-pg { width: 100%; height: auto; position: relative; float: left; margin-bottom: -130px; background: url(img/bg-espaco-fornecedor-int.webp); background-repeat: repeat; padding-bottom: 150px; }
#view-fornecedores-pg { width: 95%; max-width: 1500px; height: auto; position: relative; margin: auto; }
#view-fornecedores-pg h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; margin-bottom: 10px; font-size: 48px; color: #343435; text-align: center; font-weight: 700; }
#view-fornecedores-pg p { width: 760px; height: auto; position: relative; margin: auto; padding-top: 0px; font-size: 28px; color: #39393A; text-align: center; font-weight: 300; }
#faixa-itens-fornecedores { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
.item-fornecedor-pg { width: 12.5%; height: auto; position: relative; float: left; margin-bottom: 20px; }
.item-fornecedor-pg-int { width: 75%; height: auto; position: relative; margin: auto; border-radius: 100%; overflow: hidden; border: 6px solid #fff; }
.item-fornecedor-pg-int:hover { border: 6px solid #ffeda4; }

/* ==========================================================================
  Página Fornecedor
========================================================================== */
.div-bloco-conteudo { width: 100%; height: auto; position: relative; float: left; background-color: #FFFFFE; z-index: 560; padding-bottom: 110px; }
#logo-cover-fornecedor { width: 160px; height: 160px; position: absolute; left: 50%; margin-left: -80px; top: -74px; background-color: #ffffff; border-radius: 20px; overflow: hidden; z-index: 100; }
#div-ornamento-bg-fornecedor { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; z-index: 1; }
#ornamento-e-pg-fornecedor { width: 380px; height: 300px; position: absolute; left: 0px; top: 0px; background: url(img/ornamento-e-pg-fornecedor.webp); background-size: 380px; }
#ornamento-d-pg-fornecedor { width: 380px; height: 300px; position: absolute; right: 0px; top: 0px; background: url(img/ornamento-d-pg-fornecedor.webp); background-size: 380px; }
.view-bloco-conteudo { width: 1200px; height: auto; position: relative; margin: auto; z-index: 50; }
.view-bloco-conteudo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; margin-bottom: 5px; text-align: center; color: #000; font-size: 48px; font-weight: 600; padding: 0px 290px; line-height: 60px; }
.view-bloco-conteudo p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 26px; color: #575656; text-align: left !important; padding: 0px 200px; }

/*Inicio Faixa de produtos do fornecedor*/
#faixa-produtos-fornecedor { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; z-index: 565; padding-bottom: 100px; }
#view-faixa-produtos-fornecedor { width: 1200px; height: auto; position: relative; margin: auto; z-index: 20; padding-top: 10px; }
#view-faixa-produtos-fornecedor h2 { width: 100%; height: auto; position: relative; float: left; font-size: 44px; color: #D2242A; text-align: center; font-weight: 600; }
#view-faixa-produtos-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; font-size: 26px; color: #2B2C2C; text-align: center; }
#faixa-cards-produtos-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; overflow: hidden; z-index: 99; }
.item-card-produto-fornecedor { width: 200px; height: 290px !important; position: relative; float: left; margin-left: 20px; margin-right: -10px !important; background-color: #fff; border-radius: 15px; }
.foto-card-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
.foto-card-fornecedor-int { width: 90%; height: auto; position: relative; margin: auto; background-color: #f4f4f4 !important; border-radius: 10px; overflow: hidden; }
.legenda-card-produto { width: 100%; height: auto; position: absolute; bottom: 25px; padding: 0px 20px; font-size: 16px; color: #515151; text-align: center; box-sizing: border-box; }
.bg-s-bottom-produtos-fornecedores { width: 500px; height: 500px; position: absolute; bottom: -66px; left: 50%; margin-left: -250px; background: url(img/bg-ofertas-sm.webp); border-radius: 100%; z-index: 19; }

/*Controles carrossel de ofertas*/
.bloco-ctrl-carrossel-ofertas { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.bloco-ctrl-carrossel-ofertas:hover { background-color: #EDFBFE; }
.bloco-ctrl-l-carrossel-ofertas { left: 30px }
.bloco-ctrl-r-carrossel-ofertas { right: 30px }
.bloco-ctrl-l-carrossel-galeria-fornecedor { left: 30px }
.bloco-ctrl-r-carrossel-galeria-fornecedor { right: 30px }
.seta-l-ctrl-carrossel-ofertas { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-l.webp); background-size: 60px; }
.seta-r-ctrl-carrossel-ofertas { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-r.webp); background-size: 60px; }

/*galeria de fotos fornecedor*/
#faixa-galeria-fornecedor { width: 100%; height: auto; position: relative; float: left; }
.item-galeria-ft-fornecedor { width: 20%; height: 270px; position: relative; float: left; overflow: hidden; background-color: #fff; }
.item-ft-galeria-fornecedor-int { width: 440px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -220px; margin-top: -150px; }

/*Inicio sessao video fornecedor*/
#div-video-fornecedor { width: 100%; height: auto; position: relative; float: left; padding-bottom: 200px; }
#view-sessao-video-fornecedor { width: 1200px; height: auto; position: relative; margin: auto; }
#view-sessao-video-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; font-size: 34px; color: #fff; text-align: center; font-weight: 600; }
#player-video-fornecedor { width: 1100px; height: 618px; position: relative; float: left; margin-left: 50px; margin-top: 20px; border-radius: 20px; overflow: hidden; }
#legenda-player-video { width: 1100px; height: auto; position: relative; float: left; margin-left: 50px; margin-top: 40px; font-size: 26px; color: #fff; text-align: left; }

/*estilos do blog página fornecedor*/
.bg-blog-fornecedor { background-color: #fff !important; }

/* ==========================================================================
  Página Fornecedor
========================================================================== */
#logo-cover-fornecedor { width: 160px; height: 160px; position: absolute; left: 50%; margin-left: -80px; top: -74px; background-color: #ffffff; border-radius: 20px; overflow: hidden; z-index: 100; }
#div-ornamento-bg-fornecedor { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; z-index: 1; }
#ornamento-e-pg-fornecedor { width: 380px; height: 300px; position: absolute; left: 0px; top: 0px; background: url(img/ornamento-e-pg-fornecedor.webp); background-size: 380px; }
#ornamento-d-pg-fornecedor { width: 380px; height: 300px; position: absolute; right: 0px; top: 0px; background: url(img/ornamento-d-pg-fornecedor.webp); background-size: 380px; }
.view-bloco-conteudo { width: 1200px; height: auto; position: relative; margin: auto; z-index: 50; }
.view-bloco-conteudo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; margin-bottom: -40px; text-align: center; color: #000; font-size: 48px; font-weight: 600; padding: 0px 290px; line-height: 60px; }
.view-bloco-conteudo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; margin-bottom: 5px; text-align: center; color: #000; font-size: 48px; font-weight: 600; padding: 0px 290px; line-height: 60px; }
.view-bloco-conteudo p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 26px; color: #575656; text-align: center; padding: 0px 200px; }

/*Inicio Faixa de produtos do fornecedor*/
#faixa-produtos-fornecedor { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; z-index: 565; padding-bottom: 100px; }
#view-faixa-produtos-fornecedor { width: 1200px; height: auto; position: relative; margin: auto; z-index: 20; padding-top: 10px; }
#view-faixa-produtos-fornecedor h2 { width: 100%; height: auto; position: relative; float: left; font-size: 44px; color: #D2242A; text-align: center; font-weight: 600; }
#view-faixa-produtos-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; font-size: 26px; color: #2B2C2C; text-align: center; }
#faixa-cards-produtos-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 7px; overflow: hidden; z-index: 99; }
.item-card-produto-fornecedor { width: 200px; height: 290px !important; position: relative; float: left; margin-left: 20px; margin-right: -10px !important; background-color: #fff; border-radius: 15px; }
.foto-card-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
.foto-card-fornecedor-int { width: 90%; height: auto; position: relative; margin: auto; background-color: #dadada; border-radius: 10px; overflow: hidden; }
.legenda-card-produto { width: 100%; height: auto; position: absolute; bottom: 25px; padding: 0px 20px; font-size: 16px; color: #515151; text-align: center; box-sizing: border-box; }
.bg-s-bottom-produtos-fornecedores { width: 500px; height: 500px; position: absolute; bottom: -66px; left: 50%; margin-left: -250px; background: url(img/bg-ofertas-sm.webp); border-radius: 100%; z-index: 19; }

/*Controles carrossel de ofertas*/
.bloco-ctrl-carrossel-ofertas { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.bloco-ctrl-carrossel-ofertas:hover { background-color: #EDFBFE; }
.bloco-ctrl-l-carrossel-ofertas { left: 30px }
.bloco-ctrl-r-carrossel-ofertas { right: 30px }
.bloco-ctrl-l-carrossel-galeria-fornecedor { left: 30px }
.bloco-ctrl-r-carrossel-galeria-fornecedor { right: 30px }
.seta-l-ctrl-carrossel-ofertas { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-l.webp); background-size: 60px; }
.seta-r-ctrl-carrossel-ofertas { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-r.webp); background-size: 60px; }

/*galeria de fotos fornecedor*/
#faixa-galeria-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
.item-galeria-ft-fornecedor { width: 20%; height: 270px; position: relative; float: left; overflow: hidden; background-color: #fff; }
.item-ft-galeria-fornecedor-int { width: 440px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -220px; margin-top: -150px; }

/*Inicio sessao video fornecedor*/
#div-video-fornecedor { width: 100%; height: auto; position: relative; float: left; padding-bottom: 200px; }
#view-sessao-video-fornecedor { width: 1200px; height: auto; position: relative; margin: auto; }
#view-sessao-video-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; font-size: 34px; color: #fff; text-align: center; font-weight: 600; }
#player-video-fornecedor { width: 1100px; height: 618px; position: relative; float: left; margin-left: 50px; margin-top: 20px; border-radius: 20px; overflow: hidden; }
#legenda-player-video { width: 1100px; height: auto; position: relative; float: left; margin-left: 50px; margin-top: 40px; font-size: 26px; color: #fff; text-align: left; }

/*estilos do blog página fornecedor*/
.bg-blog-fornecedor { background-color: #fff !important; }

/* ==========================================================================
  Página DD Express
========================================================================== */
#div-topo-dd-express { width: 100%; height: 670px; position: relative; float: left; margin-top: 115px; background: url(img/bg-topo-dd-express.webp); background-repeat: repeat; z-index: 30; }
#div-elementos-bg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; overflow: hidden; }
#pizza-topo-centro { width: 500px; height: 500px; position: absolute; left: 50%; margin-left: -250px; top: -300px; margin-top: 0px; background: url(img/pizza-topo-dd-express.webp); background-size: 500px; }
#folhas-pizza-topo { width: 200px; height: 143px; position: absolute; left: 50%; margin-left: -100px; margin-top: -300px; top: -50px; background: url(img/folhas-pizza-topo.webp); background-size: 200px; z-index: 10; }
#pote-catchup { width: 250px; height: 250px; position: absolute; top: 0px; left: 258px; background: url(img/pote-catchup.webp); background-size: 250px; }
#tomate-topo { width: 250px; height: 258px; position: absolute; top: 220px; left: -120px; background: url(img/tomate.webp); background-size: 250px; }
#pedaco-pizza { width: 500px; height: 556px; position: absolute; right: -20px; top: 20px; background: url(img/pedaco-pizza-topo.webp); background-size: 500px; }
#view-topo-dd-express { width: 1200px; height: 100%; position: relative; margin: auto; z-index: 20; }
#faixa-logo-topo-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 255px; }
#dd-express-logo-topo { width: 350px; height: 219px; position: relative; margin: auto; background-image: url(img/dd-express-logo.webp); background-size: 350px; }
#faixa-cta-topo-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; }
#cta-int-topo-dd-express { width: 250px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #FFCC27; color: #A17511; font-size: 20px; text-align: center; border-radius: 30px; cursor: pointer; }
#cta-int-topo-dd-express:hover { background-color: #FFE437; }
#pote-mangericao { width: 200px; height: 189px; position: absolute; left: 50%; margin-left: -100px; bottom: -160px; background: url('img/pot-catchup-com-mangericao.webp'); background-size: 200px; }
#divisoria-topo-dd-express { width: 100%; height: 348px; position: absolute; bottom: -147px; background: url(img/divisoria-topo-dd-express.webp); background-repeat: repeat-x; }
.rotate { animation: rotation 123s infinite ease; -webkit-animation: rotation 123s infinite ease; -o-animation: rotation 123s infinite ease; -moz-animation: rotation 123s infinite ease; -ms-animation: rotation 123s infinite ease; }
@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-ms-keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-moz-keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-o-keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*Segunda sessao DD Express*/
#s-2-dd-express { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-s2-dd-express.webp'); background-repeat: repeat; padding-bottom: 200px; z-index: 20; }
#elementos-bg-s2 { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; overflow: hidden; }
#pizza-e-s2-dd-express { width: 300px; height: 458px; position: absolute; left: -10px; top: 50%; margin-top: -220px; background: url('img/pizza-bg-e-s2.webp'); background-size: 300px; }
#pizza-d-s2-dd-express { width: 300px; height: 458px; position: absolute; right: -10px; top: 50%; margin-top: -220px; background: url('img/pizza-bg-d-s2.webp'); background-size: 300px; }
#view-s2-dd-express { width: 900px; height: 100%; position: relative; margin: auto; z-index: 20; }
#view-s2-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 230px; font-size: 42px; color: #fff; font-weight: 500; text-align: center; padding: 0px 220px; }
#view-s2-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #fff; font-size: 20px; text-align: center; padding: 0px 180px; }
#bloco-ctas-lojas-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 150px; }
#chamada-lojas-dd-express-disponiveis { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #FFD02C; text-align: center; }
.item-cta-l-dd-express { width: auto; height: auto; float: left; margin-top: 30px; margin-bottom: -20px; margin-left: 10px; margin-right: 10px; padding: 10px 20px; background-color: #77ACA7; font-size: 18px; color: #fff; border-radius: 50px; cursor: pointer; }
.item-cta-l-dd-express:hover { background-color: #FFCC26; color: #A17511; }

/*Inicio sessao sabores de pizza*/
#div-s-sabores-pizza { width: 100%; height: auto; position: relative; float: left; background-color: #FFF9EB; padding-bottom: 200px; z-index: 2; }
.faixa-tipografia-dd-express-out { width: 100%; height: 400px; position: absolute; top: 0px; overflow: hidden; }
.faixa-tipografia-pizza { width: 15000px; height: 100px; position: relative; float: left; background: url('img/tipografia-pizzas.webp'); background-repeat: repeat-x; }
#tipografia-pizza-2 { margin-left: -3000px; }
#pizza-calabresa-topo { width: 700px; height: 700px; position: absolute; left: 50%; margin-left: -350px; margin-top: -390px; background: url('img/pizza-calabresa.webp'); background-size: 700px; }
.folha-direita-dd-express { width: 200px; height: 184px; position: absolute; background: url('img/folha-esquerda-dd-express.webp'); background-size: 200px; }
.folha-esquerda-dd-express { width: 200px; height: 184px; position: absolute; background: url('img/folha-direita-dd-express.webp'); background-size: 200px; }
.folha-d1 { right: 90px; top: 1350px; }
.folha-e1 { left: -40px; top: 250px; }
#view-sabores-pizza-dd-express { width: 1200px; height: auto; position: relative; margin: auto; z-index: 50; }
#view-sabores-pizza-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 390px; font-size: 55px; color: #844D1F; text-align: center; font-weight: 700; }
#view-sabores-pizza-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 24px; color: #845023; text-align: center; font-weight: 300; padding: 0px 320px; }
#tomate-sabores-pizza { width: 250px; height: 258px; position: absolute; top: 260px; right: 0px; background: url(img/tomate.webp); background-size: 250px; }

/*Inicio cards-sabores de pizza*/
#faixa-swiper-sabores-pizza { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; overflow: hidden; }
.item-card-dd-express { width: 250px; height: auto; position: relative; float: left; margin-left: 40px; margin-right: -25px !important; padding-bottom: 40px; background-color: #ffd600 !important; border-radius: 20px; }
.foto-item-dd-express { width: 85%; height: auto; position: relative; float: left; margin-left: 7.5%; margin-top: 0px; }
.legenda-card-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #ab5141 !important; font-size: 18px; font-weight: 500; text-align: center; padding: 0px 20px; box-sizing: border-box; }

/*controles cards DD express*/
.bloco-ctrl-dd-express { width: 75px; height: 75px; position: absolute; top: 50%; margin-top: -22px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.seta-l-ctrl-dd-express { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-l-dd-express.webp); background-size: 60px; }
.seta-r-ctrl-dd-express { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-r-dd-express.webp); background-size: 60px; }
#barra-chocolate-pizza-d { width: 250px; height: 370px; position: absolute; right: 0px; bottom: -190px; background: url('img/barra-chocolate-d.webp'); background-size: 250px; }
#div-s-sabores-esfirras { width: 100%; height: auto; position: relative; float: left; background-color: #544039; padding-bottom: 200px; }
.folha-d2 { right: 90px; bottom: -120px; }
.folha-e2 { left: -60px; top: 30px; z-index: 10; }

/*Inicio sabores esfirras*/
.faixa-tipografia-esfirras { width: 15000px; height: 100px; position: relative; float: left; background: url('img/tipografia-esfirras.webp'); background-repeat: repeat-x; }
#tipografia-esfirra-2 { margin-left: -3000px; }
#pizza-esfirra-morango-topo { width: 700px; height: 700px; position: absolute; left: 50%; margin-left: -350px; margin-top: -390px; background: url('img/esfirra-morango-topo.webp'); background-size: 700px; }
#barra-chocolate-pizza-e { width: 250px; height: 370px; position: absolute; left: 0px; top: 100px; background: url('img/barra-chocolate-e.webp'); background-size: 250px; z-index: 20; }
#view-sabores-esfirras-dd-express { width: 1200px; height: auto; position: relative; margin: auto; z-index: 50; }
#view-sabores-esfirras-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 390px; font-size: 55px; color: #D5CBB7; text-align: center; font-weight: 700; }
#view-sabores-esfirras-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 24px; color: #D5CBB7; text-align: center; font-weight: 300; padding: 0px 200px; }

/*Inicio cards-sabores de esfirras*/
#faixa-swiper-sabores-esfirras { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; overflow: hidden; }
.item-card-esfirra-dd-express { width: 250px; height: auto; position: relative; float: left; margin-left: 40px; margin-right: -25px !important; padding-bottom: 40px; background-color: #FFF9EC; border-radius: 20px; }

/*Inicio iFood DD express*/
#s-ifood-dd-express { width: 100%; height: auto; position: relative; float: left; z-index: 100; padding-bottom: 200px; }
#faixa-nuvens-ifood { width: 100%; height: 600px; position: absolute; top: 0px; overflow: hidden; }
.nuvem-grande { width: 400px; height: 91px; position: absolute; right: 0%; background: url('img/nuvem-ifood.webp'); background-size: 400px; }
.nuvem-media { width: 300px; height: 68px; position: absolute; right: 0%; background: url('img/nuvem-ifood.webp'); background-size: 300px; }
.nuvem-pequena { width: 150px; height: 34px; position: absolute; right: 0%; background: url('img/nuvem-ifood.webp'); background-size: 150px; }
.nuvem-1 { top: 100px; animation: animanuvem 190s infinite; -webkit-animation: animanuvem 190s infinite; -o-animation: animanuvem 190s infinite; -moz-animation: animanuvem 190s infinite; -ms-animation: animanuvem 190s infinite; }
.nuvem-2 { top: 200px; animation: animanuvem 120s infinite; -webkit-animation: animanuvem 120s infinite; -o-animation: animanuvem 120s infinite; -moz-animation: animanuvem 120s infinite; -ms-animation: animanuvem 120s infinite; }
.nuvem-3 { top: 100px; animation: animanuvem 80s infinite; -webkit-animation: animanuvem 80s infinite; -o-animation: animanuvem 80s infinite; -moz-animation: animanuvem 80s infinite; -ms-animation: animanuvem 80s infinite; }
.nuvem-4 { top: 250px; animation: animanuvem 150s infinite; -webkit-animation: animanuvem 150s infinite; -o-animation: animanuvem 150s infinite; -moz-animation: animanuvem 150s infinite; -ms-animation: animanuvem 150s infinite; }
.nuvem-5 { top: 270px; animation: animanuvem 57s infinite; -webkit-animation: animanuvem 57s infinite; -o-animation: animanuvem 57s infinite; -moz-animation: animanuvem 57s infinite; -ms-animation: animanuvem 57s infinite; }
.nuvem-6 { top: 160px; animation: animanuvem 70s infinite; -webkit-animation: animanuvem 70s infinite; -o-animation: animanuvem 70s infinite; -moz-animation: animanuvem 70s infinite; -ms-animation: animanuvem 70s infinite; }
.nuvem-7 { top: 300px; animation: animanuvem 280s infinite; -webkit-animation: animanuvem 280s infinite; -o-animation: animanuvem 280s infinite; -moz-animation: animanuvem 280s infinite; -ms-animation: animanuvem 280s infinite; }
.nuvem-8 { top: 120px; animation: animanuvem 240s infinite; -webkit-animation: animanuvem 240s infinite; -o-animation: animanuvem 240s infinite; -moz-animation: animanuvem 240s infinite; -ms-animation: animanuvem 240s infinite; }
@keyframes animanuvem {
    0% { right: -20%; }
    100% { right: 110%; }
}
@-ms-keyframes animanuvem {
    0% { right: -20%; }
    100% { right: 110%; }
}
@-webkit-keyframes animanuvem {
    0% { right: -20%; }
    100% { right: 110%; }
}
@-moz-keyframes animanuvem {
    0% { right: -20%; }
    100% { right: 110%; }
}
@-o-keyframes animanuvem {
    0% { right: -20%; }
    100% { right: 110%; }
}
#view-s-ifood { width: 1200px; height: auto; position: relative; margin: auto; z-index: 20; }
#bloco-logo-ifood { width: 200px; height: 200px; position: absolute; left: 50%; margin-left: -100px; top: -100px; background: url('img/ifood-logo.webp'); border-radius: 20px; overflow: hidden; background-size: 200px; }
#view-s-ifood h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; color: #2F2F2D; font-size: 50px; font-weight: 700; text-align: center; }
#view-s-ifood p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #565757; font-size: 28px; font-weight: 300; text-align: center; padding: 0px 280px; }
#faixa-motoboy { width: 100%; height: 500px; position: relative; float: left; margin-top: 20px; overflow: hidden; }
#motoboy-dd-express { width: 340px; height: 320px; position: absolute; left: 0px; bottom: 0px; background: url('img/motoboy.gif'); background-size: 320px; background-repeat: no-repeat; z-index: 30; animation: motoboy 20s infinite; -webkit-animation: motoboy 20s infinite; -o-animation: motoboy 20s infinite; -moz-animation: motoboy 20s infinite; -ms-animation: motoboy 20s infinite; }
#celular-entrega-dd-express { width: 200px; height: 412px; position: absolute; left: 50%; margin-left: -100px; top: 10px; background: url('img/telefone.gif'); background-size: 200px; z-index: 20; }
#ornamento-esquedo-celular { width: 115px; height: 250px; position: absolute; left: 50%; margin-left: -188px; bottom: 79px; background: url(img/ornamento-esquerdo-celular.webp); background-size: 115px; z-index: 15; }
#ornamento-direito-celular { width: 150px; height: 144px; position: absolute; left: 50%; margin-left: 50px; top: 90px; background: url(img/ornamento-direito-celular.webp); background-size: 150px; z-index: 15; }
#faixa-ctas-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#view-ctas-dd-express-pedido { width: 670px; height: 100%; position: relative; margin: auto; }
.item-cta-pedido-dd-express { width: 200px; height: auto; position: relative; float: left; padding: 12px 0px; background-color: #FFCB26; color: #A07612; text-align: center; font-weight: 400; font-size: 19px; border-radius: 80px; cursor: pointer; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; }
.item-cta-pedido-dd-express:hover { background-color: #FFDE74; }
@keyframes motoboy {
    0% { left: -20%; }
    100% { left: 110%; }
}
@-ms-keyframes motoboy {
    0% { left: -20%; }
    100% { left: 110%; }
}
@-webkit-keyframes motoboy {
    0% { left: -20%; }
    100% { left: 110%; }
}
@-moz-keyframes motoboy {
    0% { left: -20%; }
    100% { left: 110%; }
}
@-o-keyframes motoboy {
    0% { left: -20%; }
    100% { left: 110%; }
}
#s-horarios-dd-express { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-ofertas-sm.webp'); background-repeat: repeat; z-index: 30; padding-bottom: 130px; }
#pote-mangericao-horarios { width: 200px; height: 189px; position: absolute; left: 50%; margin-left: -100px; top: -140px; background: url('img/pot-catchup-com-mangericao.webp'); background-size: 200px; z-index: 60; }
#tomate-horarios-d-pizza { width: 250px; height: 258px; position: absolute; top: 60px; right: 0px; background: url(img/tomate.webp); background-size: 250px; }
#tomate-horarios-e-pizza { width: 250px; height: 258px; position: absolute; top: 420px; left: -120px; background: url(img/tomate.webp); background-size: 250px; }
#view-s-horarios-dd-express { width: 720px; height: auto; position: relative; margin: auto; z-index: 10; }
#view-s-horarios-dd-express h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; color: #2F2D2F; font-size: 44px; font-weight: 700; text-align: center; }
#view-s-horarios-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 60px; margin-top: -10px; color: #2D2D2D; font-size: 28px; text-align: center !important; }

/*Item horário DD Express*/
.item-horario-dd-express { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; border-radius: 20px; background-color: #FFEDA3; }
.legenda-horario-dd-express { width: 100%; height: auto; position: relative; float: left; padding: 30px 30px 30px 120px; color: #2D2F2F; font-size: 22px; text-align: left; }
.bg-out-ic-horario-dd-express { width: 100px; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; border-radius: 20px 0px 0px 20px; }
.bg-horarios-circulo-dd-express { width: 300px; height: 300px; position: absolute; left: -220px; top: -84px; background-color: #FFDC50; border-radius: 100%; }
.icn-relogio-dd-express { width: 100px; height: 100px; position: absolute; left: -30px; top: 50%; margin-top: -50px; background: url('img/relogio-dd-express.webp'); background-size: 100px; z-index: 20; }

/* ==========================================================================
  Inicio links oficias
========================================================================== */
#div-out-links-oficiais { width: 100%; height: auto; position: relative; float: left; overflow-x: hidden; }
#calculadora-nf { width: 450px; height: 482px; position: absolute; left: -200px; top: 200px; background: url('img/calculadora-nf.webp'); background-size: 450px; }
#cartoes-nf { width: 450px; height: 377px; position: absolute; right: -200px; top: 690px; background: url('img/cartoes-nf.webp'); background-size: 450px; }
#div-topo-links-oficiais { width: 100%; height: 900px; position: relative; float: left; background-color: #5424FB; background: url('img/bg-topo-dd-links-oficiais.webp'); background-repeat: repeat; z-index: 10; }
.tndd-color { color: #304797 !important; }
.bg-topo-tndd { height: auto !important; padding-bottom: 150px !important; background: url('img/bg-topo-dd-links-oficiais-tndd.webp') !important; background-repeat: repeat !important; }
.bg-rdp-tndd { background: url('img/bg-topo-dd-links-oficiais-tndd-2.webp') !important; background-repeat: repeat !important; }
.bg-frango-tndd { height: auto !important; padding-bottom: 150px !important; background: url('img/bg-topo-dd-links-frango.webp') !important; background-repeat: repeat !important; }
#view-topo-links-oficiais { width: 1200px; height: auto; position: relative; margin: auto; }
#view-topo-links-oficiais h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 260px; font-size: 52px; font-weight: 800; text-align: center; text-transform: uppercase; color: #fff; }
#view-topo-links-oficiais h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 28px; color: #fff; font-weight: 700; text-align: center; }
.tndd-color-2 { color: #304797 !important; }
.fix-title-tem-n-dd-lp { margin-top: 80px !important; }
.tndd { width: 100%; height: auto; position: relative; float: left; margin-top: 190px !important; }
#faixa-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#nota-fiscal-int { width: 600px; height: auto; position: relative; margin: auto; }
#topo-nota-fiscal { width: 600px; height: 247px; position: absolute; top: 0px; background: url('img/topo-nota-fiscal.webp'); background-size: 600px; z-index: 99; }
#faixa-corpo-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; overflow: hidden; }
#corpo-nota-fiscal { width: 510px; height: auto; position: relative; float: left; margin-top: -2000px; margin-left: 45px; background-color: #fff; }
#divisoria-nf { width: 510px; height: 86px; position: relative; float: left; margin-left: 45px; background: url('img/divisoria-nf.webp'); background-repeat: repeat-x; }
#rodape-nf { width: 510px; height: auto; position: relative; float: left; margin-left: 45px; background-color: #fff; padding: 40px 0px 0px 0px; opacity: 0; }
#chamada-rodape-nf { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #282728; text-align: center; font-weight: 800; text-transform: uppercase; }
#cta-rodape-nf { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#cta-int-rodape-nf { width: 280px; height: auto; position: relative; margin: auto; padding: 15px 0px; background-color: #282728; font-size: 20px; color: #fff; font-weight: 700; text-align: center; border-radius: 90px; cursor: pointer; text-transform: uppercase; }
#cta-int-rodape-nf:hover { background-color: #5E5E5E; }
#legenda-cta-nf { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 18px; color: #2A2728; text-align: center; padding: 0px 120px; text-transform: uppercase; }
#faixa-titulo-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; border-top: 3px dotted #000; border-bottom: 3px dotted #000; padding: 20px 20px; font-size: 22px; color: #000000; text-transform: uppercase; text-align: center; }
#rodape-bg-nf { width: 510px; height: 100px; position: relative; float: left; margin-left: 45px; background: url('img/bg-rodape-nf.webp'); background-repeat: repeat-x; opacity: 0; }
.item-link-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; cursor: pointer; padding: 0px 20px; }
.icone-link-nf { width: 60px; height: 60px; position: relative; float: left; border: 2px dashed #000; border-radius: 15px; }
.icone-int-nf { width: 40px; height: 40px; position: relative; float: left; margin-top: 8px; margin-left: 8px; }
.sobre-link-nf { width: 70%; height: auto; position: relative; float: left; margin-top: 10px; margin-left: 14px; }
.nome-link-nf { width: 100%; height: auto; position: relative; float: left; font-size: 14px; color: #000; text-transform: uppercase; }
.txt-link-nf { width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #000; text-transform: uppercase; font-weight: 800; }
.cta-visitar-link-nf { width: auto; height: auto; position: absolute; right: 20px; top: 12px; padding: 7px 15px; border: 2px dashed #000; color: #000; font-weight: 800; border-radius: 10px; text-transform: uppercase; }
.item-link-nota-fiscal:hover .cta-visitar-link-nf { width: auto; height: auto; position: absolute; right: 20px; top: 12px; padding: 7px 15px; border: 2px dashed #000; color: #fff; background-color: #000; font-weight: 800; border-radius: 10px; text-transform: uppercase; }
.icone-aviso-nf { width: 60px; height: 60px; position: relative; float: left; border-radius: 15px; }
.txt-aviso-nf { width: 120%; height: auto; position: relative; float: left; text-transform: uppercase; margin-top: -2px; color: #000; font-size: 16px; }
#div-s2-nf { width: 100%; height: 1080px; position: relative; float: left; background: url('img/bg-bottom-dd-links-oficiais.webp'); background-repeat: repeat; }
#carrinho-nf { width: 450px; height: 367px; position: absolute; left: -200px; top: 1000px; background: url('img/carrinho-nf.webp'); background-size: 450px; }
#promo-nf { width: 450px; height: 419px; position: absolute; right: -200px; top: 1300px; background: url('img/promo-nf.webp'); background-size: 450px; }
.float { animation: float 10s infinite ease; -webkit-animation: float 10s infinite ease; -o-animation: float 10s infinite ease; -moz-animation: float 10s infinite ease; -ms-animation: float 10s infinite ease; }
@keyframes float {
    0% { margin-top: 50px; }
    50% { margin-top: -50px; }
    100% { margin-top: 50px; }
}
@-moz-keyframes float {
    0% { margin-top: 50px; }
    50% { margin-top: -50px; }
    100% { margin-top: 50px; }
}
@-ms-keyframes float {
    0% { margin-top: 50px; }
    50% { margin-top: -50px; }
    100% { margin-top: 50px; }
}
@-o-keyframes float {
    0% { margin-top: 50px; }
    50% { margin-top: -50px; }
    100% { margin-top: 50px; }
}
@-webkit-keyframes float {
    0% { margin-top: 50px; }
    50% { margin-top: -50px; }
    100% { margin-top: 50px; }
}

/* ==========================================================================
  Inicio Clube DD+
========================================================================== */
#menu-desktop-cta-clube { display: none; }
#menu-fixo-clube-dd { width: 100%; height: 119px; position: fixed; top: 0px; background-color: #FFD955; z-index: 999; -webkit-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); }
#sub-menu-fixo-club-dd { width: 100%; height: 35px; position: relative; float: left; background-color: #7632E9; }
#view-menu-fixo-club-dd { width: 90%; height: auto; position: relative; margin: auto; }
#logo-clube-dd { width: 190px; height: 140px; position: relative; float: left; margin-top: -30px; background: url('img/clube-dd-logo.webp'); background-size: 190px; }
#cta-fixo-voltar-dd { width: auto; height: auto; position: relative; float: left; margin-left: 30px; margin-top: 23px; padding: 7px 45px 7px 30px; font-size: 18px; color: #fff; background-color: #7531E9; border-radius: 100px; cursor: pointer; }
#cta-fixo-voltar-dd:hover { background-color: #8D57E9; }
#icn-fixo-voltar-dd { width: 10px; height: 19px; position: absolute; right: 16px; top: 50%; margin-top: -9.5px; background: url('img/back-arrow.webp'); background-size: 10px; }
.atv-marcador-mobile-dd-express { margin-left: -20px !important; }
.item-menu-f-clube-dd { width: auto; height: auto; position: relative; float: right; padding: 28px 18px; border-right: 1px solid #F8C310; font-size: 20px; color: #5C20E0; font-weight: 400; cursor: pointer; }
.item-menu-f-clube-dd:last-child { border-right: 1px solid #F8C310; }
.item-menu-f-clube-dd:hover { background-color: #FFF3CE; color: #00C0FD; }
.item-outros-links-clube { width: auto; height: auto; position: relative; float: right; font-size: 14px; color: #fff; margin-right: 15px; margin-top: 9px; cursor: pointer; }
.item-outros-links-clube:hover { color: #FFD854; }
.atv-menu-dd-express-m-fixo { background-color: #FFF3CE !important; color: #00C0FD !important; }

/*Banner Home Clube DD*/
#banner-home-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 97px; overflow: hidden; background-color: #7632E9; }
.banner-home-clube-dd-1 { display: block; }
.banner-home-clube-dd-2 { display: none; }
.banner-home-clube-dd-3 { display: none; }
.banner-home-clube-dd-4 { display: none; }
#banner-home-int-clube-dd { width: 100%; height: auto; position: relative; float: left; opacity: 1; }
#div-conteudo-banner-home-clube-dd { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 20; }
#view-banner-home-clube-dd { width: 1200px; height: 100%; position: relative; margin: auto; }
#faixa-bloco-conteudo-banner-h-cdd { width: 100%; height: auto; top: 50%; position: relative; float: left; margin-top: -130px; }
#bloco-conteudo-banner-h-cdd { width: 600px; height: auto; position: relative; margin: auto; }
#faixa-play-icn-h-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; cursor: pointer; }
#play-icn-h-cdd { width: 140px; height: 115px; position: relative; margin: auto; background: url('img/play-banner-icn.gif'); background-size: 140px; background-repeat: no-repeat; }
#chamada-banner-home-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
#chamada-banner-home-clube-dd h1 { width: 100%; height: auto; position: relative; float: left; font-size: 32px; color: #fff; text-align: center; font-weight: 600; line-height: 40px; padding: 0px 140px; }
#chamada-banner-home-clube-dd p { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #fff; text-align: center; padding: 0px 50px; margin-top: -15px; }
#faixa-cta-banner-home-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; }
#cta-banner-h-cdd { width: 280px; height: auto; position: relative; margin: auto; padding: 14px 0px; background-color: #54307E; border-radius: 60px; color: #fff; font-size: 20px; text-align: center; cursor: pointer; }
#cta-banner-h-cdd:hover { background-color: #834AC4; }
#ornamento-e-titulo-cdd { width: 220px; height: 34px; position: absolute; top: 88px; left: -35px; background: url('img/ornamento-titulo-clube-dd.gif'); background-size: 220px; }
#ornamento-d-titulo-cdd { width: 220px; height: 34px; position: absolute; top: 88px; right: -35px; background: url('img/ornamento-titulo-clube-dd-d.gif'); background-size: 220px; }
#plus-d-b-cdd { width: 120px; height: 272px; position: absolute; right: 0px; top: 50%; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 120px; z-index: 20; }

/*Segunda sessao Home Clube DD + */
#s2-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C69; padding-bottom: 190px; }
#plus-e-cdd { width: 300px; height: 482px; position: absolute; left: -20px; top: -120px; background: url('img/plus-e-cdd.webp'); background-size: 300px; }
.bg-s-color-pink { background-color: #FF2C69; }
#view-s2-clube-dd { width: 1200px; height: auto; position: relative; margin: auto; z-index: 30; }
#view-s2-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 56px; color: #FFFFFF; text-align: center; font-weight: 700; }
.span-h2-clube-dd { color: #FFD93B; }
#view-s2-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #fff; text-align: center; font-size: 32px; font-weight: 600; }
#faixa-cards-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#swipper-cards-vantagens-clube { display: none; }
.item-card-vantanges-clube-dd { width: 21%; height: 420px; position: relative; float: left; background-color: #fff; border-radius: 20px; z-index: 20; }
.ilustra-card-vcdd { width: 100%; height: auto; position: relative; float: left; padding: 10px 10px 10px 10px; }
.item-card-vantanges-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 24px; color: #A53FAD; text-align: center; font-weight: 600; padding: 0px 20px; }
.item-card-vantanges-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px !important; font-size: 16px !important; color: #A53FAD !important; text-align: center; font-weight: 400 !important; line-height: 20px; padding: 0px 20px; }
.regulamento-card-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 14px; text-align: center; font-weight: 300; padding: 0px 20px; color: #8F9EC9; text-align: center; }
.divisoria-card-clube-dd { width: 5%; height: 420px; position: relative; float: left; }
.plus-divisoria-clube-dd { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; background: url('img/plus.webp'); background-size: 150px; }
#headline-banners-parceiros { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
#headline-banners-parceiros h3 { width: 100%; height: auto; position: relative; float: left; font-size: 56px; color: #FFFFFF; text-align: center; font-weight: 700; }
#headline-banners-parceiros h3 span { color: #FFD93B; }
#swiper-parceiros-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; overflow: hidden; padding-left: 60px; padding-right: 60px; z-index: 30; }
.item-card-banner { width: 600px; height: auto; position: relative; float: left; margin-left: 0px; border-radius: 20px; overflow: hidden; }

/*controles banners*/
.bloco-ctrl-banners-parceiros { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.bloco-ctrl-banners-parceiros:hover { background-color: #EDFBFE; }
.bloco-ctrl-p-l { left: 30px }
.bloco-ctrl-p-r { right: 30px }
#plus-amarelo-conteudo-clube-dd-parceiros { width: 350px; height: 350px; position: absolute; right: 100px; top: 780px; background: url('img/plus-amarelo.webp'); background-size: 350px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }

/*janela parceiro*/
#janela-parceiro-clube-dd { width: 500px; height: 600px; position: fixed; left: 50%; top: -250%; margin-left: -250px; margin-top: -300px; background-color: #fff; border-radius: 20px; z-index: 9998 !important; opacity: 0px; }
#banner-parceiro-janela { width: 100%; height: auto; position: relative; float: left; border-radius: 20px 20px 0px 0px; overflow: hidden; }
#tag-club-dd-janela { width: 80px; height: 80px; position: absolute; left: -30px; top: -30px; background-color: #FF005F; border: 5px solid #fff; z-index: 40; border-radius: 100%; }
#logo-int-tag-dd { width: 50px; height: 37px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -18.7px; background: url('img/clube-dd-logo.webp'); background-size: 50px; background-repeat: no-repeat; }
#headline-janela-parceiro-clube-dd { width: 100%; height: auto; position: relative; float: left; padding: 0px 40px; margin-top: 10px; }
#headline-janela-parceiro-clube-dd h2 { width: 50% !important; height: auto !important; position: relative !important; float: left !important; font-size: 26px !important; margin-top: 17px !important; font-weight: 700 !important; color: #000 !important; }
#cta-entrar-pro-clube { width: auto; height: auto; position: relative; float: right; margin-top: 12px; padding: 8px 25px; color: #fff; background-color: #402F81; border-radius: 30px; cursor: pointer; }
#cta-entrar-pro-clube:hover { background-color: #834AC4; }
#txt-sobre-parceiro { width: 100%; height: 200px; position: relative; float: left; overflow-y: scroll; padding-top: 30px; }
#txt-sobre-parceiro p { width: 90%; height: auto; position: relative; float: left; margin-top: -20px; margin-bottom: 30px !important; font-size: 16px; color: #000; padding: 0px 40px; margin-bottom: 20px; }
#cta-fechar-janela-parceiros-out { width: 100%; height: 100px; position: absolute; left: 0px; bottom: 0px; overflow: hidden; }
#cta-fechar-janela-parceiros { width: 300px; height: 300px; position: absolute; left: 50%; margin-left: -150px; bottom: -240px; background-color: #FE2256; border-radius: 100%; cursor: pointer; }
#cta-fechar-int-janela-parceiro { width: 100px; height: 31px; position: absolute; left: 50%; margin-left: -50px; top: 16px; background: url('img//cta-fechar.webp'); background-size: 100px; }
#cta-fechar-janela-parceiros:hover { background-color: #D50044; }
#mascara-clube-dd { width: 100%; height: 0%; position: fixed; top: 0px; background-color: #491F90; opacity: 0; z-index: 9997 !important; }
#s3-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FFD83A; padding-bottom: 150px; }
.bg-s-color-yellow { background-color: #FFD83B !important; }
.view-bloco-conteudo-dd { width: 1200px; height: 100%; position: relative; margin: auto; z-index: 20; }
.ilustra-e-conteudo-bloco-dd { width: 40%; height: 500px; position: relative; float: left; }
#plus-rosa { width: 400px; height: 400px; position: absolute; top: -100px; left: 0px; background: url('img/plus-rosa.webp'); background-size: 400px; animation: prerotate 12s infinite ease; -webkit-animation: prerotate 12s infinite ease; -o-animation: prerotate 12s infinite ease; -moz-animation: prerotate 12s infinite ease; -ms-animation: prerotate 12s infinite ease; }
#plus-ilustra-1 { width: 500px; height: 501px; position: absolute; top: 90px; left: 0px; background: url('img/plus-ilustra-1.webp'); background-size: 500px; }
.txt-conteudo-bloco-dd { width: 50%; height: 100%; position: relative; float: left; margin-left: 10%; }
.txt-conteudo-bloco-dd h3 { width: 58%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 55px; color: #FF2C69; font-weight: 700; }
.txt-conteudo-bloco-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 24px; color: #552F7F; }
.faixa-cta-txt-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
.cta-int-conteudo-clube-dd { width: auto; height: auto; position: relative; float: left; padding: 12px 30px; border-radius: 100px; background-color: #55307E; color: #fff; font-size: 22px; cursor: pointer; }
.cta-int-conteudo-clube-dd:hover { background-color: #7844B2; }
#plus-amarelo-conteudo-clube-dd { width: 250px; height: 250px; position: absolute; right: 0px; top: -100px; background: url('img/plus-amarelo.webp'); background-size: 250px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
@keyframes prerotate {
    0% { transform: rotate(20deg); }
    50% { transform: rotate(-45deg); }
    100% { transform: rotate(20deg); }
}
@-moz-keyframes pre-rotate {
    0% { -moz-transform: rotate(20deg); }
    50% { -moz-transform: rotate(-45deg); }
    100% { -moz-transform: rotate(20deg); }
}
@-ms-keyframes pre-rotate {
    0% { -ms-transform: rotate(20deg); }
    50% { -ms-transform: rotate(-45deg); }
    100% { -ms-transform: rotate(20deg); }
}
@-o-keyframes pre-rotate {
    0% { -o-transform: rotate(20deg); }
    50% { -o-transform: rotate(-45deg); }
    100% { -o-transform: rotate(20deg); }
}
@-webkit-keyframes pre-rotate {
    0% { -webkit-transform: rotate(20deg); }
    50% { -webkit-transform: rotate(-45deg); }
    100% { -webkit-transform: rotate(20deg); }
}

/*Inicio rodapé clube DD*/
#div-m-mobile-out-clube { display: none; }
#rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #6227AB; padding-bottom: 310px; z-index: 99; }
#bg-rodape-clube-dd { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url('img/bg-links-rodape-clube-dd.webp'); z-index: 2; }
.bg-s-color-roxo { background-color: #6327AB; z-index: 1; }
#view-rodape-clube-dd { width: 1200px; height: auto; position: relative; margin: auto; z-index: 20; }
#view-rodape-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 55px; color: #FF2C69; text-align: center; font-weight: 700; }
.span-h3-rodape-clube-dd { color: #fff; z-index: 10; }
#sub-chamada-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -27px; color: #FED83B; font-size: 36px; text-align: right; padding-right: 360px; font-weight: 700; }
#plus-titulo-rodape-clube { width: 160px; height: 160px; position: absolute; left: 326px; top: -45px; background: url('img/plus-title.webp'); background-size: 160px; z-index: -1; }
#plus-azul { width: 180px; height: 180px; position: absolute; left: 260px; top: -200px; background: url('img/plus-azul.webp'); background-size: 180px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
#plus-rosa-grande { width: 300px; height: 300px; position: absolute; right: 0px; top: -100px; background: url('img/plus-rosa-grande.webp'); background-size: 300px; z-index: 10; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
#plus-azul-2 { width: 200px; height: 200px; position: absolute; right: 120px; top: 70px; background: url('img/plus-azul-2.webp'); background-size: 200px; animation: prerotate 16s infinite ease; -webkit-animation: prerotate 16s infinite ease; -o-animation: prerotate 16s infinite ease; -moz-animation: prerotate 16s infinite ease; -ms-animation: prerotate 16s infinite ease; }
#faixa-links-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; }
#faixa-links-rodape-clube-dd-mobile { display: none; }
.item-link-rodape-clube-dd { width: 22%; height: 250px; position: relative; float: left; margin-left: 1.5%; margin-right: 1.5%; cursor: pointer; }
.plus-int-m-rodape { width: 250px; height: 250px; position: absolute; top: 50%; left: 50%; margin-left: -125px; background: url('img/plus-menu-clube-dd.webp'); background-size: 250px; }
.nome-menu-plus-clube { width: 100%; height: 60px; position: absolute; top: 50%; margin-top: -41px; font-size: 34px; color: #fff; text-align: center; font-weight: 700; line-height: 37px; }
.item-link-rodape-clube-dd:hover .nome-menu-plus-clube { color: #FFCC26; }
.m1-rcdd { transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); }
.m2-rcdd { transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
.m3-rcdd { transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); }
.m4-rcdd { transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
.m1-rcdd:hover { transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
.m2-rcdd:hover { transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); }
.m3-rcdd:hover { transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); }
.m4-rcdd:hover { transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); }

/*Beneficios clube DD+*/
#bloco-conteudo-beneficios-banner-h-cdd { width: 600px; height: auto; position: relative; margin: auto; }
#faixa-play-icn-h-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#play-icn-h-cdd { width: 140px; height: 115px; position: relative; margin: auto; background: url('img/play-banner-icn.gif'); background-size: 140px; background-repeat: no-repeat; }
#plus-d-b-cdd-2 { width: 90px; height: 206px; position: absolute; right: 0px; top: -90px; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 90px; z-index: 20; background-repeat: no-repeat; }
#faixa-ornamento-beneficios-b-clube { width: 100%; height: auto; position: relative; float: left; }
#faixa-passo-a-passo-clube-tablet-mobile { display: none; }
#ornamento-beneificios-clube { width: 180px; height: 56px; position: relative; margin: auto; background: url('img/ornamento-banner-beneficios.gif'); background-size: 180px; }
#chamada-banner-home-clube-dd-beneficios { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
#chamada-banner-home-clube-dd-beneficios h1 { width: 100%; height: auto; position: relative; float: left; font-size: 32px; color: #fff; text-align: center; font-weight: 600; line-height: 30px; padding: 0px 160px; }
#chamada-banner-home-clube-dd-beneficios p { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #fff; text-align: center; padding: 0px 50px; margin-top: -15px; }
.span-plus-beneficios-clube { font-size: 50px !important; color: #F9CA26; }
#ornamento-e-titulo-cdd-beneficios { width: 220px; height: 34px; position: absolute; top: 88px; left: -5px; background: url('img/ornamento-titulo-clube-dd.gif'); background-size: 220px; }
#ornamento-d-titulo-cdd-beneficios { width: 220px; height: 34px; position: absolute; top: 88px; right: -5px; background: url('img/ornamento-titulo-clube-dd-d.gif'); background-size: 220px; }
.s-conteudo-beneficios-clube { width: 100%; height: auto; position: relative; float: left; }
.view-s-conteudo-beneficio-clube { width: 1200px; height: auto; position: relative; margin: auto; z-index: 20; }
.ilustra-s-conteudo-beneficio-clube { width: 40%; height: auto; position: relative; float: left; }
.txt-s-conteudo-beneficio-clube { width: 60%; height: auto; position: relative; float: left; }
.txt-s-conteudo-beneficio-clube h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 50px; font-weight: 700; }
.txt-s-conteudo-beneficio-clube p { width: 80%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -5px; font-size: 22px; }
.faixa-cta-conteudo-beneficio-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
.cta-conteudo-beneficio-clube { width: 280px; height: auto; position: relative; margin-left: 10%; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 22px; color: #fff; border-radius: 60px; cursor: pointer; }
.cta-conteudo-beneficio-clube:hover { background-color: #3F235D; }
.cta-conteudo-produtos-clube { width: 320px; height: auto; position: relative; margin-left: 10%; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 22px; color: #fff; border-radius: 60px; cursor: pointer; }
.cta-conteudo-produtos-clube:hover { background-color: #3F235D; }
.bg-conteudo-clube-amarelo { background-color: #FED83B; }
.bg-conteudo-clube-branco { background-color: #fff; }
.bg-conteudo-clube-rosa { background-color: #FF2C69; }
.t-s1-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 110px; }
.p-s1-beneficio-clube { color: #55307E; padding-left: 10%; font-weight: 600; }
.t-s2-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 140px !important; }
.p-s2-beneficio-clube { color: #55307E; padding-left: 10%; font-weight: 600; }
.t-s3-beneficio-clube { color: #fff; padding-left: 10%; margin-top: 160px !important; }
.p-s3-beneficio-clube { color: #fff; padding-left: 10%; font-weight: 600; }
.t-s4-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 130px !important; }
.p-s4-beneficio-clube { color: #55307E; padding-left: 10%; font-weight: 600; }

/*ornamentos s1 beneficios*/
.plus-amarelo-4 { width: 300px; height: 300px; position: relative; float: left; margin-left: 120px; margin-top: -100px; background: url('img/plus-rosa.webp'); background-size: 300px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
.plus-rosa-5 { width: 250px; height: 250px; position: relative; float: left; margin-left: 190px; margin-top: -60px; background: url('img/plus-rosa-grande.webp'); background-size: 250px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; }
#personagem-1-beneficios-clube-dd { width: 450px; height: 450px; position: relative; float: left; margin-top: -50px; z-index: 10; background: url('img/personagem-1-beneficios-clube.webp'); background-size: 450px; }
#plus-e-cdd-2 { width: 250px; height: 402px; position: absolute; left: -20px; top: -220px; background: url('img/plus-e-cdd.webp'); background-size: 250px; background-repeat: no-repeat; }
#plus-d-cdd-2 { width: 260px; height: 425px; position: absolute; right: 0px; top: -220px; background: url('img/plus-o-e.webp'); background-size: 260px; }

/*Ornamentos s2 beneficios*/
.plus-amarelo-6 { width: 300px; height: 300px; position: relative; float: left; margin-top: -100px; background: url('img/plus-amarelo.webp'); background-size: 300px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
#personagem-2-beneficios-clube-dd { width: 450px; height: 450px; position: relative; float: right; margin-top: -50px; z-index: 10; background: url('img/personagem-2-beneficios-clube.webp'); background-size: 450px; }
.plus-amarelo-7 { width: 250px; height: 250px; position: relative; float: left; margin-left: 100px; margin-top: -60px; background: url('img/plus-amarelo.webp'); background-size: 250px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; }

/*Ornamentos s3 beneficios*/
.plus-roxo-6 { width: 300px; height: 300px; position: relative; float: left; margin-top: -100px; background: url('img/plus-roxo.webp'); background-size: 300px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
#personagem-3-beneficios-clube-dd { width: 450px; height: 450px; position: relative; float: right; margin-top: -50px; z-index: 10; background: url('img/personagem-3-beneficios-clube.webp'); background-size: 450px; }
.plus-amareloescuro-7 { width: 250px; height: 250px; position: relative; float: left; margin-left: 100px; margin-top: -60px; background: url('img/plus-amareloescuro.webp'); background-size: 250px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; }
#plus-e-cdd-3 { width: 170px; height: 282px; position: absolute; left: -20px; top: -110px; background: url('img/plus-e-cdd.webp'); background-size: 170px; background-repeat: no-repeat; }

/*Ornamentos s4 beneficios*/
#personagem-4-beneficios-clube-dd { width: 450px; height: 450px; position: relative; float: right; margin-top: -50px; z-index: 10; background: url('img/personagem-4-beneficios-clube.webp'); background-size: 450px; }
#plus-d-b-cdd-5 { width: 90px; height: 206px; position: absolute; right: 0px; top: -90px; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 90px; z-index: 20; background-repeat: no-repeat; }

/* ==========================================================================
  Como funciona Clube DD
========================================================================== */
#bloco-conteudo-cmf-banner-h-cdd { width: 100%; height: auto; position: relative; margin: auto; padding-top: 20px; }
#chamada-banner-cmf-clube-dd-beneficios { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
#chamada-banner-cmf-clube-dd-beneficios h1 { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #fff; text-align: center; font-weight: 600; line-height: 30px; padding: 0px 110px; }
#chamada-banner-cmf-clube-dd-beneficios p { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #fff; text-align: center; padding: 0px 50px; margin-top: -15px; }
#ornamento-e-titulo-cdd-beneficios-cmf { width: 220px; height: 34px; position: absolute; top: 94px; left: -5px; background: url('img/ornamento-titulo-clube-dd.gif'); background-size: 220px; }
#ornamento-d-titulo-cdd-beneficios-cmf { width: 220px; height: 34px; position: absolute; top: 94px; right: -5px; background: url('img/ornamento-titulo-clube-dd-d.gif'); background-size: 220px; }
#ornamento-plus-e-cmf { width: 100px; height: 227px; position: absolute; right: 0px; bottom: 400px; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 100px; }

/*Passo a passo Clube DD+*/
#s-passo-a-passo-clube-dd { width: 100%; height: 950px; position: relative; float: left; background-color: #FF2C69; }
#ornamento-plus-cmf { width: 200px; height: 321px; position: absolute; left: 0px; top: -150px; background: url('img/plus-e-cdd.webp'); background-size: 200px; }
#view-s-passo-a-passo-clube-dd { width: 1200px; height: auto; position: relative; margin: auto; z-index: 90; }
#view-s-passo-a-passo-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; font-size: 50px; color: #FFFFFF; text-align: center; font-weight: 700; }
#view-s-passo-a-passo-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #fff; text-align: center; font-size: 32px; font-weight: 600; }
.span-chamada-passo-a-passo { color: #FED93B !important; }
#faixa-passos-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }

/*Item passo clube dd*/

/*Controles passos DD+*/
.bloco-ctrl-passos-dd { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -85px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.bloco-ctrl-passos-dd:hover { background-color: #EDFBFE; }
.bloco-ctrl-l { left: 30px }
.bloco-ctrl-r { right: 30px }
.seta-l-ctrl { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-l.webp); background-size: 60px; }
.seta-r-ctrl { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-r.webp); background-size: 60px; }
.item-passo-a-passo { width: 25%; height: 200px; position: relative; float: left; padding: 0px 30px; }
.img-personagem-passo-a-passo { width: 260px; height: 260px; position: relative; margin: auto; z-index: 20; }
.p-pap-1 { background: url('img/perssonagem-passo-1.webp'); background-size: 260px; }
.p-pap-2 { background: url('img/perssonagem-passo-2.webp'); background-size: 260px; }
.p-pap-3 { background: url('img/perssonagem-passo-3.webp'); background-size: 260px; }
.p-pap-4 { background: url('img/perssonagem-passo-4.webp'); background-size: 260px; }
.bg-n-passo { width: 70px; height: 70px; position: absolute; left: -10px; bottom: 0px; background: url('img/bg-passo-1.webp'); background-size: 70px; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; }
.numero-passo { width: 100%; height: auto; position: absolute; top: 50%; margin-top: -20px; font-size: 28px; font-weight: 700; text-align: center; color: #FF2C68; transform: rotate(9deg); -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); -ms-transform: rotate(9deg); -o-transform: rotate(9deg); }
#ornamento-1-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 10px; top: -20px; background: url('img/ornamento-1-passo-a-passo.webp'); background-size: 100px; animation: prerotate 30s infinite ease; -webkit-animation: prerotate 30s infinite ease; -o-animation: prerotate 30s infinite ease; -moz-animation: prerotate 30s infinite ease; -ms-animation: prerotate 30s infinite ease; }
#ornamento-2-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 10px; bottom: -60px; background: url('img/ornamento-2-passo-a-passo.webp'); background-size: 100px; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
#ornamento-3-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 10px; top: -20px; background: url('img/ornamento-3-passo-a-passo.webp'); background-size: 100px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
#ornamento-4-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 10px; bottom: -60px; background: url('img/ornamento-4-passo-a-passo.webp'); background-size: 100px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
.sobre-passo-a-passo { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 17px; color: #fff; text-align: center; }
.regulamento-passo-a-passo { font-size: 11px !important; color: #F9DD2A; }
#faixa-cta-download-app-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; }
#cta-download-app-clube { width: 400px; height: auto; position: relative; margin: auto; padding: 10px 20px; background-color: #55307F; color: #fff; font-size: 22px; text-align: center; border-radius: 60px; cursor: pointer; }
#cta-download-app-clube:hover { background-color: #371F52; }
.passo-mobile { display: none; }

/*Ofertas selecionadas Clube DD*/
#s-ofertas-selecionadas { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C6A; padding-bottom: 180px; }
.view-ofertas-selecionadas { width: 1200px; height: auto; position: relative; margin: auto; z-index: 40; }
.view-ofertas-selecionadas h2 { width: 600px; height: auto; left: 50%; position: relative; float: left; margin-left: -300px; margin-top: 80px; font-size: 48px; color: #fff; text-align: center; font-weight: 700; }
.view-ofertas-selecionadas p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #fff; text-align: center; font-weight: 400; }
.faixa-produtos-selecionados { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
.swipper-ofertas-clube { padding-right: 40px; }

/*Card produto selecionado*/
.selo-clube-dd { width: 70px; height: 70px; position: absolute; left: 20px; top: 10px; background: url('img/icn-clube-pg-clube.webp'); background-size: 70px; z-index: 99; }
.item-card-produto-selecionado { width: 250px; height: auto; position: relative; float: left; background-color: #fff; margin-left: 60px; margin-right: -40px !important; border-radius: 20px; cursor: pointer; padding-bottom: 20px; }
.bloco-img-produto-card { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 20px; border-radius: 10px; overflow: hidden; background-color: #F0F0F0; }
.conteudo-bloco-oferta { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; padding-right: 20px; margin-top: 15px; }
.preco-oferta { width: auto; height: auto; position: relative; float: left; font-size: 18px; color: #33B969; font-weight: 700; }
.preco-oferta span { font-size: 14px; }
.porcentagem-desconto-oferta { width: auto; height: auto; position: relative; float: left; margin-top: -2px; margin-left: 10px; background-color: #22AA67; padding: 4px 15px; color: #FFFFFF; border-radius: 10px; }
.conteudo-bloco-oferta p { width: 80%; height: 60px; position: relative; float: left; margin-top: 10px; color: #3E3E3E; font-size: 15px; }
.faixa-preco-cheio { width: 100%; height: auto; position: relative; float: left; min-height: 28px; margin-top: -8px; color: #898989; font-size: 16px; text-decoration: line-through; }
.faixa-validade-oferta { width: 40%; height: auto; position: relative; float: left; margin-top: 3px; color: #313131; font-size: 12px; opacity: 0.5; }
.tag-limite-unidade { width: auto; height: auto; position: absolute; bottom: 15px; left: 10px; padding: 4px 20px; background-color: #2D56C5; color: #fff; font-size: 12px; border-radius: 20px; cursor: pointer; z-index: 20; }
.cta-saiba-mais-oferta { width: auto; height: auto; position: relative; float: right; margin-right: 30px; margin-top: 11px; padding: 8px 20px; background-color: #FF1D69; color: #fff; font-size: 14px; border-radius: 100px; cursor: pointer; }
.cta-saiba-mais-oferta:hover { background-color: #D2225D; }

/*janela oferta*/
#janela-oferta-clube-dd { width: 450px; height: 600px; position: fixed; left: 50%; top: -250%; margin-top: -300px; margin-left: -225px; background-color: #fff; border-radius: 30px; padding: 30px 20px 0px 20px; z-index: 9998 !important; opacity: 0; }
#janela-int-oferta { width: 100%; height: 85%; position: relative; float: left; overflow-y: scroll; padding-bottom: 60px; padding-right: 15px; }
#div-foto-oferta-janela { width: 45%; height: auto; position: relative; float: left; }
#bloco-foto-oferta-int-janela { width: 100%; height: auto; position: relative; float: left; padding: 5px; background-color: #F0F0F0; border-radius: 20px; }
#headline-oferta-clube-dd-janela { width: 55%; height: auto; position: relative; float: left; padding-left: 20px; }
#headline-oferta-clube-dd-janela h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-weight: 600; font-size: 20px; color: #000; }
#valor-de-volta-janela { width: 100%; height: auto; position: relative; float: left; margin-top: -16px; font-size: 20px; color: #2A7656; font-weight: 700; }
#faixa-quantidade-volta-of-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 14px; color: #3A3A3A; }
#validade-oferta-janela-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; color: #FF000C; font-size: 14px; font-weight: 700; }
#divisoria-of-janela-clube-dd { width: 100%; height: 1px; position: relative; float: left; margin-top: 25px; border: 1px dashed #070707; opacity: 0.5; }
#juridico-ofeta-janela-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #303030; font-size: 16px; }
#faixa-codigo-participante { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#legenda-cod-barras-janela { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #030303; font-weight: 600; }
#div-cod-barra-int { width: auto; height: auto; position: relative; float: left; margin-top: 10px; padding: 10px 30px; background-color: #C5F7DD; color: #000000; font-size: 18px; border-radius: 15px; font-weight: 600; }
#div-lojas-participantes { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; }
#div-lojas-participantes h2 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #000000; font-weight: 600; }
#div-lojas-participantes p { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; font-size: 14px; color: #000000; opacity: 0.6; }
#cta-fechar-janela-parceiros-out-offer { width: 100%; height: 100px; position: absolute; left: 0px; bottom: 0px; overflow: hidden; }
#cta-fechar-janela-parceiros-offer { width: 300px; height: 300px; position: absolute; left: 50%; margin-left: -150px; bottom: -240px; background-color: #FE2256; border-radius: 100%; cursor: pointer; }
#cta-fechar-int-janela-parceiro-offer { width: 100px; height: 31px; position: absolute; left: 50%; margin-left: -50px; top: 16px; background: url('img//cta-fechar.webp'); background-size: 100px; }
#cta-fechar-janela-parceiros-offer:hover { background-color: #D50044; }
.faixa-cta-conteudo-ofertas-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
.cta-conteudo-ofertas-clube { width: 280px; height: auto; left: 50%; position: relative; float: left; margin-top: 60px; margin-left: -140px; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 22px; color: #fff; border-radius: 60px; cursor: pointer; }

/* ==========================================================================
 Transparencia salarial
========================================================================== */
#topo-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; }
#view-topo-transparencia-salarial { width: 1200px; height: auto; position: relative; margin: auto; }
#view-topo-transparencia-salarial h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; font-size: 44px; color: #323435; text-align: center; font-weight: 700; }
.sobre-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; line-height: 28px; font-size: 20px; color: #000; margin-top: -20px; text-align: center; padding: 0px 200px; }
#box-lista-pdfs { width: 100%; height: auto; position: relative; float: left; border: 1px solid #dadada; border-radius: 20px; margin-top: 90px; margin-bottom: 120px; overflow: hidden; }
.item-lista-pdf { width: 100%; height: auto; position: relative; float: left; border-bottom: 1px solid #dadada; padding: 20px 100px 20px 20px; font-size: 18px; color: #000; cursor: pointer; }
.item-lista-pdf:hover { background-color: #ecfbff; }
.cta-ver { width: auto; height: auto; position: absolute; top: 15px; right: 20px; padding: 5px 20px; background-color: #0047DC; color: #fff; border-radius: 20px; cursor: pointer; }

/* ==========================================================================
  Central de Ajuda
========================================================================== */
#ancora-ctr-fale-conosco { width: 1px; height: 1px; position: absolute; top: -260px; }
#ancora-ctr-faq { width: 1px; height: 1px; position: absolute; top: -40px; }
#topo-central-de-ajuda-pg { width: 100%; height: 750px; position: relative; float: left; margin-top: 120px; }
#ornamento-topo-central-ajuda { width: 345px; height: 150px; position: absolute; right: 0px; top: 0px; background: url('img/ornamentop-topo-central-ajuda.webp'); background-size: 345px; }
#ornamento-bottom-central-ajuda { width: 345px; height: 150px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamentop-bottom-central-ajuda.webp'); background-size: 345px; }
#view-topo-central-ajuda { width: 1200px; height: auto; position: relative; margin: auto; }
#view-topo-central-ajuda h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; font-size: 44px; color: #323435; text-align: center; font-weight: 700; }
#view-topo-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -25px; font-size: 27px; color: #323435; text-align: center; font-weight: 300; }
#faixa-links-topo-central-ajuda { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#faixa-int-links-central-ajuda { width: 480px; height: auto; position: relative; margin: auto; }
.item-link-pg-central-ajuda { width: 200px; height: 200px; position: relative; float: left; margin-left: 20px; margin-right: 20px; background-color: #E7F8FC; border-radius: 30px; cursor: pointer; }
.img-icn-faq-link { background: url('img/icn-faq.gif'); background-size: 200px; }
.img-icn-contato-link { background: url('img/icn-fale-conosco.gif'); background-size: 200px; }
.legenda-link-central-ajuda { width: 180px; height: auto; position: absolute; left: 10px; bottom: -70px; color: #343435; line-height: 28px; font-size: 22px; text-align: center; }
.item-link-pg-central-ajuda:hover .legenda-link-central-ajuda { color: #636DFC; }

/*FAQ Central de ajuda*/
#faq-central-ajuda { width: 100%; height: auto; position: relative; float: left; background-color: #E6F9FC; padding-bottom: 150px; }
#view-faq-central-ajuda { width: 800px; height: auto; position: relative; margin: auto; z-index: 90; }
#view-faq-central-ajuda h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 44px; color: #2C2C2C; text-align: center; font-weight: 700; }
#view-faq-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; text-align: center; color: #2D2C2C; font-size: 27px; font-weight: 300; padding: 0px 110px; }
#box-perguntas-faq { width: 100%; height: auto; position: relative; float: left; background-color: #F7FCFF; border-radius: 30px; overflow: hidden; }
#s-formulario-central-ajuda { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 90; padding-bottom: 60px; }
#view-formulario-central-ajuda { width: 1200px; height: auto; position: relative; margin: auto; z-index: 100; }
#personagem-fale-conosco { width: 200px; height: 200px; position: absolute; left: 50%; margin-left: -100px; top: -20px; background-color: #dadada; border-radius: 50%; overflow: hidden; }
.fix-personagem-nv { top: 2px !important; }
#personagem-int-fale-conosco { width: 210px; height: 210px; position: absolute; left: 50%; top: 50%; margin-left: -105px; margin-top: -105px; background: url('img/personagem-central-ajuda-2.gif'); background-size: 210px; }
#view-formulario-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 220px; font-size: 44px; color: #2C2C2C; text-align: center; font-weight: 700; }
#view-formulario-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 27px; text-align: center; color: #2C2C2C; }
#box-formulario-central-ajuda { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
.input-2-x { width: 50%; height: 80px; position: relative; float: left; padding: 0px 10px; box-sizing: border-box; }
.input-2-x input { width: 100%; height: auto !important; position: relative; float: left; margin-bottom: 25px !important; padding: 20px 20px !important; background-color: #437DFC !important; border-radius: 20px !important; font-size: 22px !important; color: #fff; border-bottom: 0px solid #dadada !important; box-sizing: border-box !important; }
.input-1-x { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 10px; }
.input-1-x input { width: 100%; height: auto !important; position: relative; float: left; padding: 20px 20px !important; background-color: #437DFC !important; border-radius: 20px !important; font-size: 22px !important; color: #fff; border-bottom: 0px solid #dadada !important; box-sizing: border-box !important; }
.input-1-x textarea { width: 100%; height: 200px !important; position: relative; float: left; padding: 20px 20px !important; background-color: #437DFC !important; border-radius: 20px !important; font-size: 22px !important; color: #fff; border-bottom: 0px solid #dadada !important; box-sizing: border-box !important; }
.character-counter { font-size: 24px !important; font-weight: 700; color: #447DFC; }
.select-wrapper input.select-dropdown { position: relative; cursor: pointer; background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; outline: none; height: 3rem; line-height: 0rem; width: 100%; font-size: 16px; margin: 0 0 8px 0; padding: 0; margin-top: -10px; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1; }
.select-wrapper .caret { position: relative; float: right; right: 16px; top: 25px; bottom: 0; background-repeat: no-repeat; margin: auto 0; z-index: 99; color: #fff; fill: rgba(255, 255, 255, 0); line-height: 10px; }
#faixa-cta-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: 24px; }
#cta-enviar-formulario-central-ajuda { width: 350px; height: auto; position: relative; margin: auto; padding: 12px 0px; background-color: #FFCB26; font-size: 24px; color: #A17511; font-weight: 400; border-radius: 50px; cursor: pointer; text-align: center; }
#cta-enviar-formulario-central-ajuda:hover { background-color: #FFE42F; }

/*Inicio chamada politica de privacidade*/
#faixa-politica-privacidade { width: 100%; height: auto; position: relative; float: left; background-color: #2D5CDE; padding-bottom: 130px; }
#view-faixa-politica-privacidade { width: 1200px; height: auto; position: relative; margin: auto; }
#view-faixa-politica-privacidade h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; color: #fff; font-size: 40px; font-weight: 700; text-align: center; }
#view-faixa-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; color: #fff; font-size: 26px; font-weight: 300; text-align: center; padding: 0px 260px; }
#cta-faixa-politica-privacidade-out { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
#cta-faixa-politica-privacidade { width: 250px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #FFCC26; color: #A17511; text-align: center; font-size: 24px; border-radius: 50px; }
#cta-faixa-politica-privacidade:hover { background-color: #FFE42F; }

/*Atendimento fornecedor*/
#topo-atendimento-fornecedor { width: 100%; height: 800px; position: relative; float: left; margin-top: 121px; background-color: #EBFEFF; }
#ornamento-topo-fornecedor { width: 350px; height: 117px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-topo-atendimento-fornecedor.webp'); background-size: 350px; }
#ornamento-bottom-fornecedor { width: 320px; height: 257px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 320px; }
#view-topo-atendimento-fornecedor { width: 1200px; height: auto; position: relative; margin: auto; }
#view-topo-atendimento-fornecedor h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; font-size: 48px; color: #343336; text-align: center; font-weight: 700; }
#view-topo-atendimento-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 26px; color: #343535; text-align: center; font-weight: 300; padding: 0px 230px; }
#faixa-infos-contato-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
.item-faixa-contato { width: 45%; height: 150px; position: relative; float: left; overflow: hidden; border-radius: 25px; margin-left: 2.5%; margin-right: 2.5%; background-color: #fff; }
.bloco-conteudo-item-contato { width: 70%; height: 100%; position: relative; float: left; padding: 0px 40px; }
.bloco-conteudo-item-contato h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 45px; font-size: 22px; color: #9499FD; font-weight: 500; }
.bloco-conteudo-item-contato h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 20px; color: #656EFC; font-weight: 300; }
.ilustra-item-contato { width: 30%; height: 100%; position: relative; float: left; }
.int-item-ilustra-contato { width: 150px; height: 150px; position: absolute; right: 0px; }
.icn-ilustra-contato-email { background: url('img/ilustra-caixa-email.webp'); background-size: 150px; }
.icn-ilustraptelefone-contato { background: url('img/ilustra-telefone-contato.webp'); background-size: 150px; }
#faixa-cta-chamada-contato-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
#cta-int-chamada-contato-fornecedor { width: 270px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #FFCC26; color: #A97C13; font-size: 22px; text-align: center; border-radius: 30px; cursor: pointer; }
#cta-int-chamada-contato-fornecedor:hover { background-color: #FFE933; }
#personagem-int-fornecedor { width: 210px; height: 210px; position: absolute; left: 50%; top: 50%; margin-left: -105px; margin-top: -105px; background: url('img/personagem-central-ajuda-2.gif'); background-size: 210px; }
#faixa-cta-int-atendimento-fornecedor { width: 585px; height: auto; position: relative; margin: auto; }
#cta-enviar-anexo { width: auto; height: auto; position: relative; float: left; margin-right: 20px; padding: 10px 25px 10px 50px; background-color: #085CFC; border-radius: 60px; color: #fff; font-size: 24px; cursor: pointer; }
#icn-enviar-anexo { width: 30px; height: 30px; position: absolute; left: 10px; top: 8px; }
#cta-enviar-anexo:hover { background-color: #0828FC; }
#cta-enviar-mensagem-fornecedor { width: auto; height: auto; position: relative; float: left; padding: 10px 25px 10px 25px; background-color: #FFCB26; border-radius: 60px; color: #A07612; font-size: 24px; cursor: pointer; }
#cta-enviar-mensagem-fornecedor:hover { background-color: #FFE933; }

/*Contato enviado*/
#topo-contato-enviado { width: 100%; height: 600px; position: relative; float: left; margin-top: 121px; background-color: #EBFEFF; }

/* ==========================================================================
  Página trabalhe conosco
========================================================================== */
#banner-topo-trabalhe-conosco { width: 100%; height: 700px; position: relative; float: left; margin-top: 119px; background-size: cover; overflow: hidden; }
#banner-topo-trabalhe-conosco-int { width: 2980px; height: 777px; left: 50%; position: relative; margin-top: -28px; margin-left: -1500px; background: url(img/banner-topo-trabalhe-conosco.jpg); background-size: 2980px; }
#view-banner-topo-trabalhe-conosco { width: 1200px; height: auto; position: relative; margin: auto; z-index: 10; }
#view-banner-topo-trabalhe-conosco h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 220px; font-size: 48px; color: #fff; font-weight: 700; text-align: center; }
#view-banner-topo-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 24px; color: #fff; font-weight: 400; text-align: center; padding: 0px 300px; }
#faixa-cta-banner-topo-tbcn { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
#cta-int-topo-trabalhe-conosco { width: 280px; height: auto; position: relative; margin: auto; padding: 14px 0px; background-color: #626EFC; color: #fff; font-size: 22px; text-align: center; cursor: pointer; border-radius: 90px; }
#cta-int-topo-trabalhe-conosco:hover { background-color: #6237FC; }
#ancora-vagas-disponiveis { width: 1px; height: 1px; position: absolute; top: -100px; }
#sobre-organizacao { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 200px; }
#ornamento-organizacao-r { width: 350px; height: 342px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-organizacao-r.webp'); background-size: 350px; }
#ornamento-organizacao-l { width: 353px; height: 342px; position: absolute; left: 0px; top: 0px; background: url('img/ornamento-organizacao-e.webp'); background-size: 353px; }
#view-sobre-organizacao { width: 1200px; height: auto; position: relative; margin: auto; z-index: 20; }
#view-sobre-organizacao h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; margin-bottom: 0px; font-size: 48px; color: #343435; text-align: center; font-weight: 700; padding: 0px 330px; }
#view-sobre-organizacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; margin-bottom: -5px; font-size: 20px; color: #323435; text-align: center; font-weight: 400; padding: 0px 200px; }
#faixa-fotos-ilustrativas-trabalhe-conosco { width: 100%; height: 200px; position: relative; float: left; margin-top: 100px; overflow: hidden; z-index: 10; }
.faixa-fotos-ilustrativas-int { width: 9000px; height: 200px; position: absolute; left: 0px; top: 0px; background: url('img/faixa-fotos-trabalhe-conosco.webp'); background-repeat: repeat-x; z-index: 99 }
.c-bg-1 { width: 300px; height: 300px; position: absolute; left: -100px; top: 500px; background-color: #434DFC; border-radius: 100%; }
.c-bg-2 { width: 160px; height: 160px; position: absolute; left: 30%; bottom: 220px; background-color: #FFBA43; border-radius: 100%; }
.c-bg-3 { width: 200px; height: 200px; position: absolute; right: 30%; bottom: 110px; background-color: #FFF38F; border-radius: 100%; }
.c-bg-4 { width: 300px; height: 300px; position: absolute; right: 0px; bottom: 190px; background-color: #FFBC42; border-radius: 100%; }

/*Sessão vagas disponíveis*/
#s-vagas-disponiveis { width: 100%; height: auto; position: relative; float: left; margin-top: -80px; }
#view-vagas-disponiveis { width: 90%; max-width: 1700px; height: auto; position: relative; margin: auto; }
#view-vagas-disponiveis h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #2D2C2C; font-size: 48px; text-align: center; font-weight: 700; }
#view-vagas-disponiveis p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #2D2C2C; font-size: 28px; text-align: center; padding: 0px 200px; }
#faixa-selecao-regiao-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#faixa-int-selecao-regiao-vagas { width: 841px; height: auto; position: relative; margin: auto; }
.item-tbnc-regiao { width: 200px; height: auto; position: relative; float: left; margin-left: 5px; margin-right: 5px; padding: 10px 0px; background-color: #E7F9FB; color: #232121; font-size: 20px; font-weight: 600; text-align: center; border-radius: 90px; cursor: pointer; }
.item-tbnc-regiao:hover { background-color: #fdc92e; color: #A17512; }
.atv-item-tbnc-regiao { background-color: #fdc92e; color: #A17512; }

/*Bloco cards vagas*/
.bloco-cards-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; display: none; }
.atv-vagas { display: block; }
.item-card-vaga { width: 48%; height: 310px; position: relative; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; background-color: #F1FBFB; border-radius: 20px; padding: 20px 30px; box-sizing: border-box; }
.item-card-vaga:hover .cta-candidatar-se { opacity: 1; }
.item-card-vaga h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; color: #000100; font-size: 26px; color: #050505; font-weight: 500; }
.desc-vaga { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #363939; font-size: 18px; font-weight: 400; }
.toolbar-card-vagas { width: 100%; height: auto; position: absolute; bottom: 20px; margin-left: -30px; padding: 0px 30px; }
.regiao-card-loja { width: auto; height: auto; position: relative; float: left; }
.icn-regiao-loja { width: 30px; height: 30px; position: relative; float: left; background: url('img/icn-card-regiao-loja.webp'); background-size: 30px; }
.nome-loja-card { width: 260px; height: auto; position: absolute; float: left; margin-left: 35px; margin-top: 3px; font-size: 16px; color: #587E86; }
.cta-candidatar-se { width: auto; height: auto; position: relative; float: right; margin-top: -5px; padding: 10px 30px; background-color: #417DFC; color: #fff; border-radius: 40px; cursor: pointer; opacity: 0; }
.cta-candidatar-se:hover { background-color: #4449FC; }
#faixa-numeros-trabalhe-conosco { width: 100%; height: 400px; position: relative; float: left; margin-top: 40px; background-color: #2764EB; z-index: 20; }
#view-faixa-numeros-trabalhe-conosco { width: 1200px; height: auto; position: relative; margin: auto; z-index: 90; }
.item-numeros-trabalhe-conosco { width: 33.3%; height: 100%; position: relative; float: left; padding: 0px 20px; margin-top: 30px; }
.icn-n-trabalhe-conosco { width: 100%; height: 138px; position: relative; float: left; margin-top: 45px; }
.bg-icn-trabalhe-conosco { width: 160px; height: 160px; position: relative; margin: auto; background-color: #FFDE2A; border-radius: 100%; }
.icn-n-lojas { width: 150px; height: 150px; left: 50%; position: relative; float: left; margin-left: -75px; top: -150px; background: url('img/icn-n-loja.webp'); background-size: 150px; z-index: 10; }
.icn-n-estados { width: 150px; height: 150px; left: 50%; position: relative; float: left; margin-left: -75px; top: -150px; background: url('img/icn-n-estados.webp'); background-size: 150px; z-index: 10; }
.icn-n-colaboradores { width: 150px; height: 150px; left: 50%; position: relative; float: left; margin-left: -75px; top: -150px; background: url('img/icn-n-colaboradores.webp'); background-size: 150px; z-index: 10; }
.descricao-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
.descricao-n-item-lojas h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #fff; font-size: 24px; text-align: center; font-weight: 700; }
.sobre-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 18px; text-align: center; font-weight: 400; }

/*Inicio beneficios trabalhe conosco*/
#s-beneficios-trabalhe-conosco { width: 100%; height: 990px; position: relative; float: left; margin-top: 0px; background-color: #F2F9FA; }
#ornamento-d-trabalhe-conosco { width: 300px; height: 293px; position: absolute; right: 0px; top: -55px; background: url('img/ornamento-organizacao-r.webp'); background-size: 300px; }
#ornamento-e-trabalhe-conosco { width: 312px; height: 250px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 312px; }
#view-beneficios-trabalhe-conosco { width: 1200px; height: auto; position: relative; margin: auto; }
#view-beneficios-trabalhe-conosco h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 170px; color: #2D2C2C; font-size: 48px; text-align: center; font-weight: 700; padding: 0px 200px; }
#view-beneficios-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; color: #2D2C2C; font-size: 20px; text-align: center; padding: 0px 200px; }
#faixa-slides-beneficios-trabalhe-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 32px; }
.item-beneficio-tbnc { width: 230px !important; height: auto; position: relative; float: left; margin-top: 80px; margin-left: 100px !important; margin-right: -80px !important; padding: 90px 20px 40px 30px; color: #2C2B29; text-align: center; font-weight: 600; border-radius: 10px; overflow: unset !important; }
.item-bfc-verde { background-color: #E9F8F0; }
.item-bfc-rosa { background-color: #F8B3B2; }
.item-bfc-amarelo-escuro { background-color: #FFE371; }
.item-bfc-amarelo { background-color: #FFF1BB; }
.item-bfc-vinho { background-color: #EEEBED; }
.item-bfc-azul { background-color: #BCFFFF; }
.icone-beneficio-trabalhe-conosco { width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px; top: -60px; background-color: #fff; border-radius: 100%; overflow: hidden; }
.icone-int-trabalhe-conosco { width: 130px; height: 130px; position: absolute; left: 50%; top: 50%; margin-top: -65px; margin-left: -65px; }

/*Controles beneficios trabalhe conosco*/
.item-controle-tbn { width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -35px; background-color: #fff; border-radius: 100%; cursor: pointer; z-index: 90; }
.item-controle-tbn:hover { background-color: #FFFFC2; }
.ctrl-e-tbn { left: 40px; }
.ctrl-d-tbn { right: 40px; }
.item-seta-ctrl-tbnc { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -17.5px; margin-top: -17.5px; }
.seta-e-tbnc { background: url('img/seta-e.webp'); background-size: 35px; }
.seta-d-tbnc { background: url('img/seta-d.webp'); background-size: 35px; }
#legenda-beneficios-tbnc { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#legenda-beneficios-tbnc-int { width: 580px; height: auto; position: relative; margin: auto; color: #2D2C2C; font-size: 20px; text-align: center; padding: 0px 20px; }

/*Inicio trabalhe institucional*/
#banner-topo-institucional { width: 100%; height: 700px; position: relative; float: left; margin-top: 120px; background: url('img/banner-topo-institucional.webp'); background-size: cover; }
#view-topo-institucional { width: 1200px; height: 100%; position: relative; margin: auto; z-index: 99; }
#view-topo-institucional h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; font-size: 48px; color: #fff; font-weight: 700; text-align: center; }
#view-topo-institucional span { font-weight: 300; }
#view-topo-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 24px; text-align: center; padding: 0px 130px; }
#faixa-cta-topo-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
#cta-institucional-topo { width: 250px; height: auto; position: relative; margin: auto; padding: 14px 0px; background-color: #636EFC; color: #fff; font-size: 22PX; text-align: center; border-radius: 100px; cursor: pointer; }
#cta-institucional-topo:hover { background-color: #6247FC; }
#ancora-cta-institucional-topo { width: 1px; height: 1px; position: absolute; left: 0px; top: -50px; }

/*Timeline institucional*/
#sessao-timeline-institucional { width: 100%; height: 1300px; position: relative; float: left; background-color: #FFCB26; z-index: 90; }
.bg-amarelo-ornamento-tp-institucional { background-color: #FFCB26; }
#bg-topo-institucional { width: 100%; height: 1010px; position: absolute; top: 0px; background: url(img/bg-timeline-institucional.webp); background-repeat: repeat-x; z-index: 95; opacity: 0; }
#chamada-timeline-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; z-index: 99; }
#chamada-timeline-institucional h2 { width: 100%; height: auto; position: relative; float: left; font-size: 48px; font-weight: 700; color: #373A44; text-align: center; }
#chamada-timeline-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; color: #373A44; text-align: center; font-size: 28px; }

/*slider-timeline*/
#slider-timeline { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; overflow: hidden; z-index: 990; }
#faixa-bg-img-timeline { width: 100%; height: 300px; position: absolute; top: 567px; background-color: #505BE3; }

/*item slider*/
.item-slider-timeline { width: 400px !important; height: 900px; position: relative; float: left; margin-left: 0px !important; margin-right: -110px !important; z-index: 50; }
.bloco-txt-topo-slt { width: 100%; height: 250px; position: relative; float: left; padding: 0px 20px; }
.bloco-txt-topo-slt p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #313544; }
.marcador-texto-t-l { width: 6px; height: 100px; left: 50%; position: relative; float: left; margin-left: -3px; margin-top: -10px; background-color: #323646; border-radius: 10px; }
.ponto-marcador-t-t-l { width: 20px; height: 20px; position: absolute; left: 50%; margin-left: -10px; bottom: 0px; border-radius: 100%; background-color: #323646; }
.bloco-txt-rodape-slt { width: 100%; height: 250px; position: relative; float: left; padding: 0px 20px; }
.bloco-txt-rodape-slt p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #313544; }
.marcador-texto-t-l { width: 6px; height: 100px; left: 50%; position: relative; float: left; margin-left: -3px; margin-top: -10px; background-color: #323646; border-radius: 10px; }
.ponto-marcador-t-t-l { width: 20px; height: 20px; position: absolute; left: 50%; margin-left: -10px; bottom: 0px; border-radius: 100%; background-color: #323646; }
.marcador-texto-r-l { width: 6px; height: 100px; left: 50%; position: relative; float: left; margin-left: -3px; margin-top: 40px; background-color: #323646; border-radius: 10px; }
.ponto-marcador-t-r-l { width: 20px; height: 20px; position: absolute; left: 50%; margin-left: -10px; top: 0px; border-radius: 100%; background-color: #323646; }
.bloco-img-slide-slt { width: 400px; height: 300px; position: relative; float: left; overflow: hidden; }
.bloco-img-int-slide-slt { width: 400px; height: 300px; position: absolute; left: 50%; margin-left: -200px; top: 50%; margin-top: -150px; }
.ano-topo-bloco-tl { width: 100%; height: auto; position: absolute; top: 20px; text-align: center; font-size: 70px; color: #fff; font-weight: 700; z-index: 99; }
.ano-rodape-bloco-tl { width: 100%; height: auto; position: absolute; bottom: 20px; text-align: center; font-size: 70px; color: #fff; font-weight: 700; z-index: 99; }

/*Inistitucional - Missão e Visão*/
#sessao-missao-visao { width: 100%; height: auto; position: relative; float: left; background-color: #FFF; z-index: 200; padding-bottom: 60px; }
#ornamento-topo-missao { width: 340px; height: 113px; position: absolute; right: 0px; top: 0px; background: url(img/ornamento-topo-missao.webp); background-size: 340px; }
#ornamento-rodape-missao { width: 340px; height: 171px; position: absolute; left: 0px; bottom: 0px; background: url(img/ornamento-rodape-missao.webp); background-size: 340px; }
#view-missa-visao { width: 1200px; height: auto; position: relative; margin: auto; z-index: 99; padding-top: 60px; }
#view-missa-visao h2 { width: 100%; height: auto; position: relative; float: left; font-size: 48px; color: #343434; text-align: center; font-weight: 700; }
#view-missa-visao p { width: 100%; height: auto; position: relative; margin-top: -10px; margin-bottom: 100px; float: left; font-size: 22px; color: #4D4E4F; text-align: center; font-weight: 300; padding: 0px 250px; }
#galeria-de-fotos-institucional { width: 100%; height: auto; position: relative; float: left; background-color: #2964EA; z-index: 100; overflow: hidden; }
.bloco-ctrl-l-institucional { left: 30px }
.bloco-ctrl-r-institucional { right: 30px }
.item-galeria-fts-institucional { width: 400px; height: auto; position: relative; float: left; }

/*Inicio números insitucional*/
#sessao-numeros-institucional { width: 100%; height: 430px; position: relative; float: left; background-color: #2964EA; z-index: 300; }
.bg-li-color-2 { background-color: #2964EA !important; z-index: 5; }
#view-numeros-institucional { width: 1200px; height: auto; position: relative; margin: auto; z-index: 100; }
.item-numeros-institucional { width: 25%; height: auto; position: relative; float: left; margin-top: 100px; }
.icone-n-institucional { width: 100%; height: auto; position: relative; float: left; }
.bg-icn-institucional { width: 140px; height: 140px; position: relative; margin: auto; background-color: #FFDE2B; border-radius: 100%; }
.icone-int-istitucional { width: 130px; height: 130px; position: absolute; left: 50%; margin-left: -65px; top: 5px; }
.item-numeros-institucional h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; color: #FFFFFF; font-size: 22px; text-align: center; font-weight: 600; padding: 0px 20px; }
.item-numeros-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; color: #fff; font-size: 15px; text-align: center; padding: 0px 20px; }
#faixa-banner-numeros-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
#banner-institucional-int-numeros { width: 1000px; height: auto; position: relative; margin: auto; cursor: pointer; }

/*Inicio valores institucional*/
#valores-institucional { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-espaco-fornecedor-int.webp); background-repeat: repeat; padding-bottom: 130px; }
#view-valores-institucional { width: 95%; height: auto; position: relative; max-width: 1400px; margin: auto; }
#view-valores-institucional h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; font-size: 44px; color: #2C2C2C; text-align: center; padding: 0px 20px; font-weight: 700; }
#view-valores-institucional p { width: 100%; height: 150px !important; position: relative; float: left; margin-top: -10px !important; font-size: 15px; color: #2C2B2B; text-align: center; padding: 0px 20px 20px 20px !important; }

/*Faixa cards valores*/
#faixa-cards-valores-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
.card-valor { width: 15.6%; height: auto !important; position: relative; float: left; margin-bottom: 20px; margin-left: 1%; right: 1%; background-color: #fff; border-radius: 20px; }
.card-valor h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 22px; text-align: center; font-weight: 700; color: #2C2B2B; padding: 0px 20px; }
.card-valor-sobre { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 16px; text-align: center; color: #2C2B2B; padding: 0px 20px; }
.card-valor:hover { background-color: #485fe8; }
.card-valor:hover h4 { color: #fff; }
.card-valor:hover p { color: #fff !important; }

/*Inicio home blog*/
.fix-faixa-posts-insuficientes { width: 100%; height: 80px; position: relative; float: left; }
#faixa-menu-categorias-blog { width: 100%; height: 40px; position: fixed; top: }
#faixa-topo-blog { width: 100%; height: 380px; position: relative; float: left; margin-top: 176px; background-color: #FFD228; overflow: hidden; }
#view-faixa-topo-blog { width: 100%; height: auto; position: relative; margin: auto; z-index: 99; padding-top: 50px; }
#logo-blog-dd-int-faixa { width: 200px; height: 189px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 200px; }
#tag-logo-blog-dd-faixa { width: 260px; height: auto; position: absolute; left: 50%; margin-left: -130px; bottom: -30px; padding: 9px 0px; background-color: #4A53BB; border-radius: 60px; color: #fff; text-align: center; font-size: 18px; font-weight: 600; }
#topo-blogo-video { position: absolute; right: 50%; bottom: 0; top: -380px; min-width: 2900px; margin-right: -1450px; min-height: 100%; z-index: 1; }

/*Inicio bloco post destaque blog*/
#faixa-categorias-blog { width: 100%; height: auto; position: relative; float: left; margin-top: -28px; border-top: 1px solid #F7F7F7; background-color: #edfbff; }
#view-faixa-categorias-blog { width: 90%; height: auto; position: relative; margin: auto; }
#view-faixa-categorias-blog p { width: 9%; height: auto; position: relative; float: left; margin-top: 13px; font-size: 20px; color: #6E7EB1; }
#div-items-links-categorias-blog { width: 80%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 13px; overflow: hidden; }
.mascara-cta-cat-blog { width: 100%; height: 100%; position: relative; z-index: 90; float: left; }
.item-link-categoria-blog-topo { width: auto !important; height: auto; position: relative; float: left; margin-right: 12px; color: #7A92D1; font-size: 16px; cursor: pointer; padding: 4px 20px; background-color: #daf2f9; border-radius: 100px; }
.item-link-categoria-blog-topo:hover { color: #4953BB; background-color: #94EDFF; }
.atv-tag-categoria-blog { color: #4953BB; background-color: #94EDFE; }
#div-controles-categorias-blog { width: 8%; height: auto; position: relative; float: right; margin-top: 9px; }
#controle-e-c-blog { width: 49%; height: 38px; position: relative; float: left; margin-right: 0.5%; border-radius: 30px 0px 0px 30px; background-color: #506DC2; cursor: pointer; }
#controle-e-c-blog:hover { background-color: #4652FC; }
#controle-d-c-blog { width: 49%; height: 38px; position: relative; float: left; margin-left: 0.5%; border-radius: 0px 30px 30px 0px; background-color: #506DC2; cursor: pointer; }
#controle-d-c-blog:hover { background-color: #4652FC; }
#seta-d-b { width: 24px; height: 20px; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -10px; background: url('img/seta-d-b.webp'); background-size: 24px; }
#seta-e-b { width: 24px; height: 20px; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -10px; background: url('img/seta-e-b.webp'); background-size: 24px; }

/*Conteudo destaque home blog*/
#bloco-conteudo-destaque-blog { width: 100%; height: auto; position: relative; float: left; z-index: 10; }
#view-conteudo-destaque-blog { width: 1200px; height: auto; position: relative; margin: auto; }
#post-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; }
#cover-post-destaque { width: 50%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden; }
#txt-post-destaque { width: 50%; height: auto; position: relative; float: left; margin-top: 110px; padding: 0px 20px 0px 40px; }
.faixa-tags-post-destaque { width: 100%; height: auto; position: relative; float: left; }
.item-tag-post-destaque { width: auto; height: auto; position: relative; float: left; padding: 6px 14px; background-color: #4953BA; color: #fff; border-radius: 40px; margin-right: 4px; cursor: pointer; font-size: 12px; }
.item-tag-post-destaque:hover { background-color: #4A34E2; }
#txt-post-destaque h2 { width: 80%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 34px; word-spacing: 2px; letter-spacing: 2px; color: #2F2D2F; font-weight: 700; }
#txt-post-destaque p { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #383839; margin-top: -5px; letter-spacing: 1px; word-spacing: 2px; }
#faixa-outros-posts-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
.faixa-outros-posts-destaques-cat { margin-top: -40px !important; display: block !important; padding-bottom: 70px; }

/*Item card post*/
.card-post-blog { width: 30%; height: 540px; position: relative; float: left; margin-right: 3.3%; }
.cover-post-card { width: 100%; height: auto; position: relative; float: left; overflow: hidden; border-radius: 20px; }
.faixa-tags-card-post-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; }
.item-tag-card-post-blog { width: auto; height: auto; position: relative; float: left; margin-right: 7px; padding: 6px 17px; color: #fff; font-size: 14px; border-radius: 40px; cursor: pointer; }
.card-post-blog h3 { width: 85%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 22px; color: #2D2D2D; font-weight: 700; letter-spacing: 1px; word-spacing: 1px; }
.card-post-blog p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 16px; color: #2D2D2F; letter-spacing: 1px; word-spacing: 1px; }

/*Faixa posts populares*/
#faixa-posts-populares { width: 100%; height: 350px; position: relative; float: left; background-color: #5864E3; margin-top: 120px; }
.bg-ornamento-faixa-posts-populares { background-color: #5864E3; }
#ornamento-d-populares { width: 215px; height: 211px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-d-populares.webp'); background-size: 215px; background-repeat: no-repeat; }
#ornamento-e-populares { width: 215px; height: 211px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-e-populares.webp'); background-size: 215px; background-repeat: no-repeat; }
#view-posts-populares { width: 1200px; height: auto; position: relative; margin: auto; z-index: 90; }
#view-posts-populares h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; color: #fff; font-size: 44px; text-align: center; font-weight: 700; }
.item-post-popular { width: 30%; height: 130px; position: relative; float: left; margin-right: 3.3%; margin-top: -20px; }
.n-post-popular { width: 23%; height: 100%; position: relative; float: left; }
.n-post-popular-int { width: 100%; height: 80px; position: absolute; top: 50%; margin-top: -40px; font-size: 48px; color: #fff; font-weight: 700; text-align: center; }
.sobre-post-popular { width: 77%; height: auto; position: relative; float: left; padding-left: 0px; font-size: 19px; margin-top: 27px; color: #fff; }
#posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; padding-bottom: 140px; }
#view-posts-recentes { width: 1200px; height: auto; position: relative; margin: auto; }
#view-posts-recentes h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; margin-bottom: 60px; text-align: center; font-size: 48px; font-weight: 700; color: #2D2F2D; }
#faixa-cta-mais-posts { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#cta-ver-mais-posts { width: 240px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #FFCB26; text-align: center; color: #A17512; font-size: 22px; border-radius: 50px; cursor: pointer; }
#cta-ver-mais-posts:hover { background-color: #FFBC26; }

/*Paginação*/
.page-numbers { width: auto; height: auto; position: relative; float: left; padding: 10px 17px; background-color: #FFCC26; border-radius: 11px; margin-right: 7px; margin-bottom: 7px; font-size: 20px; font-weight: 600; color: #99530A; cursor: pointer; }
.page-numbers:hover { background-color: red; color: #fff; }

/*Inicio post blog*/
#artigo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; padding-bottom: 50px; }
#view-artigo-blog { width: 1200px; height: auto; position: relative; margin: auto; }
#conteudo-artigo-blog { width: 75%; height: auto; position: relative; float: left; }
#conteudo-artigo-blog h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; margin-bottom: 0px; color: #2D2F2D; font-size: 38px; line-height: 45px; font-weight: 600; }
#cover-post { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: 30px; }
#cover-post-int { width: 100%; height: auto; position: relative; float: left; border-radius: 30px; overflow: hidden; }
#conteudo-artigo-blog p { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #2F2F2D; line-height: 28px; word-spacing: 4px; }
#conteudo-artigo-blog p a { color: rgb(32, 92, 255); background-color: #ffe79f; border-radius: 190px; cursor: pointer; }
#conteudo-artigo-blog p a:hover { color: rgb(32, 92, 255); background-color: #e9ff05; border-radius: 190px; }
#player-video-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: 30px; }
#player-video-blog-int { width: 902px; height: 508px; position: relative; float: left; border-radius: 15px; overflow: hidden; }
#img-avulsa-artigo { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: 30px; overflow: hidden; border-radius: 20px; }
#faixa-galeria-post { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: 30px; border-radius: 20px; overflow: hidden; }
.item-galeria-post { width: 25%; height: auto; position: relative; float: left; }
#faixa-info-post { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; }
#postado-por { width: 40%; height: auto; position: relative; float: left; }
#icn-postado-por { width: 50px; height: 50px; position: relative; float: left; border-radius: 50%; background-color: #ff0057; }
#icn-int-postado-por { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; }
#txt-icn-postado-por { width: auto; height: auto; position: relative; float: left; margin-top: 5px; margin-left: 15px; font-size: 21px; color: #3946A1; font-weight: 700; line-height: 20px; }
#txt-icn-postado-por span { font-size: 16px; font-weight: 300; }
#reacoes-post { width: 40%; height: auto; position: relative; float: right; margin-top: -60px; }
#txt-reacoes-post { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #3F3F40; text-align: center; font-weight: 600; }
#img-emoticons { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; }
#faixa-posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding-bottom: 80px; }
#faixa-posts-recentes-int { width: 1200px; height: auto; position: relative; margin: auto; }
#faixa-posts-recentes-int h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 40px; color: #3F3F40; font-size: 48px; text-align: center; }
.conteudo-instagram { width: 540px; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 0px; border-radius: 20px; overflow: hidden; }

/*Posts populares artigo*/
#posts-populares-artigo { width: 25%; height: auto; position: relative; float: left; padding-left: 30px; }
#posts-populares-artigo h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 129px; padding-right: 100px; color: #3946A2; font-size: 27px; font-weight: 700; }

/*item post popular artigo*/
.item-post-popular-artigo { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
.n-post-popular-artigo { width: 20%; height: auto; position: relative; float: left; }
.n-post-popular-artigo-int { width: 100%; height: 53px; position: absolute; top: 50%; margin-top: -7px; font-size: 40px; color: #FF4044; font-weight: 700; text-align: center; }
.headline-popular-artigo-int { width: 78%; height: auto; position: relative; float: right; font-size: 16px; color: #5160C4; font-weight: 600; }

/*Faixa CTA ver mais posts*/
#faixa-cta-ver-mais-posts-artigo { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 50px; }
#cta-ver-mais-posts-artigo-int { width: 260px; height: auto; position: relative; margin: auto; background-color: #FFCC26; color: #A17512; padding: 10px 0px; text-align: center; font-size: 24px; font-weight: 600; border-radius: 120px; cursor: pointer; }
#cta-ver-mais-posts-artigo-int:hover { background-color: #FFBB00; }
.sl-overlay { background: #ffce00 !important; }

/*Inicio arquivo blog*/
#arquivo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 260px; padding-bottom: 100px; }
#view-arquivo-blog { width: 1200px; height: auto; position: relative; margin: auto; }
#lista-arquivo-blog { width: 50%; height: auto; position: relative; float: left; }
.card-post-blog-arquivo { width: 100%; height: auto; position: relative; float: left; margin-right: 3.3%; margin-bottom: 50px; }
.card-post-blog-arquivo h3 { width: 85%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 24px; color: #2D2D2D; font-weight: 700; letter-spacing: 1px; word-spacing: 1px; }
.card-post-blog-arquivo p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 20px; color: #2D2D2F; letter-spacing: 1px; word-spacing: 1px; }
#faixa-paginacao { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; }
.item-bloco-paginacao { width: 55px; height: 55px; position: relative; float: left; margin-right: 10px; background-color: #FFCC26; border-radius: 10px; cursor: pointer; }
.item-bloco-paginacao:hover { background-color: #FFB826; }
.seta-e-blog { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; background: url('img/seta-e-blog.webp'); background-size: 40px; }
.seta-d-blog { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; background: url('img/seta-d-blog.webp'); background-size: 40px; }
.n-paginacao { width: 100%; height: 30px; position: absolute; top: 50%; margin-top: -15px; font-size: 22px; font-weight: 600; color: #98530A; text-align: center; }
#mais-do-arquivo-blog { width: 50%; height: auto; position: relative; float: left; padding-left: 180px; }
#mais-do-arquivo-blog h4 { width: 100%; height: auto; position: relative; float: left; font-size: 32px; color: #506DC2; font-weight: 540; margin-top: -10px; }

/*Mais posts arquivo*/
.item-post-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #dadada; padding-bottom: 30px; }
.post-destaque-txt { width: 70%; height: auto; position: relative; float: left; font-size: 18px; color: #78858c; text-align: left; }
.cover-post-destaque { width: 20%; height: auto; position: relative; float: right; }
.cover-post-desraque-int { width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden; }
.item-post-destaque:hover .post-destaque-txt { color: #4953BB; }

/*Inicio adega*/

/*Janela vinho adega*/
#janela-vinho-adega { width: 300px; height: 100%; position: fixed; right: -150%; background-color: #F9F9F9; border-radius: 30px 0px 0px 30px; z-index: 9999; overflow: hidden; -webkit-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); }
#bg-topo-janela-vinho { width: 600px; height: 600px; position: absolute; top: -460px; left: 50%; margin-left: -289px; background-color: #1C1A21; border-radius: 100%; z-index: 90; }
#logo-bg-topo-janela-vinho { width: 80px; height: 93px; position: absolute; left: 50%; margin-left: -48px; bottom: 25px; background: url('img/logo-adega.webp'); background-size: 80px; }
#conteudo-janela-vinho { width: 100%; height: 100%; position: absolute; right: 0px; top: 0px; overflow-y: scroll; }
#sessao-foto-vinho-janela { width: 100%; height: 300px; position: relative; float: left; background: url('img/bg-topo-ft-janela-vinho.webp'); background-size: cover; margin-top: 90px; background-color: #fff; }
#foto-vinho-int-janela { width: 80px; height: 160px; position: absolute; left: 50%; margin-left: -40px; top: 62px; }
#sessao-infos-rotulo-vinho-janela { width: 100%; height: auto; position: relative; float: left; background-color: #f9f9f9; margin-top: -50px; z-index: 10; padding: 0px 0px 120px 0px; }
#nome-vinho-janela { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; font-size: 18px; color: #4D4A5D; font-weight: 700; margin-top: 29px; }
#quadro-logo-produtor-janela-vinho { width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; top: -20px; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0px 0px 47px -12px rgba(0, 0, 0, 0.38); -moz-box-shadow: 0px 0px 47px -12px rgba(0, 0, 0, 0.38); -o-box-shadow: 0px 0px 47px -12px rgba(0, 0, 0, 0.38); -m-box-shadow: 0px 0px 47px -12px rgba(0, 0, 0, 0.38); box-shadow: 0px 0px 47px -12px rgba(0, 0, 0, 0.38); z-index: 90; }
#img-logo-produtor-int { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; }
#separador-infos-rotulo { width: 100%; height: 60px; position: relative; float: left; }

/*items info rotulo*/
.item-info-rotulo { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding-left: 20px; }
.icn-rotulo-inf-bandeira { width: 50px; height: 50px; position: relative; float: left; border-radius: 100%; background-color: #4D4A5D; overflow: hidden; }
.icn-rotulo-inf { width: 50px; height: 50px; position: relative; float: left; border-radius: 100%; background-color: #4D4A5D; padding: 5px; }
.info-item-rotulo-txt { width: 60%; height: auto; position: relative; float: left; margin-top: 8px; margin-left: 10px; font-size: 16px; color: #797979; line-height: 18px; }

/* armonizacao janela */
.armonizacao-janela { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; padding: 0px 0px; margin-top: 30px; background-color: #4D4A5D; border-radius: 20px; overflow: hidden; }
.icone-armonizacao { width: 240px; height: 240px; position: absolute; left: -170px; border-radius: 100%; background-color: #CD4648; top: 50%; margin-top: -120px; }
.icone-armonizacao-int { width: 50px; height: 50px; position: absolute; left: 8px; top: 50%; margin-top: -25px; z-index: 20; }
#info-harmonizacao-janela { width: 74%; height: auto; position: relative; float: right; padding: 10px 20px 20px 20px; }
#info-harmonizacao-janela h5 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; }
#info-harmonizacao-sobre { width: 100%; height: auto; position: relative; float: left; font-size: 14px; margin-top: 0px; color: #fff; }

/*Fechar janela info vinho*/
#circulo-cta-fechar-j-vinho { width: 320px; height: 240px; position: absolute; left: 50%; margin-left: -160px; bottom: -180px; border-radius: 50%; z-index: 500; background-color: #31313B; cursor: pointer; }
#txt-cta-fechar-j-vinho { width: 100px; height: 31px; position: absolute; left: 50%; margin-left: -50px; top: 20px; background: url(img/cta-fechar.webp); background-size: 100px; }
#circulo-cta-fechar-j-vinho:hover { background-color: #111114; }
#topo-adega-home { width: 100%; height: 790px; position: relative; float: left; background: url('img/bg-topo-adega.webp'); background-repeat: repeat; margin-top: 100px; }
#container-rolhas { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0px; left: 0px; overflow: hidden; }
#rolhas-e { width: 447px; height: 800px; position: absolute; left: 0px; top: 0px; background: url('img/rolhas-e.webp'); background-size: 447px; }
#rolhas-d { width: 447px; height: 800px; position: absolute; right: 0px; top: 0px; background: url('img/rolhas-d.webp'); background-size: 447px; }
#view-topo-home-adega { width: 900px; height: 100%; position: relative; margin: auto; z-index: 50; }
#folha-e-topo { width: 250px; height: 229px; position: absolute; left: 50%; margin-left: -190px; top: -50px; background: url('img/folha-e-topo.webp'); background-size: 250px; }
#folha-d-topo { width: 250px; height: 229px; position: absolute; left: 50%; margin-left: -50px; top: -50px; background: url('img/folha-d-topo.webp'); background-size: 250px; }
#faixa-logo-adega-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 210px; }
#logo-adega-topo { width: 270px; height: 313px; position: relative; margin: auto; background: url('img/logo-adega.webp'); background-size: 270px; }
#faixa-busca-adega { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#faixa-busca-adega-int { width: 400px; height: auto; position: relative; margin: auto; }
#faixa-busca-adega-int input { width: 100%; height: auto; position: relative; float: left; padding: 15px 50px 15px 20px; background-color: #F6BD44; border-radius: 40px; border: 0px solid #000 !important; font-size: 22px; color: #402424; text-align: center; box-sizing: border-box; }
#btn-busca-input { width: 40px; height: 40px; position: absolute; right: 15px; top: 7px; background-color: #EDE9E4; border-radius: 100px; z-index: 99; cursor: pointer; }
#btn-busca-input:hover { background-color: #EEEAD7; }
#icn-lupa { width: 25px; height: 25px; position: absolute; left: 50%; margin-left: -12.5px; top: 50%; margin-top: -12.5px; background: url('img/icn-lupa.webp'); background-size: 25px; }

/*sessao categoria vinhos*/
#categoria-vinhos { width: 100%; height: 900px; position: relative; float: left; background-color: #F9F9F9; }
.bg-s-top-cat-vinhos { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background-color: #F9F9F9; border-radius: 100%; z-index: 1; }
.bg-s-bottom-cat-vinhos { background-color: #F9F9F9; }
#marca-vinho-e { width: 200px; height: 321px; position: absolute; left: 0px; top: 0px; background: url('img/marca-vinho.webp'); background-size: 200px; }
#marca-vinho-d { width: 200px; height: 342px; position: absolute; right: 0px; top: 40px; background: url('img/marca-vinho-2.webp'); background-size: 200px; }
#view-categoria-vinhos { width: 1200px; height: auto; position: relative; margin: auto; z-index: 99; }
#view-categoria-vinhos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; font-size: 74px; font-weight: 500; color: #313030; text-align: center; }
#view-categoria-vinhos p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #0D0F0F; text-align: center; font-size: 28px; padding: 0px 200px; }
.fix-titulo-adega { margin-top: 140px !important; }
#slide-categorias-vinhos { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; z-index: 30; }
.item-categoria-vinho { width: 200px !important; height: auto; position: relative; float: left; margin-left: 20px; cursor: pointer; }
.bg-categoria-vinho { width: 150px; height: 150px; position: absolute; left: 50%; margin-left: -75px; border-radius: 100%; }
.foto-vinho-categoria { width: 100%; height: auto; position: relative; float: left; z-index: 30; padding: 0px 20px; box-sizing: border-box; }
.legenda-categoria-vinho { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; color: #343333; text-align: center; }
.item-categoria-vinho:hover .bg-categoria-vinho { width: 180px; height: 180px; position: absolute; left: 50%; margin-left: -90px; border-radius: 100%; }
.bg-cat-amarelo { background-color: #FCC124; }
.item-categoria-vinho:hover .bg-cat-amarelo { background-color: #FEAE24; }
.bg-cat-branco { background-color: #FDFDFD; }
.item-categoria-vinho:hover .bg-cat-branco { background-color: #E4E2D4; }
.bg-cat-rosa { background-color: #FECAD1; }
.item-categoria-vinho:hover .bg-cat-rosa { background-color: #FEA7B3; }
.bg-cat-rosa-claro { background-color: #FDDED9; }
.item-categoria-vinho:hover .bg-cat-rosa-claro { background-color: #FDC5BC; }
.bg-cat-vinho { background-color: #B86251; }
.item-categoria-vinho:hover .bg-cat-vinho { background-color: #8B4A3D; }
.bg-cat-vinho { background-color: #B86251; }
.item-categoria-vinho:hover .bg-cat-vinho { background-color: #8B4A3D; }
.bg-cat-verde { background-color: #c3d5c7; }
.item-categoria-vinho:hover .bg-cat-verde { background-color: #4e7e5d; }

/*Controles categorias vinho*/
.bloco-ctrl-cat-vinho { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.ctrl-l-cat-vinho { left: 40px; }
.ctrl-r-cat-vinho { right: 40px; }
.seta-l-cat-vinho { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url('img/seta-l-tabloide.webp'); background-size: 60px; }
.seta-r-cat-vinho { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url('img/seta-r-tabloide.webp'); background-size: 60px; }

/*Vinhos mais vendidos*/
#sessao-vinhos-mais-vendidos { width: 100%; height: 1200px; position: relative; float: left; background: url('img/bg-vinhos-vendidos.webp'); background-repeat: repeat; }
#view-vinhos-vendidos { width: 1200px; height: auto; position: relative; margin: auto; }
#view-vinhos-vendidos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; font-size: 74px; font-weight: 500; color: #313030; text-align: center; }
#view-vinhos-vendidos p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #0D0F0F; text-align: center; font-size: 28px; padding: 0px 200px; }

/*Swiper cards vinhos vendidos*/
#swiper-vinhos-vendidos { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; }

/*Card vinho mais vendido*/
.card-vinho { width: 350px !important; height: 575px; position: relative; float: left; margin-left: 10px; margin-bottom: 10px; background-color: #fff !important; border-radius: 20px; }
.card-vinho-foto { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; padding: 0px 80px; box-sizing: border-box; }
.card-vinho h3 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #343541; text-align: center; padding: 0px 20px; box-sizing: border-box; }
.card-vinho h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -12px; font-size: 16px; color: #343541; text-align: center; padding: 0px 20px; box-sizing: border-box; }
.infos-card-vinho { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; padding: 0px 20px; box-sizing: border-box; }
.legenda-tipo-vinho { width: 40%; height: auto; position: relative; float: left; font-size: 17px; border-radius: 20px; padding: 5px 20px; text-align: center; }
.legenda-tinto { background-color: #E8DAD2; color: #805C4B; }
.regiao-vinho { width: 40%; height: auto; position: relative; float: right; }
.bandeira-vinho { width: 35px; height: 35px; position: relative; float: right; background-color: #dadada; border-radius: 100%; overflow: hidden; }
.legenda-bandeira-vinho { width: 100px; height: auto; position: relative; float: right; font-size: 16px; text-align: right; color: #656465; margin-right: 45px; margin-top: -29px; }
.bandeira-argentina { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/bandeira-argentina.webp'); background-size: 40px; }
.bloco-ctrl-card-vinho { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.ctrl-l-card-vinho { left: 40px; }
.ctrl-r-card-vinho { right: 40px; }
.seta-l-card-vinho { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url('img/seta-l-tabloide.webp'); background-size: 60px; }
.seta-r-card-vinho { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url('img/seta-r-tabloide.webp'); background-size: 60px; }

/*Sessao produtores*/
#sessao-produtores-vinho { width: 100%; height: 810px; position: relative; float: left; background-color: #F8F8F9; }
.bg-s-top-card-vinhos { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background-color: #F8F8F9; border-radius: 100%; z-index: 1; }
#ornamento-produtor-vinho-e { width: 450px; height: 421px; position: absolute; left: 0px; top: 0px; background: url('img/ornamento-rolhas-e.webp'); background-size: 450px; z-index: 10; }
#ornamento-produtor-vinho-d { width: 450px; height: 421px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-rolhas-d.webp'); background-size: 450px; z-index: 10; }
#view-sessao-produtores-vinho { width: 1200px; height: auto; position: relative; margin: auto; z-index: 100; }
#view-sessao-produtores-vinho h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 74px; font-weight: 500; color: #313030; text-align: center; }
#view-sessao-produtores-vinho p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #0D0F0F; text-align: center; font-size: 28px; padding: 0px 200px; }
#swiper-produtores { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; overflow: hidden; z-index: 110; }
.bloco-ctrl-card-produtor { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.ctrl-l-card-produtor { left: 40px; }
.ctrl-r-card-produtor { right: 40px; }
.seta-l-card-produtor { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url('img/seta-l-tabloide.webp'); background-size: 60px; }
.seta-r-card-produtor { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url('img/seta-r-tabloide.webp'); background-size: 60px; }

/*item produtor*/
.item-card-produtor { width: 200px !important; height: auto; position: relative; float: left; margin-left: 30px; margin-right: -20px; background-color: #F3F3F3; border-radius: 20px; padding: 20px 20px 20px 20px; overflow: hidden; }
.mascara-card-produtor { width: 100%; height: 100%; position: absolute; z-index: 9999; top: 0px; }
#faixa-cta-todos-produtores { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; z-index: 90; }
#cta-todos-produtores-int { width: 220px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #3C4150; color: #fff; text-align: center; font-size: 22px; border-radius: 40px; cursor: pointer; }
#cta-todos-produtores-int:hover { background-color: #47556D; }
#ornamento-e-cta-produtor { width: 50px; height: 95px; position: absolute; left: -40px; top: -19px; background: url('img/ornamento-cta-produtor-e.webp'); background-size: 50px; }
#ornamento-d-cta-produtor { width: 50px; height: 95px; position: absolute; right: -40px; top: -19px; background: url('img/ornamento-cta-produtor-d.webp'); background-size: 50px; }
#bg-produtores-vinho { width: 100%; height: 600px; position: absolute; bottom: 0px; background: url('img/bg-mapa-adega.webp'); background-size: cover; z-index: 1; opacity: 0.5; }

/*Categoria vinho adega*/
#categoria-vinhos-card { width: 100%; height: auto; position: relative; float: left; background-color: #F9F9F9; padding-bottom: 150px; padding-top: 70px; z-index: 450; margin-bottom: 100px; }
#faixa-cards-categoria-vinhos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }

/*Inicio card vinho categoria*/
.card-vinho-cat { width: 24% !important; height: 438px; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 10px; background-color: #fff; border-radius: 20px; }
.card-vinho-foto-cat { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; padding: 0px 80px; box-sizing: border-box; }
.card-vinho-cat h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px !important; font-size: 20px !important; color: #343541 !important; text-align: center !important; padding: 0px 20px; box-sizing: border-box; }
.card-vinho-cat h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -12px; font-size: 16px; color: #343541; text-align: center; padding: 0px 20px; box-sizing: border-box; }
.infos-card-vinho-cat { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; padding: 0px 20px; box-sizing: border-box; }
.legenda-tipo-vinho-cat { width: 40%; height: auto; position: relative; float: left; font-size: 17px; border-radius: 20px; padding: 5px 20px; text-align: center; }
.regiao-vinho-cat { width: 40%; height: auto; position: relative; float: right; }
.bandeira-vinho-cat { width: 35px; height: 35px; position: relative; float: right; background-color: #dadada; border-radius: 100%; overflow: hidden; }
.legenda-bandeira-vinho-cat { width: 100px; height: auto; position: relative; float: right; font-size: 16px; text-align: right; color: #656465; margin-right: 45px; margin-top: -29px; }
#faixa-paginacao-cat-vinhos { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; margin-bottom: -60px; }
#faixa-int-paginacao-cat-vinhos { width: 210px; height: auto; position: relative; margin: auto; }
.item-cta-paginacao-cat-vinhos { width: 60px; height: 60px; position: relative; float: left; margin-right: 10px; background-color: #3B404D; border-radius: 50%; cursor: pointer; }
.item-cta-paginacao-cat-vinhos:hover { background-color: #3F4E72; }
.seta-l-cat-vinhos { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-l-cat-vinhos.webp'); background-size: 40px; }
.seta-r-cat-vinhos { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/seta-r-cat-vinhos.webp'); background-size: 40px; }
.numero-paginacao-cat-vinhos { width: 100%; height: 20px; position: absolute; top: 50%; margin-top: -20px; font-size: 28px; color: #fff; font-weight: 700; text-align: center; }
#ornamento-e-paginacao-vinho { width: 50px; height: 95px; position: absolute; left: -47px; top: -19px; background: url('img/ornamento-cta-produtor-e.webp'); background-size: 50px; }
#ornamento-d-paginacao-vinho { width: 50px; height: 95px; position: absolute; right: -40px; top: -19px; background: url('img/ornamento-cta-produtor-d.webp'); background-size: 50px; }

/*Inicio listam produtores adega*/
#s-lista-produtores-adega { width: 100%; height: auto; position: relative; float: left; z-index: 300; margin-top: 20px; }
.item-card-produtor-listagem { width: 19% !important; height: auto; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 10px; background-color: #F3F3F3; border-radius: 20px; padding: 20px 20px 20px 20px; overflow: hidden; }
#sessao-produtores-vinho-lista { width: 100%; height: auto; position: relative; float: left; background-color: #F8F8F9; padding-bottom: 200px; margin-top: 0px; }

/*Inicio produtor adega*/
#sobre-produtor-adega { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-sobre-produtor.webp'); background-repeat: repeat; margin-top: 180px; padding-bottom: 150px; z-index: 250; }
.bg-s-top-desktop-produtor-adega { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background: url('img/bg-sobre-produtor.webp'); background-repeat: repeat; border-radius: 100%; z-index: 200; }
.bg-s-bottom-desktop-produtor-adega { width: 500px; height: 500px; position: absolute; bottom: -66px; left: 50%; margin-left: -250px; background: url('img/bg-sobre-produtor.webp'); background-repeat: repeat; border-radius: 100%; z-index: 19; }
#view-sobre-produtor { width: 1200px; height: auto; position: relative; margin: auto; z-index: 390; }
#faixa-logo-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#logo-produtor-pagina { width: 300px; height: 300px; position: relative; margin: auto; }
#view-sobre-produtor h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 42px; color: #313232; text-align: center; font-weight: 500; }
#view-sobre-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #313231; font-size: 22px; text-align: center; line-height: 35px; padding: 0px 100px; }
.bg-ornamento-galeria-produtor { background-color: #F9F9F9 !important; }

/*Vitrine fornecedor*/
#vitrine-produtor-adega { width: 100%; height: auto; position: relative; float: left; background-color: #F9F9F9; padding-bottom: 120px; }
#view-vitrine-fornecedor { width: 1200px; height: auto; position: relative; margin: auto; z-index: 300; }
#view-vitrine-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; text-align: center; color: #323434; font-size: 48px; font-weight: 600; }
#faixa-destaques-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }

/*Item destaque produtor*/
.item-destaque-produtor { width: 20%; height: auto; position: relative; float: left; }
.faixa-icone-destaque-produtor { width: 100%; height: auto; position: relative; float: left; }
.icone-produtor-destaque { width: 100px; height: 100px; position: relative; margin: auto; border-radius: 100%; overflow: hidden; }
.icone-int-destaque-produtor { width: 110px; height: 110px; position: absolute; left: 50%; top: 50%; margin-left: -55px; margin-top: -55px; }
.bg-icone-destaque-produtor { background-color: #E9550C; }
.legenda-icone-destaque-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 26px; font-weight: 600; color: #343333; text-align: center; }
.sobre-legenda-destaque-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 18px; color: #3E3F3E; text-align: center; padding: 0px 20px; }

/*Inicio listagem vinhos produtor*/
#listagem-vinhos-pg-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
#listagem-vinhos-pg-produtor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; text-align: center; color: #323434; font-size: 48px; font-weight: 600; }
#listagem-vinhos-pg-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 60px; color: #0D0F0F; text-align: center; font-size: 28px; padding: 0px 200px; }
#faixa-links-sala-imprensa-desktop { width: 100%; height: 60px; position: relative; float: left; background-color: #646FFF; }
#view-faixa-links-sala-imprensa { width: 90%; height: auto; position: relative; margin: auto; }
#view-faixa-links-sala-imprensa h3 { width: auto; height: auto; position: relative; float: left; font-size: 20px; color: #fff; padding: 10px 0px; margin-top: -8px; }
#view-faixa-links-sala-imprensa ul li { width: auto; height: auto; position: relative; float: right; font-size: 20px; color: #fff; cursor: pointer; margin-left: 30px; }
.atv-sala-imprensa { color: #F6D617 !important; font-weight: 700 !portant; }

/*Inicio topo sala de imprensa*/
#topo-sala-imprensa { width: 100%; height: 680px; position: relative; float: left; margin-top: 155px; background-color: #E5F9FD; }
#view-topo-sala-imprensa { width: 1200px; height: auto; position: relative; margin: auto; }
#view-topo-sala-imprensa h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 42px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
#view-topo-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; max-width: 700; font-size: 22px; color: #010101; text-align: center; padding: 0px 380px; font-weight: 500; }

/*Links acnoras topo sala de imprensa*/
#faixa-links-topo-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
.view-links-ancoras-sala-imprensa { width: 700px; height: auto; position: relative; margin: auto; }

/*Item link sala imprensa*/
.item-link-sala-imprensa { width: 200px; height: 200px; position: relative; float: left; margin-left: 32px; background-color: #fff; border-radius: 15px; cursor: pointer; }
.legenda-link-ancora-sala-imprensa { width: 100%; height: auto; position: absolute; bottom: -60px; font-size: 18px; text-align: center; color: #000; text-align: center; padding: 0px 20px; line-height: 22px; }
.icone-link-sala-imprensa { width: 200px; height: 200px; position: absolute; top: 0px; left: 0px; }

/*Inicio posts home sala de imprensa*/
#faixa-posts-home-sala-imprensa { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 90px; }
#view-faixa-posts-home-sala-imprensa { width: 1200px; height: auto; position: relative; margin: auto; z-index: 100; }
.headline-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 42px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
.chamada-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; margin-bottom: 140px; max-width: 700; font-size: 22px; color: #010101; text-align: center; padding: 0px 380px; font-weight: 500; }

/*cta ver mais pre releases home sala imprensa*/
#faixa-cta-ver-mais-press-releases { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
#cta-ver-mais-press-releases { width: 320px; height: auto; position: relative; margin: auto; padding: 15px 20px; background-color: #FFCC23; color: #5D4100; font-size: 22px; font-weight: 600; text-align: center; border-radius: 50px; cursor: pointer; }
#cta-ver-mais-press-releases:hover { background-color: #FFDF60; }

/*Inicio downloads home sala imprensa*/
#faixa-downloads-home-sala-imprensa { width: 100%; height: auto; position: relative; float: left; background-color: #E4FBFF; padding-bottom: 140px; margin-top: 40px; }
#view-chamada-faixa-downloads-sala-imprensa { width: 1200px; height: auto; position: relative; margin: auto; z-index: 90; }
#view-chamada-faixa-downloads-sala-imprensa h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 42px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
#view-chamada-faixa-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 22px; color: #010101; text-align: center; padding: 0px 180px; font-weight: 500; }
#faixa-slide-downloads-slp { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding-bottom: 30px; overflow: hidden; z-index: 99; }

/*Controles slider downloads*/
.bloco-ctrl-downloads { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -75px; left: 40px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
.bloco-ctrr-downloads { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -75px; right: 40px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }

/*item card sala de imprensa*/
.card-download-slp-home { width: 280px; height: auto; position: relative; float: left; margin-left: 20px; margin-right: -10px !important; border-radius: 20px; padding-top: 20px; padding-bottom: 30px; background-color: #fff; }
.foto-card-download { width: 100%; height: auto; position: relative; float: left; }
.foto-int-card-download { width: 87%; height: auto; position: relative; margin: auto; border-radius: 20px; overflow: hidden; }
.infos-card-download { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; box-sizing: border-box; }
.infos-card-download p { width: 100%; height: 60px; position: relative; float: left; margin-top: 10px; font-size: 18px; color: #000; line-height: 24px; }
.faixa-ctas-card-download { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
.cta-ver-arquivos { width: auto; height: auto; position: relative; float: left; font-size: 18px; color: #000; font-weight: 500; cursor: pointer; }
.cta-ver-arquivos:hover { color: #646EFE; }
.cta-download-arquivos-card { width: auto; height: auto; position: relative; float: right; margin-top: -7px; padding: 7px 20px; font-size: 16px; background-color: #fff; color: #626DFF; border: 1px solid #626DFF; border-radius: 70px; cursor: pointer; }
.cta-download-arquivos-card:hover { background-color: #626DFF; color: #fff; border: 1px solid #626DFF; }

/*faixa ver todos downloads*/
#faixa-cta-tds-downloads { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
#cta-ver-tds-downloads { width: 320px; height: auto; position: relative; margin: auto; padding: 15px 20px; background-color: #FFCC23; color: #5D4100; font-size: 22px; font-weight: 600; text-align: center; border-radius: 50px; cursor: pointer; }
#cta-ver-tds-downloads:hover { background-color: #FFDF60; }

/*Inicio home blog sala de imprensa*/
#topo-blog-sala-imprensa { width: 100%; height: 550px; position: relative; float: left; background-color: #E5F9FD; }
#view-topo-blog-sala-imprensa { width: 1200px; height: auto; position: relative; margin: auto; }
#view-topo-blog-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 270px; font-size: 42px; color: #000; text-align: center; font-weight: 700; }
#view-topo-blog-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 22px; color: #000; text-align: center; padding: 0px 380px; font-weight: 500; }
.fix-cta-press-releases { width: 340px !important; }

/*Inicio página de downloads página de imprensa*/
#topo-downloads-sala-imprensa { width: 100%; height: 600px; position: relative; float: left; background-color: #E5F9FD; }
#view-topo-downloads-sala-imprensa { width: 1200px; height: auto; position: relative; margin: auto; }
#view-topo-downloads-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 270px; font-size: 42px; color: #000; text-align: center; font-weight: 700; }
#view-topo-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 22px; color: #000; text-align: center; padding: 0px 180px; font-weight: 500; }
#s-faixa-downloads-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: -90px; padding-bottom: 150px; }
#view-s-faixa-downlodas-sala-imprensa { width: 1200px; height: auto; position: relative; margin: auto; }

/*item card download home sala de imprensa*/
.card-download { width: 280px; height: 400px; position: relative; float: left; margin-left: 20px; margin-bottom: 20px; border-radius: 20px; padding-top: 20px; background-color: #F3FBFD; }
.foto-card-download { width: 100%; height: auto; position: relative; float: left; }
.foto-int-card-download { width: 87%; height: auto; position: relative; margin: auto; border-radius: 20px; overflow: hidden; }
.infos-card-download { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; box-sizing: border-box; }
.infos-card-download p { width: 100%; height: 60px; position: relative; float: left; margin-top: 10px; font-size: 18px; color: #000; line-height: 24px; }
.faixa-ctas-card-download { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
.cta-ver-arquivos { width: auto; height: auto; position: relative; float: left; font-size: 18px; color: #000; font-weight: 500; cursor: pointer; }
.cta-ver-arquivos:hover { color: #646EFE; }
.cta-download-arquivos-card { width: auto; height: auto; position: relative; float: right; margin-top: -7px; padding: 7px 20px; font-size: 16px; background-color: #fff; color: #626DFF; border: 1px solid #626DFF; border-radius: 70px; cursor: pointer; }
.cta-download-arquivos-card:hover { background-color: #626DFF; color: #fff; border: 1px solid #626DFF; }

/*Inicio página interna de download*/
#toolbar-download { width: 100%; height: 60px; position: relative; float: left; background-color: #E5F9FD; }
#view-toolbar-downloads { width: 90%; height: auto; position: relative; margin: auto; }
#view-toolbar-downloads h4 { width: auto; position: relative; float: left; margin-top: 15px; font-size: 22px; color: #000; }

/*cta baixar todos os arquivos*/
#cta-baixar-tds-arquivos-toolbar { width: auto; height: auto; position: relative; margin-top: 10px; float: right; padding: 8px 20px; background-color: #0055ff; color: #fff; font-size: 16px; font-weight: 500; border-radius: 20px; cursor: pointer; cursor: pointer; }
#cta-baixar-tds-arquivos-toolbar:hover { background-color: #0048d7; }
#faixa-blocos-imagens { width: 100%; height: auto; position: relative; float: left; margin-top: 240px; padding: 15px 15px 15px 25px; overflow: hidden; }

/*Item bloco imagem*/
.item-bloco-imagem-download { width: 24.6%; height: 300px; position: relative; float: left; margin-right: 0.2%; margin-bottom: 2px; background-color: #dadada; overflow: hidden; border-radius: 5px; }
.img-int-bloco-download { width: 680px; height: 340px; position: absolute; left: 50%; margin-left: -340px; top: 50%; margin-top: -170px; }
.cta-download-img-unica { width: 50px; height: 50px; position: absolute; top: -220px; right: 20px; background-color: #0055FF; border-radius: 10px; z-index: 99; cursor: pointer; }
.cta-download-img-icn-unica { width: 38px; height: 38px; position: absolute; left: 50%; top: 50%; margin-left: -19px; margin-top: -19px; background: url('img/download-img-icn.png'); background-size: 38px; }
.item-bloco-imagem-download:hover .cta-download-img-unica { top: 20px; }


@media only screen  
and (min-width:1200px) 
and (max-width:1400px) {
    #horarios-desktop { display: none; }
    #cta-horarios-tela-menor { width: 38px; height: 40px; position: relative; float: right; margin-top: 16px; margin-right: 16px; background-color: #E3FBFF; border-radius: 100%; cursor: pointer; display: block; }
    #cta-horarios-tela-menor:hover { background-color: #C4EFF5; }
    #icn-cta-h-t-m { width: 28px; height: 28px; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -14px; background: url('img/icn-relogio.webp'); background-size: 28px; }
    #ornamento-janela-horarios { width: 50px; height: 50px; position: absolute; left: 200px; top: -5px; border-radius: 4px; background: #fff; -webkit-transform: rotate(46deg); -moz-transform: rotate(46deg); -ms-transform: rotate(46deg); -o-transform: rotate(46deg); transform: rotate(46deg); }
    #cta-horarios-tela-menor:hover #icn-cta-h-t-m { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }

    /* ==========================================================================
    Inicio links oficias
     ========================================================================== */
    #view-topo-links-oficiais { width: 1100px; height: auto; position: relative; margin: auto; }
    #calculadora-nf { width: 450px; height: 482px; position: absolute; left: -100px; top: 200px; background: url('img/calculadora-nf.webp'); background-size: 450px; }
    #cartoes-nf { width: 450px; height: 377px; position: absolute; right: -100px; top: 690px; background: url('img/cartoes-nf.webp'); background-size: 450px; }
    #carrinho-nf { width: 450px; height: 367px; position: absolute; left: -100px; top: 1000px; background: url('img/carrinho-nf.webp'); background-size: 450px; }
    #promo-nf { width: 450px; height: 419px; position: absolute; right: -100px; top: 1300px; background: url('img/promo-nf.webp'); background-size: 450px; }
}

/*Telas menores*/
@media only screen  
and (min-width:1200px) 
and (max-width:1650px) {
     
    #faixa-categorias-blog { width: 100%; height: auto; position: relative; float: left; margin-top: -17px; border-top: 1px solid #F7F7F7; background-color: #edfbff; }

    #oferta-loja { width: 1px; height: 1px; position: absolute; top: -160px; }
    .telas-menores { display: none; }
    .cta-padrao { padding: 13px 0px; font-size: 17px; font-weight: 500; text-align: center; color: #5b3f00; background-color: #ffcc00; border-radius: 90px; cursor: pointer; }
    #janela-horarios { width: 300px; height: 100px; position: fixed; right: 37px; top: -110%; background-color: #fff; border-radius: 20px; z-index: 9999; -webkit-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); opacity: 0; }

    /*Menu fixo*/
    #v-faixa-outros-links { width: 95%; height: auto; position: relative; margin: auto; }
    #v-m-desktop { width: 95%; height: auto; position: relative; margin: auto; }
    #menu-fixo-desktop { width: 100%; height: 104px; position: fixed; top: 0px; background-color: #fff; z-index: 999; -webkit-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); overflow: hidden; }
    #faixa-selecao-lojas-menu { width: 100%; height: auto; position: relative; float: left; border-top: 0px solid #F7F7F7 !important; background-color: #edfbff; margin-top: -18px; }
    #faixa-outros-links-m-fixo { width: 100%; height: 35px; position: relative; float: left; background-color: #FFCC01; }
    #horarios-desktop { width: auto; height: auto; position: relative; float: right; margin-right: 20px; margin-top: 17px; background-color: #C7EFF5; color: #4070B9; font-size: 14px; padding: 9px 16px 9px 42px; border-radius: 20px; cursor: pointer; }
    #relogio-desktop { width: 26px; height: 26px; position: absolute; left: 8px; top: 5px; background-color: #E3FBFF; border-radius: 50%; }
    #icn-relogio-dk { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; background: url(img/icone-relogio.webp); background-size: 24px; }
    .item-sm-desktop { width: 22px; height: 22px; position: relative; float: left; margin-left: 5px; cursor: pointer; margin-top: 6px; opacity: 0.8; }
    .fb-sm-desktop { background: url(img/fb-icn.webp); background-size: 22px; }
    .insta-sm-desktop { background: url(img/insta-icn.webp); background-size: 22px; }
    .yt-sm-desktop { background: url(img/yt-icn.webp); background-size: 22px; }
    .item-outros-links { width: auto; height: auto; position: relative; float: right; font-size: 13px; color: #cd1215; margin-right: 15px; margin-top: 9px; cursor: pointer; }
    #logo-dd-desktop { width: 140px; height: 63px; position: relative; float: left; margin-top: 23px; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 140px; background-repeat: no-repeat; }
    #tag-localizacao-desktop-m { width: auto; height: auto; position: relative; float: left; margin-left: 15px; }
    #tag-int-localizacao-desktop { width: auto; height: auto; position: relative; float: left; margin-top: 15px; padding: 8px 18px 8px 44px; max-width: 215px; background-color: #636EFF; color: #fff; font-size: 16px; border-radius: 50px; cursor: pointer; }
    #icone-tag-localizacao-desktop { width: 25px; height: 25px; position: absolute; left: 8px; top: 6px; border-radius: 50%; background-color: #8890FF; }
    #icn-tag-int-l-d { width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; background: url(img/icn-tag-localizacao-dk.webp); background-size: 16px; }
    #tag-estado-l-desktop { width: 40px; height: 40px; position: relative; float: left; margin-left: 6px; margin-top: 14px; border-radius: 50%; background-color: #EDFBFE; }
    #tag-estao-l-d-txt { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; text-align: center; color: #506DC2; font-weight: 500; }
    #menu-desktop-cta { width: 38px; height: 38px; position: relative; float: right; margin-top: 16px; margin-right: 0px; border-radius: 8px; background: url(img/icn-m-desktop.webp); background-size: 38px; cursor: pointer; opacity: 0.8; }
    .item-m-desktop { width: auto; height: auto; position: relative; float: left; padding: 24px 20px; font-size: 16px; color: #737472; border-right: 1px solid #f6f6f6; font-weight: 300; cursor: pointer; }
    .atv-m-desktop { font-weight: 500; color: #788CC8; background-color: #EDFBFF; }
    #tag-ofertas-menu { width: auto; height: auto; position: relative; float: left; margin-left: 15px; }
    #tag-ofertas-menu-int { width: auto; height: auto; position: relative; float: left; margin-top: 15px; padding: 8px 18px 8px 44px; max-width: 215px; background-color: #e42623; color: #fff; border-radius: 50px; cursor: pointer; }
    #tag-ofertas-menu-int:hover { background-color: #d90d0a; }
    #icone-tag-ofertas-desktop { width: 25px; height: 25px; position: absolute; left: 7px; top: 6px; border-radius: 50%; background-color: #e42623; }
    #tag-ofertas-menu-int:hover #icone-tag-ofertas-desktop { background-color: #a71c1a; }
    #icn-tag-ofertas { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url(img/icn-offer.webp); background-size: 20px; }
    #tag-vagas-menu { width: auto; height: auto; position: relative; float: left; margin-left: 15px; }
    #tag-vagas-menu-int { width: auto; height: auto; position: relative; float: left; margin-top: 15px; padding: 8px 18px 8px 44px; max-width: 215px; background-color: #0046DC; color: #fff; border-radius: 50px; cursor: pointer; }
    #tag-vagas-menu-int:hover { background-color: #0234AA; }
    #icone-tag-vagas-desktop { width: 25px; height: 25px; position: absolute; left: 7px; top: 6px; border-radius: 50%; background-color: #3168CE !important; }
    #tag-vagas-menu-int:hover #icone-tag-vagas-desktop { background-color: #a71c1a; }
    #icn-tag-vagas { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url(img/icn-offer.webp); background-size: 20px; }
    
    /*Banner home*/
    #banner-home-mobile { width: 100%; height: auto; position: relative; float: left; overflow: hidden; margin-top: 36px; z-index: 100; }
    #bg-paginacao-desktop { width: 500px; height: 500px; position: absolute; bottom: -440px; left: 50%; margin-left: -250px; background-color: #fff; border-radius: 100%; z-index: 19; }
    .bloco-ctrl-banner-home { width: 75px; height: 75px; position: absolute; top: 50%; margin-top: -37px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
    .seta-l-ctrl { width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; background: url(img/seta-l.webp); background-size: 46px; }
    .seta-r-ctrl { width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; background: url(img/seta-r.webp); background-size: 46px; }
    #div-conteudo-ofertas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 45px; font-weight: 700; line-height: 50px; text-align: center; }
    #div-conteudo-ofertas span { font-size: 45px; }
    #div-conteudo-ofertas p { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 22px; text-align: center; padding: 0px 20px; }
    #bloco-fertas-destaque-3x { width: 586px; height: auto; position: relative; margin: auto; }
    .oferta-destaque-xx-h { width: 180px; height: 180px; position: relative; float: left; margin-right: 23px; border-radius: 50%; overflow: hidden; cursor: pointer; opacity: 0.9; }
    .oferta-destaque-xx-h:last-child { margin-right: 0px; }
    .oferta-destaque-xx-h:hover { opacity: 1; }
    .oferta-destaque-1x-h { width: 150px; height: 150px; position: relative; margin: auto; border-radius: 50%; overflow: hidden; }
    .img-oferta-destaque-h { width: 180px; height: 180px; position: absolute; left: 50%; top: 50%; margin-left: -90px; margin-top: -90px; }
    #cta-int-tds-ofertas-h-d { width: 170px; height: auto; position: relative; margin: auto; padding: 13px 0px; background-color: #636FFF; color: #fff; font-size: 18px; text-align: center; border-radius: 90px; cursor: pointer; }
    .cta-banner-mobile-int { width: 200px; height: auto; position: relative; margin: auto; background-color: #636EFF; color: #fff; -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -ms-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -o-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); }
    .cta-banner-mobile-int:hover { background-color: #4A56FC; color: #fff; }

    /*  Janela ofertas mobile   */
    #toolbar-janela-ofertas-sm { width: 100%; height: 70px; position: absolute; top: 0px; background-color: #fff; z-index: 100; }
    #logo-dd-ofertas-sm { width: 160px; height: 66px; position: relative; float: left; margin-top: 21px; background: url('img/logo-atcadao-dia-a-dia.webp'); background-size: 160px; background-repeat: no-repeat; }
    #cta-fechar-janela-ofertas-sm { width: auto; height: auto; position: relative; float: right; margin-top: 20px; padding: 8px 18px 8px 40px; background-color: #EF2818; color: #fff; font-size: 15px; border-radius: 90px; cursor: pointer; }
    #fechar-icn-cta-j-sm { width: 28px; height: 28px; position: absolute; left: 7px; top: 5px; background: url('img/fechar.webp'); background-size: 28px; }

    /*Tem no DD*/
    #titulo-dd-tem-bloco { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    #tag-dd { width: 100px; height: 58px; position: absolute; left: 50%; margin-left: -43px; background: url(img/tag-dd.webp); background-size: 100px; background-repeat: no-repeat; }
    #tag-dd-l-txt { width: auto; height: auto; position: absolute; left: -73px; top: -2px; font-size: 50px; font-weight: 700; }
    #tag-dd-r-txt { width: auto; height: auto; position: absolute; right: -96px; top: -2px; font-size: 50px; font-weight: 700; }
    #view-no-dd-tem p { width: 500px; height: auto; left: 50%; position: relative; float: left; margin-left: -250px; margin-top: 77px; text-align: center; font-size: 22px; padding: 0px 0px; }

    /*Controles no DD tem*/
    .bloco-ctrl-dd-tem { width: 75px; height: 75px; position: absolute; top: 50%; margin-top: 2px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }

    /*Pague do seu jeito*/
    #bgl-psj { width: 280px; height: 342px; position: absolute; left: -10px; top: unset; bottom: -222px; background: url(img/bg-dd-id-desktop.webp); background-size: 280px; }
    #bgr-psj { width: 280px; height: 272px; position: absolute; right: -23px; top: -1px; background: url(img/bg-dd-id-desktop-r.webp); background-size: 280px; }
    #view-s-pague-do-seu-jeito { width: 1200px; height: auto; position: relative; margin: auto; margin-top: 120px; padding: 0px 20px; }
    #view-s-pague-do-seu-jeito h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 43px; font-weight: 700; text-align: center; }
    #v-slides-btns-forma-pagamento { width: 636px; height: auto; position: relative; margin: auto; }
    #slider-btns-forma-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 85px; overflow: hidden; }

    /*Item btn forma pagamento*/
    .btn-forma-pagamento { width: auto !important; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 10px; padding: 10px 15px 10px 45px; background-color: #e5fbff; border-radius: 110px; font-size: 16px; font-weight: 600; cursor: pointer; }
    .atv-btn-forma-pagamento { background-color: #FFCC02; color: #A17511; }
    .atv-btn-forma-pagamento:hover { background-color: #FFDB5E; }

    /*Quadro formas de pagamento*/
    #container-quadro-formas-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 28px; z-index: 50; }
    .item-bandeira-forma-pagamento { width: 18%; height: 114px; position: relative; float: left; margin-bottom: 12px; border-radius: 20px; margin-left: 1%; margin-right: 1%; cursor: pointer; }
    .icone-bandera-cartao { width: 70px; height: 70px; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; }

    /*Inicio banner miolo*/
    #s-banner-miolo { width: 100%; height: auto; position: relative; float: left; margin-top: 115px; overflow: hidden; z-index: 200; }

    /*Blog DD home*/
    #blog-dd-home { width: 100%; height: 720px; position: relative; float: left; z-index: 300; }
    #view-blog-dd { width: 95%; height: auto; position: relative; margin: auto; padding: 0px 20px; z-index: 300; }
    #logo-blog-dd-int { width: 160px; height: 154px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 160px; }
    #s-cta-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; z-index: 10; }

    /*Inicio central de ajuda*/
    #view-s-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 111px; font-size: 43px; font-weight: 700; text-align: center; }
    #s-cm-ajudar { width: 100%; height: 397px; position: relative; float: left; margin-top: 130px; padding-bottom: 50px; z-index: 410; }
    #icone-cm-ajudar { width: 160px; height: 160px; position: absolute; left: 50%; margin-left: -80px; top: -70px; border-radius: 50%; overflow: hidden; border: 7px solid #fff; }
    #icn-como-posso-ajudar { width: 160px; height: 160px; position: absolute; left: 50%; top: 50%; margin-left: -80px; margin-top: -80px; background: url(img/personagem-central-ajuda-2.gif); background-size: 160px; }
    #icn-como-posso-ajudar-fornecedor { width: 160px; height: 160px; position: absolute; left: 50%; top: 50%; margin-left: -80px; margin-top: -80px; background: url(img/icn-como-posso-ajudar-fornecedor.webp); background-size: 160px; }
    #view-s-cm-ajudar h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 119px; font-size: 38px; font-weight: 700; text-align: center; }
    #view-s-cm-ajudar p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -13px; font-size: 22px; text-align: center !important; }
    .item-ft-cm-ajudar { width: 110px; height: 227px; position: absolute; }
    .ft-1-cm-ajudar { left: 3%; top: -160px; background: url(img/ft-4-c.webp); background-size: 110px; }
    .ft-2-cm-ajudar { left: 11%; top: -40px; background: url(img/ft-3-c.webp); background-size: 110px; }
    .ft-3-cm-ajudar { right: 3%; top: -140px; background: url(img/ft-1-c.webp); background-size: 110px; }
    .ft-4-cm-ajudar { right: 11%; top: -50px; background: url(img/ft-2-c.webp); background-size: 110px; }
    .ft-5-cm-ajudar { left: 11%; top: -40px; background: url(img/ft-5-c.webp); background-size: 110px; }
    .ft-6-cm-ajudar { right: 11%; top: -50px; background: url(img/ft-6-c.webp); background-size: 110px; }
    #view-s-espaco-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 53px; font-size: 43px; font-weight: 700; text-align: center; color: #fff; }
    #view-s-espaco-fornecedor p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -17px; font-size: 22px; text-align: center !important; color: #fff; }

    /*Inicio rodapé*/
    .view-s-rodape { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
    .view-s-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 5px; font-size: 30px; font-weight: 700; text-align: center; }
    #cta-voltar-topo { width: 90px; height: 90px; position: absolute; left: 50%; margin-left: -50px; top: -40px; background-color: #ffcc00; border-radius: 50%; border: 10px solid #fff; cursor: pointer; }
    #icone-cta-voltar-topo { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/icone-voltar-topo.webp); background-size: 40px; }
    #legenda-cta-voltar-topo { width: 200px; height: auto; position: absolute; left: 50%; margin-left: -100px; bottom: -39px; color: #353946; font-size: 20px; text-align: center; }
    #logo-dd-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 107px; }
    #logo-dd-int-rodape { width: 200px; height: 32px; position: relative; margin: auto; background: url(img/logo-dia-a-dia-rodape.webp); background-size: 200px; background-repeat: no-repeat; }
    #view-redes-sociais-rodape { width: 151px; height: auto; position: relative; margin: auto; }
    .item-sm-rodape { width: 50px; height: 50px; position: relative; float: left; margin-right: 0px; }
    .item-bloco-conteudo-rodape-desktop { width: 25%; height: 260px; position: relative; float: left; padding-right: 40px; margin-bottom: 70px; }
    .item-bloco-conteudo-rodape-desktop h4 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; text-align: left; font-weight: 500; }
    .item-bloco-conteudo-rodape-desktop h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 16px; text-align: left; font-weight: 500; }
    .item-bloco-conteudo-rodape-desktop p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 14px; text-align: left; }
    .item-bloco-conteudo-rodape-desktop ul li { width: 100%; height: auto; position: relative; float: left; font-size: 16px; text-align: left; cursor: pointer; }
    .item-cta-rodape-desktop { width: auto; height: auto; position: relative; float: left; margin-right: 15px; padding: 9px 17px 8px 38px; font-size: 14px; border-radius: 50px; cursor: pointer; margin-bottom: 8px; }
    .icn-cta-rodape-desktop { width: 22px; height: 22px; position: absolute; left: 7px; top: 6px; }
    .icn-pin-r-d { background: url(img/icn-tag.webp); background-size: 22px; }

    /*juridico rodapé */
    #ornamento-rodape-desktop { width: 600px; height: 200px; position: absolute; left: 50%; margin-left: -300px; top: -66px; overflow: hidden; }
    #juridico-rodape-mobile { width: 770px; height: auto; left: 50%; position: relative; float: left; margin-left: -385px; margin-top: 20px; font-size: 14px; text-align: center; }
    .juridico-rodape-fix-padding { padding-bottom: 60px !important; padding-top: 32px; }
    #faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -120px; margin-bottom: 110px; }
    #selo-reclame-aqui { width: 100px; height: 100px; position: relative; margin: auto; }

    /* ==========================================================================
         Transparencia salarial
        ========================================================================== */
    #topo-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; }
    #view-topo-transparencia-salarial { width: 1000px; height: auto; position: relative; margin: auto; }
    #view-topo-transparencia-salarial h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 44px; color: #323435; text-align: center; font-weight: 700; }
    .sobre-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; line-height: 28px; font-size: 20px; color: #000; margin-top: -20px; text-align: center; padding: 0px 200px; }
    #box-lista-pdfs { width: 100%; height: auto; position: relative; float: left; border: 1px solid #dadada; border-radius: 20px; margin-top: 90px; margin-bottom: 120px; overflow: hidden; }
    .item-lista-pdf { width: 100%; height: auto; position: relative; float: left; border-bottom: 1px solid #dadada; padding: 20px 200px 20px 20px; font-size: 18px; color: #000; cursor: pointer; }
    .item-lista-pdf:hover { background-color: #ecfbff; }
    .cta-ver { width: auto; height: auto; position: absolute; top: 15px; right: 20px; padding: 5px 20px; background-color: #0047DC; color: #fff; border-radius: 20px; cursor: pointer; }

    /* ==========================================================================
    Inicio página de lojas
     ========================================================================== */
    .menu-topo-loja { height: 155px !important; }
    #view-faixa-selecao-lojas-menu { width: 95%; height: auto; position: relative; margin: auto; }
    #div-topo-pagina-lojas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 278px; margin-bottom: 5px; color: #2D2C2D; font-size: 50px; text-align: center; font-weight: 600; }

    /* ==========================================================================
    Inicio página interna de lojas
     ========================================================================== */
    #topo-pgi-loja { width: 100%; height: 700px; position: relative; float: left; margin-top: 157px; background-color: #0064D3; z-index: 110; }
    #view-sessao-ofertas-facebook { width: 95%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-sessao-ofertas-facebook-janela { width: 95%; height: auto; position: relative; margin: auto; }
    #view-sessao-ofertas-facebook-janela-destaque { width: 95%; height: auto; position: relative; margin: auto; }
    .telas-menores { display: block !important; }

    /* ==========================================================================
      Página Fornecedor
    ========================================================================== */
    .div-bloco-conteudo { width: 100%; height: auto; position: relative; float: left; background-color: #FFFFFE; z-index: 560; padding-bottom: 110px; }
    #logo-cover-fornecedor { width: 140px; height: 140px; position: absolute; left: 50%; margin-left: -70px; top: -34px; background-color: #ffffff; border-radius: 20px; overflow: hidden; z-index: 100; }
    #ornamento-e-pg-fornecedor { width: 380px; height: 300px; position: absolute; left: -80px; top: 0px; background: url(img/ornamento-e-pg-fornecedor.webp); background-size: 380px; }
    #ornamento-d-pg-fornecedor { width: 380px; height: 300px; position: absolute; right: -80px; top: 0px; background: url(img/ornamento-d-pg-fornecedor.webp); background-size: 380px; }
    .view-bloco-conteudo { width: 1000px; height: auto; position: relative; margin: auto; z-index: 50; }
    .view-bloco-conteudo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; margin-bottom: -25px; text-align: center; color: #000; font-size: 40px; font-weight: 600; padding: 0px 250px; line-height: 40px; }
    .view-bloco-conteudo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; margin-bottom: 5px; text-align: center; color: #000; font-size: 40px; font-weight: 600; padding: 0px 290px; line-height: 42px; }
    .view-bloco-conteudo p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 22px; color: #575656; text-align: center; padding: 0px 200px; }

    /*Inicio sessao video fornecedor*/
    #div-video-fornecedor { width: 100%; height: auto; position: relative; float: left; padding-bottom: 190px; }
    #view-sessao-video-fornecedor { width: 1000px; height: auto; position: relative; margin: auto; }
    #player-video-fornecedor { width: 100%; height: 562px; position: relative; float: left; margin-left: 0px; margin-top: 20px; border-radius: 20px; overflow: hidden; }
    #legenda-player-video { width: 1000px; height: auto; position: relative; float: left; margin-left: 0px; margin-top: 40px; font-size: 26px; color: #fff; text-align: center; padding: 0px 20px; }

    /* ==========================================================================
      DD Express
    ========================================================================== */
    #div-topo-dd-express { width: 100%; height: 670px; position: relative; float: left; margin-top: 102px; background: url(img/bg-topo-dd-express.webp); background-repeat: repeat; z-index: 30; }
    #pedaco-pizza { width: 360px; height: 406px; position: absolute; right: -70px; top: 60px; background: url(img/pedaco-pizza-topo.webp); background-size: 360px; background-repeat: no-repeat; }
    #pote-catchup { width: 180px; height: 180px; position: absolute; top: 30px; left: 128px; background: url(img/pote-catchup.webp); background-size: 180px; }
    #tomate-topo { width: 230px; height: 230px; position: absolute; top: 220px; left: -120px; background: url(img/tomate.webp); background-size: 230px; }
    #faixa-logo-topo-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 273px; }
    #dd-express-logo-topo { width: 320px; height: 200px; position: relative; margin: auto; background-image: url(img/dd-express-logo.webp); background-size: 320px; }
    #view-s2-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 230px; font-size: 38px; color: #fff; font-weight: 500; text-align: center; padding: 0px 220px; }
    .faixa-tipografia-dd-express-out { width: 100%; height: 400px; position: absolute; top: -12px; overflow: hidden; }
    #pizza-calabresa-topo { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; margin-top: -330px; background: url('img/pizza-calabresa.webp'); background-size: 600px; }
    .folha-direita-dd-express { width: 130px; height: 110px; position: absolute; background: url('img/folha-esquerda-dd-express.webp'); background-size: 130px; }
    .folha-esquerda-dd-express { width: 150px; height: 136px; position: absolute; background: url('img/folha-direita-dd-express.webp'); background-size: 150px; }
    .folha-d1 { right: 30px; top: 1350px; }
    #view-sabores-pizza-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 390px; font-size: 48px; color: #844D1F; text-align: center; font-weight: 700; }
    #view-sabores-pizza-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #845023; text-align: center; font-weight: 300; padding: 0px 320px; }
    #tomate-sabores-pizza { width: 200px; height: 205px; position: absolute; top: 210px; right: 10px; background: url(img/tomate.webp); background-size: 200px; }
    #barra-chocolate-pizza-d { width: 200px; height: 262px; position: absolute; right: 0px; bottom: -120px; background: url('img/barra-chocolate-d.webp'); background-size: 200px; }
    .folha-d2 { right: 100px; bottom: -60px; }
    .folha-e2 { left: -40px; top: 60px; z-index: 10; }
    #pizza-esfirra-morango-topo { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; margin-top: -330px; background: url('img/esfirra-morango-topo.webp'); background-size: 600px; }
    #barra-chocolate-pizza-e { width: 200px; height: 264px; position: absolute; left: 0px; top: 100px; background: url('img/barra-chocolate-e.webp'); background-size: 200px; z-index: 20; }
    #view-sabores-esfirras-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 400px; font-size: 48px; color: #D5CBB7; text-align: center; font-weight: 700; }
    #view-sabores-esfirras-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #D5CBB7; text-align: center; font-weight: 300; padding: 0px 200px; }

    /*Inicio cards-sabores de esfirras*/
    #faixa-swiper-sabores-esfirras { width: 100%; height: auto; position: relative; float: left; margin-top: 49px; overflow: hidden; }
    #bloco-logo-ifood { width: 150px; height: 150px; position: absolute; left: 50%; margin-left: -75px; top: -80px; background: url('img/ifood-logo.webp'); border-radius: 20px; overflow: hidden; background-size: 150px; }
    #view-s-ifood h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; color: #2F2F2D; font-size: 48px; font-weight: 700; text-align: center; }
    #view-s-ifood p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #565757; font-size: 25px; font-weight: 300; text-align: center; padding: 0px 280px; }
    #motoboy-dd-express { width: 340px; height: 320px; position: absolute; left: 0px; bottom: 0px; background: url('img/motoboy.gif'); background-size: 320px; background-repeat: no-repeat; z-index: 30; animation: motoboy 20s infinite; -webkit-animation: motoboy 20s infinite; -o-animation: motoboy 20s infinite; -moz-animation: motoboy 20s infinite; -ms-animation: motoboy 20s infinite; }
    @keyframes motoboy {
        0% { left: -30%; }
        100% { left: 110%; }
    }
    @-ms-keyframes motoboy {
        0% { left: -30%; }
        100% { left: 110%; }
    }
    @-webkit-keyframes motoboy {
        0% { left: -30%; }
        100% { left: 110%; }
    }
    @-moz-keyframes motoboy {
        0% { left: -30%; }
        100% { left: 110%; }
    }
    @-o-keyframes motoboy {
        0% { left: -30%; }
        100% { left: 110%; }
    }
    #tomate-horarios-d-pizza { width: 200px; height: 199px; position: absolute; top: 60px; right: 0px; background: url(img/tomate.webp); background-size: 200px; }
    #view-s-horarios-dd-express h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; color: #2F2D2F; font-size: 42px; font-weight: 700; text-align: center; }
    #view-s-horarios-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 60px; margin-top: -16px; color: #2D2D2D; font-size: 26px; text-align: center !important; }
    .legenda-horario-dd-express { width: 100%; height: auto; position: relative; float: left; padding: 30px 30px 30px 120px; color: #2D2F2F; font-size: 20px; text-align: left; }

    /* ==========================================================================
    Inicio links oficias
     ========================================================================== */
    #view-topo-links-oficiais { width: 1100px; height: auto; position: relative; margin: auto; }
    #calculadora-nf { width: 450px; height: 482px; position: absolute; left: -100px; top: 200px; background: url('img/calculadora-nf.webp'); background-size: 450px; }
    #cartoes-nf { width: 450px; height: 377px; position: absolute; right: -100px; top: 690px; background: url('img/cartoes-nf.webp'); background-size: 450px; }
    #carrinho-nf { width: 450px; height: 367px; position: absolute; left: -100px; top: 1000px; background: url('img/carrinho-nf.webp'); background-size: 450px; }
    #promo-nf { width: 450px; height: 419px; position: absolute; right: -100px; top: 1300px; background: url('img/promo-nf.webp'); background-size: 450px; }

    /* ==========================================================================
    Inicio clube DD+
     ========================================================================== */
    #view-banner-home-clube-dd { width: 950px; height: 100%; position: relative; margin: auto; }
    .banner-home-clube-dd-1 { display: none; }
    .banner-home-clube-dd-2 { display: block; }
    .banner-home-clube-dd-3 { display: none; }
    #faixa-bloco-conteudo-banner-h-cdd { width: 100%; height: auto; top: 50%; position: relative; float: left; margin-top: -100px; }

    /*Segunda sessao Home Clube DD + */
    #s2-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C69; padding-bottom: 160px; }
    #plus-e-cdd { width: 210px; height: 352px; position: absolute; left: 0px; top: -170px; background: url('img/plus-e-cdd.webp'); background-size: 210px; background-repeat: no-repeat; }
    #view-s2-clube-dd { width: 90%; height: auto; position: relative; margin: auto; z-index: 30; }
    #view-s2-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 56px; font-size: 48px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #view-s2-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #fff; text-align: center; font-size: 28px; font-weight: 600; }
    .plus-divisoria-clube-dd { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; background: url('img/plus.webp'); background-size: 100px; }
    .view-bloco-conteudo-dd { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    .txt-conteudo-bloco-dd h3 { width: 54%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 48px; color: #FF2C69; font-weight: 700; }
    .txt-conteudo-bloco-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 22px; color: #552F7F; }
    #headline-banners-parceiros { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; z-index: 20; }
    #headline-banners-parceiros h3 { width: 100%; height: auto; position: relative; float: left; font-size: 48px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #headline-banners-parceiros h3 span { color: #FFD93B; }

    /*Inicio rodapé clube DD*/
    #rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #6227AB; padding-bottom: 220px; }
    #view-rodape-clube-dd { width: 1150px; height: auto; position: relative; margin: auto; z-index: 20; }
    #sub-chamada-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -27px; color: #FED83B; font-size: 30px; text-align: right; padding-right: 379px; font-weight: 700; }
    #view-rodape-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 119px; font-size: 46px; color: #FF2C69; text-align: center; font-weight: 700; }
    #sub-chamada-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -27px; color: #FED83B; font-size: 30px; text-align: right; padding-right: 376px; font-weight: 700; }
    #plus-titulo-rodape-clube { width: 140px; height: 140px; position: absolute; left: 316px; top: -40px; background: url('img/plus-title.webp'); background-size: 140px; z-index: -1; }
    #plus-azul { width: 150px; height: 150px; position: absolute; left: 260px; top: -180px; background: url('img/plus-azul.webp'); background-size: 150px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #plus-rosa-grande { width: 180px; height: 180px; position: absolute; right: 30px; top: -40px; background: url('img/plus-rosa-grande.webp'); background-size: 180px; z-index: 10; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; background-repeat: no-repeat; }
    #plus-azul-2 { width: 150px; height: 150px; position: absolute; right: 120px; top: 70px; background: url('img/plus-azul-2.webp'); background-size: 150px; animation: prerotate 16s infinite ease; -webkit-animation: prerotate 16s infinite ease; -o-animation: prerotate 16s infinite ease; -moz-animation: prerotate 16s infinite ease; -ms-animation: prerotate 16s infinite ease; }
    #faixa-links-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; }
    .plus-int-m-rodape { width: 210px; height: 210px; position: absolute; top: 50%; left: 50%; margin-left: -105px; background: url('img/plus-menu-clube-dd.webp'); background-size: 210px; }
    .nome-menu-plus-clube { width: 100%; height: 60px; position: absolute; top: 50%; margin-top: -33px; font-size: 28px; color: #fff; text-align: center; font-weight: 700; line-height: 28px; }

    /*Beneficios clube DD+*/
    .txt-s-conteudo-beneficio-clube h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 46px; font-weight: 700; }
    .txt-s-conteudo-beneficio-clube p { width: 80%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -5px; font-size: 20px; }
    .t-s1-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 110px; }
    .t-s2-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 180px !important; }
    .t-s3-beneficio-clube { color: #fff; padding-left: 10%; margin-top: 169px !important; }
    .t-s4-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 180px !important; }

    /*ornamentos s1 beneficios*/
    .plus-amarelo-4 { width: 240px; height: 250px; position: relative; float: left; margin-left: 120px; margin-top: -100px; background: url('img/plus-rosa.webp'); background-size: 240px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; background-repeat: no-repeat; }
    #plus-e-cdd-2 { width: 170px; height: 272px; position: absolute; left: -20px; top: -170px; background: url('img/plus-e-cdd.webp'); background-size: 170px; background-repeat: no-repeat; background-repeat: no-repeat; }
    #plus-d-cdd-2 { width: 180px; height: 305px; position: absolute; right: 0px; top: -150px; background: url('img/plus-o-e.webp'); background-size: 180px; }

    /* ==========================================================================
      Como funciona Clube DD
    ========================================================================== */
    #bloco-conteudo-cmf-banner-h-cdd { width: 600px; height: auto; position: relative; margin: auto; padding-top: 20px; }

    /*Passo a passo Clube DD+*/
    #s-passo-a-passo-clube-dd { width: 100%; height: 850px; position: relative; float: left; background-color: #FF2C69; }
    #view-s-passo-a-passo-clube-dd { width: 1100px; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-s-passo-a-passo-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 50px; color: #FFFFFF; text-align: center; font-weight: 700; }
    .img-personagem-passo-a-passo { width: 200px; height: 200px; position: relative; margin: auto; z-index: 20; }
    .p-pap-1 { background: url('img/perssonagem-passo-1.webp'); background-size: 200px; }
    .p-pap-2 { background: url('img/perssonagem-passo-2.webp'); background-size: 200px; }
    .p-pap-3 { background: url('img/perssonagem-passo-3.webp'); background-size: 200px; }
    .p-pap-4 { background: url('img/perssonagem-passo-4.webp'); background-size: 200px; }
    .numero-passo { width: 100%; height: auto; position: absolute; top: 50%; margin-top: -20px; font-size: 28px; font-weight: 700; text-align: center; color: #FF2C68; transform: rotate(9deg); -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); -ms-transform: rotate(9deg); -o-transform: rotate(9deg); }
    #ornamento-2-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 30px; bottom: -10px; background: url('img/ornamento-2-passo-a-passo.webp'); background-size: 100px; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
    #ornamento-4-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 30px; bottom: 0px; background: url('img/ornamento-4-passo-a-passo.webp'); background-size: 100px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #faixa-cta-download-app-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; }

    /*Ofertas selecionadas Clube DD*/
    .view-ofertas-selecionadas { width: 1100px; height: auto; position: relative; margin: auto; z-index: 40; }
    .view-ofertas-selecionadas p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #fff; text-align: center; font-weight: 400; padding: 0px 200px; }

    /*Inicio central de ajuda*/
    #topo-atendimento-fornecedor { width: 100%; height: 800px; position: relative; float: left; margin-top: 102px; background-color: #EBFEFF; }
    #topo-central-de-ajuda-pg { width: 100%; height: 750px; position: relative; float: left; margin-top: 103px; }
    #view-formulario-central-ajuda { width: 1000px; height: auto; position: relative; margin: auto; z-index: 100; }

    /*Atendimento fornecedor*/
    #topo-atendimento-fornecedor { width: 100%; height: 800px; position: relative; float: left; margin-top: 111px; background-color: #EBFEFF; }
    #view-topo-atendimento-fornecedor h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; font-size: 38px; color: #343336; text-align: center; font-weight: 700; }
    #view-topo-atendimento-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 22px; color: #343535; text-align: center; font-weight: 300; padding: 0px 290px; }
    #topo-atendimento-fornecedor { width: 100%; height: 800px; position: relative; float: left; margin-top: 103px; background-color: #EBFEFF; }

    /* ==========================================================================
      Página trabalhe conosco
       ========================================================================== */
    #banner-topo-trabalhe-conosco { width: 100%; height: 700px; position: relative; float: left; margin-top: 105px; }
    #ornamento-organizacao-r { width: 210px; height: 342px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-organizacao-r.webp'); background-size: 350px; background-repeat: no-repeat; }
    #ornamento-organizacao-l { width: 353px; height: 342px; position: absolute; left: -141px; top: 0px; background: url('img/ornamento-organizacao-e.webp'); background-size: 353px; background-repeat: no-repeat; }
    #view-vagas-disponiveis p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #2D2C2C; font-size: 28px; text-align: center; padding: 0px 180px; }
    #ornamento-d-trabalhe-conosco { width: 240px; height: 293px; position: absolute; right: 0px; top: -55px; background: url('img/ornamento-organizacao-r.webp'); background-size: 300px; }
    #ornamento-e-trabalhe-conosco { width: 312px; height: 250px; position: absolute; left: -125px; bottom: 0px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 312px; }
    #view-beneficios-trabalhe-conosco h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; color: #2D2C2C; font-size: 48px; text-align: center; font-weight: 700; padding: 0px 200px; }
    .atv-vagas { display: block; }
    .atv-item-tbnc-regiao { background-color: #fdc92e; color: #A17512; }

    /*Inicio institucional*/
    #banner-topo-institucional { width: 100%; height: 700px; position: relative; float: left; margin-top: 103px; background: url('img/banner-topo-institucional.webp'); background-size: cover; }
    #valores-institucional { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-espaco-fornecedor-int.webp); background-repeat: repeat; }
    .card-valor h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 20px; text-align: center; font-weight: 700; color: #2C2B2B; padding: 0px 20px; }
    .card-valor { width: 15.66%; height: 84px; position: relative; float: left; margin-left: 1%; right: 1%; background-color: #fff; border-radius: 20px; }
    .card-valor-sobre { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 16px; text-align: center; color: #2C2B2B; padding: 0px 15px; }

    /*Inicio home blog*/
    #faixa-topo-blog { width: 100%; height: 380px; position: relative; float: left; margin-top: 159px; background-color: #FFD228; overflow: hidden; }
    #view-faixa-categorias-blog { width: 95%; height: auto; position: relative; margin: auto; }
    #view-faixa-categorias-blog p { width: 12%; height: auto; position: relative; float: left; margin-top: 13px; font-size: 20px; color: #6E7EB1; }
    #div-items-links-categorias-blog { width: 69%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 13px; overflow: hidden; }
    #div-controles-categorias-blog { width: 15%; height: auto; position: relative; float: right; margin-top: 9px; }
    #view-conteudo-destaque-blog { width: 1100px; height: auto; position: relative; margin: auto; }

    /*Faixa posts populares*/
    #faixa-posts-populares { width: 100%; height: 350px; position: relative; float: left; background-color: #5864E3; margin-top: 120px; }
    #ornamento-d-populares { width: 215px; height: 211px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-d-populares.webp'); background-size: 215px; display: none; }
    #ornamento-e-populares { width: 215px; height: 211px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-e-populares.webp'); background-size: 215px; display: none; }
    #view-posts-populares { width: 1100px; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-posts-recentes { width: 1100px; height: auto; position: relative; margin: auto; }

    /*  Contato enviado  */
    #topo-contato-enviado { width: 100%; height: 500px; position: relative; float: left; margin-top: 100px; background-color: #EBFEFF; }

    /* ==========================================================================
      Inicio Topico Importante
       ========================================================================== */
    #div-conteudo-topico { width: 90%; height: auto; position: relative; margin: auto; }
    #view-conteudo-topico { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; }
    #div-conteudo-txt-topico { width: 70%; height: auto; position: relative; float: left; }

    /*Inicio sidebar topicos importantes*/
    #div-sidebar-topico { width: 25%; height: auto; position: relative; float: left; margin-left: 30px; cursor: pointer; }
    #div-sidebar-topico h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 0px; font-size: 22px !important; color: #363636 !important; font-weight: 700; }
    .item-topico-sidebar { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -45px; border-top: 1px solid #dadada; }
    .item-topico-sidebar p { width: auto; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; color: #363636; }
    .seta-topico-sidebar { width: 25px; height: 25px; position: absolute; right: 0px; top: 14px; background: url(img/seta-topico.webp); background-size: 25px; }
    .item-topico-sidebar:hover p { color: #ff3b2f !important; }
    .cta-sidebar-topicos { width: 100%; height: auto; position: relative; float: left; padding: 20px 0px; margin-top: 40px; }
    .cta-int-sidebar-topicos { width: auto; height: auto; position: relative; float: left; padding: 7px 12px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 14px; font-weight: 700; }
    .cta-int-sidebar-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .container-conteudo-flexivel { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }

    /*Inicio headline topico*/
    .headline-topico { width: 90%; height: auto; position: relative; float: left; padding-left: 30px; }
    .headline-topico h1 { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #363636; font-weight: 700; }
    .headline-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 22px; font-size: 18px; color: #363636; }

    /*Conteúdo flexiviel - Banner com ilustração*/
    .bg-banner-ilustracao { width: 100%; height: 250px; position: relative; float: left; border-radius: 10px; }
    .ilustracao-banner-topico { width: 300px; height: 300px; position: absolute; right: 30px; top: -25px; }
    .bg-banner-ilustracao h2 { width: 60%; height: auto; position: relative; float: left; margin-top: 80px; padding-left: 30px; color: #fff; font-size: 27px; }
    .headline-banner-ilustracao { font-weight: 800; font-size: 29px; }

    /*Conteúdo flexiviel - Links âncoras*/
    #ancoras-topico { width: 90%; height: auto; position: relative; float: left; padding-left: 10px; }
    .item-ancora-topico { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; font-size: 17px; color: #fff; background-color: #ff3b2f; border-radius: 40px; margin-left: 10px; margin-bottom: 10px; cursor: pointer; }
    .item-ancora-topico:hover { background-color: #ff0f00; }
    .ancora-topico { width: 1px; height: 1px; position: absolute; top: -125px; }

    /*Conteúdo flexiviel - Banner com foto*/
    .banner-foto-topico { width: 100%; height: 350px; position: relative; float: left; border-radius: 10px; overflow: hidden; background-color: #dadada; }
    .bg-txt-banner-foto-topico { width: 55%; height: 100%; position: relative; float: left; }
    .bg-txt-banner-foto-topico h3 { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 130px; color: #fff; font-size: 35px; font-weight: 700; }
    .foto-banner-topico { width: 45%; height: 100%; position: relative; float: left; overflow: hidden; }
    .foto-int-banner-topico { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; }

    /*Conteúdo flexiviel - Bloco de texto*/
    .bloco-de-texto-topico { width: 90%; height: auto; position: relative; float: left; }
    .bloco-de-texto-topico h3 { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #363636; font-weight: 700; }
    .bloco-de-texto-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; margin-bottom: 22px; font-size: 18px; color: #363636; }

    /*Conteúdo flexiviel - Lista*/
    .lista-topico { width: 90%; height: auto; position: relative; float: left; }
    .item-lista-topico { width: 90%; height: auto; position: relative; float: left; margin-left: 20px; margin-bottom: 10px; }
    .icone-lista-topico { width: 25px; height: 25px; position: relative; float: left; background: url(img/arrow-right-topico.webp); background-size: 25px; }
    .txt-item-lista-topico { width: 70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: 1px; color: #000; font-size: 17px; opacity: 0.5; }

    /*Inicio mais tópicos*/
    #div-mais-topicos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .cta-todos-topicos-cards { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }
    .cta-int-card-topicos { width: auto; height: auto; position: relative; float: right; margin-right: 1%; padding: 10px 20px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 17px; font-weight: 700; cursor: pointer; }
    .cta-int-card-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .item-card-topico { width: 23%; height: 240px; position: relative; float: left; margin-left: 1%; margin-right: 1%; background-color: #585d7b; border-radius: 10px; cursor: pointer; }
    .item-card-topico:hover { background-color: #787e9e; }
    .item-card-topico h2 { width: 85%; height: auto; position: relative; float: left; margin-top: 32px; margin-left: 20px; color: #fff; font-size: 20px; }
    .item-card-topico p { width: 87%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 20px; color: #fff; font-size: 16px; }
    .seta-card-topico { width: 30px; height: 30px; position: absolute; right: 20px; bottom: 25px; background: url(img/seta-card-topico.webp); background-size: 30px; }

    /* ==========================================================================
        Inicio sala de imprensa
     ========================================================================== */

    /*   Interna download  */
    .menu-topo-loja-b { height: 220px !important; }
    #faixa-blocos-imagens { width: 100%; height: auto; position: relative; float: left; margin-top: 220px; padding: 15px 15px 15px 25px; }
    #faixa-links-sala-imprensa-desktop { width: 100%; height: 53px; position: relative; float: left; margin-top: 0px; background-color: #646FFF; }
    #view-faixa-links-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-faixa-links-sala-imprensa h3 { width: auto; height: auto; position: relative; float: left; font-size: 18px; color: #fff; padding: 10px 0px; margin-top: -10px; }
    #view-faixa-links-sala-imprensa ul li { width: auto; height: auto; position: relative; float: right; font-size: 18px; margin-top: -2px; color: #fff; cursor: pointer; margin-left: 21px; }
    #view-toolbar-downloads { width: 95%; height: auto; position: relative; margin: auto; }
    #view-toolbar-downloads h4 { width: auto; position: relative; float: left; margin-top: 16px; font-size: 18px; color: #000; }
    #cta-baixar-tds-arquivos-toolbar { width: auto; height: auto; position: relative; margin-top: 8px; float: right; padding: 8px 20px; background-color: #0055ff; color: #fff; font-size: 14px; font-weight: 500; border-radius: 20px; cursor: pointer; cursor: pointer; }

    /* Listagem de downloads */
    #topo-downloads-sala-imprensa { width: 100%; height: 540px; position: relative; float: left; background-color: #E5F9FD; }
    #view-topo-downloads-sala-imprensa { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-downloads-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 230px; font-size: 38px; color: #000; text-align: center; font-weight: 700; }
    #view-topo-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 20px; color: #000; text-align: center; padding: 0px 100px; font-weight: 500; }
    #view-s-faixa-downlodas-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    .card-download { width: 30.5% !important; height: auto; position: relative; float: left; margin-left: 20px; margin-bottom: 20px; border-radius: 20px; padding-top: 20px; padding-bottom: 20px; background-color: #F3FBFD; }
}

/*Telas menores*/
@media only screen  
and (min-width:1000px) 
and (max-width:1200px) {

    /*janela popup*/
    #janela-popup { width: 1000px; height: 480px; position: fixed; top: 450%; left: 50%; margin-left: -500px; margin-top: -250px; border-radius: 30px; border: 10px solid #fff; z-index: 9999999; background-color: #fff; }
    #modal-int-popup { width: 100%; height: 100%; position: absolute; top: 0px; border-radius: 30px; overflow: hidden; z-index: 10; }
    #cta-close-popup { width: 90px; height: 90px; position: absolute; right: 30px; top: 50%; margin-top: -215px; border-radius: 100%; background-color: red; cursor: pointer; z-index: 999; }
    #cta-close-popup:hover { background-color: #000ECB; }
    #cta-close-int-poopup { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('img/close.gif'); background-size: 80px; }
    #banner-topo-trabalhe-conosco-int { width: 2980px; height: 777px; left: 50%; position: relative; margin-top: -70px; margin-left: -1500px; background: url(img/banner-topo-trabalhe-conosco.jpg); background-size: 2980px; }
    #oferta-loja { width: 1px; height: 1px; position: absolute; top: -150px; }

    /* ==========================================================================
         LGPD
       ========================================================================== */
    #janela-aviso-lgp { width: 950px; height: 155px; position: fixed; left: 50%; margin-left: -475px; background-color: #f4fcff; border-radius: 15px; z-index: 9999999999999 !important; border: 2px solid #e4edf0; }
    #janela-aviso-lgp h2 { width: 90%; height: auto; position: relative; float: left; margin-top: 22px; margin-left: 20px; color: #000000; font-size: 18px; font-weight: 700; text-transform: uppercase; }
    #janela-aviso-lgp p { width: 68%; height: auto; position: relative; float: left; margin-top: -38px; margin-left: 20px; color: #000000; font-size: 15px; }
    #cta-concordar-lgpd { width: auto; height: auto; position: relative; float: right; margin-right: 17px; margin-top: 13px; font-size: 17px; color: #7c550a; padding: 12px 25px; font-weight: 700; border: 0px solid #ffffff; border-radius: 277px; cursor: pointer; background-color: #ffcc26; }
    #cta-concordar-lgpd:hover { background-color: #ffe600; color: #7c550a; }

    /* ==========================================================================
      Politica de privacidade
      ========================================================================== */
    #conteudo-politica-privacidade { width: 1000px; height: auto; position: relative; margin: auto; padding-top: 60px; padding-right: 50px; color: #445c7e !important; }
    #conteudo-politica-privacidade h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; font-size: 20px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; font-size: 20px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 15px; color: #445c7e; text-align: left; font-weight: 400; }
    #conteudo-politica-privacidade li { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-left: -22px; font-size: 15px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade li p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 15px; color: #445c7e; text-align: left; font-weight: 400; }

    /* ==========================================================================
      Inicio Topico Importante
       ========================================================================== */
    #div-conteudo-topico { width: 90%; height: auto; position: relative; margin: auto; }
    #view-conteudo-topico { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; margin-bottom: 130px; }
    #div-conteudo-txt-topico { width: 70%; height: auto; position: relative; float: left; }

    /*Inicio sidebar topicos importantes*/
    #div-sidebar-topico { width: 25%; height: auto; position: relative; float: left; margin-left: 30px; cursor: pointer; }
    #div-sidebar-topico h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 0px; font-size: 22px !important; color: #363636 !important; font-weight: 700; }
    .item-topico-sidebar { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -45px; border-top: 1px solid #dadada; }
    .item-topico-sidebar p { width: auto; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; color: #363636; }
    .seta-topico-sidebar { width: 25px; height: 25px; position: absolute; right: 0px; top: 14px; background: url(img/seta-topico.webp); background-size: 25px; }
    .item-topico-sidebar:hover p { color: #ff3b2f !important; }
    .cta-sidebar-topicos { width: 100%; height: auto; position: relative; float: left; padding: 20px 0px; margin-top: 40px; }
    .cta-int-sidebar-topicos { width: auto; height: auto; position: relative; float: left; padding: 7px 12px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 14px; font-weight: 700; }
    .cta-int-sidebar-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .container-conteudo-flexivel { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }

    /*Inicio headline topico*/
    .headline-topico { width: 90%; height: auto; position: relative; float: left; padding-left: 30px; }
    .headline-topico h1 { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #363636; font-weight: 700; }
    .headline-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 22px; font-size: 18px; color: #363636; }

    /*Conteúdo flexiviel - Banner com ilustração*/
    .bg-banner-ilustracao { width: 100%; height: 250px; position: relative; float: left; border-radius: 10px; }
    .ilustracao-banner-topico { width: 300px; height: 300px; position: absolute; right: 30px; top: -25px; }
    .bg-banner-ilustracao h2 { width: 60%; height: auto; position: relative; float: left; margin-top: 80px; padding-left: 30px; color: #fff; font-size: 27px; }
    .headline-banner-ilustracao { font-weight: 800; font-size: 29px; }

    /*Conteúdo flexiviel - Links âncoras*/
    #ancoras-topico { width: 90%; height: auto; position: relative; float: left; padding-left: 10px; }
    .item-ancora-topico { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; font-size: 17px; color: #fff; background-color: #ff3b2f; border-radius: 40px; margin-left: 10px; margin-bottom: 10px; cursor: pointer; }
    .item-ancora-topico:hover { background-color: #ff0f00; }
    .ancora-topico { width: 1px; height: 1px; position: absolute; top: -125px; }

    /*Conteúdo flexiviel - Banner com foto*/
    .banner-foto-topico { width: 100%; height: 350px; position: relative; float: left; border-radius: 10px; overflow: hidden; background-color: #dadada; }
    .bg-txt-banner-foto-topico { width: 55%; height: 100%; position: relative; float: left; }
    .bg-txt-banner-foto-topico h3 { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 130px; color: #fff; font-size: 35px; font-weight: 700; }
    .foto-banner-topico { width: 45%; height: 100%; position: relative; float: left; overflow: hidden; }
    .foto-int-banner-topico { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; }

    /*Conteúdo flexiviel - Bloco de texto*/
    .bloco-de-texto-topico { width: 90%; height: auto; position: relative; float: left; }
    .bloco-de-texto-topico h3 { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #363636; font-weight: 700; }
    .bloco-de-texto-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; margin-bottom: 22px; font-size: 18px; color: #363636; }

    /*Conteúdo flexiviel - Lista*/
    .lista-topico { width: 90%; height: auto; position: relative; float: left; }
    .item-lista-topico { width: 90%; height: auto; position: relative; float: left; margin-left: 20px; margin-bottom: 10px; }
    .icone-lista-topico { width: 25px; height: 25px; position: relative; float: left; background: url(img/arrow-right-topico.webp); background-size: 25px; }
    .txt-item-lista-topico { width: 70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: 1px; color: #000; font-size: 17px; opacity: 0.5; }

    /*Inicio mais tópicos*/
    #div-mais-topicos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .cta-todos-topicos-cards { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }
    .cta-int-card-topicos { width: auto; height: auto; position: relative; float: left; margin-right: 1%; padding: 10px 20px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 17px; font-weight: 700; cursor: pointer; }
    .cta-int-card-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .item-card-topico { width: 23%; height: 240px; position: relative; float: left; margin-left: 1%; margin-right: 1%; background-color: #585d7b; border-radius: 10px; cursor: pointer; }
    .item-card-topico:hover { background-color: #787e9e; }
    .item-card-topico h2 { width: 85%; height: auto; position: relative; float: left; margin-top: 32px; margin-left: 20px; color: #fff; font-size: 20px; }
    .item-card-topico p { width: 87%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 20px; color: #fff; font-size: 16px; }
    .seta-card-topico { width: 30px; height: 30px; position: absolute; right: 20px; bottom: 25px; background: url(img/seta-card-topico.webp); background-size: 30px; }
    #janela-horarios { width: 300px; height: 100px; position: fixed; right: 30px; top: -110%; background-color: #fff; border-radius: 20px; z-index: 9999; -webkit-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); opacity: 0; }
    .hide-telas-menores { display: none; }
    .bg-s-top-desktop { width: 450px; height: 450px; position: absolute; top: -57px; left: 50%; margin-left: -225px; background-color: #fff; border-radius: 100%; z-index: 1; }
    .bg-s-bottom-desktop { width: 450px; height: 450px; position: absolute; bottom: -54px; left: 50%; margin-left: -225px; background-color: #fff; border-radius: 100%; z-index: 19; }
    .bg-s-top-desktop { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background-color: #fff; border-radius: 100%; z-index: 1; }
    .bg-s-bottom-desktop { width: 500px; height: 500px; position: absolute; bottom: -66px; left: 50%; margin-left: -250px; background-color: #fff; border-radius: 100%; z-index: 19; }
    .bg-s-color { background-color: #E4FBFF; }
    .bg-blog-color { background-color: #FFD92B; }
    .bg-fornecedor-color { background: url(img/bg-espaco-fornecedor.webp); background-repeat: repeat; }
    .bg-rodape-color { background-color: #2A54CC; top: 0px !important; }
    .telas-menores { display: none; }
    .cta-padrao { padding: 12px 0px; font-size: 14px; font-weight: 500; text-align: center; color: #5b3f00; background-color: #ffcc00; border-radius: 90px; cursor: pointer; }

    /*Inicio janela tabloide*/
    #info-controles-tabloide { width: 206px; height: auto; position: relative; float: left; margin-top: 17px; font-size: 12px; color: #648AAD; }

    /*Menu fixo*/
    #v-faixa-outros-links { width: 95%; height: auto; position: relative; margin: auto; }
    #v-m-desktop { width: 95%; height: auto; position: relative; margin: auto; }
    #menu-fixo-desktop { width: 100%; height: 99px; position: fixed; top: 0px; background-color: #fff; z-index: 999; -webkit-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); overflow: hidden; }
    #faixa-outros-links-m-fixo { width: 100%; height: 35px; position: relative; float: left; background-color: #FFCC01; }
    #horarios-desktop { width: auto; height: auto; position: relative; float: right; margin-right: 20px; margin-top: 17px; background-color: #C7EFF5; color: #4070B9; font-size: 14px; padding: 9px 16px 9px 42px; border-radius: 20px; cursor: pointer; }
    #relogio-desktop { width: 26px; height: 26px; position: absolute; left: 8px; top: 5px; background-color: #E3FBFF; border-radius: 50%; }
    #icn-relogio-dk { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; background: url(img/icone-relogio.webp); background-size: 24px; }
    #itens-links-menu-desktop { width: auto; height: auto; position: relative; float: right; margin-right: 20px; display: none; }
    .item-sm-desktop { width: 22px; height: 22px; position: relative; float: left; margin-left: 5px; cursor: pointer; margin-top: 7px; opacity: 0.8; }
    .fb-sm-desktop { background: url(img/fb-icn.webp); background-size: 22px; }
    .insta-sm-desktop { background: url(img/insta-icn.webp); background-size: 22px; }
    .yt-sm-desktop { background: url(img/yt-icn.webp); background-size: 22px; }
    .item-outros-links { width: auto; height: auto; position: relative; float: right; font-size: 13px; color: #cd1215; margin-right: 15px; margin-top: 9px; cursor: pointer; }
    #logo-dd-desktop { width: 140px; height: 52px; position: relative; float: left; margin-top: 23px; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 140px; background-repeat: no-repeat; }
    #tag-localizacao-desktop-m { width: auto; height: auto; position: relative; float: left; margin-left: 15px; }
    #tag-int-localizacao-desktop { width: auto; height: auto; position: relative; float: left; margin-top: 18px; padding: 8px 18px 8px 44px; background-color: #636EFF; color: #fff; font-size: 14px; border-radius: 50px; cursor: pointer; }
    #icone-tag-localizacao-desktop { width: 25px; height: 25px; position: absolute; left: 8px; top: 6px; border-radius: 50%; background-color: #8890FF; }
    #icn-tag-int-l-d { width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; background: url(img/icn-tag-localizacao-dk.webp); background-size: 16px; }
    #tag-estado-l-desktop { width: 38px; height: 38px; position: relative; float: left; margin-left: 6px; margin-top: 16px; border-radius: 50%; background-color: #EDFBFE; }
    #tag-estao-l-d-txt { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 14px; text-align: center; color: #506DC2; font-weight: 500; }
    #menu-desktop-cta { width: 38px; height: 38px; position: relative; float: right; margin-top: 16px; margin-right: 0px; border-radius: 8px; background: url(img/icn-m-desktop.webp); background-size: 38px; cursor: pointer; opacity: 0.8; }
    #tag-ofertas-menu { width: auto; height: auto; position: relative; float: left; margin-left: 10px; }
    #tag-ofertas-menu-int { width: auto; height: auto; position: relative; float: left; margin-top: 18px; padding: 8px 18px 8px 44px; background-color: #e42623; color: #fff; font-size: 14px; border-radius: 50px; cursor: pointer; }
    #tag-ofertas-menu-int:hover { background-color: #d90d0a; }
    #icone-tag-ofertas-desktop { width: 25px; height: 25px; position: absolute; left: 8px; top: 6px; border-radius: 50%; background-color: #e42623; }
    #tag-ofertas-menu-int:hover #icone-tag-ofertas-desktop { background-color: #a71c1a; }
    #icn-tag-ofertas { width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; background: url(img/icn-offer.webp); background-size: 16px; }
    #tag-vagas-menu { width: auto; height: auto; position: relative; float: left; margin-left: 10px; }
    #tag-vagas-menu-int { width: auto; height: auto; position: relative; float: left; margin-top: 18px; padding: 8px 18px 8px 44px; background-color: #0046DC; color: #fff; font-size: 14px; border-radius: 50px; cursor: pointer; }
    #tag-vagas-menu-int:hover { background-color: #0234AA; }
    #icone-tag-vagas-desktop { width: 25px; height: 25px; position: absolute; left: 8px; top: 6px; border-radius: 50%; background-color: #e42623; }
    #tag-vagas-menu-int:hover #icone-tag-vagas-desktop { background-color: #a71c1a; }
    #icn-tag-vagas { width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; background: url(img/icn-offer.webp); background-size: 16px; }

    /*Banner home*/
    #banner-mobile-container-int { width: 100%; height: auto; left: 0%; position: relative; float: left; margin-left: 0px; margin-top: 45px; overflow: unset; }
    #bg-paginacao-desktop { width: 450px; height: 450px; position: absolute; bottom: -396px; left: 50%; margin-left: -225px; background-color: #fff; border-radius: 100%; z-index: 19; }
    .bloco-ctrl-banner-home { width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -18px; background-color: #fff; border-radius: 15px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }

    /*Controles banner home*/
    .bloco-ctrl-banner-home { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
    .bloco-ctrl-banner-home { width: 75px; height: 75px; position: absolute; top: 50%; margin-top: -37px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
    .bloco-ctrl-l { left: 15px; }
    .bloco-ctrl-r { right: 15px; }
    .seta-l-ctrl { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/seta-l.webp); background-size: 40px; }
    .seta-r-ctrl { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/seta-r.webp); background-size: 40px; }
    .cta-banner-mobile { width: 100%; height: auto; position: absolute; bottom: 80px; }
    .cta-banner-mobile-int { width: 160px; height: auto; position: relative; margin: auto; background-color: #636EFF; color: #fff; -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -ms-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -o-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); }
    .cta-banner-mobile-int:hover { background-color: #4A56FC; color: #fff; }
    #paginacao-banner-mobile { width: 170px; height: 27px; position: absolute; left: 50%; margin-left: -85px; bottom: 4px; border-radius: 90px; z-index: 20; padding-top: 3px; }
    .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 14px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 14px)); background-color: #B1DAFF; }

    /*Inicio Ofertas home*/
    #bloco-ofertas { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 99; padding-bottom: 10px; }
    #v-bloco-ofertas { width: 90%; height: auto; position: relative; margin: auto; }
    .bg-bloco-ofertas { width: 380px; height: 682px; position: absolute; }
    .bgl-ofertas { left: -90px; top: -200px; background: url(img/bgl-ofertas-desktop.webp); background-size: 380px; }
    .bgr-ofertas { right: -160px; top: 70px; background: url(img/bgr-ofertas-desktop.webp); background-size: 380px; }
    .bg-out-ofertas { width: 380px; height: 758px; position: absolute; right: 0px; top: -71px; overflow: hidden; }
    #div-conteudo-ofertas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 59px; font-size: 40px; font-weight: 700; line-height: 44px; text-align: center; }
    #div-conteudo-ofertas span { font-size: 40px; }
    #div-conteudo-ofertas p { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 22px; text-align: center; padding: 0px 20px; }
    #bloco-fertas-destaque-3x { width: 586px; height: auto; position: relative; margin: auto; }
    .oferta-destaque-xx-h { width: 180px; height: 180px; position: relative; float: left; margin-right: 23px; border-radius: 50%; overflow: hidden; cursor: pointer; opacity: 0.9; }
    .oferta-destaque-xx-h:last-child { margin-right: 0px; }
    .oferta-destaque-xx-h:hover { opacity: 1; }
    .oferta-destaque-1x-h { width: 150px; height: 150px; position: relative; margin: auto; border-radius: 50%; overflow: hidden; }
    .img-oferta-destaque-h { width: 180px; height: 180px; position: absolute; left: 50%; top: 50%; margin-left: -90px; margin-top: -90px; }
    #cta-int-tds-ofertas-h-d { width: 160px; height: auto; position: relative; margin: auto; padding: 13px 0px; background-color: #636FFF; color: #fff; font-size: 16px; text-align: center; border-radius: 90px; cursor: pointer; }
    #div-ofertas-destaque-home-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; }
    #cta-tds-ofertas-home-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 46px; }

    /*Inicio No DD tem*/
    #no-dd-tem { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; background-color: #E5FAFF; z-index: 100; padding-bottom: 100px; }
    #titulo-dd-tem-bloco { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
    #tag-dd { width: 85px; height: 49px; position: absolute; left: 50%; margin-left: -43px; background: url(img/tag-dd.webp); background-size: 84px; background-repeat: no-repeat; }
    #tag-dd-l-txt { width: auto; height: auto; position: absolute; left: -63px; top: -3px; font-size: 44px; font-weight: 700; }
    #tag-dd-r-txt { width: auto; height: auto; position: absolute; right: -81px; top: -3px; font-size: 44px; font-weight: 700; }
    #view-no-dd-tem p { width: 384px; height: auto; left: 50%; position: relative; float: left; margin-left: -192px; margin-top: 62px; text-align: center; font-size: 18px; padding: 0px 0px; }

    /*Controles no DD tem*/
    .bloco-ctrl-dd-tem { width: 75px; height: 75px; position: absolute; top: 50%; margin-top: 15px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }

    /*Pague do seu jeito*/
    #bgl-psj { width: 260px; height: 382px; position: absolute; left: -70px; top: unset; bottom: -282px; background: url(img/bg-dd-id-desktop.webp); background-size: 260px; }
    #bgr-psj { width: 280px; height: 232px; position: absolute; right: -53px; top: -1px; background: url(img/bg-dd-id-desktop-r.webp); background-size: 240px; }
    #view-s-pague-do-seu-jeito { width: 90%; height: auto; position: relative; margin: auto; margin-top: 120px; padding: 0px 20px; }
    #view-s-pague-do-seu-jeito h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 43px; font-weight: 700; text-align: center; }
    #view-s-pague-do-seu-jeito p { width: 340px; height: auto; left: 50%; position: relative; float: left; margin-left: -170px; margin-top: -7px; font-size: 18px; text-align: center !important; }
    #v-slides-btns-forma-pagamento { width: 645px; height: auto; position: relative; margin: auto; }
    #slider-btns-forma-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 65px; overflow: hidden; }

    /*Item btn forma pagamento*/
    .btn-forma-pagamento { width: auto !important; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 10px; padding: 10px 15px 10px 45px; background-color: #e5fbff; border-radius: 110px; font-size: 16px; font-weight: 500; cursor: pointer; }
    .atv-btn-forma-pagamento { background-color: #FFCC02; color: #A17511; }
    .atv-btn-forma-pagamento:hover { background-color: #FFDB5E; }

    /*Quadro formas de pagamento*/
    #container-quadro-formas-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 28px; z-index: 50; }
    .item-bandeira-forma-pagamento { width: 14%; height: 90px; position: relative; float: left; margin-bottom: 12px; border-radius: 20px; margin-left: 1%; margin-right: 1%; cursor: pointer; }
    .icone-bandera-cartao { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; }

    /*Inicio banner miolo*/
    #s-banner-miolo { width: 100%; height: auto; position: relative; float: left; margin-top: 115px; overflow: hidden; z-index: 200; }

    /*Blog DD home*/
    #blog-dd-home { width: 100%; height: 715px; position: relative; float: left; z-index: 300; }
    #view-blog-dd { width: 95%; height: auto; position: relative; margin: auto; padding: 0px 20px; z-index: 300; }
    #logo-blog-dd-int { width: 140px; height: 136px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 140px; }
    #tag-logo-blog-dd { width: 210px; height: auto; position: absolute; left: 50%; margin-left: -105px; bottom: -25px; padding: 9px 0px; background-color: #4A53BB; border-radius: 60px; color: #fff; text-align: center; font-size: 14px; font-weight: 600; }
    #s-cta-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; z-index: 10; }
    #faixa-posts-desktop { width: 100%; height: auto; position: relative; float: left; padding-left: 50px; margin-top: 87px; }

    /*Card post carrossel*/
    .card-post { width: 29%; height: 410px; position: relative; float: left; margin-left: 0px; margin-right: 4%; cursor: pointer; }
    .card-post h4 { width: 100%; height: 30px; position: relative; float: left; margin-top: 15px; padding: 0px 0%; font-size: 16px; color: #000; font-weight: 600; }
    .card-post p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 0%; font-size: 14px; color: #2e2e2e; }

    /*Inicio central de ajuda*/
    #s-central-ajuda { width: 100%; height: 420px; position: relative; float: left; background-color: #fff; z-index: 400; }
    #view-s-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 71px; font-size: 43px; font-weight: 700; text-align: center; }
    #view-s-central-ajuda p { width: 380px; height: auto; left: 50%; position: relative; float: left; margin-left: -190px; padding: 0px 20px; margin-top: -10px; font-size: 18px; text-align: center !important; }
    #s-cm-ajudar { width: 100%; height: 376px; position: relative; float: left; margin-top: 130px; padding-bottom: 50px; z-index: 410; }
    #icone-cm-ajudar { width: 160px; height: 160px; position: absolute; left: 50%; margin-left: -80px; top: -70px; border-radius: 50%; overflow: hidden; border: 7px solid #fff; }
    #icn-como-posso-ajudar { width: 160px; height: 160px; position: absolute; left: 50%; top: 50%; margin-left: -80px; margin-top: -80px; background: url(img/personagem-central-ajuda-2.gif); background-size: 160px; }
    #view-s-cm-ajudar { width: 90%; height: auto; position: relative; margin: auto; }
    #view-s-cm-ajudar h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 38px; font-weight: 700; text-align: center; }
    #view-s-cm-ajudar p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -13px; font-size: 18px; text-align: center !important; }
    .item-ft-cm-ajudar { width: 110px; height: 227px; position: absolute; }
    .ft-1-cm-ajudar { left: 3%; top: -160px; background: url(img/ft-4-c.webp); background-size: 110px; }
    .ft-2-cm-ajudar { left: 11%; top: -40px; background: url(img/ft-3-c.webp); background-size: 110px; }
    .ft-3-cm-ajudar { right: 3%; top: -140px; background: url(img/ft-1-c.webp); background-size: 110px; }
    .ft-4-cm-ajudar { right: 11%; top: -50px; background: url(img/ft-2-c.webp); background-size: 110px; }
    #view-s-espaco-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 48px; font-size: 43px; font-weight: 700; text-align: center; color: #fff; }
    #view-s-espaco-fornecedor p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -17px; font-size: 18px; text-align: center !important; color: #fff; }

    /*Faixa espaço do fornecedor*/
    #s-espaco-fornecedor { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-espaco-fornecedor.webp); background-repeat: repeat; padding-bottom: 120px; z-index: 430; }
    #v-item-fornecedores-desktop { width: 520px; height: auto; position: relative; margin: auto; }
    .item-faixa-fornecedor { width: 120px !important; height: 120px !important; position: relative; float: left; margin-left: 0px; margin-right: 10px; background-color: #fff; border-radius: 50%; overflow: hidden; cursor: pointer; }
    .logo-fornecedor-faixa { width: 125px; height: 125px; position: absolute; left: 50%; top: 50%; margin-left: -62.5px; margin-top: -62.5px; }
    #view-s-espaco-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 53px; font-size: 43px; font-weight: 700; text-align: center; color: #fff; }
    #view-s-espaco-fornecedor p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -17px; font-size: 22px; text-align: center !important; color: #fff; }
    #cta-int-faixa-fornecedor { width: 112px; height: auto; margin: auto; }

    /*Inicio rodapé*/
    .view-s-rodape { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
    .view-s-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 5px; font-size: 30px; font-weight: 700; text-align: center; }
    #cta-voltar-topo { width: 90px; height: 90px; position: absolute; left: 50%; margin-left: -50px; top: -40px; background-color: #ffcc00; border-radius: 50%; border: 10px solid #fff; cursor: pointer; }
    #icone-cta-voltar-topo { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/icone-voltar-topo.webp); background-size: 40px; }
    #legenda-cta-voltar-topo { width: 200px; height: auto; position: absolute; left: 50%; margin-left: -100px; bottom: -39px; color: #353946; font-size: 20px; text-align: center; }
    #logo-dd-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 107px; }
    #logo-dd-int-rodape { width: 200px; height: 32px; position: relative; margin: auto; background: url(img/logo-dia-a-dia-rodape.webp); background-size: 200px; background-repeat: no-repeat; }
    #view-redes-sociais-rodape { width: 151px; height: auto; position: relative; margin: auto; }
    .item-sm-rodape { width: 50px; height: 50px; position: relative; float: left; margin-right: 0px; }
    .item-bloco-conteudo-rodape-desktop { width: 25%; height: 230px; position: relative; float: left; padding-right: 40px; margin-bottom: 70px; }
    .item-bloco-conteudo-rodape-desktop h4 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; text-align: left; font-weight: 500; }
    .item-bloco-conteudo-rodape-desktop h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 16px; text-align: left; font-weight: 500; }
    .item-bloco-conteudo-rodape-desktop p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 14px; text-align: left; }
    .item-bloco-conteudo-rodape-desktop ul li { width: 100%; height: auto; position: relative; float: left; font-size: 16px; text-align: left; cursor: pointer; }
    .item-cta-rodape-desktop { width: auto; height: auto; position: relative; float: left; margin-right: 15px; padding: 9px 17px 8px 38px; font-size: 14px; border-radius: 50px; cursor: pointer; margin-bottom: 8px; }
    .icn-cta-rodape-desktop { width: 22px; height: 22px; position: absolute; left: 7px; top: 6px; }
    .icn-pin-r-d { background: url(img/icn-tag.webp); background-size: 22px; }

    /*juridico rodapé */
    #ornamento-rodape-desktop { width: 600px; height: 200px; position: absolute; left: 50%; margin-left: -300px; top: -66px; overflow: hidden; }
    #juridico-rodape-mobile { width: 770px; height: auto; left: 50%; position: relative; float: left; margin-left: -385px; margin-top: 20px; font-size: 14px; text-align: center; }
    .juridico-rodape-fix-padding { padding-bottom: 60px !important; padding-top: 32px; }
    #faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -90px; margin-bottom: 100px; }

    /* ==========================================================================
     Transparencia salarial
    ========================================================================== */
    #topo-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; }
    #view-topo-transparencia-salarial { width: 950px; height: auto; position: relative; margin: auto; }
    #view-topo-transparencia-salarial h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; font-size: 44px; color: #323435; text-align: center; font-weight: 700; }
    .sobre-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; line-height: 28px; font-size: 20px; color: #000; margin-top: -20px; text-align: center; padding: 0px 30px; }
    #box-lista-pdfs { width: 100%; height: auto; position: relative; float: left; border: 1px solid #dadada; border-radius: 20px; margin-top: 40px; margin-bottom: 120px; overflow: hidden; }
    .item-lista-pdf { width: 100%; height: auto; position: relative; float: left; border-bottom: 1px solid #dadada; padding: 20px 180px 20px 20px; font-size: 18px; color: #000; cursor: pointer; }
    .item-lista-pdf:hover { background-color: #ecfbff; }
    .cta-ver { width: auto; height: auto; position: absolute; top: 15px; right: 20px; padding: 5px 20px; background-color: #0047DC; color: #fff; border-radius: 20px; cursor: pointer; }

    /* ==========================================================================
       Inicio página de lojas
        ========================================================================== */
    .menu-topo-loja { height: 155px !important; }
    #view-faixa-selecao-lojas-menu { width: 95%; height: auto; position: relative; margin: auto; }
    #div-topo-pagina-lojas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 278px; margin-bottom: 5px; color: #2D2C2D; font-size: 50px; text-align: center; font-weight: 600; }
    #faixa-selecao-lojas-menu { width: 100%; height: auto; position: relative; margin-top: -7px; float: left; border-top: 1px solid #F7F7F7; margin-bottom: -6px; }
    #view-listagem-lojas { width: 950px; height: auto; position: relative; margin: auto; padding-top: 100px; z-index: 10; }
    .nome-tag-regiao-listagem-loja { display: none; }
    .item-card-loja-listagem { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; background-color: #F0F9F9; border-radius: 20px; padding: 0px 30px; overflow: hidden; }
    .item-card-loja-listagem h5 { width: 60%; height: auto; position: relative; float: left; font-size: 22px; color: #232221; font-weight: 500; }
    .item-card-loja-listagem p { width: 70%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 14px; color: #575859; font-weight: 300; padding-bottom: 10px; }
    #view-conteudo-desktop-banner-lojas { width: 100%; height: 100%; position: absolute; z-index: 40; }
    #view-bg-topo-lojas { width: 1000px; height: 600px; position: absolute; left: 50%; margin-top: 0px; margin-left: -190px; }
    #div-conteudo-desktop-banner-lojas { width: 95%; height: 100%; position: relative; margin: auto; }
    #conteudo-txt-banner-lojas-desktop { width: 100%; height: 300px; position: absolute; top: 270px; }
    #conteudo-txt-banner-lojas-desktop h3 { width: 250px; height: 100%; position: relative; float: left; margin-top: 28px; line-height: 45px; font-size: 50px; color: #fff; font-weight: 700; text-transform: uppercase; }
    #conteudo-txt-banner-lojas-desktop span { color: #FFCC26; }
    #txt-topo-conteudo-desktop-loja { width: 310px; height: auto; position: relative; float: left; color: #fff; font-size: 24px; font-weight: 300; margin-top: 23px; }

    /* ==========================================================================
      Página interna de lojas
    ========================================================================== */
    #topo-pgi-loja { width: 100%; height: 700px; position: relative; float: left; margin-top: 156px; background-color: #0064D3; z-index: 110; }
    #bg-topo-pgi-loja { width: 850px; height: 436px; position: absolute; z-index: 20; left: 50%; top: 50%; margin-left: -425.0px; margin-top: -209px; background: url(img/bg-topo-loja.webp); background-size: 850px; opacity: 0.3; }
    #view-topo-pgi-loja { width: 900px; height: 100%; position: relative; margin: auto; z-index: 20; }
    #view-topo-pgi-loja h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 126px; margin-bottom: 10px; font-size: 50px; color: #fff; text-align: center; font-weight: 700; }
    .telas-menores { display: block !important; }

    /*Bloco ofertas facebook*/
    #mais-ofertas-fb { width: 1px; height: 1px; position: absolute; left: 0px; top: -2222130px; }
    #sessao-ofertas-facebook { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; margin-bottom: -155px; padding-bottom: 140px; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; z-index: 100; }
    #view-sessao-ofertas-facebook { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-sessao-ofertas-facebook h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 44px !important; color: #2D2F2D; text-align: center !important; font-weight: 600 !important; }
    .item-bloco-oferta-loja-interna { width: 47%; height: auto; position: relative; float: left; margin-left: 1.5%; margin-right: 1.5%; margin-bottom: 26px; border-radius: 10px; overflow: hidden; }
    #view-sessao-ofertas-facebook-janela { width: 95%; height: auto; position: relative; margin: auto; }
    #view-sessao-ofertas-facebook-janela-destaque { width: 95%; height: auto; position: relative; margin: auto; }

    /* ==========================================================================
      Página Fornecedor
    ========================================================================== */
    #logo-cover-fornecedor { width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px; top: -40px; background-color: #ffffff; border-radius: 20px; overflow: hidden; z-index: 100; }
    #ornamento-e-pg-fornecedor { width: 380px; height: 300px; position: absolute; left: -258px; top: 0px; background: url(img/ornamento-e-pg-fornecedor.webp); background-size: 380px; }
    #ornamento-d-pg-fornecedor { width: 380px; height: 300px; position: absolute; right: -245px; top: 0px; background: url(img/ornamento-d-pg-fornecedor.webp); background-size: 380px; }
    .view-bloco-conteudo { width: 900px; height: auto; position: relative; margin: auto; z-index: 50; }
    .view-bloco-conteudo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; margin-bottom: -42px; text-align: center; color: #000; font-size: 38px; font-weight: 600; padding: 0px 200px; line-height: 45px; }
    .view-bloco-conteudo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; margin-bottom: 5px; text-align: center; color: #000; font-size: 28px; font-weight: 600; padding: 0px 100px; line-height: 31px; }
    .view-bloco-conteudo p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 20px; color: #575656; text-align: center; padding: 0px 100px; }
    #view-faixa-produtos-fornecedor { width: 900px; height: auto; position: relative; margin: auto; z-index: 20; padding-top: 10px; }
    #view-faixa-produtos-fornecedor h2 { width: 100%; height: auto; position: relative; float: left; font-size: 34px; color: #D2242A; text-align: center; font-weight: 600; }
    #view-faixa-produtos-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; font-size: 24px; color: #2B2C2C; text-align: center; }

    /*Inicio sessao video fornecedor*/
    #div-video-fornecedor { width: 100%; height: auto; position: relative; float: left; padding-bottom: 152px; }
    #view-sessao-video-fornecedor { width: 900px; height: auto; position: relative; margin: auto; }
    #view-sessao-video-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 30px; color: #fff; text-align: center; font-weight: 600; }
    #player-video-fornecedor { width: 800px; height: 450px; position: relative; float: left; margin-left: 50px; margin-top: 20px; border-radius: 20px; overflow: hidden; }
    #legenda-player-video { width: 800px; height: auto; position: relative; float: left; margin-left: 50px; margin-top: 40px; font-size: 22px; color: #fff; text-align: left; }

    /* ==========================================================================
      DD Express
    ========================================================================== */
    #div-topo-dd-express { width: 100%; height: 610px; position: relative; float: left; margin-top: 95px; background: url(img/bg-topo-dd-express.webp); background-repeat: repeat; z-index: 30; }
    #div-elementos-bg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; overflow: hidden; }
    #pote-catchup { width: 200px; height: 200px; position: absolute; top: 0px; left: 18px; background: url(img/pote-catchup.webp); background-size: 200px; }
    #pedaco-pizza { width: 300px; height: 326px; position: absolute; right: -70px; top: 30px; background: url(img/pedaco-pizza-topo.webp); background-size: 300px; }
    #view-topo-dd-express { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #faixa-logo-topo-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 257px; }
    #dd-express-logo-topo { width: 300px; height: 188px; position: relative; margin: auto; background-image: url(img/dd-express-logo.webp); background-size: 300px; }
    #s-2-dd-express { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-s2-dd-express.webp'); background-repeat: repeat; padding-bottom: 130px; z-index: 20; }
    #pizza-e-s2-dd-express { width: 300px; height: 458px; position: absolute; left: -90px; top: 50%; margin-top: -220px; background: url('img/pizza-bg-e-s2.webp'); background-size: 300px; }
    #pizza-d-s2-dd-express { width: 300px; height: 458px; position: absolute; right: -91px; top: 50%; margin-top: -220px; background: url('img/pizza-bg-d-s2.webp'); background-size: 300px; }
    #view-s2-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 190px; font-size: 34px; color: #fff; font-weight: 500; text-align: center; padding: 0px 250px; }
    #bloco-ctas-lojas-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 150px; }
    #chamada-lojas-dd-express-disponiveis { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #FFD02C; text-align: center; }
    .faixa-tipografia-dd-express-out { width: 100%; height: 400px; position: absolute; top: -120px; overflow: hidden; }
    #pizza-calabresa-topo { width: 580px; height: 580px; position: absolute; left: 50%; margin-left: -290px; margin-top: -370px; background: url('img/pizza-calabresa.webp'); background-size: 580px; }
    .folha-direita-dd-express { width: 110px; height: 95px; position: absolute; background: url('img/folha-esquerda-dd-express.webp'); background-size: 110px; }
    .folha-esquerda-dd-express { width: 160px; height: 144px; position: absolute; background: url('img/folha-direita-dd-express.webp'); background-size: 160px; }
    .folha-d1 { right: 30px; top: 1180px; }
    #div-s-sabores-pizza { width: 100%; height: auto; position: relative; float: left; background-color: #FFF9EB; padding-bottom: 160px; z-index: 2; }
    #view-sabores-pizza-dd-express { width: 95%; height: auto; position: relative; margin: auto; z-index: 50; }
    #view-sabores-pizza-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 260px; font-size: 36px; color: #844D1F; text-align: center; font-weight: 700; }
    #view-sabores-pizza-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 24px; color: #845023; text-align: center; font-weight: 300; padding: 0px 200px; }
    #tomate-sabores-pizza { width: 200px; height: 200px; position: absolute; top: 120px; right: 0px; background: url(img/tomate.webp); background-size: 200px; }
    #barra-chocolate-pizza-d { width: 180px; height: 250px; position: absolute; right: 0px; bottom: -130px; background: url('img/barra-chocolate-d.webp'); background-size: 180px; }
    #div-s-sabores-esfirras { width: 100%; height: auto; position: relative; float: left; background-color: #544039; padding-bottom: 150px; }
    .folha-d2 { right: 90px; bottom: -50px; }
    .folha-e2 { left: 60px; top: 80px; z-index: 10; }
    #pizza-esfirra-morango-topo { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; margin-top: -390px; background: url('img/esfirra-morango-topo.webp'); background-size: 600px; }
    #barra-chocolate-pizza-e { width: 200px; height: 280px; position: absolute; left: 0px; top: -80px; background: url('img/barra-chocolate-e.webp'); background-size: 200px; z-index: 20; }
    #div-s-sabores-esfirras { width: 100%; height: auto; position: relative; float: left; background-color: #544039; padding-bottom: 170px; }
    #view-sabores-esfirras-dd-express { width: 95%; height: auto; position: relative; margin: auto; z-index: 50; }
    #view-sabores-esfirras-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 240px; font-size: 36px; color: #D5CBB7; text-align: center; font-weight: 700; }
    #view-sabores-esfirras-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #D5CBB7; text-align: center; font-weight: 300; padding: 0px 160px; }

    /*Inicio iFood DD express*/
    #s-ifood-dd-express { width: 100%; height: auto; position: relative; float: left; z-index: 100; padding-bottom: 130px; }
    #view-s-ifood { width: 95%; height: auto; position: relative; margin: auto; z-index: 20; }
    #bloco-logo-ifood { width: 140px; height: 140px; position: absolute; left: 50%; margin-left: -70px; top: -70px; background: url('img/ifood-logo.webp'); border-radius: 20px; overflow: hidden; background-size: 140px; }
    #view-s-ifood h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; color: #2F2F2D; font-size: 38px; font-weight: 700; text-align: center; }
    #view-s-ifood p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #565757; font-size: 24px; font-weight: 300; text-align: center; padding: 0px 190px; }
    #pote-mangericao-horarios { width: 160px; height: 146px; position: absolute; left: 50%; margin-left: -80px; top: -50px; background: url('img/pot-catchup-com-mangericao.webp'); background-size: 160px; z-index: 60; }
    #tomate-horarios-d-pizza { width: 170px; height: 170px; position: absolute; top: -80px; right: 0px; background: url(img/tomate.webp); background-size: 170px; }
    #tomate-horarios-e-pizza { width: 200px; height: 208px; position: absolute; top: 420px; left: -120px; background: url(img/tomate.webp); background-size: 200px; }
    #view-s-horarios-dd-express { width: 720px; height: auto; position: relative; margin: auto; z-index: 10; }
    #view-s-horarios-dd-express h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; color: #2F2D2F; font-size: 35px; font-weight: 700; text-align: center; }
    #view-s-horarios-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; margin-top: -10px; color: #2D2D2D; font-size: 24px; text-align: center !important; }
    .legenda-horario-dd-express { width: 100%; height: auto; position: relative; float: left; padding: 25px 30px 25px 120px; color: #2D2F2F; font-size: 19px; text-align: left; }
    @keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 140%; }
    }
    @-ms-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 140%; }
    }
    @-webkit-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 140%; }
    }
    @-moz-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 140%; }
    }
    @-o-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 140%; }
    }
    @keyframes motoboy {
        0% { left: -90%; }
        100% { left: 110%; }
    }
    @-ms-keyframes motoboy {
        0% { left: -90%; }
        100% { left: 110%; }
    }
    @-webkit-keyframes motoboy {
        0% { left: -90%; }
        100% { left: 110%; }
    }
    @-moz-keyframes motoboy {
        0% { left: -90%; }
        100% { left: 110%; }
    }
    @-o-keyframes motoboy {
        0% { left: -90%; }
        100% { left: 110%; }
    }

    /* ==========================================================================
      Inicio links oficias
       ========================================================================== */
    #view-topo-links-oficiais { width: 900px; height: auto; position: relative; margin: auto; }
    #calculadora-nf { width: 450px; height: 482px; position: absolute; left: -200px; top: 200px; background: url('img/calculadora-nf.webp'); background-size: 450px; }
    #cartoes-nf { width: 450px; height: 377px; position: absolute; right: -200px; top: 690px; background: url('img/cartoes-nf.webp'); background-size: 450px; }
    #carrinho-nf { width: 450px; height: 367px; position: absolute; left: -200px; top: 1000px; background: url('img/carrinho-nf.webp'); background-size: 450px; }
    #promo-nf { width: 450px; height: 419px; position: absolute; right: -200px; top: 1300px; background: url('img/promo-nf.webp'); background-size: 450px; }

    /* Início clube DD+   */
    #menu-desktop-cta-clube { width: 38px; height: 38px; position: relative; float: right; margin-top: 23px; margin-right: 0px; border-radius: 8px; background: url(img/icn-m-desktop-clube.webp); background-size: 38px; cursor: pointer; opacity: 1; display: block; }
    .item-menu-f-clube-dd { width: auto; height: auto; position: relative; float: right; padding: 28px 18px; border-right: 1px solid #F8C310; font-size: 20px; color: #5C20E0; font-weight: 400; cursor: pointer; display: none; }

    /*Inicio menu mobile Clube*/
    #div-m-mobile-out-clube { width: 0%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; overflow: hidden; display: block; }
    #menu-mobile-clube { width: 330px; height: 100%; position: absolute; top: 0px; right: -400px; background-color: #fff; overflow-y: hidden; overflow-x: hidden; border-radius: 30px 0px 0px 30px; padding-bottom: 100px; -webkit-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -o-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -ms-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -moz-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); z-index: 30; }
    #ornamento-topo-menu-mobile-clube { width: 600px; height: 500px; position: absolute; top: -400px; left: 50%; margin-top: -900px; margin-left: -300px; background-color: #FF2C69; border-radius: 100%; }
    #logo-menu-mobile-clube { width: 160px; height: 118px; position: absolute; left: 50%; margin-left: -80px; top: 20px; background: url('img/clube-dd-logo.webp'); background-size: 160px; z-index: 20; cursor: pointer; opacity: 0; }
    #ornamento-bottom-menu-mobile-clube { width: 600px; height: 500px; position: absolute; bottom: -400px; left: 50%; margin-bottom: -500px; margin-left: -300px; background-color: #FF2C69; border-radius: 100%; cursor: pointer; }
    #ornamento-bottom-menu-mobile-clube-2 { width: 350px; height: 350px; position: absolute; bottom: -290px; left: 50%; margin-bottom: -500px; margin-left: -175px; background-color: #471083; border-radius: 100%; z-index: 30; cursor: pointer; }
    #txt-cta-fechar-clube { width: 100px; height: 31px; position: absolute; right: 111px; bottom: 9px; background: url(img/cta-fechar.webp); background-size: 100px; opacity: 1; z-index: 50; cursor: pointer; }
    #faixa-itens-menu-mobile-clube { width: 100%; height: 280px; top: 50%; position: relative; float: left; margin-top: -150px; padding: 0px 50px; opacity: 0; }
    .item-menu-mobile-clube { width: 50%; height: 50%; position: relative; float: left; overflow: hidden; cursor: pointer; opacity: 0.8; }
    .item-menu-mobile-clube:hover { opacity: 1; }
    .marcador-m-mobile-dd-express { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: 520px; bottom: -30px; background-color: #FF2C69; border-radius: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .atv-marcador-mobile-dd-express { margin-left: -20px !important; }
    .icn-menu-mobile-int-clube { width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; top: 5px; background-color: blue; }
    .icn-nome-clube { width: 100px; height: auto; position: absolute; left: 50%; margin-left: -50px; bottom: -35px; font-size: 14px; color: #8648FC; text-align: center; font-weight: 600; }
    .icnc-clube { background: url('img/icn-clube-pg-clube.webp'); background-size: 80px; }
    .icnc-beneficios { background: url('img/icn-beneficios.webp'); background-size: 80px; }
    .icnc-funcionamento { background: url('img/icnc-funcionamento.webp'); background-size: 80px; }
    .icnc-ofertas { background: url('img/icnc-ofertas.webp'); background-size: 80px; }
    .c-b-r { border-right: 1px solid #D3BEFD; }
    .c-b-b { border-bottom: 1px solid #D3BEFD; }
    #faixa-cta-menu-mobile-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #cta-m-clube { width: 250px; height: auto; left: 50%; position: relative; margin-left: -125px; padding: 10px 0px; background-color: #075DFC; color: #fff; font-size: 18px; border-radius: 50px; cursor: pointer; text-align: center; cursor: pointer; }
    #cta-m-clube:hover { background-color: #5531FF; }
    .banner-home-clube-dd-1 { display: none; }
    .banner-home-clube-dd-2 { display: block; }
    #view-banner-home-clube-dd { width: 95%; height: 100%; position: relative; margin: auto; }
    #faixa-bloco-conteudo-banner-h-cdd { width: 100%; height: auto; top: 50%; position: relative; float: left; margin-top: -140px; }
    #plus-d-b-cdd { width: 90px; height: 202px; position: absolute; right: 0px; top: 50%; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 90px; z-index: 20; background-repeat: no-repeat; }

    /*Segunda sessao Home Clube DD + */
    #s2-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C69; padding-bottom: 160px; }
    #plus-e-cdd { width: 200px; height: 322px; position: absolute; left: -20px; top: -170px; background: url('img/plus-e-cdd.webp'); background-size: 200px; background-repeat: no-repeat; }
    .bg-s-color-pink { background-color: #FF2C69 !important; }
    #view-s2-clube-dd { width: 90%; height: auto; position: relative; margin: auto; z-index: 30; }
    #view-s2-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 44px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #view-s2-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #fff; text-align: center; font-size: 28px; font-weight: 600; }
    .item-card-vantanges-clube-dd { width: 23%; height: 420px; position: relative; float: left; background-color: #fff; border-radius: 20px; z-index: 20; }
    .divisoria-card-clube-dd { width: 2%; height: 420px; position: relative; float: left;    /* z-index: 20; */ }
    .plus-divisoria-clube-dd { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; background: url('img/plus.webp'); background-size: 150px; display: none; }
    .bg-s-color-yellow { background-color: #FFD83B !important; }
    #headline-banners-parceiros { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
    #headline-banners-parceiros h3 { width: 100%; height: auto; position: relative; float: left; font-size: 44px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #headline-banners-parceiros h3 span { color: #FFD93B; }
    #plus-amarelo-conteudo-clube-dd-parceiros { width: 200px; height: 200px; position: absolute; right: 50px; top: 780px; background: url('img/plus-amarelo.webp'); background-size: 200px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    .view-bloco-conteudo-dd { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #plus-rosa { width: 300px; height: 300px; position: absolute; top: -140px; left: 0px; background: url('img/plus-rosa.webp'); background-size: 300px; animation: prerotate 12s infinite ease; -webkit-animation: prerotate 12s infinite ease; -o-animation: prerotate 12s infinite ease; -moz-animation: prerotate 12s infinite ease; -ms-animation: prerotate 12s infinite ease; background-repeat: no-repeat; }
    #plus-ilustra-1 { width: 400px; height: 411px; position: absolute; top: 90px; left: 0px; background: url('img/plus-ilustra-1.webp'); background-size: 410px; background-repeat: no-repeat; }
    .txt-conteudo-bloco-dd h3 { width: 63%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 45px; color: #FF2C69; font-weight: 700; }
    .txt-conteudo-bloco-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 20px; color: #552F7F; }
    .bg-s-color-roxo { background-color: #6327AB !important; z-index: 1; }
    #rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #6227AB; padding-bottom: 220px; }
    #view-rodape-clube-dd { width: 900px; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-rodape-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 46px; color: #FF2C69; text-align: center; font-weight: 700; }
    #sub-chamada-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -27px; color: #FED83B; font-size: 29px; text-align: right; padding-right: 262px; font-weight: 700; }
    #plus-titulo-rodape-clube { width: 140px; height: 140px; position: absolute; left: 217px; top: -41px; background: url('img/plus-title.webp'); background-size: 140px; z-index: -1; }
    #plus-azul { width: 180px; height: 180px; position: absolute; left: 130px; top: -200px; background: url('img/plus-azul.webp'); background-size: 180px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #plus-rosa-grande { width: 240px; height: 240px; position: absolute; right: 0px; top: -130px; background: url('img/plus-rosa-grande.webp'); background-size: 240px; z-index: 10; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
    #plus-azul-2 { width: 160px; height: 160px; position: absolute; right: 70px; top: 20px; background: url('img/plus-azul-2.webp'); background-size: 160px; animation: prerotate 16s infinite ease; -webkit-animation: prerotate 16s infinite ease; -o-animation: prerotate 16s infinite ease; -moz-animation: prerotate 16s infinite ease; -ms-animation: prerotate 16s infinite ease; }
    #faixa-links-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; }
    .plus-int-m-rodape { width: 200px; height: 200px; position: absolute; top: 50%; left: 50%; margin-left: -100px; background: url('img/plus-menu-clube-dd.webp'); background-size: 200px; }
    .nome-menu-plus-clube { width: 100%; height: 60px; position: absolute; top: 50%; margin-top: -30px; font-size: 25px; color: #fff; text-align: center; font-weight: 700; line-height: 26px; }

    /*Beneficios clube DD+*/
    #bloco-conteudo-beneficios-banner-h-cdd { width: 600px; height: auto; position: relative; margin: auto; padding-top: 60px; }
    .s-conteudo-beneficios-clube { width: 100%; height: auto; position: relative; float: left; padding: 39px 0px 80px 0px; }
    .view-s-conteudo-beneficio-clube { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    .plus-rosa-5 { width: 200px; height: 200px; position: relative; float: left; margin-left: 190px; margin-top: -60px; background: url('img/plus-rosa-grande.webp'); background-size: 200px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; background-repeat: no-repeat; }
    #personagem-1-beneficios-clube-dd { width: 360px; height: 360px; position: relative; float: left; margin-top: -50px; z-index: 10; background: url('img/personagem-1-beneficios-clube.webp'); background-size: 350px; background-repeat: no-repeat; }
    .bg-conteudo-clube-rosa { background-color: #FF2C69 !important; }
    .bg-conteudo-clube-amarelo { background-color: #FED83B !important; }

    /*Ornamentos s2 beneficios*/
    .plus-amarelo-6 { width: 230px; height: 230px; position: relative; float: left; margin-top: -60px; background: url('img/plus-amarelo.webp'); background-size: 230px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; background-repeat: no-repeat; }
    .plus-amarelo-7 { width: 200px; height: 200px; position: relative; float: left; margin-left: 100px; margin-top: -50px; background: url('img/plus-amarelo.webp'); background-size: 200px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; background-repeat: no-repeat; }
    #personagem-3-beneficios-clube-dd { width: 400px; height: 400px; position: relative; float: right; margin-top: -40px; z-index: 10; background: url('img/personagem-3-beneficios-clube.webp'); background-size: 400px; }
    .txt-s-conteudo-beneficio-clube h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 34px; font-weight: 700; }
    .txt-s-conteudo-beneficio-clube p { width: 80%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -5px; font-size: 18px; }
    .t-s1-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 40px; }
    .t-s2-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 180px !important; }
    .t-s3-beneficio-clube { color: #fff; padding-left: 10%; margin-top: 169px !important; }
    .t-s4-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 180px !important; }

    /*ornamentos s1 beneficios*/
    .plus-amarelo-4 { width: 170px; height: 220px; position: relative; float: left; margin-left: 120px; margin-top: -100px; background: url('img/plus-rosa.webp'); background-size: 170px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; background-repeat: no-repeat; }
    #plus-e-cdd-2 { width: 130px; height: 212px; position: absolute; left: 0px; top: -120px; background: url('img/plus-e-cdd.webp'); background-size: 130px; background-repeat: no-repeat; background-repeat: no-repeat; }
    #plus-d-cdd-2 { width: 140px; height: 245px; position: absolute; right: 0px; top: -130px; background: url('img/plus-o-e.webp'); background-size: 140px; background-repeat: no-repeat; }

    /* ==========================================================================
      Como funciona Clube DD
    ========================================================================== */
    #bloco-conteudo-cmf-banner-h-cdd { width: 600px; height: auto; position: relative; margin: auto; padding-top: 80px; }

    /*Passo a passo Clube DD+*/
    #s-passo-a-passo-clube-dd { width: 100%; height: 750px; position: relative; float: left; background-color: #FF2C69; }
    #view-s-passo-a-passo-clube-dd { width: 950px; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-s-passo-a-passo-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 42px; color: #FFFFFF; text-align: center; font-weight: 700; }
    .img-personagem-passo-a-passo { width: 140px; height: 140px; position: relative; margin: auto; z-index: 20; }
    .p-pap-1 { background: url('img/perssonagem-passo-1.webp'); background-size: 140px; }
    .p-pap-2 { background: url('img/perssonagem-passo-2.webp'); background-size: 140px; }
    .p-pap-3 { background: url('img/perssonagem-passo-3.webp'); background-size: 140px; }
    .p-pap-4 { background: url('img/perssonagem-passo-4.webp'); background-size: 140px; }
    #ornamento-2-passo-a-passo { width: 70px; height: 70px; position: absolute; right: 30px; bottom: 60px; background: url('img/ornamento-2-passo-a-passo.webp'); background-size: 70px; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
    #ornamento-4-passo-a-passo { width: 70px; height: 70px; position: absolute; right: 40px; bottom: 60px; background: url('img/ornamento-4-passo-a-passo.webp'); background-size: 70px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #faixa-cta-download-app-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; }

    /*Ofertas selecionadas Clube DD*/
    #s-ofertas-selecionadas { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C6A; padding-bottom: 180px; }
    .view-ofertas-selecionadas { width: 950px; height: auto; position: relative; margin: auto; z-index: 40; }
    .view-ofertas-selecionadas h2 { width: 600px; height: auto; left: 50%; position: relative; float: left; margin-left: -300px; margin-top: 80px; font-size: 48px; color: #fff; text-align: center; font-weight: 700; }
    .view-ofertas-selecionadas p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #fff; text-align: center; font-weight: 400; padding: 0px 120px; }
    .faixa-produtos-selecionados { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }

    /*Card produto selecionado*/
    .selo-clube-dd { width: 70px; height: 70px; position: absolute; left: 20px; top: 10px; background: url('img/icn-clube-pg-clube.webp'); background-size: 70px; z-index: 99; }
    .item-card-produto-selecionado { width: 250px; height: auto; position: relative; float: left; background-color: #fff; border-radius: 20px; cursor: pointer; padding-bottom: 20px; }
    .bloco-img-produto-card { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 20px; border-radius: 10px; overflow: hidden; background-color: #F0F0F0; }
    .conteudo-bloco-oferta { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; padding-right: 20px; margin-top: 15px; }
    .preco-oferta { width: auto; height: auto; position: relative; float: left; font-size: 18px; color: #33B969; font-weight: 700; }
    .porcentagem-desconto-oferta { width: auto; height: auto; position: relative; float: left; margin-top: -2px; margin-left: 10px; background-color: #22AA67; padding: 4px 15px; color: #FFFFFF; border-radius: 10px; }
    .conteudo-bloco-oferta p { width: 90%; height: auto; position: relative; float: left; margin-top: 10px; color: #3E3E3E; font-size: 15px; }
    .faixa-preco-cheio { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; color: #898989; font-size: 16px; text-decoration: line-through; }
    .faixa-cta-conteudo-ofertas-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    .cta-conteudo-ofertas-clube { width: 280px; height: auto; left: 50%; position: relative; float: left; margin-top: 60px; margin-left: -140px; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 22px; color: #fff; border-radius: 60px; cursor: pointer; }

    /* ==========================================================================
      Central de Ajuda
    ========================================================================== */
    #topo-central-de-ajuda-pg { width: 100%; height: 580px; position: relative; float: left; margin-top: 120px; }
    #ornamento-topo-central-ajuda { width: 345px; height: 150px; position: absolute; right: 0px; top: -96px; background: url('img/ornamentop-topo-central-ajuda.webp'); background-size: 345px; }
    #ornamento-bottom-central-ajuda { width: 345px; height: 150px; position: absolute; left: 0px; bottom: -80px; background: url('img/ornamentop-bottom-central-ajuda.webp'); background-size: 345px; }
    #view-topo-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-central-ajuda h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 38px; color: #323435; text-align: center; font-weight: 700; }
    #view-topo-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -25px; font-size: 24px; color: #323435; text-align: center; font-weight: 300; }
    #faixa-int-links-central-ajuda { width: 420px; height: auto; position: relative; margin: auto; }
    .item-link-pg-central-ajuda { width: 170px; height: 170px; position: relative; float: left; margin-left: 20px; margin-right: 20px; background-color: #E7F8FC; border-radius: 30px; cursor: pointer; }
    .img-icn-faq-link { background: url('img/icn-faq.gif'); background-size: 170px; }
    .img-icn-contato-link { background: url('img/icn-fale-conosco.gif'); background-size: 170px; }
    .legenda-link-central-ajuda { width: 180px; height: auto; position: absolute; left: 10px; bottom: -60px; color: #343435; line-height: 21px; font-size: 19px; text-align: center; }
    #view-faq-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-faq-central-ajuda h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 38px; color: #2C2C2C; text-align: center; font-weight: 700; }
    #view-faq-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; text-align: center; color: #2D2C2C; font-size: 24px; font-weight: 300; padding: 0px 210px; }
    #view-formulario-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; z-index: 100; }
    #view-faixa-politica-privacidade { width: 90%; height: auto; position: relative; margin: auto; }
    #view-faixa-politica-privacidade h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; color: #fff; font-size: 36px; font-weight: 700; text-align: center; }
    #view-faixa-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; color: #fff; font-size: 24px; font-weight: 300; text-align: center; padding: 0px 130px; }

    /*Atendimento fornecedor*/
    #topo-atendimento-fornecedor { width: 100%; height: 730px; position: relative; float: left; margin-top: 101px; background-color: #EBFEFF; }
    #view-topo-atendimento-fornecedor { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-atendimento-fornecedor h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; font-size: 34px; color: #343336; text-align: center; font-weight: 700; }
    #view-topo-atendimento-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 23px; color: #343535; text-align: center; font-weight: 300; padding: 0px 130px; }
    .item-faixa-contato { width: 45%; height: 120px; position: relative; float: left; overflow: hidden; border-radius: 25px; margin-left: 2.5%; margin-right: 2.5%; background-color: #fff; }
    .bloco-conteudo-item-contato h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 37px; font-size: 18px; color: #9499FD; font-weight: 500; }
    .bloco-conteudo-item-contato h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 15px; color: #656EFC; font-weight: 300; }
    .ilustra-item-contato { width: 30%; height: 100%; position: relative; float: left; }
    .int-item-ilustra-contato { width: 120px; height: 120px; position: absolute; right: 0px; }
    .icn-ilustra-contato-email { background: url('img/ilustra-caixa-email.webp'); background-size: 120px; }
    .icn-ilustraptelefone-contato { background: url('img/ilustra-telefone-contato.webp'); background-size: 120px; }

    /* ==========================================================================
      Página trabalhe conosco
       ========================================================================== */
    #banner-topo-trabalhe-conosco { width: 100%; height: 590px; position: relative; float: left; margin-top: 99px; }
    #view-banner-topo-trabalhe-conosco { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
    #view-banner-topo-trabalhe-conosco h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; font-size: 44px; color: #fff; font-weight: 700; text-align: center; }
    #view-banner-topo-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 24px; color: #fff; font-weight: 400; text-align: center; padding: 0px 160px; }
    #ornamento-organizacao-r { width: 190px; height: 186px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-organizacao-r.webp'); background-size: 190px; z-index: 90; }
    #ornamento-organizacao-l { width: 150px; height: 145px; position: absolute; left: 0px; top: 0px; background: url('img/ornamento-organizacao-e.webp'); background-size: 150px; z-index: 90; }
    #view-sobre-organizacao { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-sobre-organizacao h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; margin-bottom: 0px; font-size: 38px; color: #343435; text-align: center; font-weight: 700; padding: 0px 240px; }
    #view-sobre-organizacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 35px; margin-bottom: -14px; font-size: 20px; color: #323435; text-align: center; font-weight: 400; padding: 0px 200px; }
    #view-vagas-disponiveis h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #2D2C2C; font-size: 44px; text-align: center; font-weight: 700; }
    #view-vagas-disponiveis p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #2D2C2C; font-size: 24px; text-align: center; padding: 0px 270px; }
    .item-card-vaga { width: 100%; height: 250px; position: relative; float: left; margin-left: 0%; margin-right: 0%; margin-bottom: 20px; background-color: #F1FBFB; border-radius: 20px; padding: 20px 30px; box-sizing: border-box; }
    #faixa-numeros-trabalhe-conosco { width: 100%; height: 470px; position: relative; float: left; margin-top: 40px; background-color: #2764EB; z-index: 20; }
    #view-faixa-numeros-trabalhe-conosco { width: 90%; height: auto; position: relative; margin: auto; z-index: 90; padding-top: 36px; }
    .descricao-n-item-lojas h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #fff; font-size: 21px; text-align: center; font-weight: 700; }
    .sobre-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 16px; text-align: center; font-weight: 400; }
    #ornamento-d-trabalhe-conosco { width: 180px; height: 293px; position: absolute; right: 0px; top: -55px; background: url('img/ornamento-organizacao-r.webp'); background-size: 300px; }
    #view-beneficios-trabalhe-conosco { width: 90%; height: auto; position: relative; margin: auto; }
    #view-beneficios-trabalhe-conosco h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; color: #2D2C2C; font-size: 32px; text-align: center; font-weight: 700; padding: 0px 200px; }

    /* Institucional*/
    #banner-topo-institucional { width: 100%; height: 700px; position: relative; float: left; margin-top: 100px; background: url('img/banner-topo-institucional.webp'); background-size: cover; background-position-x: -550px; }
    #view-topo-institucional { width: 950px; height: 100%; position: relative; margin: auto; z-index: 99; }
    #view-topo-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 24px; text-align: center; padding: 0px 60px; }

    /*Inistitucional - Missão e Visão*/
    #sessao-missao-visao { width: 100%; height: auto; position: relative; float: left; background-color: #FFF; z-index: 200; padding-bottom: 170px; }
    #ornamento-topo-missao { width: 278px; height: 93px; position: absolute; right: 0px; top: 0px; background: url(img/ornamento-topo-missao.webp); background-size: 280px; background-repeat: no-repeat; }
    #ornamento-rodape-missao { width: 280px; height: 140px; position: absolute; left: 0px; bottom: 0px; background: url(img/ornamento-rodape-missao.webp); background-size: 280px; background-repeat: no-repeat; }
    #view-missa-visao { width: 950px; height: auto; position: relative; margin: auto; z-index: 99; padding-top: 110px; }
    #view-missa-visao p { width: 100%; height: auto; position: relative; margin-top: -10px; margin-bottom: 40px; float: left; font-size: 22px; color: #4D4E4F; text-align: center; font-weight: 300; padding: 0px 120px; }

    /*Inicio números insitucional*/
    #sessao-numeros-institucional { width: 100%; height: 440px; position: relative; float: left; background-color: #2964EA; z-index: 300; }
    #view-numeros-institucional { width: 950px; height: auto; position: relative; margin: auto; z-index: 100; }
    #banner-institucional-int-numeros { width: 930px; height: auto; position: relative; margin: auto; cursor: pointer; }
    #view-valores-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 20px; color: #2C2B2B; text-align: center; padding: 0px 80px; }
    #valores-institucional { width: 100%; height: 880px; position: relative; float: left; background: url(img/bg-espaco-fornecedor-int.webp); background-repeat: repeat; }

    /*Faixa cards valores*/
    #faixa-cards-valores-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
    .card-valor { width: 32.2%; height: 86px; position: relative; float: left; margin-left: 1%; right: 1%; margin-bottom: 10px; background-color: #fff; border-radius: 20px; }
    .bg-amarelo-ornamento-tp-institucional { background-color: #FFCB26; }
    .timeline-telas-menors { display: none; }

    /*Inicio home blog*/
    #faixa-topo-blog { width: 100%; height: 380px; position: relative; float: left; margin-top: 151px; background-color: #FFD228; overflow: hidden; }
    #topo-blogo-video { position: absolute; right: 50%; bottom: 0; top: -190px; min-width: 1800px; margin-right: -960px; min-height: 100%; z-index: 1; }

    /*Inicio bloco post destaque blog*/
    #faixa-categorias-blog { width: 100%; height: auto; position: relative; float: left; border-top: 1px solid #F7F7F7; background-color: #edfbff; margin-top: -6px; }
    #view-faixa-categorias-blog { width: 95%; height: auto; position: relative; margin: auto; }
    #view-faixa-categorias-blog p { width: 13%; height: auto; position: relative; float: left; margin-top: 14px; font-size: 18px; color: #6E7EB1; }
    #div-items-links-categorias-blog { width: 64%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 12px; overflow: hidden; }
    .item-link-categoria-blog-topo { width: auto !important; height: auto; position: relative; float: left; margin-right: 12px; color: #7A92D1; font-size: 16px; cursor: pointer; padding: 3px 20px; background-color: #daf2f9; border-radius: 100px; }
    #div-controles-categorias-blog { width: 16%; height: auto; position: relative; float: right; margin-top: 10px; }
    #controle-e-c-blog { width: 49%; height: 32px; position: relative; float: left; margin-right: 0.5%; border-radius: 30px 0px 0px 30px; background-color: #506DC2; cursor: pointer; }
    #controle-d-c-blog { width: 49%; height: 32px; position: relative; float: left; margin-left: 0.5%; border-radius: 0px 30px 30px 0px; background-color: #506DC2; cursor: pointer; }
    #view-conteudo-destaque-blog { width: 950px; height: auto; position: relative; margin: auto; }
    .item-tag-post-destaque { width: auto; height: auto; position: relative; float: left; padding: 6px 18px; background-color: #4953BA; color: #fff; border-radius: 40px; margin-right: 10px; cursor: pointer; font-size: 14px; }
    #txt-post-destaque h2 { width: 95%; height: auto; position: relative; float: left; margin-top: 18px; font-size: 28px; word-spacing: 2px; letter-spacing: 2px; color: #2F2D2F; font-weight: 700; }
    #txt-post-destaque p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #383839; margin-top: -5px; letter-spacing: 1px; word-spacing: 2px; }

    /*Item card post*/
    .card-post-blog { width: 30%; height: 458px; position: relative; float: left; margin-left: 1.6%; margin-right: 1.6%; }
    .cover-post-card { width: 100%; height: auto; position: relative; float: left; overflow: hidden; border-radius: 10px; }
    .item-tag-card-post-blog { width: auto; height: auto; position: relative; float: left; margin-right: 7px; padding: 6px 17px; color: #fff; font-size: 12px; border-radius: 40px; cursor: pointer; }
    .card-post-blog h3 { width: 90%; height: auto; position: relative; float: left; margin-top: 18px; font-size: 18px; color: #2D2D2D; font-weight: 700; letter-spacing: 1px; word-spacing: 1px; }
    .card-post-blog p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 14px; color: #2D2D2F; letter-spacing: 1px; word-spacing: 1px; }

    /*Faixa posts populares*/
    #faixa-posts-populares { width: 100%; height: 530px; position: relative; float: left; background-color: #5864E3; margin-top: 50px; }
    .bg-ornamento-faixa-posts-populares { background-color: #5864E3 !important; }
    #ornamento-d-populares { width: 215px; height: 211px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-d-populares.webp'); background-size: 215px; display: none; }
    #ornamento-e-populares { width: 215px; height: 211px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-e-populares.webp'); background-size: 215px; display: none; }
    #view-posts-populares { width: 980px; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-posts-populares h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; color: #fff; font-size: 34px; text-align: center; font-weight: 700; }
    .item-post-popular { width: 50%; height: 130px; position: relative; float: left; margin-left: 25%; margin-right: 25%; margin-top: -20px; }
    .sobre-post-popular { width: 70%; height: auto; position: relative; float: left; padding-left: 0px; font-size: 23px; margin-top: 27px; color: #fff; }
    #posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding-bottom: 90px; }
    #view-posts-recentes { width: 980px; height: auto; position: relative; margin: auto; }
    #view-posts-recentes h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; margin-bottom: 40px; text-align: center; font-size: 48px; font-weight: 700; color: #2D2F2D; }

    /*Inicio página post blog*/
    #artigo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; padding-bottom: 50px; }
    #view-artigo-blog { width: 950px; height: auto; position: relative; margin: auto; }
    #conteudo-artigo-blog { width: 70%; height: auto; position: relative; float: left; }
    #player-video-blog-int { width: 662px; height: 373px; position: relative; float: left; border-radius: 15px; overflow: hidden; }
    #conteudo-artigo-blog { width: 70%; height: auto; position: relative; float: left; }
    #posts-populares-artigo { width: 29%; height: auto; position: relative; float: left; padding-left: 30px; }
    #faixa-posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding-bottom: 80px; }
    #faixa-posts-recentes-int { width: 950px; height: auto; position: relative; margin: auto; }

    /*Inicio produtor de vinhos*/
    #view-categoria-vinhos { width: 900px; height: auto; position: relative; margin: auto; z-index: 99; }
    #view-categoria-vinhos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; font-size: 48px; font-weight: 500; color: #313030; text-align: center; }
    #view-categoria-vinhos p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #0D0F0F; text-align: center; font-size: 19px; padding: 0px 200px; }

    /*Vinhos mais vendidos*/
    #sessao-vinhos-mais-vendidos { width: 100%; height: 1160px; position: relative; float: left; background: url('img/bg-vinhos-vendidos.webp'); background-repeat: repeat; }
    #view-vinhos-vendidos { width: 900px; height: auto; position: relative; margin: auto; }
    #view-vinhos-vendidos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; font-size: 48px; font-weight: 500; color: #313030; text-align: center; }
    #view-vinhos-vendidos p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #0D0F0F; text-align: center; font-size: 25px; padding: 0px 200px; }

    /*Sessao produtores*/
    #sessao-produtores-vinho { width: 100%; height: 800px; position: relative; float: left; background-color: #F8F8F9; }
    #view-sessao-produtores-vinho { width: 900px; height: auto; position: relative; margin: auto; z-index: 100; }
    #view-sessao-produtores-vinho h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 48px; font-weight: 500; color: #313030; text-align: center; }
    #view-sessao-produtores-vinho p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #0D0F0F; text-align: center; font-size: 26px; padding: 0px 200px; }
    .bg-s-bottom-cat-vinhos { background-color: #F9F9F9; }

    /* Cards categoria vinhos  */
    .card-vinho-cat { width: 32% !important; height: auto; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 10px; padding-bottom: 20px; background-color: #fff; border-radius: 20px; }

    /*Inicio produtor adega*/
    #sobre-produtor-adega { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-sobre-produtor.webp'); background-repeat: repeat; margin-top: 140px; padding-bottom: 150px; z-index: 250; }
    #view-sobre-produtor { width: 980px; height: auto; position: relative; margin: auto; z-index: 390; }
    #view-sobre-produtor h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 40px; color: #313232; text-align: center; font-weight: 500; }
    #view-sobre-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #313231; font-size: 20px; text-align: center; line-height: 35px; padding: 0px 100px; }
    #view-vitrine-fornecedor { width: 980px; height: auto; position: relative; margin: auto; z-index: 300; }
    #view-vitrine-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; text-align: center; color: #323434; font-size: 42px; font-weight: 600; }
    .icone-produtor-destaque { width: 80px; height: 80px; position: relative; margin: auto; border-radius: 100%; overflow: hidden; }
    .icone-int-destaque-produtor { width: 90px; height: 90px; position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; }
    .legenda-icone-destaque-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 22px; font-weight: 600; color: #343333; text-align: center; }
    .sobre-legenda-destaque-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 16px; color: #3E3F3E; text-align: center; padding: 0px 20px; }
    #listagem-vinhos-pg-produtor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; text-align: center; color: #323434; font-size: 42px; font-weight: 600; }
    #listagem-vinhos-pg-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 60px; color: #0D0F0F; text-align: center; font-size: 27px; padding: 0px 200px; }
    #sessao-produtores-vinho-lista { width: 100%; height: auto; position: relative; float: left; background-color: #F8F8F9; padding-bottom: 200px; margin-top: -8px; padding-top: 60px; }

    /*Listagem posts blog*/
    #arquivo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 210px; padding-bottom: 100px; }
    #view-arquivo-blog { width: 95%; height: auto; position: relative; margin: auto; }

    /*  Contato enviado  */
    #topo-contato-enviado { width: 100%; height: 500px; position: relative; float: left; margin-top: 100px; background-color: #EBFEFF; }

    /* ==========================================================================
       Inicio sala de imprensa
    ========================================================================== */

    /*   Interna download  */
    .menu-topo-loja-b { height: 209px !important; }
    #faixa-blocos-imagens { width: 100%; height: auto; position: relative; float: left; margin-top: 208px; padding: 15px 15px 15px 25px; overflow: hidden; }
    #faixa-links-sala-imprensa-desktop { width: 100%; height: 53px; position: relative; float: left; margin-top: 13px; background-color: #646FFF; }
    #view-faixa-links-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-faixa-links-sala-imprensa h3 { width: auto; height: auto; position: relative; float: left; font-size: 18px; color: #fff; padding: 10px 0px; margin-top: -10px; }
    #view-faixa-links-sala-imprensa ul li { width: auto; height: auto; position: relative; float: right; font-size: 18px; margin-top: -2px; color: #fff; cursor: pointer; margin-left: 21px; }
    #view-toolbar-downloads { width: 95%; height: auto; position: relative; margin: auto; }
    #view-toolbar-downloads h4 { width: auto; position: relative; float: left; margin-top: 16px; font-size: 18px; color: #000; }
    #cta-baixar-tds-arquivos-toolbar { width: auto; height: auto; position: relative; margin-top: 8px; float: right; padding: 8px 20px; background-color: #0055ff; color: #fff; font-size: 14px; font-weight: 500; border-radius: 20px; cursor: pointer; cursor: pointer; }
    #view-chamada-faixa-downloads-sala-imprensa { width: 100%; height: auto; position: relative; margin: auto; z-index: 90;/* overflow: hidden; */ }
    .item-bloco-imagem-download { width: 33%; height: 300px; position: relative; float: left; margin-right: 0.2%; margin-bottom: 2px; background-color: #dadada; overflow: hidden; border-radius: 5px; }
    .cta-download-img-unica { width: 40px; height: 40px; position: absolute; top: -220px; right: 20px; background-color: #0055FF; border-radius: 10px; z-index: 99; cursor: pointer; }
    .cta-download-img-icn-unica { width: 28px; height: 28px; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -14px; background: url('img/download-img-icn.png'); background-size: 28px; }
    #topo-downloads-sala-imprensa { width: 100%; height: 540px; position: relative; float: left; background-color: #E5F9FD; }
    #view-topo-downloads-sala-imprensa { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-downloads-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 230px; font-size: 38px; color: #000; text-align: center; font-weight: 700; }
    #view-topo-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 20px; color: #000; text-align: center; padding: 0px 100px; font-weight: 500; }
    #view-s-faixa-downlodas-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    .card-download { width: 30.5% !important; height: auto; position: relative; float: left; margin-left: 20px; margin-bottom: 20px; border-radius: 20px; padding-top: 20px; padding-bottom: 20px; background-color: #F3FBFD; }
    
    /*   Home sala de imprensa */
    #topo-sala-imprensa { width: 100%; height: 680px; position: relative; float: left; margin-top: 155px; background-color: #E5F9FD; overflow: hidden; }
    #view-topo-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; max-width: 700; font-size: 22px; color: #010101; text-align: center; padding: 0px 30px; font-weight: 500; }
    #view-faixa-posts-home-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; z-index: 100; }
    .headline-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 45px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
    .chamada-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; margin-bottom: 140px; max-width: unset; font-size: 23px; color: #010101; text-align: center; padding: 0px 30px; font-weight: 500; }

    #topo-blog-sala-imprensa { width: 100%; height: 500px; position: relative; float: left; background-color: #E5F9FD; }
    #view-topo-blog-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-blog-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 250px; font-size: 42px; color: #000; text-align: center; font-weight: 700; }
    #view-topo-blog-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 22px; color: #000; text-align: center; padding: 0px 30px; font-weight: 500; }

}

/*Telas menores*/
@media only screen  
and (min-width:750px) 
and (max-width:1000px) {

    /*janela popup*/
    #janela-popup { width: 700px; height: 340px; position: fixed; top: 450%; left: 50%; margin-left: -350px; margin-top: -160px; border-radius: 30px; border: 10px solid #fff; z-index: 9999999; background-color: #fff; }
    #modal-int-popup { width: 100%; height: 100%; position: absolute; top: 0px; border-radius: 30px; overflow: hidden; z-index: 10; }
    #cta-close-popup { width: 60px; height: 60px; position: absolute; right: 30px; top: 50%; margin-top: -145px; border-radius: 100%; background-color: red !important; cursor: pointer; z-index: 999; }
    #cta-close-popup:hover { background-color: #000ECB; }
    #cta-close-int-poopup { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('img/close.gif'); background-size: 80px; }
    #banner-topo-trabalhe-conosco-int { width: 2980px; height: 777px; left: 50%; position: relative; margin-top: -70px; margin-left: -1200px; background: url(img/banner-topo-trabalhe-conosco.jpg); background-size: 2980px; }
    #oferta-loja { width: 1px; height: 1px; position: absolute; top: -170px; }

    /* ==========================================================================
      LGPD
    ========================================================================== */
    #janela-aviso-lgp { width: 720px; height: 183px; position: fixed; left: 50%; margin-left: -360px; background-color: #f4fcff; border-radius: 15px; z-index: 9999999999999 !important; border: 2px solid #e4edf0; }
    #janela-aviso-lgp h2 { width: 90%; height: auto; position: relative; float: left; margin-top: 22px; margin-left: 20px; color: #000000; font-size: 18px; font-weight: 700; text-transform: uppercase; }
    #janela-aviso-lgp p { width: 61%; height: auto; position: relative; float: left; margin-top: -38px; margin-left: 20px; color: #000000; font-size: 15px; }
    #cta-concordar-lgpd { width: auto; height: auto; position: relative; float: right; margin-right: 17px; margin-top: 43px; font-size: 17px; color: #7c550a; padding: 12px 25px; font-weight: 700; border: 0px solid #ffffff; border-radius: 277px; cursor: pointer; background-color: #ffcc26; }
    #cta-concordar-lgpd:hover { background-color: #ffe600; color: #7c550a; }

    /* ==========================================================================
      Politica de privacidade
      ========================================================================== */
    #conteudo-politica-privacidade { width: 90%; height: auto; position: relative; margin: auto; padding-top: 60px; padding-right: 100px; color: #445c7e !important; }
    #conteudo-politica-privacidade h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; font-size: 20px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; font-size: 20px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 15px; color: #445c7e; text-align: left; font-weight: 400; }
    #conteudo-politica-privacidade li { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-left: -22px; font-size: 15px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade li p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 15px; color: #445c7e; text-align: left; font-weight: 400; }

    /* ==========================================================================
      Inicio Topico Importante
       ========================================================================== */
    #div-conteudo-topico { width: 90%; height: auto; position: relative; margin: auto; }
    #view-conteudo-topico { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; margin-bottom: 100px; }
    #div-conteudo-txt-topico { width: 100%; height: auto; position: relative; float: left; }

    /*Inicio sidebar topicos importantes*/
    #div-sidebar-topico { display: none; width: 25%; height: auto; position: relative; float: left; margin-left: 30px; cursor: pointer; }
    #div-sidebar-topico h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 0px; font-size: 22px !important; color: #363636 !important; font-weight: 700; }
    .item-topico-sidebar { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -45px; border-top: 1px solid #dadada; }
    .item-topico-sidebar p { width: auto; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; color: #363636; }
    .seta-topico-sidebar { width: 25px; height: 25px; position: absolute; right: 0px; top: 14px; background: url(img/seta-topico.webp); background-size: 25px; }
    .item-topico-sidebar:hover p { color: #ff3b2f !important; }
    .cta-sidebar-topicos { width: 100%; height: auto; position: relative; float: left; padding: 20px 0px; margin-top: 40px; }
    .cta-int-sidebar-topicos { width: auto; height: auto; position: relative; float: left; padding: 7px 12px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 14px; font-weight: 700; }
    .cta-int-sidebar-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .container-conteudo-flexivel { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }

    /*Inicio headline topico*/
    .headline-topico { width: 90%; height: auto; position: relative; float: left; padding-left: 30px; }
    .headline-topico h1 { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #363636; font-weight: 700; }
    .headline-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 22px; font-size: 18px; color: #363636; }

    /*Conteúdo flexiviel - Banner com ilustração*/
    .bg-banner-ilustracao { width: 100%; height: 250px; position: relative; float: left; border-radius: 10px; }
    .ilustracao-banner-topico { width: 300px; height: 300px; position: absolute; right: 30px; top: -25px; }
    .bg-banner-ilustracao h2 { width: 60%; height: auto; position: relative; float: left; margin-top: 80px; padding-left: 30px; color: #fff; font-size: 27px; }
    .headline-banner-ilustracao { font-weight: 800; font-size: 29px; }

    /*Conteúdo flexiviel - Links âncoras*/
    #ancoras-topico { width: 90%; height: auto; position: relative; float: left; padding-left: 10px; }
    .item-ancora-topico { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; font-size: 17px; color: #fff; background-color: #ff3b2f; border-radius: 40px; margin-left: 10px; margin-bottom: 10px; cursor: pointer; }
    .item-ancora-topico:hover { background-color: #ff0f00; }
    .ancora-topico { width: 1px; height: 1px; position: absolute; top: -125px; }

    /*Conteúdo flexiviel - Banner com foto*/
    .banner-foto-topico { width: 100%; height: 350px; position: relative; float: left; border-radius: 10px; overflow: hidden; background-color: #dadada; }
    .bg-txt-banner-foto-topico { width: 55%; height: 100%; position: relative; float: left; }
    .bg-txt-banner-foto-topico h3 { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 130px; color: #fff; font-size: 35px; font-weight: 700; }
    .foto-banner-topico { width: 45%; height: 100%; position: relative; float: left; overflow: hidden; }
    .foto-int-banner-topico { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; }

    /*Conteúdo flexiviel - Bloco de texto*/
    .bloco-de-texto-topico { width: 90%; height: auto; position: relative; float: left; }
    .bloco-de-texto-topico h3 { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #363636; font-weight: 700; }
    .bloco-de-texto-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; margin-bottom: 22px; font-size: 18px; color: #363636; }

    /*Conteúdo flexiviel - Lista*/
    .lista-topico { width: 90%; height: auto; position: relative; float: left; }
    .item-lista-topico { width: 90%; height: auto; position: relative; float: left; margin-left: 20px; margin-bottom: 10px; }
    .icone-lista-topico { width: 25px; height: 25px; position: relative; float: left; background: url(img/arrow-right-topico.webp); background-size: 25px; }
    .txt-item-lista-topico { width: 70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: 1px; color: #000; font-size: 17px; opacity: 0.5; }

    /*Inicio mais tópicos*/
    #div-mais-topicos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .cta-todos-topicos-cards { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }
    .cta-int-card-topicos { width: auto; height: auto; position: relative; float: left; margin-right: 1%; padding: 10px 20px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 17px; font-weight: 700; cursor: pointer; }
    .cta-int-card-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .item-card-topico { width: 48%; height: 240px; position: relative; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; background-color: #585d7b; border-radius: 10px; cursor: pointer; }
    .item-card-topico:hover { background-color: #787e9e; }
    .item-card-topico h2 { width: 85%; height: auto; position: relative; float: left; margin-top: 32px; margin-left: 20px; color: #fff; font-size: 20px; }
    .item-card-topico p { width: 87%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 20px; color: #fff; font-size: 16px; }
    .seta-card-topico { width: 30px; height: 30px; position: absolute; right: 20px; bottom: 25px; background: url(img/seta-card-topico.webp); background-size: 30px; }
    #janela-horarios { width: 300px; height: 100px; position: fixed; right: 27px; top: -110%; background-color: #fff; border-radius: 20px; z-index: 9999; -webkit-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); opacity: 0; }
    #janela-selecao-de-lojas { -webkit-transform: scale(0.82); -ms-transform: scale(0.82); -o-transform: scale(0.82); -moz-transform: scale(0.82); transform: scale(0.82); }
    .mobile { display: none; }
    .tablet { display: block; }
    .desktop { display: block; }
    .hide-telas-menores { display: none; }
    .hide-telas-menores-2 { display: none; }
    .bg-s-top-desktop { width: 450px; height: 450px; position: absolute; top: -57px; left: 50%; margin-left: -225px; background-color: #fff; border-radius: 100%; z-index: 1; }
    .bg-s-bottom-desktop { width: 450px; height: 450px; position: absolute; bottom: -54px; left: 50%; margin-left: -225px; background-color: #fff; border-radius: 100%; z-index: 19; }
    .bg-s-top-desktop { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background-color: #fff; border-radius: 100%; z-index: 1; }
    .bg-s-bottom-desktop { width: 500px; height: 500px; position: absolute; bottom: -66px; left: 50%; margin-left: -250px; background-color: #fff; border-radius: 100%; z-index: 19; }
    .bg-s-color { background-color: #E4FBFF; }
    .bg-blog-color { background-color: #FFD92B; }
    .bg-fornecedor-color { background: url(img/bg-espaco-fornecedor.webp); background-repeat: repeat; }
    .bg-rodape-color { background-color: #2A54CC; top: 0px !important; }
    .telas-menores { display: none; }
    .cta-padrao { padding: 12px 0px; font-size: 14px; font-weight: 500; text-align: center; color: #5b3f00; background-color: #ffcc00; border-radius: 90px; cursor: pointer; }

    /*  Janela ofertas mobile   */
    #toolbar-janela-ofertas-sm { width: 100%; height: 70px; position: absolute; top: 0px; background-color: #fff; z-index: 100; }
    #logo-dd-ofertas-sm { width: 160px; height: 26px; position: relative; float: left; margin-top: 27px; background: url('img/logo-atcadao-dia-a-dia.webp'); background-size: 160px; background-repeat: no-repeat; }
    #cta-fechar-janela-ofertas-sm { width: auto; height: auto; position: relative; float: right; margin-top: 20px; padding: 8px 18px 8px 40px; background-color: #EF2818; color: #fff; font-size: 15px; border-radius: 90px; cursor: pointer; }
    #fechar-icn-cta-j-sm { width: 28px; height: 28px; position: absolute; left: 7px; top: 5px; background: url('img/fechar.webp'); background-size: 28px; }

    /*  Janela tem no DD */
    #janela-tem-no-dd-desktop { width: 700px; height: 620px; position: fixed; left: 50%; top: 250%; margin-left: -350px; margin-top: -310px; background-color: #fff; border-radius: 40px; z-index: 9999; overflow: hidden; opacity: 0; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
    #img-janela-dd-desktop-int { width: 440px; height: 660px; position: absolute; left: 50%; top: 50%; margin-left: -278px; margin-top: -330px; opacity: 0; }
    #info-controles-tabloide { width: 300px; height: auto; position: relative; float: left; margin-top: 21px; font-size: 14px; color: #648AAD; display: none; }
    #controles-tabloide { width: auto; height: auto; position: relative; float: left; margin-left: 40px; margin-top: 15px; }
    .item-ctrl-tabloide { width: 50px; height: 50px; position: relative; float: left; margin-right: 10px; background-color: #FFC600; border-radius: 100%; cursor: pointer; }
    .n-ctrl-tabloide { width: 50px; height: 50px; position: relative; float: left; margin-right: 10px; background-color: #D8EFF0; border-radius: 100%; }

    /* Janela mapa loja */
    #janela-mapa-lj-atual { width: 700px; height: 600px; position: fixed; left: 50%; top: -550%; margin-left: -350px; margin-top: -325px; background-color: #fff; border-radius: 20px; z-index: 9999; }

    /*Menu fixo*/
    #v-faixa-outros-links { width: 95%; height: auto; position: relative; margin: auto; }
    #v-m-desktop { width: 95%; height: auto; position: relative; margin: auto; }
    #menu-fixo-desktop { width: 100%; height: 99px; position: fixed; top: 0px; background-color: #fff; z-index: 999; -webkit-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); overflow: hidden; }
    #faixa-outros-links-m-fixo { width: 100%; height: 35px; position: relative; float: left; background-color: #FFCC01; }
    #horarios-desktop { width: auto; height: auto; position: relative; float: right; margin-right: 20px; margin-top: 17px; background-color: #C7EFF5; color: #4070B9; font-size: 14px; padding: 9px 16px 9px 42px; border-radius: 20px; cursor: pointer; }
    #relogio-desktop { width: 26px; height: 26px; position: absolute; left: 8px; top: 5px; background-color: #E3FBFF; border-radius: 50%; }
    #icn-relogio-dk { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; background: url(img/icone-relogio.webp); background-size: 24px; }
    #itens-links-menu-desktop { width: auto; height: auto; position: relative; float: right; margin-right: 20px; display: none; }
    .item-sm-desktop { width: 22px; height: 22px; position: relative; float: left; margin-left: 5px; cursor: pointer; margin-top: 6px; opacity: 0.8; }
    .fb-sm-desktop { background: url(img/fb-icn.webp); background-size: 22px; }
    .insta-sm-desktop { background: url(img/insta-icn.webp); background-size: 22px; }
    .yt-sm-desktop { background: url(img/yt-icn.webp); background-size: 22px; }
    .item-outros-links { width: auto; height: auto; position: relative; float: right; font-size: 13px; color: #cd1215; margin-right: 15px; margin-top: 9px; cursor: pointer; }
    #logo-dd-desktop { width: 140px; height: 53px; position: relative; float: left; margin-top: 24px; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 140px; background-repeat: no-repeat; }
    #tag-localizacao-desktop-m { width: auto; height: auto; position: relative; float: left; margin-left: 15px; }
    #tag-int-localizacao-desktop { width: auto; height: auto; position: relative; float: left; margin-top: 18px; max-width: 190px; padding: 8px 18px 8px 44px; background-color: #636EFF; color: #fff; font-size: 14px; border-radius: 50px; cursor: pointer; }
    #icone-tag-localizacao-desktop { width: 25px; height: 25px; position: absolute; left: 8px; top: 6px; border-radius: 50%; background-color: #8890FF; }
    #icn-tag-int-l-d { width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; background: url(img/icn-tag-localizacao-dk.webp); background-size: 16px; }
    #tag-estado-l-desktop { width: 38px; height: 38px; position: relative; float: left; margin-left: 6px; margin-top: 16px; border-radius: 50%; background-color: #EDFBFE; }
    #tag-estao-l-d-txt { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 14px; text-align: center; color: #506DC2; font-weight: 500; }
    #menu-desktop-cta { width: 38px; height: 38px; position: relative; float: right; margin-top: 16px; margin-right: 0px; border-radius: 8px; background: url(img/icn-m-desktop.webp); background-size: 38px; cursor: pointer; opacity: 0.8; }
    #tag-ofertas-menu { width: auto; height: auto; position: relative; float: left; margin-left: 10px; }
    #tag-ofertas-menu-int { width: auto; height: auto; position: relative; float: left; margin-top: 18px; padding: 8px 18px 8px 44px; background-color: #e42623; color: #fff; font-size: 14px; border-radius: 50px; cursor: pointer; }
    #tag-ofertas-menu-int:hover { background-color: #d90d0a; }
    #icone-tag-ofertas-desktop { width: 25px; height: 25px; position: absolute; left: 8px; top: 6px; border-radius: 50%; background-color: #e42623; }
    #tag-ofertas-menu-int:hover #icone-tag-ofertas-desktop { background-color: #a71c1a; }
    #icn-tag-ofertas { width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; background: url(img/icn-offer.webp); background-size: 16px; }
    #tag-vagas-menu { width: auto; height: auto; position: relative; float: left; margin-left: 10px; }
    #tag-vagas-menu-int { width: auto; height: auto; position: relative; float: left; margin-top: 18px; padding: 8px 18px 8px 44px; background-color: #0046DC; color: #fff; font-size: 14px; border-radius: 50px; cursor: pointer; }
    #tag-vagas-menu-int:hover { background-color: #0234AA; }
    #icone-tag-vagas-desktop { width: 25px; height: 25px; position: absolute; left: 8px; top: 6px; border-radius: 50%; background-color: #3168CE !important; }
    #tag-vagas-menu-int:hover #icone-tag-vagas-desktop { background-color: #a71c1a; }
    #icn-tag-vagas { width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; background-size: 16px; }

    /*Banner home*/
    #banner-mobile-container-int { width: 100%; height: auto; left: 0%; position: relative; float: left; margin-left: 0px; margin-top: 45px; overflow: unset; }
    #bg-paginacao-desktop { width: 450px; height: 450px; position: absolute; bottom: -396px; left: 50%; margin-left: -225px; background-color: #fff; border-radius: 100%; z-index: 19; }
    .bloco-ctrl-banner-home { width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -18px; background-color: #fff; border-radius: 15px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }

    /*Controles banner home*/
    .bloco-ctrl-banner-home { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
    .bloco-ctrl-banner-home { width: 75px; height: 75px; position: absolute; top: 50%; margin-top: -37px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
    .bloco-ctrl-l { left: 15px; }
    .bloco-ctrl-r { right: 15px; }
    .seta-l-ctrl { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/seta-l.webp); background-size: 40px; }
    .seta-r-ctrl { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/seta-r.webp); background-size: 40px; }
    .cta-banner-mobile { width: 100%; height: auto; position: absolute; bottom: 80px; }
    .cta-banner-mobile-int { width: 160px; height: auto; position: relative; margin: auto; background-color: #636EFF; color: #fff; -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -ms-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -o-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); }
    .cta-banner-mobile-int:hover { background-color: #4A56FC; color: #fff; }
    #paginacao-banner-mobile { width: 170px; height: 26px; position: absolute; left: 50%; margin-left: -85px; bottom: 4px; border-radius: 90px; z-index: 20; padding-top: 3px; }
    .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 14px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 14px)); background-color: #B1DAFF; }

    /*Inicio Ofertas home*/
    #bloco-ofertas { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 99; padding-bottom: 0px; }
    #v-bloco-ofertas { width: 90%; height: auto; position: relative; margin: auto; }
    .bg-bloco-ofertas { width: 380px; height: 682px; position: absolute; }
    .bgl-ofertas { left: -90px; top: -200px; background: url(img/bgl-ofertas-desktop.webp); background-size: 380px; }
    .bgr-ofertas { right: -160px; top: 70px; background: url(img/bgr-ofertas-desktop.webp); background-size: 380px; }
    .bg-out-ofertas { width: 380px; height: 758px; position: absolute; right: 0px; top: -71px; overflow: hidden; }
    #div-conteudo-ofertas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 59px; font-size: 40px; font-weight: 700; line-height: 44px; text-align: center; }
    #div-conteudo-ofertas span { font-size: 40px; }
    #div-conteudo-ofertas p { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 22px; text-align: center; padding: 0px 20px; }
    #bloco-fertas-destaque-3x { width: 586px; height: auto; position: relative; margin: auto; }
    .oferta-destaque-xx-h { width: 180px; height: 180px; position: relative; float: left; margin-right: 23px; border-radius: 50%; overflow: hidden; cursor: pointer; opacity: 0.9; }
    .oferta-destaque-xx-h:last-child { margin-right: 0px; }
    .oferta-destaque-xx-h:hover { opacity: 1; }
    .oferta-destaque-1x-h { width: 150px; height: 150px; position: relative; margin: auto; border-radius: 50%; overflow: hidden; }
    .img-oferta-destaque-h { width: 180px; height: 180px; position: absolute; left: 50%; top: 50%; margin-left: -90px; margin-top: -90px; }
    #cta-int-tds-ofertas-h-d { width: 170px; height: auto; position: relative; margin: auto; padding: 13px 0px; background-color: #636FFF; color: #fff; font-size: 16px; text-align: center; border-radius: 90px; cursor: pointer; }
    #div-ofertas-destaque-home-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; }
    #cta-tds-ofertas-home-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 46px; }

    /*Inicio No DD tem*/
    #no-dd-tem { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; background-color: #E5FAFF; z-index: 100; padding-bottom: 100px; }
    #titulo-dd-tem-bloco { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
    #tag-dd { width: 85px; height: 49px; position: absolute; left: 50%; margin-left: -43px; background: url(img/tag-dd.webp); background-size: 84px; background-repeat: no-repeat; }
    #tag-dd-l-txt { width: auto; height: auto; position: absolute; left: -63px; top: -3px; font-size: 44px; font-weight: 700; }
    #tag-dd-r-txt { width: auto; height: auto; position: absolute; right: -81px; top: -3px; font-size: 44px; font-weight: 700; }
    #view-no-dd-tem p { width: 384px; height: auto; left: 50%; position: relative; float: left; margin-left: -192px; margin-top: 62px; text-align: center; font-size: 18px; padding: 0px 0px; }

    /*Controles no DD tem*/
    .bloco-ctrl-dd-tem { width: 75px; height: 75px; position: absolute; top: 50%; margin-top: 15px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }

    /*Pague do seu jeito*/
    #bgl-psj { width: 260px; height: 382px; position: absolute; left: -40px; top: unset; bottom: -332px; background: url(img/bg-dd-id-desktop.webp); background-size: 260px; }
    #bgr-psj { width: 280px; height: 232px; position: absolute; right: -136px; top: -1px; background: url(img/bg-dd-id-desktop-r.webp); background-size: 240px; }
    #view-s-pague-do-seu-jeito { width: 90%; height: auto; position: relative; margin: auto; margin-top: 100px; padding: 0px 20px; }
    #view-s-pague-do-seu-jeito h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 43px; font-weight: 700; text-align: center; }
    #view-s-pague-do-seu-jeito p { width: 340px; height: auto; left: 50%; position: relative; float: left; margin-left: -170px; margin-top: -7px; font-size: 18px; text-align: center !important; }
    #v-slides-btns-forma-pagamento { width: 648px; height: auto; position: relative; margin: auto; }
    #slider-btns-forma-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; overflow: hidden; }

    /*Item btn forma pagamento*/
    .btn-forma-pagamento { width: auto !important; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 10px; padding: 10px 15px 10px 45px; background-color: #e5fbff; border-radius: 110px; font-size: 16px; font-weight: 500; cursor: pointer; }
    .atv-btn-forma-pagamento { background-color: #FFCC02; color: #A17511; }
    .atv-btn-forma-pagamento:hover { background-color: #FFDB5E; }

    /*Quadro formas de pagamento*/
    #container-quadro-formas-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 28px; z-index: 50; overflow: hidden; }
    .item-bandeira-forma-pagamento { width: 14%; height: 90px; position: relative; float: left; margin-bottom: 12px; border-radius: 20px; margin-left: 1%; margin-right: 1%; cursor: pointer; }
    .icone-bandera-cartao { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; }

    /*Inicio banner miolo*/
    #s-banner-miolo { width: 100%; height: auto; position: relative; float: left; margin-top: 93px; overflow: hidden; z-index: 200; }

    /*Blog DD home*/
    #blog-dd-home { width: 100%; height: 670px; position: relative; float: left; z-index: 300; }
    #view-blog-dd { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 20px; z-index: 300; }
    #logo-blog-dd-int { width: 140px; height: 136px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 140px; }
    #tag-logo-blog-dd { width: 210px; height: auto; position: absolute; left: 50%; margin-left: -105px; bottom: -25px; padding: 9px 0px; background-color: #4A53BB; border-radius: 60px; color: #fff; text-align: center; font-size: 14px; font-weight: 600; }
    #s-cta-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; z-index: 10; }
    #faixa-posts-desktop { width: 100%; height: auto; position: relative; float: left; padding-left: 41px; margin-top: 80px; }

    /*Card post carrossel*/
    .card-post { width: 30%; height: 410px; position: relative; float: left; margin-left: 0px; margin-right: 3%; cursor: pointer; }
    .card-post h4 { width: 100%; height: 30px; position: relative; float: left; margin-top: 15px; padding: 0px 0%; font-size: 16px; color: #000; font-weight: 600; }
    .card-post p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 0%; font-size: 14px; color: #2e2e2e; }

    /*Inicio central de ajuda*/
    #s-central-ajuda { width: 100%; height: 424px; position: relative; float: left; background-color: #fff; z-index: 400; }
    #view-s-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 71px; font-size: 43px; font-weight: 700; text-align: center; }
    #view-s-central-ajuda p { width: 380px; height: auto; left: 50%; position: relative; float: left; margin-left: -190px; padding: 0px 20px; margin-top: -10px; font-size: 18px; text-align: center !important; }
    #v-faixa-ctas-central-ajuda-desktop { width: 647px; height: auto; position: relative; margin: auto; }

    /*item bloco central de ajuda*/
    .bloco-central-de-ajuda { width: 140px !important; height: 140px !important; position: relative; float: left; margin-left: 0px; margin-right: 25px; background-color: #e7f9fc; border-radius: 20px; opacity: 0.9; cursor: pointer; }
    #s-cm-ajudar { width: 100%; height: 376px; position: relative; float: left; margin-top: 130px; padding-bottom: 50px; z-index: 410; }
    #icone-cm-ajudar { width: 160px; height: 160px; position: absolute; left: 50%; margin-left: -80px; top: -70px; border-radius: 50%; overflow: hidden; border: 7px solid #fff; }
    #icn-como-posso-ajudar { width: 160px; height: 160px; position: absolute; left: 50%; top: 50%; margin-left: -80px; margin-top: -80px; background: url(img/personagem-central-ajuda-2.gif); background-size: 160px; }
    #icn-como-posso-ajudar-fornecedor { width: 160px; height: 160px; position: absolute; left: 50%; top: 50%; margin-left: -80px; margin-top: -80px; background: url(img/icn-como-posso-ajudar-fornecedor.webp); background-size: 160px; }
    #view-s-cm-ajudar { width: 90%; height: auto; position: relative; margin: auto; }
    #view-s-cm-ajudar h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 38px; font-weight: 700; text-align: center; }
    #view-s-cm-ajudar p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -13px; font-size: 18px; text-align: center !important; }
    .item-ft-cm-ajudar { width: 90px; height: 185px; position: absolute; }
    .ft-1-cm-ajudar { left: 10%; top: -160px; background: url(img/ft-4-c.webp); background-size: 90px; }
    .ft-2-cm-ajudar { left: 3%; top: -54px; background: url(img/ft-3-c.webp); background-size: 90px; }
    .ft-3-cm-ajudar { right: 10%; top: -140px; background: url(img/ft-1-c.webp); background-size: 90px; }
    .ft-4-cm-ajudar { right: 3%; top: -54px; background: url(img/ft-2-c.webp); background-size: 90px; }
    .ft-5-cm-ajudar { left: 3%; top: -54px; background: url(img/ft-5-c.webp); background-size: 90px; }
    .ft-6-cm-ajudar { right: 3%; top: -54px; background: url(img/ft-6-c.webp); background-size: 90px; }
    #view-s-espaco-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 43px; font-weight: 700; text-align: center; color: #fff; }
    #view-s-espaco-fornecedor p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -17px; font-size: 18px; text-align: center !important; color: #fff; }

    /*Faixa espaço do fornecedor*/
    #s-espaco-fornecedor { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-espaco-fornecedor.webp); background-repeat: repeat; padding-bottom: 120px; z-index: 430; }
    #v-item-fornecedores-desktop { width: 520px; height: auto; position: relative; margin: auto; }
    #faixa-fornecedores { width: 100%; height: auto; position: relative; float: left; margin-top: 8px; overflow: hidden; z-index: 330; }
    .item-faixa-fornecedor { width: 120px !important; height: 120px !important; position: relative; float: left; margin-left: 0px; margin-right: 10px; background-color: #fff; border-radius: 50%; overflow: hidden; cursor: pointer; }
    #view-s-espaco-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 53px; font-size: 43px; font-weight: 700; text-align: center; color: #fff; }
    #view-s-espaco-fornecedor p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -17px; font-size: 22px; text-align: center !important; color: #fff; }

    /*Inicio rodapé*/
    .view-s-rodape { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
    .view-s-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 5px; font-size: 30px; font-weight: 700; text-align: center; }
    .s-rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 0px; z-index: 450; }
    .overflow-rodape { width: 100%; height: auto; position: relative; float: left; overflow: hidden; }
    #cta-voltar-topo { width: 90px; height: 90px; position: absolute; left: 50%; margin-left: -50px; top: -40px; background-color: #ffcc00; border-radius: 50%; border: 10px solid #fff; cursor: pointer; }
    #icone-cta-voltar-topo { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/icone-voltar-topo.webp); background-size: 40px; }
    #legenda-cta-voltar-topo { width: 200px; height: auto; position: absolute; left: 50%; margin-left: -100px; bottom: -39px; color: #353946; font-size: 20px; text-align: center; }
    #logo-dd-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 107px; }
    #logo-dd-int-rodape { width: 200px; height: 32px; position: relative; margin: auto; background: url(img/logo-dia-a-dia-rodape.webp); background-size: 200px; background-repeat: no-repeat; }
    #view-redes-sociais-rodape { width: 151px; height: auto; position: relative; margin: auto; }
    #faixa-blocos-rodape-desktop { width: 111%; height: auto; position: relative; float: left; margin-left: 2%; margin-top: 60px; padding: 0px 0px; }
    .item-sm-rodape { width: 50px; height: 50px; position: relative; float: left; margin-right: 0px; }
    .item-bloco-conteudo-rodape-desktop { width: 50%; height: 164px; position: relative; float: left; padding-right: 52px; margin-bottom: 52px; }
    .item-bloco-conteudo-rodape-desktop h4 { width: 100%; height: auto; position: relative; float: left; font-size: 19px; text-align: left; font-weight: 500; }
    .item-bloco-conteudo-rodape-desktop h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 16px; text-align: left; font-weight: 500; }
    .item-bloco-conteudo-rodape-desktop p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 14px; text-align: left; }
    .item-bloco-conteudo-rodape-desktop ul li { width: 100%; height: auto; position: relative; float: left; font-size: 16px; text-align: left; cursor: pointer; }
    .item-cta-rodape-desktop { width: auto; height: auto; position: relative; float: left; margin-right: 15px; padding: 9px 17px 8px 38px; font-size: 14px; border-radius: 50px; cursor: pointer; margin-bottom: 8px; }
    .icn-cta-rodape-desktop { width: 22px; height: 22px; position: absolute; left: 7px; top: 6px; }
    .icn-pin-r-d { background: url(img/icn-tag.webp); background-size: 22px; }

    /*juridico rodapé */
    #ornamento-rodape-desktop { width: 600px; height: 200px; position: absolute; left: 50%; margin-left: -300px; top: -66px; overflow: hidden; }
    #juridico-rodape-mobile { width: 90%; height: auto; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 20px; font-size: 14px; text-align: center; }
    .juridico-rodape-fix-padding { padding-bottom: 60px !important; padding-top: 32px; }

    /* ==========================================================================
    Transparencia salarial
    ========================================================================== */
    #topo-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; }
    #view-topo-transparencia-salarial { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-transparencia-salarial h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; font-size: 44px; color: #323435; text-align: center; font-weight: 700; }
    .sobre-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; line-height: 28px; font-size: 20px; color: #000; margin-top: -20px; text-align: center; padding: 0px 30px; }
    #box-lista-pdfs { width: 100%; height: auto; position: relative; float: left; border: 1px solid #dadada; border-radius: 20px; margin-top: 40px; margin-bottom: 120px; overflow: hidden; }
    .item-lista-pdf { width: 100%; height: auto; position: relative; float: left; border-bottom: 1px solid #dadada; padding: 20px 200px 20px 20px; font-size: 18px; color: #000; cursor: pointer; }
    .item-lista-pdf:hover { background-color: #ecfbff; }
    .cta-ver { width: auto; height: auto; position: absolute; top: 15px; right: 20px; padding: 5px 20px; background-color: #0047DC; color: #fff; border-radius: 20px; cursor: pointer; }

    /* ==========================================================================
    Inicio página de lojas
     ========================================================================== */
    .menu-topo-loja { height: 153px !important; }
    #view-faixa-selecao-lojas-menu { width: 95%; height: auto; position: relative; margin: auto; }
    #bg-topo-pagina-lojas { width: 5000px; height: 600px; position: absolute; left: 50%; margin-left: -4980px; background-color: #C21D18; transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -webkit-transform: skew(-13deg, 0deg); -moz-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg); background: url(img/bg-mapa-topo-loja.webp); background-repeat: repeat-x; background-size: 1900px 600px; z-index: 10; }
    #view-conteudo-desktop-banner-lojas { width: 100%; height: 100%; position: absolute; z-index: 40; }
    #view-bg-topo-lojas { width: 896px; height: 600px; position: absolute; left: 50%; margin-top: 0px; margin-left: -190px; }
    #div-conteudo-desktop-banner-lojas { width: 95%; height: 100%; position: relative; margin: auto; }
    #conteudo-txt-banner-lojas-desktop { width: 100%; height: 300px; position: absolute; top: 291px; }
    #conteudo-txt-banner-lojas-desktop h3 { width: 250px; height: 50px; position: relative; float: left; margin-top: -59px; line-height: 35px; font-size: 40px; color: #fff; font-weight: 700; margin-right: 60%; text-transform: uppercase; }
    #conteudo-txt-banner-lojas-desktop span { color: #FFCC26; }
    #txt-topo-conteudo-desktop-loja { width: 310px; height: auto; position: relative; float: left; color: #fff; font-size: 20px; font-weight: 300; margin-top: 6px; }
    #div-topo-pagina-lojas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 258px; margin-bottom: 5px; color: #2D2C2D; font-size: 50px; text-align: center; font-weight: 600; }
    #faixa-selecao-lojas-menu { width: 100%; height: auto; position: relative; margin-top: -12px; float: left; border-top: 1px solid #F7F7F7; }
    #div-topo-pagina-lojas { width: 100%; height: 540px; position: relative; float: left; margin-top: 30px; background: url('img/bg-selecao-lojas.webp'); background-size: cover; overflow: hidden; }
    #ornamento-d-lojas { width: 300px; height: 293px; position: absolute; right: 0px; top: -105px; background: url('img/bg-dd-id-desktop-r.webp'); background-size: 300px; }
    #ornamento-e-lojas { width: 300px; height: 293px; position: absolute; left: 0px; bottom: -135px; background: url('img/bg-dd-id-desktop.webp'); background-size: 300px; }
    #view-listagem-lojas { width: 90%; height: auto; position: relative; margin: auto; padding-top: 100px; z-index: 10; }
    .div-regiao-listagem-lojas { width: 100%; height: 100%; position: relative; float: left; margin-bottom: 20px; }
    .tag-regia-listagem-loja { width: 30%; height: 90px; position: relative; float: left; border-radius: 0px 30px 30px 30px; background-color: #778DCD; }
    .nome-tag-regiao-listagem-loja { width: 68%; height: auto; position: relative; float: left; margin-left: 2%; padding: 24px 0px; background-color: #5871BD; color: #fff; font-size: 30px; text-align: center; border-radius: 30px; }
    .div-cards-lojas-listagem { width: 100%; height: auto; position: relative; float: left; }
    .item-card-loja-listagem { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; background-color: #F0F9F9; border-radius: 20px; padding: 0px 30px; }
    .fix-title-tem-n-dd-lp { margin-top: 60px !important; }

    /* ==========================================================================
      Página interna de lojas
    ========================================================================== */
    #topo-pgi-loja { width: 100%; height: 594px; position: relative; float: left; margin-top: 156px; background-color: #0064D3; z-index: 110; }
    #bg-topo-pgi-loja { width: 700px; height: 359px; position: absolute; z-index: 20; left: 50%; top: 50%; margin-left: -350px; margin-top: -190px; background: url(img/bg-topo-loja.webp); background-size: 700px; opacity: 0.3; }
    #view-topo-pgi-loja { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #view-topo-pgi-loja h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 95px; margin-bottom: 10px; font-size: 40px; color: #fff; text-align: center; font-weight: 700; }
    #view-topo-pgi-loja p { width: 570px; height: auto; position: relative; margin: auto; color: #fff; font-size: 19px; text-align: center !important; font-weight: 300; }
    #cta-ver-no-mapa-pgl { width: auto; height: auto; position: relative; float: left; font-size: 18px; font-weight: 600; padding: 10px 24px; color: #A17512; background-color: #FFCE27; border-radius: 50px; cursor: pointer; }
    #cta-falar-loja-int { width: auto; height: auto; position: relative; float: left; margin-left: 15px; font-size: 18px; font-weight: 600; padding: 10px 24px; color: #FFCD27; border: 1px solid #FFCE27; border-radius: 50px; cursor: pointer; }
    #faixa-beneficios-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: 56px; }
    #faixa-beneficios-lojas p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 17px; font-size: 20px; color: #fff; text-align: center; }
    #carrossel-beneficios-loja { width: 100%; height: auto; position: relative; float: left; margin-top: -190px; z-index: 100; }
    #view-carrossel-beneficios-loja { width: 700px; height: auto; position: relative; margin: auto; }
    .blc-4x { width: 570px !important; }
    .telas-menores { display: block !important; }
    #sessao-ofertas-facebook { width: 100%; height: auto; position: relative; float: left; margin-top: 135px; margin-bottom: -165px; padding-bottom: 160px; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; z-index: 100; }
    #view-sessao-ofertas-facebook { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-sessao-ofertas-facebook h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 42px !important; color: #2D2F2D; text-align: center !important; font-weight: 600 !important; }
    .item-bloco-oferta-loja-interna { width: 47%; height: auto; position: relative; float: left; margin-left: 1.5%; margin-right: 1.5%; margin-bottom: 20px; border-radius: 10px; overflow: hidden; }
    #view-sessao-ofertas-facebook-janela { width: 90%; height: auto; position: relative; margin: auto; }
    #view-sessao-ofertas-facebook-janela-destaque { width: 90%; height: auto; position: relative; margin: auto; }

    /* ==========================================================================
      Página espaço do fornecedor
    ========================================================================== */
    #view-fornecedores-pg h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; margin-bottom: 10px; font-size: 42px; color: #343435; text-align: center; font-weight: 700; }
    #view-fornecedores-pg p { width: 760px; height: auto; position: relative; margin: auto; padding-top: 0px; font-size: 24px; color: #39393A; text-align: center; font-weight: 300; }
    .item-fornecedor-pg { width: 19.5%; height: auto; position: relative; float: left; margin-bottom: 20px; }
    #cta-int-faixa-fornecedor { width: 120px; height: auto; margin: auto; }

    /* ==========================================================================
      Página Fornecedor
    ========================================================================== */
    #logo-cover-fornecedor { width: 140px; height: 140px; position: absolute; left: 50%; margin-left: -70px; top: -44px; background-color: #ffffff; border-radius: 20px; overflow: hidden; z-index: 100; }
    #div-ornamento-bg-fornecedor { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; z-index: 1; }
    #ornamento-e-pg-fornecedor { width: 230px; height: 181px; position: absolute; left: -45px; top: -70px; background: url(img/ornamento-e-pg-fornecedor.webp); background-size: 230px; background-repeat: no-repeat; }
    #ornamento-d-pg-fornecedor { width: 230px; height: 184px; position: absolute; right: -37px; top: -70px; background: url(img/ornamento-d-pg-fornecedor.webp); background-size: 230px; background-repeat: no-repeat; }
    .view-bloco-conteudo { width: 720px; height: auto; position: relative; margin: auto; z-index: 50; }
    .view-bloco-conteudo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; margin-bottom: -5px; text-align: center; color: #000; font-size: 38px; font-weight: 600; padding: 0px 20px; line-height: 52px; }
    .view-bloco-conteudo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; margin-bottom: 5px; text-align: center; color: #000; font-size: 38px; font-weight: 600; padding: 0px 40px; line-height: 60px; }
    .view-bloco-conteudo p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 19px; color: #575656; text-align: center; padding: 0px 20px; }
    #view-faixa-produtos-fornecedor { width: 720px; height: auto; position: relative; margin: auto; z-index: 20; padding-top: 10px; }
    .item-galeria-ft-fornecedor { width: 20%; height: 176px; position: relative; float: left; overflow: hidden; background-color: #fff; }
    .item-ft-galeria-fornecedor-int { width: 353px; height: 240px; position: absolute; left: 50%; top: 50%; margin-left: -170px; margin-top: -135px; }

    /*Inicio sessao video fornecedor*/
    #div-video-fornecedor { width: 100%; height: auto; position: relative; float: left; padding-bottom: 150px; }
    #view-sessao-video-fornecedor { width: 720px; height: auto; position: relative; margin: auto; }
    #view-sessao-video-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 47px; font-size: 34px; color: #fff; text-align: center; font-weight: 600; }
    #player-video-fornecedor { width: 620px; height: 349px; position: relative; float: left; margin-left: 50px; margin-top: 20px; border-radius: 20px; overflow: hidden; }
    #legenda-player-video { width: 620px; height: auto; position: relative; float: left; margin-left: 50px; margin-top: 40px; font-size: 19px; color: #fff; text-align: left; }

    /* ==========================================================================
    Inicio links oficias
     ========================================================================== */
    #view-topo-links-oficiais { width: 740px; height: auto; position: relative; margin: auto; }
    #view-topo-links-oficiais h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 210px; font-size: 52px; font-weight: 800; text-align: center; text-transform: uppercase; color: #fff; }
    #calculadora-nf { width: 450px; height: 482px; position: absolute; left: -280px; top: 200px; background: url('img/calculadora-nf.webp'); background-size: 450px; }
    #cartoes-nf { width: 450px; height: 377px; position: absolute; right: -280px; top: 690px; background: url('img/cartoes-nf.webp'); background-size: 450px; }
    #carrinho-nf { width: 450px; height: 367px; position: absolute; left: -280px; top: 1000px; background: url('img/carrinho-nf.webp'); background-size: 450px; }
    #promo-nf { width: 450px; height: 419px; position: absolute; right: -280px; top: 1300px; background: url('img/promo-nf.webp'); background-size: 450px; }
    #div-s2-nf { width: 100%; height: 990px; position: relative; float: left; background: url('img/bg-bottom-dd-links-oficiais.webp'); background-repeat: repeat; }

    /* ==========================================================================
      Página DD Express
    ========================================================================== */
    #div-topo-dd-express { width: 100%; height: 520px; position: relative; float: left; margin-top: 99px; background: url(img/bg-topo-dd-express.webp); background-repeat: repeat; z-index: 30; }
    #pizza-topo-centro { width: 400px; height: 399px; position: absolute; left: 50%; margin-left: -200px; top: -240px; margin-top: -600px; background: url(img/pizza-topo-dd-express.webp); background-size: 400px; }
    #folhas-pizza-topo { width: 140px; height: 101px; position: absolute; left: 50%; margin-left: -60px; margin-top: -300px; top: -30px; background: url(img/folhas-pizza-topo.webp); background-size: 140px; z-index: 10; }
    #pote-catchup { width: 180px; height: 180px; position: absolute; top: 0px; left: -13px; background: url(img/pote-catchup.webp); background-size: 180px; }
    #tomate-topo { width: 200px; height: 208px; position: absolute; top: 220px; left: -120px; background: url(img/tomate.webp); background-size: 200px; }
    #pedaco-pizza { width: 300px; height: 326px; position: absolute; right: -130px; top: -30px; background: url(img/pedaco-pizza-topo.webp); background-size: 300px; }
    #view-topo-dd-express { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #faixa-logo-topo-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 215px; }
    #dd-express-logo-topo { width: 260px; height: 163px; position: relative; margin: auto; background-image: url(img/dd-express-logo.webp); background-size: 260px; }

    /*Segunda sessao DD Express*/
    #s-2-dd-express { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-s2-dd-express.webp'); background-repeat: repeat; padding-bottom: 110px; z-index: 20; }
    #pizza-e-s2-dd-express { width: 300px; height: 458px; position: absolute; left: -180px; top: 50%; margin-top: -220px; background: url('img/pizza-bg-e-s2.webp'); background-size: 300px; }
    #pizza-d-s2-dd-express { width: 300px; height: 458px; position: absolute; right: -180px; top: 50%; margin-top: -220px; background: url('img/pizza-bg-d-s2.webp'); background-size: 300px; }
    #view-s2-dd-express { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #view-s2-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; font-size: 38px; color: #fff; font-weight: 500; text-align: center; padding: 0px 120px; }
    #view-s2-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #fff; font-size: 20px; text-align: center; padding: 0px 90px; }
    #bloco-ctas-lojas-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 60px; }
    .item-cta-l-dd-express { width: 31%; height: auto; float: left; margin-top: 30px; margin-bottom: -20px; margin-left: 1%; margin-right: 1%; padding: 10px 20px; background-color: #77ACA7; font-size: 12px; color: #fff; border-radius: 50px; cursor: pointer; text-align: center; }
    .faixa-tipografia-dd-express-out { width: 100%; height: 400px; position: absolute; top: -101px; overflow: hidden; }
    #pizza-calabresa-topo { width: 500px; height: 500px; position: absolute; left: 50%; margin-left: -250px; margin-top: -310px; background: url('img/pizza-calabresa.webp'); background-size: 500px; }
    .folha-direita-dd-express { width: 130px; height: 117px; position: absolute; background: url('img/folha-esquerda-dd-express.webp'); background-size: 130px; }
    .folha-esquerda-dd-express { width: 150px; height: 137px; position: absolute; background: url('img/folha-direita-dd-express.webp'); background-size: 150px; }
    .folha-d1 { right: 20px; top: 1100px; }
    .folha-e1 { left: -40px; top: 100px; }
    #view-sabores-pizza-dd-express { width: 90%; height: auto; position: relative; margin: auto; z-index: 50; }
    #view-sabores-pizza-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 282px; font-size: 38px; color: #844D1F; text-align: center; font-weight: 700; }
    #view-sabores-pizza-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 24px; color: #845023; text-align: center; font-weight: 300; padding: 0px 20px; }
    #tomate-sabores-pizza { width: 190px; height: 204px; position: absolute; top: 50px; right: 0px; background: url(img/tomate.webp); background-size: 200px; }
    #barra-chocolate-pizza-d { width: 200px; height: 260px; position: absolute; right: 0px; bottom: -120px; background: url('img/barra-chocolate-d.webp'); background-size: 200px; }
    .folha-e2 { left: 20px; top: 30px; z-index: 10; }
    #pizza-esfirra-morango-topo { width: 500px; height: 500px; position: absolute; left: 50%; margin-left: -250px; margin-top: -300px; background: url('img/esfirra-morango-topo.webp'); background-size: 500px; }
    #barra-chocolate-pizza-e { width: 160px; height: 280px; position: absolute; left: 0px; top: -50px; background: url('img/barra-chocolate-e.webp'); background-size: 160px; z-index: 20; }
    #view-sabores-esfirras-dd-express { width: 90%; height: auto; position: relative; margin: auto; z-index: 50; }
    #view-sabores-esfirras-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 250px; font-size: 48px; color: #D5CBB7; text-align: center; font-weight: 700; }
    #view-sabores-esfirras-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #D5CBB7; text-align: center; font-weight: 300; padding: 0px 20px; }

    /*Inicio iFood DD express*/
    #s-ifood-dd-express { width: 100%; height: auto; position: relative; float: left; z-index: 100; padding-bottom: 250px; }
    #view-s-ifood { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #bloco-logo-ifood { width: 150px; height: 150px; position: absolute; left: 50%; margin-left: -75px; top: -71px; background: url('img/ifood-logo.webp'); border-radius: 20px; overflow: hidden; background-size: 150px; }
    #view-s-ifood h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; color: #2F2F2D; font-size: 40px; font-weight: 700; text-align: center; }
    #view-s-ifood p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #565757; font-size: 24px; font-weight: 300; text-align: center; padding: 0px 60px; }
    #faixa-motoboy { width: 100%; height: 500px; position: relative; float: left; margin-top: 30px; overflow: hidden; }
    #motoboy-dd-express { width: 280px; height: 264px; position: absolute; left: 0px; bottom: 90px; background: url('img/motoboy.gif'); background-size: 280px; background-repeat: no-repeat; z-index: 30; animation: motoboy 20s infinite; -webkit-animation: motoboy 20s infinite; -o-animation: motoboy 20s infinite; -moz-animation: motoboy 20s infinite; -ms-animation: motoboy 20s infinite; }
    #celular-entrega-dd-express { width: 140px; height: 292px; position: absolute; left: 50%; margin-left: -70px; top: 10px; background: url('img/telefone.gif'); background-size: 140px; z-index: 20; background-repeat: no-repeat; }
    #ornamento-esquedo-celular { width: 115px; height: 250px; position: absolute; left: 50%; margin-left: -157.5px; bottom: 202px; background: url(img/ornamento-esquerdo-celular.webp); background-size: 115px; z-index: 15;    /* background-size: 115px; */ }
    #faixa-ctas-dd-express { width: 100%; height: 40px; position: relative; float: left; margin-top: -70px; }
    #s-horarios-dd-express { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-ofertas-sm.webp'); background-repeat: repeat; z-index: 30; padding-bottom: 110px; }
    #tomate-horarios-d-pizza { width: 200px; height: 228px; position: absolute; top: -90px; right: -50px; background: url(img/tomate.webp); background-size: 200px; z-index: 10; background-repeat: no-repeat; display: none; }
    #tomate-horarios-e-pizza { width: 200px; height: 208px; position: absolute; top: 700px; left: -120px; background: url(img/tomate.webp); background-size: 200px; }
    #view-s-horarios-dd-express { width: 580px; height: auto; position: relative; margin: auto; z-index: 10; }
    #view-s-horarios-dd-express h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 79px; color: #2F2D2F; font-size: 38px; font-weight: 700; text-align: center; }
    #view-s-horarios-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; margin-top: -10px; color: #2D2D2D; font-size: 23px; text-align: center !important; }
    .legenda-horario-dd-express { width: 100%; height: auto; position: relative; float: left; padding: 30px 30px 30px 120px; color: #2D2F2F; font-size: 17px; text-align: left; }
    .item-card-esfirra-dd-express { border-radius: 15px; }
    .item-card-dd-express { border-radius: 15px; }
    #div-s-sabores-esfirras { width: 100%; height: auto; position: relative; float: left; background-color: #544039; padding-bottom: 150px; }
    .nuvem-1 { top: 100px; animation: animanuvem 90s infinite; -webkit-animation: animanuvem 90s infinite; -o-animation: animanuvem 90s infinite; -moz-animation: animanuvem 90s infinite; -ms-animation: animanuvem 90s infinite; }
    .nuvem-2 { top: 200px; animation: animanuvem 60s infinite; -webkit-animation: animanuvem 60s infinite; -o-animation: animanuvem 60s infinite; -moz-animation: animanuvem 60s infinite; -ms-animation: animanuvem 60s infinite; }
    .nuvem-3 { top: 100px; animation: animanuvem 30s infinite; -webkit-animation: animanuvem 30s infinite; -o-animation: animanuvem 30s infinite; -moz-animation: animanuvem 30s infinite; -ms-animation: animanuvem 30s infinite; }
    .nuvem-4 { top: 250px; animation: animanuvem 120s infinite; -webkit-animation: animanuvem 120s infinite; -o-animation: animanuvem 120s infinite; -moz-animation: animanuvem 120s infinite; -ms-animation: animanuvem 120s infinite; }
    .nuvem-5 { top: 270px; animation: animanuvem 57s infinite; -webkit-animation: animanuvem 57s infinite; -o-animation: animanuvem 57s infinite; -moz-animation: animanuvem 57s infinite; -ms-animation: animanuvem 57s infinite; }
    .nuvem-6 { top: 160px; animation: animanuvem 20s infinite; -webkit-animation: animanuvem 20s infinite; -o-animation: animanuvem 20s infinite; -moz-animation: animanuvem 20s infinite; -ms-animation: animanuvem 20s infinite; }
    .nuvem-7 { top: 300px; animation: animanuvem 45s infinite; -webkit-animation: animanuvem 45s infinite; -o-animation: animanuvem 45s infinite; -moz-animation: animanuvem 45s infinite; -ms-animation: animanuvem 45s infinite; }
    .nuvem-8 { top: 120px; animation: animanuvem 25s infinite; -webkit-animation: animanuvem 25s infinite; -o-animation: animanuvem 25s infinite; -moz-animation: animanuvem 25s infinite; -ms-animation: animanuvem 25s infinite; }
    @keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 110%; }
    }
    @-ms-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 110%; }
    }
    @-webkit-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 110%; }
    }
    @-moz-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 110%; }
    }
    @-o-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 110%; }
    }
    @keyframes motoboy {
        0% { left: -60%; }
        100% { left: 150%; }
    }
    @-ms-keyframes motoboy {
        0% { left: -60%; }
        100% { left: 150%; }
    }
    @-webkit-keyframes motoboy {
        0% { left: -60%; }
        100% { left: 150%; }
    }
    @-moz-keyframes motoboy {
        0% { left: -60%; }
        100% { left: 150%; }
    }
    @-o-keyframes motoboy {
        0% { left: -60%; }
        100% { left: 150%; }
    }

    /* Início clube DD+   */
    #menu-desktop-cta-clube { width: 38px; height: 38px; position: relative; float: right; margin-top: 23px; margin-right: 0px; border-radius: 8px; background: url(img/icn-m-desktop-clube.webp); background-size: 38px; cursor: pointer; opacity: 1; display: block; }
    .item-menu-f-clube-dd { width: auto; height: auto; position: relative; float: right; padding: 28px 18px; border-right: 1px solid #F8C310; font-size: 20px; color: #5C20E0; font-weight: 400; cursor: pointer; display: none; }
    #div-m-mobile-out-clube { width: 0%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; overflow: hidden; display: block; }
    #menu-mobile-clube { width: 330px; height: 100%; position: absolute; top: 0px; right: -400px; background-color: #fff; overflow-y: hidden; overflow-x: hidden; border-radius: 30px 0px 0px 30px; padding-bottom: 100px; -webkit-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -o-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -ms-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -moz-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); z-index: 30; }
    #ornamento-topo-menu-mobile-clube { width: 600px; height: 500px; position: absolute; top: -400px; left: 50%; margin-top: -900px; margin-left: -300px; background-color: #FF2C69; border-radius: 100%; }
    #logo-menu-mobile-clube { width: 160px; height: 118px; position: absolute; left: 50%; margin-left: -80px; top: 20px; background: url('img/clube-dd-logo.webp'); background-size: 160px; z-index: 20; cursor: pointer; opacity: 0; }
    #ornamento-bottom-menu-mobile-clube { width: 600px; height: 500px; position: absolute; bottom: -400px; left: 50%; margin-bottom: -500px; margin-left: -300px; background-color: #FF2C69; border-radius: 100%; cursor: pointer; }
    #ornamento-bottom-menu-mobile-clube-2 { width: 350px; height: 350px; position: absolute; bottom: -290px; left: 50%; margin-bottom: -500px; margin-left: -175px; background-color: #471083; border-radius: 100%; z-index: 30; cursor: pointer; }
    #txt-cta-fechar-clube { width: 100px; height: 31px; position: absolute; right: 111px; bottom: 9px; background: url(img/cta-fechar.webp); background-size: 100px; opacity: 1; z-index: 50; cursor: pointer; }
    #faixa-itens-menu-mobile-clube { width: 100%; height: 280px; top: 50%; position: relative; float: left; margin-top: -150px; padding: 0px 50px; opacity: 0; }
    .item-menu-mobile-clube { width: 50%; height: 50%; position: relative; float: left; overflow: hidden; cursor: pointer; opacity: 0.8; }
    .item-menu-mobile-clube:hover { opacity: 1; }
    .marcador-m-mobile-dd-express { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: 520px; bottom: -30px; background-color: #FF2C69; border-radius: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .icn-menu-mobile-int-clube { width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; top: 5px; background-color: blue; }
    .icn-nome-clube { width: 100px; height: auto; position: absolute; left: 50%; margin-left: -50px; bottom: -35px; font-size: 14px; color: #8648FC; text-align: center; font-weight: 600; }
    .icnc-clube { background: url('img/icn-clube-pg-clube.webp'); background-size: 80px; }
    .icnc-beneficios { background: url('img/icn-beneficios.webp'); background-size: 80px; }
    .icnc-funcionamento { background: url('img/icnc-funcionamento.webp'); background-size: 80px; }
    .icnc-ofertas { background: url('img/icnc-ofertas.webp'); background-size: 80px; }
    .c-b-r { border-right: 1px solid #D3BEFD; }
    .c-b-b { border-bottom: 1px solid #D3BEFD; }
    #faixa-cta-menu-mobile-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #cta-m-clube { width: 250px; height: auto; left: 50%; position: relative; margin-left: -125px; padding: 10px 0px; background-color: #075DFC; color: #fff; font-size: 18px; border-radius: 50px; cursor: pointer; text-align: center; cursor: pointer; }
    #cta-m-clube:hover { background-color: #5531FF; }
    .banner-home-clube-dd-1 { display: none; }
    .banner-home-clube-dd-2 { display: none; }
    .banner-home-clube-dd-3 { display: block; }
    #view-banner-home-clube-dd { width: 95%; height: 100%; position: relative; margin: auto; }
    #logo-clube-dd { width: 160px; height: 120px; position: relative; float: left; margin-top: -30px; background: url('img/clube-dd-logo.webp'); background-size: 160px; background-repeat: no-repeat; }
    #play-icn-h-cdd { width: 110px; height: 95px; position: relative; margin: auto; background: url('img/play-banner-icn.gif'); background-size: 110px; background-repeat: no-repeat; }
    #chamada-banner-home-clube-dd h1 { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #fff; text-align: center; font-weight: 600; line-height: 40px; padding: 0px 140px; }
    #chamada-banner-home-clube-dd p { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #fff; text-align: center; padding: 0px 50px; margin-top: -15px; }
    #ornamento-e-titulo-cdd { width: 220px; height: 34px; position: absolute; top: 88px; left: 25px; background: url('img/ornamento-titulo-clube-dd.gif'); background-size: 220px; }
    #ornamento-d-titulo-cdd { width: 220px; height: 34px; position: absolute; top: 88px; right: 25px; background: url('img/ornamento-titulo-clube-dd-d.gif'); background-size: 220px; }
    #faixa-cards-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; display: none; }
    #swipper-cards-vantagens-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; z-index: 90; display: block; }
    .item-card-vantagem-clube-swipper { width: 340px; height: 450px; position: relative; float: left; margin-left: 20px; margin-right: -55px; }
    .item-card-vantanges-clube-dd { width: 70%; height: 440px; position: relative; float: left; background-color: #fff; border-radius: 20px; z-index: 20; }
    .ilustra-card-vcdd { width: 100%; height: auto; position: relative; float: left; padding: 10px 10px 10px 10px; box-sizing: border-box; }
    .item-card-vantanges-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 24px; color: #A53FAD; text-align: center; font-weight: 600; padding: 0px 20px; box-sizing: border-box; }
    .item-card-vantanges-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px !important; font-size: 16px !important; color: #A53FAD !important; text-align: center; font-weight: 400 !important; line-height: 20px; padding: 0px 20px; box-sizing: border-box; }
    .regulamento-card-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 14px; text-align: center; font-weight: 300; padding: 0px 20px; color: #8F9EC9; text-align: center; box-sizing: border-box; }
    .divisoria-card-clube-dd { width: 20%; height: 420px; position: relative; float: left; }
    .plus-divisoria-clube-dd { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; background: url('img/plus.webp'); background-size: 150px; }
    #s3-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FFD83A; padding-bottom: 150px;    /* overflow: hidden; */ }
    #plus-amarelo-conteudo-clube-dd { width: 160px; height: 160px; position: absolute; right: 20px; top: -70px; background: url('img/plus-amarelo.webp'); background-size: 160px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #faixa-bloco-conteudo-banner-h-cdd { width: 100%; height: auto; top: 50%; position: relative; float: left; margin-top: -139px; }
    #plus-d-b-cdd { width: 60px; height: 152px; position: absolute; right: 0px; top: -10%; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 60px; z-index: 20; background-repeat: no-repeat; }

    /*Segunda sessao Home Clube DD + */
    #s2-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C69; padding-bottom: 160px; }
    #plus-e-cdd { width: 120px; height: 196px; position: absolute; left: 0px; top: -100px; background: url('img/plus-e-cdd.webp'); background-size: 120px; background-repeat: no-repeat; }
    .bg-s-color-pink { background-color: #FF2C69 !important; }
    #view-s2-clube-dd { width: 90%; height: auto; position: relative; margin: auto; z-index: 30; }
    #view-s2-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 38px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #view-s2-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #fff; text-align: center; font-size: 26px; font-weight: 600; }
    #headline-banners-parceiros { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
    #headline-banners-parceiros h3 { width: 100%; height: auto; position: relative; float: left; font-size: 38px; color: #FFFFFF; text-align: center; font-weight: 700; z-index: 90; }
    #headline-banners-parceiros h3 span { color: #FFD93B; }
    #plus-amarelo-conteudo-clube-dd-parceiros { width: 150px; height: 150px; position: absolute; right: 50px; top: 780px; background: url('img/plus-amarelo.webp'); background-size: 150px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    .view-bloco-conteudo-dd { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #plus-rosa { width: 200px; height: 200px; position: absolute; top: -90px; left: 0px; background: url('img/plus-rosa.webp'); background-size: 200px; animation: prerotate 12s infinite ease; -webkit-animation: prerotate 12s infinite ease; -o-animation: prerotate 12s infinite ease; -moz-animation: prerotate 12s infinite ease; -ms-animation: prerotate 12s infinite ease; background-repeat: no-repeat; }
    #plus-ilustra-1 { width: 400px; height: 401px; position: absolute; top: 150px; left: -90px; background: url('img/plus-ilustra-1.webp'); background-size: 400px; background-repeat: no-repeat; }
    .txt-conteudo-bloco-dd h3 { width: 83%; height: auto; position: relative; float: left; margin-top: 130px; font-size: 45px; color: #FF2C69; font-weight: 700; }
    .txt-conteudo-bloco-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 20px; color: #552F7F; }
    .bg-s-color-roxo { background-color: #6327AB !important; z-index: 1; }
    #rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #6227AB; padding-bottom: 220px;        /* overflow: hidden; */ }
    #view-rodape-clube-dd { width: 720px; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-rodape-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 46px; color: #FF2C69; text-align: center; font-weight: 700; }
    #sub-chamada-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -27px; color: #FED83B; font-size: 29px; text-align: right; padding-right: 165px; font-weight: 700; }
    #plus-titulo-rodape-clube { width: 140px; height: 140px; position: absolute; left: 127px; top: -38px; background: url('img/plus-title.webp'); background-size: 140px; z-index: -1; }
    #plus-azul { width: 180px; height: 180px; position: absolute; left: 30px; top: -200px; background: url('img/plus-azul.webp'); background-size: 180px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #plus-rosa-grande { width: 150px; height: 150px; position: absolute; right: 0px; top: -110px; background: url('img/plus-rosa-grande.webp'); background-size: 150px; z-index: 10; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
    #plus-azul-2 { width: 150px; height: 150px; position: absolute; right: 20px; top: 20px; background: url('img/plus-azul-2.webp'); background-size: 150px; animation: prerotate 16s infinite ease; -webkit-animation: prerotate 16s infinite ease; -o-animation: prerotate 16s infinite ease; -moz-animation: prerotate 16s infinite ease; -ms-animation: prerotate 16s infinite ease; }
    #faixa-links-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; }
    .plus-int-m-rodape { width: 150px; height: 150px; position: absolute; top: 50%; left: 50%; margin-left: -75px; background: url('img/plus-menu-clube-dd.webp'); background-size: 150px; }
    .nome-menu-plus-clube { width: 100%; height: 60px; position: absolute; top: 50%; margin-top: -24px; font-size: 21px; color: #fff; text-align: center; font-weight: 700; line-height: 21px; }

    /*Beneficios clube DD+*/
    #bloco-conteudo-beneficios-banner-h-cdd { width: 600px; height: auto; position: relative; margin: auto; padding-top: 10px; }
    .s-conteudo-beneficios-clube { width: 100%; height: auto; position: relative; float: left; padding: 49px 0px 130px 0px; }
    .view-s-conteudo-beneficio-clube { width: 95%; height: auto; position: relative; margin: auto; z-index: 20; }
    .plus-rosa-5 { width: 150px; height: 150px; position: relative; float: left; margin-left: 140px; margin-top: -60px; background: url('img/plus-rosa-grande.webp'); background-size: 150px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; background-repeat: no-repeat; }
    #personagem-1-beneficios-clube-dd { width: 320px; height: 320px; position: relative; float: left; margin-left: -40px; margin-top: -50px; z-index: 10; background: url('img/personagem-1-beneficios-clube.webp'); background-size: 320px; background-repeat: no-repeat; }
    .bg-conteudo-clube-rosa { background-color: #FF2C69 !important; }
    .bg-conteudo-clube-amarelo { background-color: #FED83B !important; }
    #plus-d-b-cdd-2 { width: 60px; height: 136px; position: absolute; right: 0px; top: -50px; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 60px; z-index: 20; background-repeat: no-repeat; }
    #personagem-2-beneficios-clube-dd { width: 350px; height: 350px; position: relative; float: right; margin-top: -30px; z-index: 10; background: url('img/personagem-2-beneficios-clube.webp'); background-size: 350px; }
    #plus-e-cdd-3 { width: 170px; height: 282px; position: absolute; left: -20px; top: -110px; background: url('img/plus-e-cdd.webp'); background-size: 170px; background-repeat: no-repeat; display: none; }

    /*Ornamentos s4 beneficios*/
    #personagem-4-beneficios-clube-dd { width: 350px; height: 350px; position: relative; float: right; margin-top: -50px; z-index: 10; background: url('img/personagem-4-beneficios-clube.webp'); background-size: 350px; }

    /*Ornamentos s2 beneficios*/
    .plus-amarelo-6 { width: 200px; height: 200px; position: relative; float: left; margin-top: -70px; background: url('img/plus-amarelo.webp'); background-size: 200px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; background-repeat: no-repeat; }
    .plus-amarelo-7 { width: 200px; height: 200px; position: relative; float: left; margin-left: 50px; margin-top: -50px; background: url('img/plus-amarelo.webp'); background-size: 200px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; background-repeat: no-repeat; }
    #personagem-3-beneficios-clube-dd { width: 400px; height: 400px; position: relative; float: right; margin-top: -40px; z-index: 10; background: url('img/personagem-3-beneficios-clube.webp'); background-size: 400px; }
    .txt-s-conteudo-beneficio-clube h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 34px; font-weight: 700; }
    .txt-s-conteudo-beneficio-clube p { width: 80%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -5px; font-size: 18px; }
    .t-s1-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 10px; }
    .t-s2-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 120px !important; }
    .t-s3-beneficio-clube { color: #fff; padding-left: 10%; margin-top: 169px !important; }
    .t-s4-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 110px !important; }

    /*ornamentos s1 beneficios*/
    .plus-amarelo-4 { width: 170px; height: 220px; position: relative; float: left; margin-left: 120px; margin-top: -100px; background: url('img/plus-rosa.webp'); background-size: 170px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; background-repeat: no-repeat; }
    #plus-e-cdd-2 { width: 100px; height: 182px; position: absolute; left: 0px; top: -90px; background: url('img/plus-e-cdd.webp'); background-size: 100px; background-repeat: no-repeat; background-repeat: no-repeat; }
    #plus-d-cdd-2 { width: 140px; height: 245px; position: absolute; right: 0px; top: -130px; background: url('img/plus-o-e.webp'); background-size: 140px; background-repeat: no-repeat; }

    /* ==========================================================================
      Como funciona Clube DD
    ========================================================================== */
    #ornamento-plus-e-cmf { width: 100px; height: 227px; position: absolute; right: 0px; bottom: 630px; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 100px; }

    /*Passo a passo Clube DD+*/
    #s-passo-a-passo-clube-dd { width: 100%; height: 810px; position: relative; float: left; background-color: #FF2C69; }
    #ornamento-plus-cmf { width: 120px; height: 193px; position: absolute; left: 0px; top: -100px; background: url('img/plus-e-cdd.webp'); background-size: 120px; z-index: 20; }
    #view-s-passo-a-passo-clube-dd { width: 100%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-s-passo-a-passo-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 42px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #view-s-passo-a-passo-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -25px; color: #fff; text-align: center; font-size: 28px; font-weight: 600; }
    #faixa-passos-clube-dd { display: none; }
    #faixa-passo-a-passo-clube-tablet-mobile { width: 100%; height: 230px; position: relative; float: left; margin-top: 20px; display: block; }

    /*Controles passos DD+*/
    .bloco-ctrl-passos-dd { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
    .bloco-ctrl-passos-dd:hover { background-color: #EDFBFE; }
    .bloco-ctrl-l { left: 30px }
    .bloco-ctrl-r { right: 30px }
    .seta-l-ctrl { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-l.webp); background-size: 60px; }
    .seta-r-ctrl { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background: url(img/seta-r.webp); background-size: 60px; }

    /*Item passo clube dd*/
    .item-passo-a-passo { width: 25%; height: auto; position: relative; float: left; padding: 0px 30px; margin-right: -40px !important; }
    #ornamento-1-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 50px; top: 10px; background: url('img/ornamento-1-passo-a-passo.webp'); background-size: 100px; animation: prerotate 30s infinite ease; -webkit-animation: prerotate 30s infinite ease; -o-animation: prerotate 30s infinite ease; -moz-animation: prerotate 30s infinite ease; -ms-animation: prerotate 30s infinite ease; }
    #ornamento-2-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 90px; bottom: 80px; background: url('img/ornamento-2-passo-a-passo.webp'); background-size: 100px; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
    #ornamento-3-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 40px; top: 10px; background: url('img/ornamento-3-passo-a-passo.webp'); background-size: 100px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #ornamento-4-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 80px; bottom: 80px; background: url('img/ornamento-4-passo-a-passo.webp'); background-size: 100px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #faixa-cta-download-app-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; }

    /*Ofertas selecionadas Clube DD*/
    #s-ofertas-selecionadas { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C6A; padding-bottom: 180px; }
    .view-ofertas-selecionadas { width: 720px; height: auto; position: relative; margin: auto; z-index: 40; }
    .view-ofertas-selecionadas h2 { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; left: 0px; margin-top: 90px; font-size: 40px; color: #fff; text-align: center; font-weight: 700; padding: 0px 60px; }
    .view-ofertas-selecionadas p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #fff; text-align: center; font-weight: 400; padding: 0px 60px; }
    .faixa-produtos-selecionados { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }

    /*Card produto selecionado*/
    .selo-clube-dd { width: 70px; height: 70px; position: absolute; left: 20px; top: 10px; background: url('img/icn-clube-pg-clube.webp'); background-size: 70px; z-index: 99; }
    .item-card-produto-selecionado { width: 250px; height: auto; position: relative; float: left; background-color: #fff; border-radius: 20px; cursor: pointer; padding-bottom: 20px; }
    .bloco-img-produto-card { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 20px; border-radius: 10px; overflow: hidden; background-color: #F0F0F0; }
    .conteudo-bloco-oferta { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; padding-right: 20px; margin-top: 15px; }
    .preco-oferta { width: auto; height: auto; position: relative; float: left; font-size: 18px; color: #33B969; font-weight: 700; }
    .porcentagem-desconto-oferta { width: auto; height: auto; position: relative; float: left; margin-top: -2px; margin-left: 10px; background-color: #22AA67; padding: 4px 15px; color: #FFFFFF; border-radius: 10px; }
    .conteudo-bloco-oferta p { width: 90%; height: auto; position: relative; float: left; margin-top: 10px; color: #3E3E3E; font-size: 15px; }
    .faixa-preco-cheio { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; color: #898989; font-size: 16px; text-decoration: line-through; }
    .faixa-cta-conteudo-ofertas-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    .cta-conteudo-ofertas-clube { width: 280px; height: auto; left: 50%; position: relative; float: left; margin-top: 60px; margin-left: -140px; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 22px; color: #fff; border-radius: 60px; cursor: pointer; }

    /* ==========================================================================
      Central de Ajuda
    ========================================================================== */
    #topo-central-de-ajuda-pg { width: 100%; height: 480px; position: relative; float: left; margin-top: 120px; }
    #ornamento-topo-central-ajuda { width: 205px; height: 90px; position: absolute; right: 0px; top: -30px; background: url('img/ornamentop-topo-central-ajuda.webp'); background-size: 205px; background-repeat: no-repeat; }
    #ornamento-bottom-central-ajuda { width: 205px; height: 88px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamentop-bottom-central-ajuda.webp'); background-size: 205px; }
    #view-topo-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-central-ajuda h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 34px; color: #323435; text-align: center; font-weight: 700; }
    #view-topo-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -25px; font-size: 22px; color: #323435; text-align: center; font-weight: 300; }
    #faixa-int-links-central-ajuda { width: 320px; height: auto; position: relative; margin: auto; }
    .item-link-pg-central-ajuda { width: 120px; height: 120px; position: relative; float: left; margin-left: 20px; margin-right: 20px; background-color: #E7F8FC; border-radius: 10px; cursor: pointer; }
    .img-icn-faq-link { background: url('img/icn-faq.gif'); background-size: 120px; }
    .img-icn-contato-link { background: url('img/icn-fale-conosco.gif'); background-size: 120px; }
    .legenda-link-central-ajuda { width: 100px; height: auto; position: absolute; left: 10px; bottom: -62px; color: #343435; line-height: 21px; font-size: 19px; text-align: center; }
    #view-faq-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-faq-central-ajuda h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 32px; color: #2C2C2C; text-align: center; font-weight: 700; }
    #view-faq-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; text-align: center; color: #2D2C2C; font-size: 24px; font-weight: 300; padding: 0px 104px; }
    #view-formulario-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; z-index: 100; }
    #personagem-fale-conosco { width: 140px; height: 140px; position: absolute; left: 50%; margin-left: -70px; top: -21px; background-color: #dadada; border-radius: 50%; overflow: hidden; }
    #view-formulario-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; font-size: 34px; color: #2C2C2C; text-align: center; font-weight: 700; }
    #view-formulario-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 24px; text-align: center; color: #2C2C2C; }
    #view-faixa-politica-privacidade { width: 90%; height: auto; position: relative; margin: auto; }
    #view-faixa-politica-privacidade h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; color: #fff; font-size: 36px; font-weight: 700; text-align: center; }
    #view-faixa-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; color: #fff; font-size: 22px; font-weight: 300; text-align: center; padding: 0px 90px; }

    /*Atendimento fornecedor*/
    #topo-atendimento-fornecedor { width: 100%; height: 850px; position: relative; float: left; margin-top: 91px; background-color: #EBFEFF; }
    #ornamento-topo-fornecedor { width: 350px; height: 117px; position: absolute; right: 0px; top: -50px; background: url('img/ornamento-topo-atendimento-fornecedor.webp'); background-size: 350px; }
    #ornamento-bottom-fornecedor { width: 320px; height: 257px; position: absolute; left: 0px; bottom: -130px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 320px; }
    #view-topo-atendimento-fornecedor { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-atendimento-fornecedor h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 141px; font-size: 33px; color: #343336; text-align: center; font-weight: 700; }
    #view-topo-atendimento-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 21px; color: #343535; text-align: center; font-weight: 300; padding: 0px 50px; }
    #faixa-infos-contato-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 13px; }
    .item-faixa-contato { width: 100%; height: 150px; position: relative; float: left; overflow: hidden; border-radius: 25px; margin-left: 0%; margin-right: 0%; margin-bottom: 10px; background-color: #fff; }

    /* ==========================================================================
      Página trabalhe conosco
    ========================================================================== */
    #banner-topo-trabalhe-conosco { width: 100%; height: 480px; position: relative; float: left; margin-top: 99px; }
    #view-banner-topo-trabalhe-conosco { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
    #view-banner-topo-trabalhe-conosco h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 119px; font-size: 38px; color: #fff; font-weight: 700; text-align: center; }
    #view-banner-topo-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 22px; color: #fff; font-weight: 400; text-align: center; padding: 0px 80px; }
    #cta-int-topo-trabalhe-conosco { width: 250px; height: auto; position: relative; margin: auto; padding: 14px 0px; background-color: #626EFC; color: #fff; font-size: 20px; text-align: center; cursor: pointer; border-radius: 90px; }
    #ornamento-organizacao-r { width: 170px; height: 342px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-organizacao-r.webp'); background-size: 220px; z-index: 10; background-repeat: no-repeat; }
    #ornamento-organizacao-l { width: 230px; height: 342px; position: absolute; left: -50px; top: 0px; background: url('img/ornamento-organizacao-e.webp'); background-size: 230px; z-index: 10; background-repeat: no-repeat; }
    #view-sobre-organizacao { width: 750px; height: auto; position: relative; margin: auto; z-index: 99; }
    #view-sobre-organizacao h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; margin-bottom: 0px; font-size: 38px; color: #343435; text-align: center; font-weight: 700; padding: 0px 160px; }
    #view-sobre-organizacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; margin-bottom: -5px; font-size: 20px; color: #323435; text-align: center; font-weight: 400; padding: 0px 100px; }
    .c-bg-1 { width: 200px; height: 200px; position: absolute; left: -140px; top: 610px; background-color: #434DFC; border-radius: 100%; }
    .c-bg-2 { width: 100px; height: 100px; position: absolute; left: 30%; bottom: 220px; background-color: #FFBA43; border-radius: 100%; }
    .c-bg-3 { width: 130px; height: 130px; position: absolute; right: 30%; bottom: 290px; background-color: #FFF38F; border-radius: 100%; }
    .c-bg-4 { width: 160px; height: 160px; position: absolute; right: 0px; bottom: 230px; background-color: #FFBC42; border-radius: 100%; }

    /*Sessão vagas disponíveis*/
    #s-vagas-disponiveis { width: 100%; height: auto; position: relative; float: left; margin-top: -140px; }
    #view-vagas-disponiveis h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #2D2C2C; font-size: 38px; text-align: center; font-weight: 700; }
    #view-vagas-disponiveis p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #2D2C2C; font-size: 23px; text-align: center; padding: 0px 160px; }
    #faixa-selecao-regiao-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
    #faixa-int-selecao-regiao-vagas { width: 720px; height: auto; position: relative; margin: auto; }
    .item-tbnc-regiao { width: 163px; height: auto; position: relative; float: left; margin-left: 5px; margin-right: 5px; padding: 9px 0px; background-color: #E7F9FB; color: #232121; font-size: 16px; font-weight: 600; text-align: center; border-radius: 90px; cursor: pointer; }

    /*Bloco cards vagas*/
    .atv-item-tbnc-regiao { background-color: #fdc92e; color: #A17512; }
    .bloco-cards-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; display: none; }
    .item-card-vaga { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-right: 0%; margin-bottom: 20px; background-color: #F1FBFB; border-radius: 20px; padding: 20px 30px; box-sizing: border-box; }
    .item-card-vaga h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; color: #000100; font-size: 24px; color: #050505; font-weight: 500; }
    .desc-vaga { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding-bottom: 70px; color: #363939; font-size: 17px; font-weight: 400; }
    #view-faixa-numeros-trabalhe-conosco { width: 90%; height: auto; position: relative; margin: auto; z-index: 90; }
    .bg-icn-trabalhe-conosco { width: 120px; height: 120px; position: relative; margin: auto; background-color: #FFDE2A; border-radius: 100%; }
    .icn-n-lojas { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -109px; background: url('img/icn-n-loja.webp'); background-size: 100px; z-index: 10; }
    .icn-n-estados { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -114px; background: url('img/icn-n-estados.webp'); background-size: 100px; z-index: 10; }
    .icn-n-colaboradores { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -118px; background: url('img/icn-n-colaboradores.webp'); background-size: 100px; z-index: 10; }
    .descricao-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; }
    .descricao-n-item-lojas h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #fff; font-size: 22px; text-align: center; font-weight: 700; }
    .sobre-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 15px; text-align: center; font-weight: 400; }
    .atv-vagas { display: block; }

    /*Inicio beneficios trabalhe conosco*/
    #s-beneficios-trabalhe-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; background-color: #F2F9FA; padding-bottom: 250px; }
    #ornamento-d-trabalhe-conosco { width: 138px; height: 225px; position: absolute; right: 0px; top: -55px; background: url('img/ornamento-organizacao-r.webp'); background-size: 230px; background-repeat: no-repeat; }
    #ornamento-e-trabalhe-conosco { width: 240px; height: 190px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 240px; background-repeat: no-repeat; }
    #view-beneficios-trabalhe-conosco { width: 90%; height: auto; position: relative; margin: auto;    /* padding-bottom: 220px; */ }
    #view-beneficios-trabalhe-conosco h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 170px; margin-bottom: 10px; color: #2D2C2C; font-size: 30px; text-align: center; font-weight: 700; padding: 0px 120px; }
    #view-beneficios-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; margin-bottom: 9px; color: #2D2C2C; font-size: 18px; text-align: center; padding: 0px 80px; }

    /*Inicio trabalhe institucional*/
    #banner-topo-institucional { width: 100%; height: 550px; position: relative; float: left; margin-top: 100px; background: url('img/banner-topo-institucional.webp'); background-size: cover; background-position-x: -480px; }
    #view-topo-institucional { width: 90%; height: 100%; position: relative; margin: auto; z-index: 99; }
    #view-topo-institucional h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 123px; font-size: 38px; color: #fff; font-weight: 700; text-align: center; }
    #view-topo-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 19px; text-align: center; padding: 0px 30px; }
    #cta-institucional-topo { width: 250px; height: auto; position: relative; margin: auto; padding: 13px 0px; background-color: #636EFC; color: #fff; font-size: 22PX; text-align: center; border-radius: 100px; cursor: pointer; }

    /*Timeline institucional*/
    #sessao-timeline-institucional { width: 100%; height: 1210px; position: relative; float: left; background-color: #FFCB26; z-index: 90; }
    .bg-amarelo-ornamento-tp-institucional { background-color: #FFCB26 !important; }
    #chamada-timeline-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; z-index: 99; }
    #chamada-timeline-institucional h2 { width: 100%; height: auto; position: relative; float: left; font-size: 38px; font-weight: 700; color: #373A44; text-align: center; }
    #chamada-timeline-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; color: #373A44; text-align: center; font-size: 22px; }
    #faixa-bg-img-timeline { width: 100%; height: 300px; position: absolute; top: 480px; background-color: #505BE3; }

    /*Inistitucional - Missão e Visão*/
    #sessao-missao-visao { width: 100%; height: auto; position: relative; float: left; background-color: #FFF; z-index: 200; padding-bottom: 90px; }
    #ornamento-topo-missao { width: 340px; height: 113px; position: absolute; right: 0px; top: 0px; background: url(img/ornamento-topo-missao.webp); background-size: 340px; display: none; }
    #ornamento-rodape-missao { width: 340px; height: 171px; position: absolute; left: 0px; bottom: 0px; background: url(img/ornamento-rodape-missao.webp); background-size: 340px; display: none; }
    #view-missa-visao { width: 95%; height: auto; position: relative; margin: auto; z-index: 99; padding-top: 20px; }
    #view-missa-visao h2 { width: 100%; height: auto; position: relative; float: left; font-size: 38px; color: #343434; text-align: center; font-weight: 700; }
    #view-missa-visao p { width: 100%; height: auto; position: relative; margin-top: -10px; margin-bottom: 0px; float: left; font-size: 18px; color: #4D4E4F; text-align: center; font-weight: 300; padding: 0px 90px; }

    /*Inicio números insitucional*/
    #sessao-numeros-institucional { width: 100%; height: 350px; position: relative; float: left; background-color: #2964EA; z-index: 300; }
    #view-numeros-institucional { width: 95%; height: auto; position: relative; margin: auto; z-index: 100; }
    .item-numeros-institucional { width: 25%; height: auto; position: relative; float: left; margin-top: 70px; }
    .item-numeros-institucional h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; color: #FFFFFF; font-size: 18px; text-align: center; font-weight: 600; padding: 0px 20px; }
    .item-numeros-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 12px; text-align: center; padding: 0px 20px; }
    #banner-institucional-int-numeros { width: 95%; height: auto; position: relative; margin: auto; cursor: pointer; }
    #view-valores-institucional h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; font-size: 38px; color: #2C2C2C; text-align: center; padding: 0px 20px; font-weight: 700; }
    #view-valores-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 18px; color: #2C2B2B; text-align: center; padding: 0px 60px; }

    /*Faixa cards valores*/
    #faixa-cards-valores-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .card-valor { width: 32.3%; height: 86px; position: relative; float: left; margin-left: 1%; right: 1%; margin-bottom: 10px; background-color: #fff; border-radius: 20px; }
    .timeline-telas-menors { display: none; }

    /*Inicio home blog*/
    #faixa-topo-blog { width: 100%; height: 380px; position: relative; float: left; margin-top: 140px; background-color: #FFD228; overflow: hidden; }
    #view-faixa-topo-blog { width: 100%; height: auto; position: relative; margin: auto; z-index: 99; padding-top: 78px; }
    #logo-blog-dd-int-faixa { width: 150px; height: 147px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 150px; }

    /*Inicio bloco post destaque blog*/
    #faixa-categorias-blog { width: 100%; height: auto; position: relative; float: left; border-top: 1px solid #F7F7F7; background-color: #edfbff; margin-top: -10px; }
    #view-faixa-categorias-blog { width: 95%; height: auto; position: relative; margin: auto; }
    #view-faixa-categorias-blog p { width: 17%; height: auto; position: relative; float: left; margin-top: 13px; font-size: 18px; color: #6E7EB1; }
    #div-items-links-categorias-blog { width: 64%; height: auto; position: relative; float: left; margin-left: 11px; margin-top: 12px; overflow: hidden; }
    .item-link-categoria-blog-topo { width: auto !important; height: auto; position: relative; float: left; margin-right: 12px; color: #7A92D1; font-size: 14px; cursor: pointer; padding: 4px 20px; background-color: #daf2f9; border-radius: 100px; }
    #div-controles-categorias-blog { width: 15%; height: auto; position: relative; float: right; margin-top: 11px; }
    #controle-e-c-blog { width: 49%; height: 28px; position: relative; float: left; margin-right: 0.5%; border-radius: 30px 0px 0px 30px; background-color: #506DC2; cursor: pointer; }
    #controle-d-c-blog { width: 49%; height: 28px; position: relative; float: left; margin-left: 0.5%; border-radius: 0px 30px 30px 0px; background-color: #506DC2; cursor: pointer; }
    #seta-d-b { width: 18px; height: 15px; position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -7px; background: url('img/seta-d-b.webp'); background-size: 18px; }
    #seta-e-b { width: 18px; height: 15px; position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -7px; background: url('img/seta-e-b.webp'); background-size: 18px; }
    #view-conteudo-destaque-blog { width: 700px; height: auto; position: relative; margin: auto; }
    #cover-post-destaque { width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden; }
    #txt-post-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 0px 0px 0px; }
    #txt-post-destaque h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 30px; word-spacing: 2px; letter-spacing: 2px; color: #2F2D2F; font-weight: 700; }
    #txt-post-destaque p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #383839; margin-top: -12px; letter-spacing: 1px; word-spacing: 2px; }
    #faixa-outros-posts-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }

    /*Item card post*/
    .card-post-blog { width: 31%; height: 390px; position: relative; float: left; margin-right: 2.3%; }
    .cover-post-card { width: 100%; height: auto; position: relative; float: left; overflow: hidden; border-radius: 10px; }
    .item-tag-card-post-blog { width: auto; height: auto; position: relative; float: left; margin-right: 5px; padding: 5px 10px; color: #fff; font-size: 11px; border-radius: 40px; cursor: pointer; }
    .card-post-blog h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 7px; font-size: 16px; color: #2D2D2D; font-weight: 700; letter-spacing: 1px; word-spacing: 1px; line-height: 19px; }
    .card-post-blog p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 14px; color: #2D2D2F; letter-spacing: 1px; word-spacing: 1px; }

    /*Faixa posts populares*/
    #faixa-posts-populares { width: 100%; height: 530px; position: relative; float: left; background-color: #5864E3; margin-top: 100px; }
    .bg-ornamento-faixa-posts-populares { background-color: #5864E3 !important; }
    #ornamento-d-populares { width: 215px; height: 211px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-d-populares.webp'); background-size: 215px; display: none; }
    #ornamento-e-populares { width: 215px; height: 211px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-e-populares.webp'); background-size: 215px; display: none; }
    #view-posts-populares { width: 710px; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-posts-populares h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 79px; color: #fff; font-size: 34px; text-align: center; font-weight: 700; }
    .item-post-popular { width: 50%; height: 130px; position: relative; float: left; margin-left: 25%; margin-right: 3.3%; margin-top: -20px; }
    #posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding-bottom: 120px; }
    #view-posts-recentes { width: 700px; height: auto; position: relative; margin: auto; }

    /*Inicio página post blog*/
    #artigo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; padding-bottom: 50px; }
    #view-artigo-blog { width: 720px; height: auto; position: relative; margin: auto; }
    #conteudo-artigo-blog { width: 70%; height: auto; position: relative; float: left; }
    #conteudo-artigo-blog h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; margin-bottom: 0px; color: #2D2F2D; font-size: 32px; line-height: 39px; font-weight: 600; }
    #conteudo-artigo-blog p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #2F2F2D; line-height: 28px; word-spacing: 4px; }
    #player-video-blog-int { width: 503px; height: 283px; position: relative; float: left; border-radius: 15px; overflow: hidden; }
    #postado-por { width: 50%; height: auto; position: relative; float: left; }
    #reacoes-post { width: 50%; height: auto; position: relative; float: right; margin-top: -60px; }
    #faixa-posts-recentes-int { width: 720px; height: auto; position: relative; margin: auto; }

    /*Posts populares artigo*/
    #posts-populares-artigo { width: 30%; height: auto; position: relative; float: left; padding-left: 30px; }
    #posts-populares-artigo h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 126px; padding-right: 30px; color: #3946A2; font-size: 27px; font-weight: 700; }
    .n-post-popular-artigo { width: 10%; height: auto; position: relative; float: left; }
    .n-post-popular-artigo-int { width: 100%; height: 53px; position: absolute; top: 50%; margin-top: -7px; font-size: 34px; color: #FF4044; font-weight: 700; text-align: center; }
    .headline-popular-artigo-int { width: 82%; height: auto; position: relative; float: right; font-size: 14px; color: #5160C4; font-weight: 600; }
    #faixa-posts-recentes-int h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; margin-bottom: 40px; color: #3F3F40; font-size: 40px; text-align: center; }
    #faixa-cta-ver-mais-posts-artigo { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; }
    #cta-ver-mais-posts-artigo-int { width: 230px; height: auto; position: relative; margin: auto; background-color: #FFCC26; color: #A17512; padding: 10px 0px; text-align: center; font-size: 22px; font-weight: 600; border-radius: 120px; cursor: pointer; }

    /*Listagem posts blog*/
    #arquivo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 210px; padding-bottom: 100px; }
    #view-arquivo-blog { width: 95%; height: auto; position: relative; margin: auto; }
    #mais-do-arquivo-blog { width: 50%; height: auto; position: relative; float: left; padding-left: 70px; }
    .conteudo-instagram { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 0px; border-radius: 20px; }

    /*Inicio home adega*/
    #topo-adega-home { width: 100%; height: 740px; position: relative; float: left; background: url('img/bg-topo-adega.webp'); background-repeat: repeat; margin-top: 100px; }
    #rolhas-e { width: 447px; height: 800px; position: absolute; left: -170px; top: 0px; background: url('img/rolhas-e.webp'); background-size: 447px; }
    #rolhas-d { width: 447px; height: 800px; position: absolute; right: -180px; top: 0px; background: url('img/rolhas-d.webp'); background-size: 447px; }
    #view-topo-home-adega { width: 720px; height: 100%; position: relative; margin: auto; z-index: 50; }
    #folha-e-topo { width: 250px; height: 229px; position: absolute; left: 50%; margin-left: -190px; top: -80px; background: url('img/folha-e-topo.webp'); background-size: 250px; }
    #folha-d-topo { width: 250px; height: 229px; position: absolute; left: 50%; margin-left: -50px; top: -60px; background: url('img/folha-d-topo.webp'); background-size: 250px; }
    #faixa-logo-adega-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 240px; }
    #logo-adega-topo { width: 190px; height: 223px; position: relative; margin: auto; background: url('img/logo-adega.webp'); background-size: 190px; background-repeat: no-repeat; }
    #faixa-busca-adega { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    #faixa-busca-adega-int { width: 320px; height: auto; position: relative; margin: auto; }
    #faixa-busca-adega-int input { width: 100%; height: auto; position: relative; float: left; padding: 10px 50px 10px 15px; background-color: #F6BD44; border-radius: 40px; border: 0px solid #000 !important; font-size: 22px; color: #402424; text-align: center; box-sizing: border-box; }
    #btn-busca-input { width: 40px; height: 40px; position: absolute; right: 6px; top: 3px; background-color: #EDE9E4; border-radius: 100px; z-index: 99; cursor: pointer; }

    /*sessao categoria vinhos*/
    #categoria-vinhos { width: 100%; height: 720px; position: relative; float: left; background-color: #F9F9F9; }
    #marca-vinho-e { width: 100px; height: 201px; position: absolute; left: 0px; top: 0px; background: url('img/marca-vinho.webp'); background-size: 100px; background-repeat: no-repeat; }
    #marca-vinho-d { width: 140px; height: 252px; position: absolute; right: 0px; top: 100px; background: url('img/marca-vinho-2.webp'); background-size: 140px; }
    #view-categoria-vinhos { width: 720px; height: auto; position: relative; margin: auto; z-index: 99; }
    #view-categoria-vinhos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; font-size: 42px; font-weight: 500; color: #313030; text-align: center; }
    #view-categoria-vinhos p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #0D0F0F; text-align: center; font-size: 23px; padding: 0px 60px; }
    .item-categoria-vinho { width: 160px !important; height: auto; position: relative; float: left; margin-left: 80px; margin-right: -60px; cursor: pointer; }
    .legenda-categoria-vinho { width: 100%; height: auto; position: relative; float: left; margin-top: 19px; font-size: 18px; color: #343333; text-align: center; }
    .fix-titulo-adega { margin-top: 90px !important; }

    /*Vinhos mais vendidos*/
    #sessao-vinhos-mais-vendidos { width: 100%; height: 920px; position: relative; float: left; background: url('img/bg-vinhos-vendidos.webp'); background-repeat: repeat; }
    #view-vinhos-vendidos { width: 720px; height: auto; position: relative; margin: auto; }
    #view-vinhos-vendidos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; font-size: 42px; font-weight: 500; color: #313030; text-align: center; }
    #view-vinhos-vendidos p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #0D0F0F; text-align: center; font-size: 24px; padding: 0px 100px; }

    /*Swiper cards vinhos vendidos*/
    #swiper-vinhos-vendidos { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }

    /*Card vinho mais vendido*/
    .card-vinho { width: 290px !important; height: 470px; position: relative; float: left; margin-left: 10px; background-color: #FCF9F5; border-radius: 20px; }

    /*Sessao produtores*/
    #sessao-produtores-vinho { width: 100%; height: 650px; position: relative; float: left; background-color: #F8F8F9; }
    #ornamento-produtor-vinho-e { width: 200px; height: 191px; position: absolute; left: 0px; top: 0px; background: url('img/ornamento-rolhas-e.webp'); background-size: 200px; background-repeat: no-repeat; }
    #ornamento-produtor-vinho-d { width: 200px; height: 200px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-rolhas-d.webp'); background-size: 200px; background-repeat: no-repeat; }
    #view-sessao-produtores-vinho { width: 720px; height: auto; position: relative; margin: auto; z-index: 100; }
    #view-sessao-produtores-vinho h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 42px; font-weight: 500; color: #313030; text-align: center; }
    #view-sessao-produtores-vinho p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #0D0F0F; text-align: center; font-size: 26px; padding: 0px 120px; }

    /*item produtor*/
    .item-card-produtor { width: 140px !important; height: auto; position: relative; float: left; margin-left: 80px; margin-right: -70px; background-color: #F3F3F3; border-radius: 20px; padding: 20px 20px 20px 20px; overflow: hidden; }
    .bg-s-bottom-cat-vinhos { background-color: #F9F9F9; }

    /* Cards categoria vinhos  */
    .card-vinho-cat { width: 49% !important; height: auto; padding-bottom: 30px; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 10px; background-color: #fff; border-radius: 20px; }

    /*Inicio listam produtores adega*/
    #s-lista-produtores-adega { width: 100%; height: auto; position: relative; float: left; z-index: 300; margin-top: 20px; }
    .item-card-produtor-listagem { width: 19% !important; height: auto; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 10px; background-color: #F3F3F3; border-radius: 20px; padding: 20px 20px 20px 20px; overflow: hidden; }
    #sessao-produtores-vinho-lista { width: 100%; height: auto; position: relative; float: left; background-color: #F8F8F9; padding-bottom: 190px; }

    /*Inicio produtor adega*/
    #sobre-produtor-adega { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-sobre-produtor.webp'); background-repeat: repeat; margin-top: 120px; padding-bottom: 150px; z-index: 250; }
    #view-sobre-produtor { width: 95%; height: auto; position: relative; margin: auto; z-index: 390; }
    #logo-produtor-pagina { width: 200px; height: 200px; position: relative; margin: auto; }
    #view-sobre-produtor h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 32px; color: #313232; text-align: center; font-weight: 500; }
    #view-sobre-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #313231; font-size: 22px; text-align: center; line-height: 35px; padding: 0px 30px; }
    #view-vitrine-fornecedor { width: 95%; height: auto; position: relative; margin: auto; z-index: 300; }
    #view-vitrine-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; text-align: center; color: #323434; font-size: 38px; font-weight: 600; }
    .icone-produtor-destaque { width: 80px; height: 80px; position: relative; margin: auto; border-radius: 100%; overflow: hidden; }
    .icone-int-destaque-produtor { width: 90px; height: 90px; position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; }
    .legenda-icone-destaque-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 20px; font-weight: 600; color: #343333; text-align: center; }
    .sobre-legenda-destaque-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 14px; color: #3E3F3E; text-align: center; padding: 0px 20px; }
    #listagem-vinhos-pg-produtor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; text-align: center; color: #323434; font-size: 38px; font-weight: 600; }
    #listagem-vinhos-pg-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; margin-bottom: 60px; color: #0D0F0F; text-align: center; font-size: 28px; padding: 0px 200px; }

    /*  Contato enviado  */
    #topo-contato-enviado { width: 100%; height: 500px; position: relative; float: left; margin-top: 100px; background-color: #EBFEFF; }

    /* ==========================================================================
        Inicio sala de imprensa
     ========================================================================== */

    /*   Interna download  */
    .menu-topo-loja-b { height: 207px !important; }
    #faixa-links-sala-imprensa-desktop { width: 100%; height: 50px; position: relative; float: left; margin-top: 14px; background-color: #646FFF; }
    #view-faixa-links-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-faixa-links-sala-imprensa h3 { width: auto; height: auto; position: relative; float: left; font-size: 16px; color: #fff; padding: 10px 0px; margin-top: -8px; }
    #view-faixa-links-sala-imprensa ul li { width: auto; height: auto; position: relative; float: right; font-size: 15px; color: #fff; cursor: pointer; margin-left: 16px; }
    #toolbar-download { width: 100%; height: 54px; position: relative; float: left; background-color: #E5F9FD; }
    #view-toolbar-downloads { width: 95%; height: auto; position: relative; margin: auto; }
    #view-toolbar-downloads h4 { width: auto; position: relative; float: left; margin-top: 18px; font-size: 18px; color: #000; }
    #cta-baixar-tds-arquivos-toolbar { width: auto; height: auto; position: relative; margin-top: 10px; float: right; padding: 8px 20px; background-color: #0055ff; color: #fff; font-size: 13px; font-weight: 500; border-radius: 20px; cursor: pointer; cursor: pointer; }
    #faixa-blocos-imagens { width: 100%; height: auto; position: relative; float: left; margin-top: 206px; padding: 15px 15px 15px 25px; overflow: hidden; }
    .item-bloco-imagem-download { width: 49.6%; height: 300px; position: relative; float: left; margin-right: 0.2%; margin-bottom: 2px; background-color: #dadada; overflow: hidden; border-radius: 5px; }
    #view-chamada-faixa-downloads-sala-imprensa { width: 100%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-chamada-faixa-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 18px; color: #010101; text-align: center; padding: 0px 80px; font-weight: 400; }

    /* Listagem de dowloads */
    #topo-downloads-sala-imprensa { width: 100%; height: 500px; position: relative; float: left; background-color: #E5F9FD; }
    #view-topo-downloads-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-downloads-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 212px; font-size: 36px; color: #000; text-align: center; font-weight: 700; }
    #view-topo-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 20px; color: #000; text-align: center; padding: 0px 40px; font-weight: 400; }
    #view-s-faixa-downlodas-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    .card-download { width: 47%; height: auto; position: relative; float: left; margin-left: 20px; margin-bottom: 20px; padding-bottom: 20px; border-radius: 20px; padding-top: 20px; background-color: #F3FBFD; }

    /*  Home sala de imprensa  */
    #topo-sala-imprensa { width: 100%; height: 560px; position: relative; float: left; margin-top: 155px; background-color: #E5F9FD; }
    #view-topo-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-sala-imprensa h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 52px; font-size: 41px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
    #view-topo-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; max-width: 700; font-size: 20px; color: #010101; text-align: center; padding: 0px 30px; font-weight: 500; }
    #faixa-posts-home-sala-imprensa { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 70px; }
    #view-faixa-posts-home-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; z-index: 100; }
    .chamada-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; margin-bottom: 140px; max-width: 700; font-size: 22px; color: #010101; text-align: center; padding: 0px 30px; font-weight: 500; }
    

    #topo-blog-sala-imprensa { width: 100%; height: 470px; position: relative; float: left; background-color: #E5F9FD; }
    #view-topo-blog-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-blog-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 222px; font-size: 42px; color: #000; text-align: center; font-weight: 700; }
    #view-topo-blog-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 22px; color: #000; text-align: center; padding: 0px 120px; font-weight: 500; }

}


@media only screen  
and (min-width:480px) 
and (max-width:750px) {

    .conteudo-instagram { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 0px; border-radius: 20px; }
    .conteudo-instagram-fix { width: 320px; left: 50%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 0px; border-radius: 20px; margin-left: -160px; }
    #balao-aniversario { width: 150px; height: 272px; position: fixed; left: 50%; margin-left: -75px; bottom: 250px; background: url('img/balao-10-anos.png'); background-size: 150px; z-index: 99998; animation: flutuar 3s ease-in-out infinite; /* Animação padrão */ -webkit-animation: flutuar 3s ease-in-out infinite; /* Para navegadores WebKit */ -moz-animation: flutuar 3s ease-in-out infinite; /* Para navegadores Mozilla */ -o-animation: flutuar 3s ease-in-out infinite; /* Para navegadores Opera */ -ms-animation: flutuar 3s ease-in-out infinite; /* Para navegadores Microsoft */ }
    #selo-aniversario { width: 400px; height: 400px; position: fixed; bottom: 0px; left: 50%; margin-left: -200px; background: url('img/selo-aniversario.png'); background-size: 400px; z-index: 99999; animation: girar 3s infinite; /* Animação padrão */ -webkit-animation: girar 3s infinite; /* Para navegadores WebKit */ -moz-animation: girar 3s infinite; /* Para navegadores Mozilla */ -o-animation: girar 3s infinite; /* Para navegadores Opera */ -ms-animation: girar 3s infinite; /* Para navegadores Microsoft */ }

    /*janela popup*/
    #janela-popup { width: 300px; height: 525px; position: fixed; top: 450%; left: 50%; margin-left: -150px; margin-top: -260px; border-radius: 30px; border: 10px solid #fff; z-index: 9999999; background-color: #fff; }
    #modal-int-popup { width: 100%; height: 100%; position: absolute; top: 0px; border-radius: 30px; overflow: hidden; z-index: 10; }
    #cta-close-popup { width: 60px; height: 60px; position: absolute; right: 10px; top: 50%; margin-top: -226px; border-radius: 100%; background-color: blue; cursor: pointer; }
    #cta-close-popup:hover { background-color: #000ECB; }
    #cta-close-int-poopup { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('img/close.gif'); background-size: 80px; }
    .desktop-pop { display: none; }
    .mobile-pop { display: block; }
    #banner-topo-trabalhe-conosco-int { width: 2980px; height: 777px; left: 50%; position: relative; margin-top: -70px; margin-left: -1300px; background: url(img/banner-topo-trabalhe-conosco.jpg); background-size: 2980px; }
    #sobre-organizacao { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 0px; }

    /*janela popup*/
    #janela-popup { width: 300px; height: 520px; position: fixed; top: 450%; left: 50%; margin-left: -150px; margin-top: -290px; border-radius: 30px; border: 10px solid #fff; z-index: 9999999; background-color: #fff; }
    #modal-int-popup { width: 100%; height: 100%; position: absolute; top: 0px; border-radius: 30px; overflow: hidden; z-index: 10; }
    #cta-close-popup { width: 60px; height: 60px; position: absolute; right: 10px; top: 50%; margin-top: -235px; border-radius: 100%; background-color: red !important; cursor: pointer; }
    #cta-close-popup:hover { background-color: #000ECB; }
    #cta-close-int-poopup { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/close.gif'); background-size: 40px; }
    #oferta-loja { width: 1px; height: 1px; position: absolute; top: -160px; }
    .hide-mobile-only { display: none; }
    .telas-menores { display: block !important; }

    /*player youtube*/
    #player-youtube { width: 450px; height: 253px; position: fixed; top: -250%; left: 50%; margin-left: -225px; margin-top: -100px; border-radius: 20px; overflow: hidden; z-index: 9999; }
    #fechar-yt { width: auto; height: auto; position: absolute; right: 6px; top: 10px; padding: 5px 13px; background-color: #FF4A43; color: #fff; font-size: 16px; border-radius: 30px; cursor: pointer; }

    /* ==========================================================================
         LGPD
       ========================================================================== */
    #janela-aviso-lgp { width: 90%; height: 210px; position: fixed; left: 5%; margin-left: 0px; background-color: #f4fcff; border-radius: 15px; z-index: 9999999999999 !important; border: 2px solid #e4edf0; }
    #janela-aviso-lgp h2 { width: 90%; height: auto; position: relative; float: left; margin-top: 28px; margin-left: 20px; color: #000000; font-size: 18px; font-weight: 700; text-transform: uppercase; }
    #janela-aviso-lgp p { width: 91%; height: auto; position: relative; float: left; margin-top: -28px; margin-left: 20px; color: #000000; font-size: 12px; }
    #cta-concordar-lgpd { width: auto; height: auto; position: relative; float: left; margin-right: 17px; margin-left: 15px; margin-top: 4px; font-size: 17px; color: #7c550a; padding: 10px 30px; font-weight: 700; border: 0px solid #ffffff; border-radius: 277px; cursor: pointer; background-color: #ffcc26; }
    #cta-concordar-lgpd:hover { background-color: #ffe600; color: #7c550a; }

    /* ==========================================================================
       Politica de privacidade
       ========================================================================== */
    #conteudo-politica-privacidade { width: 90%; height: auto; position: relative; margin: auto; padding-top: 60px; padding-right: 0px; color: #445c7e !important; }
    #conteudo-politica-privacidade h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; font-size: 17px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade h3 { width: 100%; height: auto; position: relative; float: left; margin-left: -20px; margin-top: 20px; margin-bottom: -10px; font-size: 20px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 12px; color: #445c7e; text-align: left; font-weight: 400; }
    #conteudo-politica-privacidade li { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-left: -12px; font-size: 12px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade li p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 12px; color: #445c7e; text-align: left; font-weight: 400; }
    ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 30px !important; }
    table { width: 100%; display: table; font-size: 8px; }

    /* ==========================================================================
      Inicio Topico Importante
       ========================================================================== */
    #div-conteudo-topico { width: 90%; height: auto; position: relative; margin: auto; }
    #view-conteudo-topico { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; margin-bottom: 150px; }
    #div-conteudo-txt-topico { width: 100%; height: auto; position: relative; float: left; }

    /*Inicio sidebar topicos importantes*/
    #div-sidebar-topico { display: none; width: 25%; height: auto; position: relative; float: left; margin-left: 30px; cursor: pointer; }
    #div-sidebar-topico h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 0px; font-size: 22px !important; color: #363636 !important; font-weight: 700; }
    .item-topico-sidebar { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -45px; border-top: 1px solid #dadada; }
    .item-topico-sidebar p { width: auto; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; color: #363636; }
    .seta-topico-sidebar { width: 25px; height: 25px; position: absolute; right: 0px; top: 14px; background: url(img/seta-topico.webp); background-size: 25px; }
    .item-topico-sidebar:hover p { color: #ff3b2f !important; }
    .cta-sidebar-topicos { width: 100%; height: auto; position: relative; float: left; padding: 20px 0px; margin-top: 40px; }
    .cta-int-sidebar-topicos { width: auto; height: auto; position: relative; float: left; padding: 7px 12px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 14px; font-weight: 700; }
    .cta-int-sidebar-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .container-conteudo-flexivel { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; }

    /*Inicio headline topico*/
    .headline-topico { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; }
    .headline-topico h1 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #363636; font-weight: 700; }
    .headline-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 22px; font-size: 14px; color: #363636; }

    /*Conteúdo flexiviel - Banner com ilustração*/
    .bg-banner-ilustracao { width: 100%; height: 150px; position: relative; float: left; border-radius: 10px; }
    .ilustracao-banner-topico { width: 150px; height: 150px; position: absolute; right: 0px; top: -15px; }
    .bg-banner-ilustracao h2 { width: 60%; height: auto; position: relative; float: left; margin-top: 40px; padding-left: 30px; color: #fff; font-size: 17px; }
    .headline-banner-ilustracao { font-weight: 800; font-size: 19px; }

    /*Conteúdo flexiviel - Links âncoras*/
    #ancoras-topico { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; }
    .item-ancora-topico { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; font-size: 14px; color: #fff; background-color: #ff3b2f; border-radius: 40px; margin-left: 3px; margin-bottom: 10px; cursor: pointer; }
    .item-ancora-topico:hover { background-color: #ff0f00; }
    .ancora-topico { width: 1px; height: 1px; position: absolute; top: -125px; }

    /*Conteúdo flexiviel - Banner com foto*/
    .banner-foto-topico { width: 100%; height: 400px; position: relative; float: left; border-radius: 10px; overflow: hidden; background-color: #dadada; }
    .bg-txt-banner-foto-topico { width: 100%; height: 130px; position: relative; float: left; }
    .bg-txt-banner-foto-topico h3 { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 40px; color: #fff; font-size: 22px; font-weight: 700; }
    .foto-banner-topico { width: 100%; height: 100%; position: relative; float: left; overflow: hidden; }
    .foto-int-banner-topico { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; }

    /*Conteúdo flexiviel - Bloco de texto*/
    .bloco-de-texto-topico { width: 100%; height: auto; position: relative; float: left; }
    .bloco-de-texto-topico h3 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #363636; font-weight: 700; }
    .bloco-de-texto-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; margin-bottom: 22px; font-size: 14px; color: #363636; }

    /*Conteúdo flexiviel - Lista*/
    .lista-topico { width: 100%; height: auto; position: relative; float: left; }
    .item-lista-topico { width: 95%; height: auto; position: relative; float: left; margin-left: 20px; margin-bottom: 10px; }
    .icone-lista-topico { width: 25px; height: 25px; position: relative; float: left; background: url(img/arrow-right-topico.webp); background-size: 25px; }
    .txt-item-lista-topico { width: 70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: 1px; color: #000; font-size: 14px; opacity: 0.5; }

    /*Inicio mais tópicos*/
    #div-mais-topicos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .cta-todos-topicos-cards { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }
    .cta-int-card-topicos { width: auto; height: auto; position: relative; float: left; margin-left: 1%; margin-right: 1%; padding: 10px 20px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 17px; font-weight: 700; cursor: pointer; }
    .cta-int-card-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .item-card-topico { width: 98%; height: auto; position: relative; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; padding-bottom: 40px; background-color: #585d7b; border-radius: 10px; cursor: pointer; }
    .item-card-topico:hover { background-color: #787e9e; }
    .item-card-topico h2 { width: 85%; height: auto; position: relative; float: left; margin-top: 32px; margin-left: 20px; color: #fff; font-size: 20px; }
    .item-card-topico p { width: 87%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 20px; color: #fff; font-size: 16px; }
    .seta-card-topico { width: 30px; height: 30px; position: absolute; right: 20px; bottom: 15px; background: url(img/seta-card-topico.webp); background-size: 30px; }

    /*  janela tabloide */
    .container-swiper-tabloide { width: 80%; height: 80%; position: relative; float: left; padding-top: 0px; margin-top: 100px; overflow-y: scroll; border-radius: 20px; }
    #toolbar-janela-tabloide { width: 100%; height: 60px; position: absolute; top: 0px; background-color: #fff; z-index: 100; }
    #logo-dd-tabloide { width: 100px; height: 26px; position: relative; float: left; margin-top: 17px; background: url('img/logo-atcadao-dia-a-dia.webp'); background-size: 100px; background-repeat: no-repeat; }

    /*controles tabloide*/
    #controles-tabloide { width: auto; height: auto; position: relative; float: left; margin-left: 15px; margin-top: 11px; }
    .item-ctrl-tabloide { width: 40px; height: 40px; position: relative; float: left; margin-right: 9px; background-color: #FFC600; border-radius: 100%; cursor: pointer; }
    .n-ctrl-tabloide { width: 40px; height: 40px; position: relative; float: left; margin-right: 10px; background-color: #D8EFF0; border-radius: 100%; }
    .seta-l-tabloide { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url('img/seta-l-tabloide.webp'); background-size: 20px; }
    .seta-r-tabloide { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url('img/seta-r-tabloide.webp'); background-size: 20px; }
    .n-int-ctrl-tabloide { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -14px; font-size: 20px; color: #658AAD; text-align: center; font-weight: 700; }
    #info-controles-tabloide { width: 300px; height: auto; position: relative; float: left; margin-top: 21px; font-size: 14px; color: #648AAD; display: none; }
    #cta-fechar-tabloide { width: auto; height: auto; position: relative; float: right; margin-top: 13px; padding: 8px 18px 8px 18px; background-color: #EF2818; color: #fff; font-size: 15px; border-radius: 90px; cursor: pointer; }
    #fechar-icn-cta { width: 28px; height: 28px; position: absolute; left: 7px; top: 7px; background: url('img/fechar.webp'); background-size: 28px; display: none; }
    #cta-download-tabloide { width: auto; height: auto; position: relative; float: right; margin-right: 15px; margin-top: 13px; padding: 8px 18px 8px 18px; background-color: #FFC600; color: #A17512; font-size: 15px; border-radius: 90px; cursor: pointer; }
    #download-icn-cta { width: 28px; height: 28px; position: absolute; left: 7px; top: 7px; background: url('img/download.webp'); background-size: 28px; display: none; }
    #janela-horarios { width: 300px; height: 100px; position: fixed; right: 15px; top: -110%; background-color: #fff; border-radius: 20px; z-index: 9999; -webkit-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.12); opacity: 0; }
    #janela-selecao-de-lojas { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); }
    #cta-horarios-tela-menor { width: 38px; height: 40px; position: relative; float: right; margin-top: 16px; margin-right: 16px; background-color: #E3FBFF; border-radius: 100%; cursor: pointer; display: block; }
    #cta-horarios-tela-menor:hover { background-color: #C4EFF5; }
    #icn-cta-h-t-m { width: 28px; height: 28px; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -14px; background: url('img/icn-relogio.webp'); background-size: 28px; }
    #ornamento-janela-horarios { width: 50px; height: 50px; position: absolute; left: 200px; top: -5px; border-radius: 4px; background: #fff; -webkit-transform: rotate(46deg); -moz-transform: rotate(46deg); -ms-transform: rotate(46deg); -o-transform: rotate(46deg); transform: rotate(46deg); }
    #cta-horarios-tela-menor:hover #icn-cta-h-t-m { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
    .mobile { display: none; }
    .pre-mobile { display: block; }
    .desktop { display: block; }
    .tablet { display: none; }
    .telas-intermediarias { display: block; }
    .hide-telas-menores { display: none; }
    .hide-telas-menores-2 { display: none; }
    .cta-padrao-contraste { padding: 12px 0px; font-size: 16px; font-weight: 500; text-align: center; color: #fff; background-color: #4953BB; border-radius: 90px; cursor: pointer; }
    .bg-s-top-desktop { width: 460px; height: 460px; position: absolute; top: -46px; left: 50%; margin-left: -230px; background-color: #fff; border-radius: 100%; z-index: 1; }
    .bg-s-bottom-desktop { width: 460px; height: 460px; position: absolute; bottom: -46px; left: 50%; margin-left: -230px; background-color: #fff; border-radius: 100%; z-index: 19; }
    .bg-s-top-desktop { width: 460px; height: 460px; position: absolute; top: -66px; left: 50%; margin-left: -230px; background-color: #fff; border-radius: 100%; z-index: 1; }
    .bg-s-bottom-desktop { width: 480px; height: 480px; position: absolute; bottom: -66px; left: 50%; margin-left: -240px; background-color: #fff; border-radius: 100%; z-index: 19; }
    .bg-s-color { background-color: #E4FBFF; }
    .bg-blog-color { background-color: #FFD92B; }
    .bg-fornecedor-color { background: url(img/bg-espaco-fornecedor.webp); background-repeat: repeat; }
    .bg-rodape-color { background-color: #2A54CC; top: 0px !important; }
    .telas-menores { display: none; }
    .cta-padrao { padding: 12px 0px; font-size: 14px; font-weight: 500; text-align: center; color: #5b3f00; background-color: #ffcc00; border-radius: 90px; cursor: pointer; }
    #janela-tem-no-dd-desktop { width: 90%; height: 500px; position: fixed; left: 0%; top: 250%; margin-left: 5%; margin-top: -310px; background-color: #fff; border-radius: 40px; z-index: 9999; overflow: hidden; opacity: 0; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
    #img-janela-dd-desktop { width: 45%; height: 100%; position: relative; float: left; background-color: #dadada; overflow: hidden; display: none; }
    #conteudo-janela-dd-desktop { width: 100%; height: 100%; position: relative; float: left; padding-left: 40px; opacity: 0; }
    #titulo-j-dd-tem-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 29px; font-size: 38px; color: #fff; font-weight: 500; }
    #subtitulo-j-dd-tem-desktop { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; }
    #conteuto-txt-janela-dd-desktop { width: 100%; height: 280px; position: relative; float: left; margin-top: -3px; padding-right: 60px; overflow-y: scroll; }

    /*  Janela mapa loja */
    #janela-mapa-lj-atual { width: 480px; height: 500px; position: fixed; left: 50%; top: -350%; margin-left: -240px; margin-top: -365px; background-color: #fff; border-radius: 20px; z-index: 9999; }
    #div-mapa-int-janela { width: 95%; height: 270px; position: relative; margin: auto; border-radius: 20px; overflow: hidden; }
    #endereco-loja-mapa { width: 300px; height: auto; position: relative; float: left; margin-top: 0px; color: #434343; font-weight: 400; font-size: 14px; }

    /*Janela download app clube DD*/
    #box-janela-download-app { width: 450px; height: 390px; position: fixed; left: 50%; top: -250%; margin-left: -225px; margin-top: -200px; background-color: #fff; border-radius: 40px; z-index: 99999; opacity: 0; }

    /*Menu fixo*/
    #v-faixa-outros-links { width: 95%; height: auto; position: relative; margin: auto; }
    #v-m-desktop { width: 95%; height: auto; position: relative; margin: auto; }
    #menu-fixo-desktop { width: 100%; height: 99px; position: fixed; top: 0px; background-color: #fff; z-index: 999; -webkit-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); overflow: hidden; }
    .menu-topo-loja-b { height: 192px !important; }
    #faixa-outros-links-m-fixo { width: 100%; height: 30px; position: relative; float: left; background-color: #FFCC01; }
    #horarios-desktop { width: auto; height: auto; position: relative; float: right; margin-right: 20px; margin-top: 17px; background-color: #C7EFF5; color: #4070B9; font-size: 14px; padding: 9px 16px 9px 42px; border-radius: 20px; cursor: pointer; display: none; }
    #relogio-desktop { width: 26px; height: 26px; position: absolute; left: 8px; top: 5px; background-color: #E3FBFF; border-radius: 50%; }
    #icn-relogio-dk { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; background: url(img/icone-relogio.webp); background-size: 24px; }
    #itens-links-menu-desktop { width: auto; height: auto; position: relative; float: right; margin-right: 20px; display: none; }
    .item-sm-desktop { width: 22px; height: 22px; position: relative; float: left; margin-left: 5px; cursor: pointer; margin-top: 4px; opacity: 0.8; }
    .fb-sm-desktop { background: url(img/fb-icn.webp); background-size: 22px; }
    .insta-sm-desktop { background: url(img/insta-icn.webp); background-size: 22px; }
    .yt-sm-desktop { background: url(img/yt-icn.webp); background-size: 22px; }
    .item-outros-links { width: auto; height: auto; position: relative; float: right; font-size: 13px; color: #cd1215; margin-right: 15px; margin-top: 7px; cursor: pointer; }
    #logo-dd-desktop { width: 140px; height: 66px; position: relative; float: left; margin-top: 22px; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 140px; background-repeat: no-repeat; }
    #tag-localizacao-desktop-m { width: auto; height: auto; position: relative; float: left; margin-left: 15px; }
    #tag-int-localizacao-desktop { width: auto; height: auto; position: relative; float: left; margin-top: 18px; padding: 8px 18px 8px 44px; max-width: 140px; background-color: #636EFF; color: #fff; font-size: 14px; border-radius: 50px; cursor: pointer; }
    #icone-tag-localizacao-desktop { width: 25px; height: 25px; position: absolute; left: 8px; top: 6px; border-radius: 50%; background-color: #8890FF; }
    #icn-tag-int-l-d { width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; background: url(img/icn-tag-localizacao-dk.webp); background-size: 16px; }
    #tag-estado-l-desktop { width: 38px; height: 38px; position: relative; float: left; margin-left: 6px; margin-top: 16px; border-radius: 50%; background-color: #EDFBFE; }
    #tag-estao-l-d-txt { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 14px; text-align: center; color: #506DC2; font-weight: 500; }
    #menu-desktop-cta { width: 38px; height: 38px; position: relative; float: right; margin-top: 16px; margin-right: 0px; border-radius: 8px; background: url(img/icn-m-desktop.webp); background-size: 38px; cursor: pointer; opacity: 0.8; }
    #tag-ofertas-menu { width: auto; height: auto; position: relative; float: left; margin-left: 10px; }
    #tag-ofertas-menu-int { width: auto; height: auto; position: relative; float: left; margin-top: 18px; padding: 8px 18px 8px 44px; background-color: #e42623; color: #fff; font-size: 14px; border-radius: 50px; cursor: pointer; }
    #tag-ofertas-menu-int:hover { background-color: #d90d0a; }
    #icone-tag-ofertas-desktop { width: 25px; height: 25px; position: absolute; left: 8px; top: 6px; border-radius: 50%; background-color: #e42623; }
    #tag-ofertas-menu-int:hover #icone-tag-ofertas-desktop { background-color: #a71c1a; }
    #icn-tag-ofertas { width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; background: url(img/icn-offer.webp); background-size: 16px; }
    #tag-vagas-menu { width: auto; height: auto; position: relative; float: left; margin-left: 10px; display: none; }
    #tag-vagas-menu-int { width: auto; height: auto; position: relative; float: left; margin-top: 18px; padding: 8px 18px 8px 44px; background-color: #0046DC; color: #fff; font-size: 14px; border-radius: 50px; cursor: pointer; }
    #tag-vagas-menu-int:hover { background-color: #0234AA; }
    #icone-tag-vagas-desktop { width: 25px; height: 25px; position: absolute; left: 8px; top: 6px; border-radius: 50%; background-color: #3168CE !important; }
    #tag-vagas-menu-int:hover #icone-tag-vagas-desktop { background-color: #a71c1a; }
    #icn-tag-vagas { width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; background: url(img/icn-offer.webp); background-size: 16px; }
    #cta-horarios-tela-menor { display: none; }

    /*Banner home*/
    #banner-mobile-container-int { width: 100%; height: auto; left: 0%; position: relative; float: left; margin-left: 0px; margin-top: 45px; overflow: unset; }
    #bg-paginacao-desktop { width: 450px; height: 450px; position: absolute; bottom: -396px; left: 50%; margin-left: -225px; background-color: #fff; border-radius: 100%; z-index: 19; }
    .bloco-ctrl-banner-home { width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -18px; background-color: #fff; border-radius: 15px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }

    /*Controles banner home*/
    .bloco-ctrl-banner-home { width: 45px; height: 45px; position: absolute; top: 50%; margin-top: -37px; background-color: #fff; border-radius: 10px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
    .bloco-ctrl-l { left: 15px; }
    .bloco-ctrl-r { right: 15px; }
    .seta-l-ctrl { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; background: url(img/seta-l.webp); background-size: 24px; }
    .seta-r-ctrl { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; background: url(img/seta-r.webp); background-size: 24px; }
    .cta-banner-mobile { width: 100%; height: auto; position: absolute; bottom: 80px; }
    .cta-banner-mobile-int { width: 160px; height: auto; position: relative; margin: auto; background-color: #636EFF; color: #fff; -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -ms-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -o-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); }
    .cta-banner-mobile-int:hover { background-color: #4A56FC; color: #fff; }
    #paginacao-banner-mobile { width: 170px; height: 25px; position: absolute; left: 50%; margin-left: -85px; bottom: 4px; border-radius: 90px; z-index: 20; padding-top: 3px; }
    .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px)); background-color: #B1DAFF !important; }

    /*Inicio Ofertas home*/
    #bloco-ofertas { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 99; padding-bottom: 0px; }
    #v-bloco-ofertas { width: 90%; height: auto; position: relative; margin: auto; }
    .bg-bloco-ofertas { width: 380px; height: 682px; position: absolute; }
    .bgl-ofertas { left: -190px; top: -200px; background: url(img/bgl-ofertas-desktop.webp); background-size: 380px; }
    .bgr-ofertas { right: -230px; top: 70px; background: url(img/bgr-ofertas-desktop.webp); background-size: 380px; }
    .bg-out-ofertas { width: 380px; height: 758px; position: absolute; right: 0px; top: -71px; overflow: hidden; }
    #div-conteudo-ofertas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 62px; font-size: 35px; font-weight: 700; line-height: 36px; text-align: center; }
    #div-conteudo-ofertas span { font-size: 35px; }
    #div-conteudo-ofertas p { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 22px; text-align: center; padding: 0px 20px; }
    #bloco-fertas-destaque-3x { width: 480px; height: auto; position: relative; margin: auto; }
    .oferta-destaque-xx-h { width: 150px; height: 150px; position: relative; float: left; margin-right: 15px; border-radius: 50%; overflow: hidden; cursor: pointer; opacity: 0.9; }
    .img-oferta-destaque-h { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; }
    #cta-int-tds-ofertas-h-d { width: 170px; height: auto; position: relative; margin: auto; padding: 13px 0px; background-color: #636FFF; color: #fff; font-size: 16px; text-align: center; border-radius: 90px; cursor: pointer; }
    #div-ofertas-destaque-home-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; }
    #cta-tds-ofertas-home-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 46px; }
    .desktop-slide-ofertas { width: 380px; height: auto; position: relative; margin: auto; }
    .item-oferta-carrossel { width: 84px !important; height: 84px !important; position: relative; float: left; margin-left: 5px; margin-right: 5px; border-radius: 100%; cursor: pointer; cursor: pointer; overflow: hidden; }
    .bloco-ctrl-out-slide-ofertas-desktop { width: 80px; height: 80px; position: absolute; left: -60px; top: 50%; margin-top: -40px; z-index: 20; opacity: 0.7; cursor: pointer; }
    .bloco-ctrl-out-slide-ofertas-desktop:hover { opacity: 1; }
    .ctrl-l-ofertas-desktop { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/seta-l.webp); background-size: 40px; }
    .bloco-ctrr-out-slide-ofertas-desktop { width: 80px; height: 80px; position: absolute; right: -60px; top: 50%; margin-top: -40px; z-index: 20; opacity: 0.7; cursor: pointer; }
    .bloco-ctrr-out-slide-ofertas-desktop:hover { opacity: 1; }
    .ctrl-r-ofertas-desktop { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/seta-r.webp); background-size: 40px; }
    .tabloide-2x { width: 315px !important; }
    .tabloide-1x { width: 150px !important; }

    /*Inicio No DD tem*/
    #no-dd-tem { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; background-color: #E5FAFF; z-index: 100; padding-bottom: 60px; }
    #titulo-dd-tem-bloco { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #tag-dd { width: 70px; height: 70px; position: absolute; left: 50%; margin-left: -42px; background: url(img/tag-dd.webp); background-size: 70px; background-repeat: no-repeat; }
    #tag-dd-l-txt { width: auto; height: auto; position: absolute; left: -52px; top: -3px; font-size: 34px; font-weight: 700; }
    #tag-dd-r-txt { width: auto; height: auto; position: absolute; right: -70px; top: -3px; font-size: 34px; font-weight: 700; }
    #view-no-dd-tem p { width: 310px; height: auto; left: 50%; position: relative; float: left; margin-left: -155px; margin-top: 50px; text-align: center; font-size: 16px; padding: 0px 0px; }

    /*Controles no DD tem*/
    .bloco-ctrl-dd-tem { width: 75px; height: 75px; position: absolute; top: 50%; margin-top: -15px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }

    /*Pague do seu jeito*/
    #bgl-psj { width: 260px; height: 382px; position: absolute; left: -40px; top: unset; bottom: -332px; background: url(img/bg-dd-id-desktop.webp); background-size: 260px; }
    #bgr-psj { width: 280px; height: 232px; position: absolute; right: -216px; top: -21px; background-color: url(img/bg-dd-id-desktop-r.webp); background-size: 240px; }
    #view-s-pague-do-seu-jeito { width: 90%; height: auto; position: relative; margin: auto; margin-top: 100px; padding: 0px 20px; }
    #view-s-pague-do-seu-jeito h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 34px; font-weight: 700; text-align: center; }
    #view-s-pague-do-seu-jeito p { width: 340px; height: auto; left: 50%; position: relative; float: left; margin-left: -170px; margin-top: -11px; font-size: 18px; text-align: center !important; }
    #v-slides-btns-forma-pagamento { width: 100%; height: auto; position: relative; margin: auto;        /* margin-left: 0px; */ }
    #slider-btns-forma-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; overflow: hidden;        /* margin-left: 500px; */ }

    /*Item btn forma pagamento*/
    .btn-forma-pagamento { width: auto !important; height: auto; position: relative; float: left; margin-left: 30px; margin-right: -10px; padding: 10px 15px 10px 45px; background-color: #e5fbff; border-radius: 110px; font-size: 16px; font-weight: 500; cursor: pointer; }
    .atv-btn-forma-pagamento { background-color: #FFCC02; color: #A17511; }
    .atv-btn-forma-pagamento:hover { background-color: #FFDB5E; }

    /*Quadro formas de pagamento*/
    #container-quadro-formas-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 28px; z-index: 50; overflow: hidden; }
    #view-quadro-formas-pagamento { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 20px; }
    .item-bandeira-forma-pagamento { width: 23%; height: 110px; position: relative; float: left; margin-bottom: 12px; border-radius: 20px; margin-left: 1%; margin-right: 1%; cursor: pointer; }
    .icone-bandera-cartao { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; }

    /*Inicio banner miolo*/
    #s-banner-miolo { width: 100%; height: auto; position: relative; float: left; margin-top: 93px; overflow: hidden; z-index: 200; }

    /*Blog DD home*/
    #blog-dd-home { width: 100%; height: auto; position: relative; float: left; z-index: 610; padding-bottom: 110px; }
    #view-blog-dd { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 20px; z-index: 300; }
    #logo-blog-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -80px; }
    #logo-blog-dd-int { width: 140px; height: 136px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 140px; }
    #tag-logo-blog-dd { width: 210px; height: auto; position: absolute; left: 50%; margin-left: -105px; bottom: -25px; padding: 9px 0px; background-color: #4A53BB; border-radius: 60px; color: #fff; text-align: center; font-size: 14px; font-weight: 600; }
    #s-cta-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; z-index: 10; }
    #faixa-posts-desktop { width: 100%; height: auto; position: relative; float: left; padding-left: 41px; margin-top: 50px; }

    /*Card post carrossel*/
    .card-post { width: 89%; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 3%; cursor: pointer; }
    .card-post h4 { width: 100%; height: 30px; position: relative; float: left; margin-top: 15px; padding: 0px 0%; font-size: 16px; color: #000; font-weight: 600; }
    .card-post p { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; padding: 0px 0%; font-size: 14px; color: #2e2e2e; }

    /*Inicio central de ajuda*/
    #s-central-ajuda { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 400; padding-bottom: 0px; }
    #view-s-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 38px; font-size: 33px; font-weight: 700; text-align: center; }
    #view-s-central-ajuda p { width: 340px; height: auto; left: 50%; position: relative; float: left; margin-left: -170px; padding: 0px 20px; margin-top: -10px; font-size: 16px; text-align: center !important; }
    #v-faixa-ctas-central-ajuda-desktop { width: 100%; height: 320px; position: relative; margin: auto; }

    /*item bloco central de ajuda*/
    .bloco-central-de-ajuda { width: 45% !important; height: 50% !important; position: relative; float: left; margin-left: 2.5%; margin-right: 2.5%; margin-bottom: 90px; background-color: #e7f9fc; border-radius: 20px; opacity: 0.9; cursor: pointer; }
    .img-bloco-central-ajuda { width: 150px; height: 150px; position: absolute; left: 50%; margin-left: -75px; top: 9px; overflow: hidden; border-radius: 20px; }
    #s-cm-ajudar { width: 100%; height: 331px; position: relative; float: left; margin-top: 130px; padding-bottom: 50px; z-index: 410; }
    .fix-cm-ajudar { height: 391px !important; }
    #icone-cm-ajudar { width: 160px; height: 160px; position: absolute; left: 50%; margin-left: -80px; top: -70px; border-radius: 50%; overflow: hidden; border: 7px solid #fff; }
    #icn-como-posso-ajudar { width: 160px; height: 160px; position: absolute; left: 50%; top: 50%; margin-left: -80px; margin-top: -80px; background: url(img/personagem-central-ajuda-2.gif); background-size: 160px; }
    #view-s-cm-ajudar { width: 90%; height: auto; position: relative; margin: auto; }
    #view-s-cm-ajudar h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; font-size: 33px; font-weight: 700; text-align: center; }
    #view-s-cm-ajudar p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -13px; font-size: 18px; text-align: center !important; }
    .item-ft-cm-ajudar { width: 90px; height: 185px; position: absolute; display: none; }
    #view-s-espaco-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 43px; font-weight: 700; text-align: center; color: #fff; }
    #view-s-espaco-fornecedor p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -17px; font-size: 18px; text-align: center !important; color: #fff; }

    /*Faixa espaço do fornecedor*/
    #s-espaco-fornecedor { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-espaco-fornecedor.webp); background-repeat: repeat; padding-bottom: 120px; z-index: 430; }
    #v-item-fornecedores-desktop { width: 260px; height: auto; position: relative; margin: auto; }
    #faixa-fornecedores { width: 100%; height: auto; position: relative; float: left; margin-top: 8px; overflow: hidden; z-index: 330; }
    .item-faixa-fornecedor { width: 120px !important; height: 120px !important; position: relative; float: left; margin-left: 0px; margin-right: 10px; margin-bottom: 10px; background-color: #fff; border-radius: 50%; overflow: hidden; cursor: pointer; }
    #view-s-espaco-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 33px; font-weight: 700; text-align: center; color: #fff; }
    #view-s-espaco-fornecedor p { width: 100%; height: auto; position: relative; float: left; padding: 0px 40px; margin-top: -17px; font-size: 18px; text-align: center !important; color: #fff; }
    #cta-int-faixa-fornecedor { width: 120px; height: auto; margin: auto; }

    /*Inicio rodapé*/
    .view-s-rodape { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
    .view-s-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 5px; font-size: 30px; font-weight: 700; text-align: center; }
    .s-rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 40px; z-index: 450; }
    .overflow-rodape { width: 100%; height: auto; position: relative; float: left; overflow: hidden; margin-top: -20px; }
    #cta-voltar-topo { width: 90px; height: 90px; position: absolute; left: 50%; margin-left: -50px; top: -40px; background-color: #ffcc00; border-radius: 50%; border: 10px solid #fff; cursor: pointer; }
    #icone-cta-voltar-topo { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/icone-voltar-topo.webp); background-size: 40px; }
    #legenda-cta-voltar-topo { width: 200px; height: auto; position: absolute; left: 50%; margin-left: -100px; bottom: -39px; color: #353946; font-size: 20px; text-align: center; }
    #logo-dd-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 107px; }
    #logo-dd-int-rodape { width: 200px; height: 32px; position: relative; margin: auto; background: url(img/logo-dia-a-dia-rodape.webp); background-size: 200px; background-repeat: no-repeat; }
    #view-redes-sociais-rodape { width: 151px; height: auto; position: relative; margin: auto; }
    #faixa-blocos-rodape-desktop { width: 110%; height: auto; position: relative; float: left; margin-left: 2%; margin-top: 60px; padding: 0px 0px; }
    .divisoria-blocos-rodape-desktop { width: 100%; height: auto; position: relative; float: left; }
    .item-sm-rodape { width: 50px; height: 50px; position: relative; float: left; margin-right: 0px; }
    .item-bloco-conteudo-rodape-desktop { width: 50%; height: auto; min-height: 178px; position: relative; float: left; padding-right: 52px; margin-bottom: 42px; margin-top: 0px; }
    .item-bloco-conteudo-rodape-desktop h4 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; text-align: left; font-weight: 500; }
    .item-bloco-conteudo-rodape-desktop h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 14px; text-align: left; font-weight: 500; }
    .item-bloco-conteudo-rodape-desktop p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 14px; text-align: left; }
    .item-bloco-conteudo-rodape-desktop ul li { width: 100%; height: auto; position: relative; float: left; font-size: 16px; text-align: left; cursor: pointer; }
    .faixa-ctas-bloco-rodape { width: 100%; height: auto; position: relative; bottom: 0px; }
    .item-cta-rodape-desktop { width: auto; height: auto; position: relative; float: left; margin-right: 15px; padding: 9px 17px 8px 38px; font-size: 14px; border-radius: 50px; cursor: pointer; margin-bottom: 8px; }
    .icn-cta-rodape-desktop { width: 22px; height: 22px; position: absolute; left: 7px; top: 6px; }
    .icn-pin-r-d { background: url(img/icn-tag.webp); background-size: 22px; }

    /*juridico rodapé */
    #ornamento-rodape-desktop { width: 480px; height: 200px; position: absolute; left: 50%; margin-left: -240px; top: -66px; overflow: hidden; }
    #juridico-rodape-mobile { width: 90%; height: auto; left: 5%; position: relative; float: left; margin-left: 0px; margin-top: 20px; font-size: 11px; text-align: center; }
    .juridico-rodape-fix-padding { padding-bottom: 60px !important; padding-top: 32px; }
    #faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; margin-bottom: 70px; }
    #selo-reclame-aqui { width: 140px; height: 100px; position: relative; margin: auto; }

    /* ==========================================================================
        Transparencia salarial
       ========================================================================== */
    #topo-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; }
    #view-topo-transparencia-salarial { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-transparencia-salarial h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 28px; color: #323435; text-align: center; font-weight: 700; }
    .sobre-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; line-height: 28px; font-size: 16px; color: #000; margin-top: -20px; text-align: center; padding: 0px 30px; }
    #box-lista-pdfs { width: 100%; height: auto; position: relative; float: left; border: 1px solid #dadada; border-radius: 20px; margin-top: 40px; margin-bottom: 120px; overflow: hidden; }
    .item-lista-pdf { width: 100%; height: auto; position: relative; float: left; border-bottom: 1px solid #dadada; padding: 20px 80px 20px 20px; font-size: 18px; color: #000; cursor: pointer; }
    .item-lista-pdf:hover { background-color: #ecfbff; }
    .cta-ver { width: auto; height: auto; position: absolute; top: 15px; right: 20px; padding: 5px 20px; background-color: #0047DC; color: #fff; border-radius: 20px; cursor: pointer; }

    /* ==========================================================================
       Inicio página de lojas
        ========================================================================== */
    #l-regiao-to-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    #l-regiao-df-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    #l-regiao-ba-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    #l-regiao-go-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    .menu-topo-loja { height: 157px !important; }
    #view-faixa-selecao-lojas-menu { width: 95%; height: auto; position: relative; margin: auto; }
    #bg-topo-pagina-lojas { width: 5000px; height: 600px; position: absolute; left: 50%; margin-left: -4420px; background-color: #C21D18; transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -webkit-transform: skew(-13deg, 0deg); -moz-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg); background: url(img/bg-mapa-topo-loja.webp); background-repeat: repeat-x; background-size: 1900px 600px; z-index: 10; }
    #view-conteudo-desktop-banner-lojas { width: 100%; height: 100%; position: absolute; z-index: 40; }
    #view-bg-topo-lojas { width: 100%; height: 600px; position: absolute; left: 0%; margin-top: 0px; margin-left: 0px; }
    #div-conteudo-desktop-banner-lojas { width: 95%; height: 100%; position: relative; margin: auto; }
    #conteudo-txt-banner-lojas-desktop { width: 100%; height: 300px; position: absolute; top: 291px; }
    #conteudo-txt-banner-lojas-desktop h3 { width: 100%; height: 50px; position: relative; float: left; margin-top: -69px; line-height: 35px; font-size: 40px; color: #fff; font-weight: 700; margin-right: 60%; text-align: center; text-transform: uppercase; }
    #conteudo-txt-banner-lojas-desktop span { color: #FFCC26; }
    #txt-topo-conteudo-desktop-loja { width: 100%; height: auto; position: relative; float: left; color: #fff; font-size: 20px; font-weight: 300; padding: 0px 70px; text-align: center; margin-top: 6px; }
    #div-topo-pagina-lojas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 248px; margin-bottom: 5px; color: #2D2C2D; font-size: 50px; text-align: center; font-weight: 600; }
    #div-topo-pagina-lojas p { width: 470px; height: auto; position: relative; margin: auto; margin-top: -16px; color: #2D2D2C; font-size: 24px; text-align: center; padding: 0px 10px; }
    #view-faixa-selecao-lojas-menu p { width: auto; height: auto; position: relative; float: left; margin-top: 11px; font-size: 20px; color: #6E7EB1; margin-right: 10px; display: none; }
    #div-topo-pagina-lojas { width: 100%; height: 540px; position: relative; float: left; margin-top: 30px; background: url('img/bg-selecao-lojas.webp'); background-size: cover; overflow: hidden; }
    #ornamento-d-lojas { width: 300px; height: 293px; position: absolute; right: 0px; top: -105px; background: url('img/bg-dd-id-desktop-r.webp'); background-size: 300px; }
    #ornamento-e-lojas { width: 300px; height: 293px; position: absolute; left: 0px; bottom: -135px; background: url('img/bg-dd-id-desktop.webp'); background-size: 300px; }
    #faixa-selecao-lojas-menu { width: 100%; height: auto; position: relative; margin-top: -29px; float: left; border-top: 1px solid #F7F7F7; }
    .item-regiao-loja-m-fixo { width: auto; height: auto; position: relative; float: left; margin-left: 0px; margin-right: 10px; margin-top: 12px; margin-bottom: 13px; padding: 4px 20px; background-color: #E3FBFE; border-radius: 100px; color: #3F70BA; cursor: pointer; }
    .item-regiao-loja-m-fixo:hover { background-color: #94EDFF; }
    .atv-selecao-loja-m-fixo { background-color: #FDC92E; color: #A17612; }
    .atv-selecao-loja-m-fixo:hover { background-color: #FFE494; }
    #view-listagem-lojas { width: 90%; height: auto; position: relative; margin: auto; padding-top: 100px; z-index: 10; }
    .div-regiao-listagem-lojas { width: 100%; height: 100%; position: relative; float: left; margin-bottom: 20px; }
    .tag-regia-listagem-loja { width: 30%; height: 90px; position: relative; float: left; border-radius: 0px 30px 30px 30px; background-color: #778DCD; }
    .nome-tag-regiao-listagem-loja { width: 68%; height: auto; position: relative; float: left; margin-left: 2%; padding: 24px 0px; background-color: #5871BD; color: #fff; font-size: 30px; text-align: center; border-radius: 30px; }
    .div-cards-lojas-listagem { width: 100%; height: auto; position: relative; float: left; }
    .item-card-loja-listagem { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; background-color: #F0F9F9; border-radius: 20px; padding: 0px 30px; }

    /* ==========================================================================
      Página interna de lojas
    ========================================================================== */
    #topo-pgi-loja { width: 100%; height: auto; position: relative; float: left; margin-top: 155px; background-color: #0064D3; z-index: 110; padding-bottom: 57px; }
    #bg-topo-pgi-loja { width: 400px; height: 205px; position: absolute; z-index: 20; left: 50%; top: 50%; margin-left: -200px; margin-top: -102px; background: url(img/bg-topo-loja.webp); background-size: 400px; opacity: 0.3; }
    #view-topo-pgi-loja { width: 95%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #view-topo-pgi-loja h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 72px; margin-bottom: 10px; font-size: 26px; color: #fff; text-align: center; font-weight: 700; }
    .fix-h1-int-loja { margin-top: 12px !important; }
    #view-topo-pgi-loja p { width: 450px; height: auto; position: relative; margin: auto; color: #fff; font-size: 15px; text-align: center !important; font-weight: 300; }
    #view-faixa-cta-banner-loja-int { width: 315px; height: auto; position: relative; margin: auto; }
    #cta-ver-no-mapa-pgl { width: auto; height: auto; position: relative; float: left; font-size: 16px; font-weight: 600; padding: 10px 24px; color: #A17512; background-color: #FFCE27; border-radius: 50px; cursor: pointer; }
    #cta-falar-loja-int { width: auto; height: auto; position: relative; float: left; margin-left: 15px; font-size: 15px; font-weight: 600; padding: 9px 24px; color: #FFCD27; border: 1px solid #FFCE27; border-radius: 50px; cursor: pointer; }
    #faixa-beneficios-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    #carrossel-beneficios-loja { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; z-index: 100; }
    #view-carrossel-beneficios-loja { width: 80%; height: auto; position: relative; margin: auto; }
    .swiper-beneficios-loja { width: 100%; height: 100px; }
    #faixa-beneficios-lojas p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; font-size: 20px; color: #fff; text-align: center; }
    #faixa-blocos-beneficios-loja { width: auto; height: auto; position: relative; margin: auto; }
    .blc-4x { width: 400px !important; }
    .item-bloco-beneficio { width: auto; height: auto; position: relative; float: left; margin-bottom: 60px; padding: 0px 0px; }
    .legenda-icone-beneficio { width: 140px; height: auto; position: absolute; left: 50%; margin-left: -71px; bottom: -29px; font-size: 14px; color: #fff; padding: 0px 0px; text-align: center; }
    #seta-topo-loja { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; bottom: -30px; background: url('img/seta-topo-loja.webp'); background-size: 40px; z-index: 30; }

    /*Bloco ofertas facebook*/
    #mais-ofertas-fb { width: 1px; height: 1px; position: absolute; left: 0px; top: -2222155px; }
    #sessao-ofertas-facebook { width: 100%; height: auto; position: relative; float: left; margin-top: 95px; margin-bottom: -135px; padding-bottom: 130px; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; z-index: 100; }
    #view-sessao-ofertas-facebook { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-sessao-ofertas-facebook h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 34px !important; color: #2D2F2D; text-align: center !important; font-weight: 600 !important; }
    .item-bloco-oferta-loja-interna { width: 47%; height: auto; position: relative; float: left; margin-left: 1.5%; margin-right: 1.5%; margin-bottom: 14px; border-radius: 10px; overflow: hidden; }
    #view-sessao-ofertas-facebook-janela { width: 96%; height: auto; position: relative; margin: auto; }
    #view-sessao-ofertas-facebook-janela-destaque { width: 96%; height: auto; position: relative; margin: auto; }

    /* ==========================================================================
      Página espaço do fornecedor
    ========================================================================== */
    #view-fornecedores-pg h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 10px; font-size: 34px; color: #343435; text-align: center; font-weight: 700; }
    #view-fornecedores-pg p { width: 350px; height: auto; position: relative; margin: auto; padding-top: 0px; font-size: 22px; color: #39393A; text-align: center; font-weight: 300; }
    #faixa-itens-fornecedores { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    .item-fornecedor-pg { width: 24.5%; height: auto; position: relative; float: left; margin-bottom: 20px; }
    .item-fornecedor-pg-int { width: 91%; height: auto; position: relative; margin: auto; border-radius: 100%; overflow: hidden; border: 6px solid #fff; }
    .fix-cm-pg-fornecedor { width: 100%; height: 0px; position: relative; float: left; background-color: #E7F5FB; display: block; }

    /* ==========================================================================
      Página Fornecedor
    ========================================================================== */
    #logo-cover-fornecedor { width: 140px; height: 140px; position: absolute; left: 50%; margin-left: -70px; top: -44px; background-color: #ffffff; border-radius: 20px; overflow: hidden; z-index: 100; }
    #div-ornamento-bg-fornecedor { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; z-index: 1; }
    #ornamento-e-pg-fornecedor { width: 230px; height: 181px; position: absolute; left: -45px; top: -70px; background: url(img/ornamento-e-pg-fornecedor.webp); background-size: 230px; background-repeat: no-repeat; }
    #ornamento-d-pg-fornecedor { width: 230px; height: 184px; position: absolute; right: -37px; top: -70px; background: url(img/ornamento-d-pg-fornecedor.webp); background-size: 230px; background-repeat: no-repeat; }
    .view-bloco-conteudo { width: 450px; height: auto; position: relative; margin: auto; z-index: 50; }
    .view-bloco-conteudo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; margin-bottom: -5px; text-align: center; color: #000; font-size: 30px; font-weight: 600; padding: 0px 20px; line-height: 45px; }
    .view-bloco-conteudo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; margin-bottom: 18px; text-align: center; color: #000; font-size: 38px; font-weight: 600; padding: 0px 0px; line-height: 42px; }
    .view-bloco-conteudo p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 19px; color: #575656; text-align: center; padding: 0px 0px; }
    #view-faixa-produtos-fornecedor { width: 450px; height: auto; position: relative; margin: auto; z-index: 20; padding-top: 10px; }
    #view-faixa-produtos-fornecedor h2 { width: 100%; height: auto; position: relative; float: left; font-size: 38px; color: #D2242A; text-align: center; font-weight: 600; }
    #view-faixa-produtos-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; font-size: 23px; color: #2B2C2C; text-align: center; }
    #faixa-galeria-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: -55px; z-index: 590; }
    .item-galeria-ft-fornecedor { width: 20%; height: 176px; position: relative; float: left; overflow: hidden; background-color: #fff; }
    .item-ft-galeria-fornecedor-int { width: 353px; height: 240px; position: absolute; left: 50%; top: 50%; margin-left: -170px; margin-top: -135px; }

    /*Inicio sessao video fornecedor*/
    #div-video-fornecedor { width: 100%; height: auto; position: relative; float: left; padding-bottom: 116px; }
    #view-sessao-video-fornecedor { width: 450px; height: auto; position: relative; margin: auto; }
    #view-sessao-video-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 24px; color: #fff; text-align: center; font-weight: 600; }
    #player-video-fornecedor { width: 400px; height: 225px; position: relative; float: left; margin-left: 25px; margin-top: 10px; border-radius: 20px; overflow: hidden; }
    #legenda-player-video { width: 400px; height: auto; position: relative; float: left; margin-left: 25px; margin-top: 23px; font-size: 18px; color: #fff; text-align: left; }

    /* ==========================================================================
    Inicio links oficias
     ========================================================================== */
    #view-topo-links-oficiais { width: 450px; height: auto; position: relative; margin: auto; }
    #view-topo-links-oficiais h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 210px; font-size: 42px; font-weight: 800; text-align: center; text-transform: uppercase; color: #fff; }
    #view-topo-links-oficiais h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 21px; color: #fff; font-weight: 700; text-align: center; }
    .fix-title-tem-n-dd-lp { margin-top: 47px !important; }
    #calculadora-nf { width: 450px; height: 482px; position: absolute; left: -280px; top: 200px; background: url('img/calculadora-nf.webp'); background-size: 450px; }
    #cartoes-nf { width: 450px; height: 377px; position: absolute; right: -280px; top: 690px; background: url('img/cartoes-nf.webp'); background-size: 450px; }
    #promo-nf { display: none; }
    #carrinho-nf { width: 450px; height: 367px; position: absolute; left: -280px; top: 1000px; background: url('img/carrinho-nf.webp'); background-size: 450px; }
    #promo-nf { width: 450px; height: 419px; position: absolute; right: -280px; top: 1300px; background: url('img/promo-nf.webp'); background-size: 450px; }
    #div-s2-nf { width: 100%; height: 850px; position: relative; float: left; background: url('img/bg-bottom-dd-links-oficiais.webp'); background-repeat: repeat; }
    #nota-fiscal-int { width: 440px; height: auto; position: relative; margin: auto; }
    #topo-nota-fiscal { width: 440px; height: 177px; position: absolute; top: 0px; background: url('img/topo-nota-fiscal.webp'); background-repeat: no-repeat; background-size: 440px; z-index: 99; }
    #corpo-nota-fiscal { width: 380px; height: auto; position: relative; float: left; margin-top: -2500px; margin-left: 28px; background-color: #fff; }
    #divisoria-nf { width: 380px; height: 86px; position: relative; float: left; margin-left: 28px; background: url('img/divisoria-nf.webp'); background-repeat: repeat-x; }
    #rodape-nf { width: 380px; height: auto; position: relative; float: left; margin-left: 28px; background-color: #fff; padding: 40px 0px 0px 0px; opacity: 0; }
    #chamada-rodape-nf { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #282728; text-align: center; font-weight: 800; text-transform: uppercase; }
    #cta-rodape-nf { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
    #cta-int-rodape-nf { width: 280px; height: auto; position: relative; margin: auto; padding: 15px 0px; background-color: #282728; font-size: 17px; color: #fff; font-weight: 700; text-align: center; border-radius: 90px; cursor: pointer; text-transform: uppercase; }
    #cta-int-rodape-nf:hover { background-color: #5E5E5E; }
    #legenda-cta-nf { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 15px; color: #2A2728; text-align: center; padding: 0px 40px; text-transform: uppercase; }
    #faixa-titulo-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 121px; border-top: 3px dotted #000; border-bottom: 3px dotted #000; padding: 20px 20px; font-size: 20px; color: #000000; text-transform: uppercase; text-align: center; }
    #rodape-bg-nf { width: 380px; height: 100px; position: relative; float: left; margin-left: 28px; background: url('img/bg-rodape-nf.webp'); background-repeat: repeat-x; opacity: 0; }
    .icone-link-nf { width: 40px; height: 40px; position: relative; float: left; border: 2px dashed #000; border-radius: 6px; }
    .icone-int-nf { width: 30px; height: 30px; position: relative; float: left; margin-top: 4px; margin-left: 2px; }
    .sobre-link-nf { width: 70%; height: auto; position: relative; float: left; margin-top: 2px; margin-left: 12px; }
    .nome-link-nf { width: 100%; height: auto; position: relative; float: left; font-size: 12px; color: #000; text-transform: uppercase; }
    .txt-link-nf { width: 100%; height: auto; position: relative; float: left; font-size: 14px; color: #000; text-transform: uppercase; font-weight: 800; }
    .cta-visitar-link-nf { width: auto; height: auto; position: absolute; right: 20px; top: 12px; padding: 7px 15px; border: 2px dashed #000; color: #000; font-weight: 800; border-radius: 10px; text-transform: uppercase; display: none; }
    .icone-aviso-nf { width: 45px; height: 45px; position: relative; float: left; border-radius: 15px; }
    .txt-aviso-nf { width: 100%; height: auto; position: relative; float: left; text-transform: uppercase; margin-top: 3px; color: #000; font-size: 12px; }

    /* ==========================================================================
      Página DD Express
    ========================================================================== */
    #div-topo-dd-express { width: 100%; height: 480px; position: relative; float: left; margin-top: 95px; background: url(img/bg-topo-dd-express.webp); background-repeat: repeat; z-index: 30; }
    #div-elementos-bg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; overflow: hidden; }
    #pizza-topo-centro { width: 350px; height: 350px; position: absolute; left: 50%; margin-left: -175px; top: -200px; margin-top: -600px; background: url(img/pizza-topo-dd-express.webp); background-size: 350px; }
    #pote-catchup { width: 120px; height: 112px; position: absolute; top: 0px; left: -2px; background: url(img/pote-catchup.webp); background-size: 120px; }
    #tomate-topo { width: 200px; height: 198px; position: absolute; top: 220px; left: -120px; background: url(img/tomate.webp); background-size: 200px; }
    #pedaco-pizza { width: 200px; height: 226px; position: absolute; right: -50px; top: 20px; background: url(img/pedaco-pizza-topo.webp); background-size: 200px; background-repeat: no-repeat; }
    #view-topo-dd-express { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #faixa-logo-topo-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 201px; }
    #dd-express-logo-topo { width: 250px; height: 157px; position: relative; margin: auto; background-image: url(img/dd-express-logo.webp); background-size: 250px; }
    #pote-mangericao { width: 160px; height: 159px; position: absolute; left: 50%; margin-left: -80px; bottom: -160px; background: url('img/pot-catchup-com-mangericao.webp'); background-size: 160px; background-repeat: no-repeat; }

    /*Segunda sessao DD Express*/
    #s-2-dd-express { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-s2-dd-express.webp'); background-repeat: repeat; padding-bottom: 100px; z-index: 20; }
    #elementos-bg-s2 { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; overflow: hidden; display: none; }
    #view-s2-dd-express { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #view-s2-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; font-size: 32px; color: #fff; font-weight: 500; text-align: center; padding: 0px 70px; }
    #view-s2-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #fff; font-size: 20px; text-align: center; padding: 0px 20px; }
    #bloco-ctas-lojas-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 20px; }
    .item-cta-l-dd-express { width: 46%; height: auto; float: left; margin-top: 30px; margin-bottom: -20px; margin-left: 1.5%; margin-right: 1.5%; padding: 10px 20px; background-color: #77ACA7; font-size: 18px; color: #fff; border-radius: 50px; cursor: pointer; text-align: center; }
    #pizza-calabresa-topo { width: 400px; height: 400px; position: absolute; left: 50%; margin-left: -200px; margin-top: -160px; background: url('img/pizza-calabresa.webp'); background-size: 400px; }
    .folha-direita-dd-express { width: 130px; height: 115px; position: absolute; background: url('img/folha-esquerda-dd-express.webp'); background-size: 130px; background-repeat: no-repeat; }
    .folha-esquerda-dd-express { width: 100px; height: 94px; position: absolute; background: url('img/folha-direita-dd-express.webp'); background-size: 100px; }
    .folha-d1 { right: 10px; top: 1080px; }
    .folha-e1 { left: -40px; top: 110px; }
    #view-sabores-pizza-dd-express { width: 90%; height: auto; position: relative; margin: auto; z-index: 50; }
    #view-sabores-pizza-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 240px; font-size: 42px; color: #844D1F; text-align: center; font-weight: 700; }
    #view-sabores-pizza-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 22px; color: #845023; text-align: center; font-weight: 300; padding: 0px 39px; }
    #tomate-sabores-pizza { width: 170px; height: 168px; position: absolute; top: 160px; right: 0px; background: url(img/tomate.webp); background-size: 170px; display: none; }
    #barra-chocolate-pizza-d { width: 150px; height: 200px; position: absolute; right: 0px; bottom: -100px; background: url('img/barra-chocolate-d.webp'); background-size: 150px; background-repeat: no-repeat; }
    #div-s-sabores-esfirras { width: 100%; height: auto; position: relative; float: left; background-color: #544039; padding-bottom: 150px; }
    .folha-d2 { right: 0px; bottom: -120px; }
    .folha-e2 { left: 0px; top: -20px; z-index: 10; }
    #pizza-esfirra-morango-topo { width: 400px; height: 400px; position: absolute; left: 50%; margin-left: -200px; margin-top: -200px; background: url('img/esfirra-morango-topo.webp'); background-size: 400px; }
    #barra-chocolate-pizza-e { width: 160px; height: 220px; position: absolute; left: 0px; top: -180px; background: url('img/barra-chocolate-e.webp'); background-size: 160px; z-index: 20; background-repeat: no-repeat; }
    #view-sabores-esfirras-dd-express { width: 90%; height: auto; position: relative; margin: auto; z-index: 50; }
    #view-sabores-esfirras-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 210px; font-size: 40px; color: #D5CBB7; text-align: center; font-weight: 700; }
    #view-sabores-esfirras-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; color: #D5CBB7; text-align: center; font-weight: 300; padding: 0px 20px; }

    /*controles cards DD express*/
    .bloco-ctrl-dd-express { width: 75px; height: 75px; position: absolute; top: 50%; margin-top: -40px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
    .seta-l-ctrl-dd-express { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/seta-l-dd-express.webp); background-size: 40px; }
    .seta-r-ctrl-dd-express { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(img/seta-r-dd-express.webp); background-size: 40px; }

    /*Inicio iFood DD express*/
    #s-ifood-dd-express { width: 100%; height: auto; position: relative; float: left; z-index: 100; padding-bottom: 160px; }
    #view-s-ifood { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #bloco-logo-ifood { width: 130px; height: 130px; position: absolute; left: 50%; margin-left: -65px; top: -70px; background: url('img/ifood-logo.webp'); border-radius: 20px; overflow: hidden; background-size: 130px; }
    #view-s-ifood h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; color: #2F2F2D; font-size: 50px; font-weight: 700; text-align: center; }
    #view-s-ifood p { width: 100%; height: auto; position: relative; float: left; margin-top: -9px; color: #565757; font-size: 21px; font-weight: 300; text-align: center; padding: 0px 20px; }
    #s-horarios-dd-express { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-ofertas-sm.webp'); background-repeat: repeat; z-index: 30; padding-bottom: 90px;    /* overflow: hidden; */ }
    #tomate-horarios-d-pizza { width: 250px; height: 258px; position: absolute; top: 60px; right: 0px; background: url(img/tomate.webp); background-size: 250px; display: none; }
    #tomate-horarios-e-pizza { width: 250px; height: 258px; position: absolute; top: 420px; left: -120px; background: url(img/tomate.webp); background-size: 250px; display: none; }
    #view-s-horarios-dd-express { width: 76%; height: auto; position: relative; margin: auto; z-index: 10; }
    #view-s-horarios-dd-express h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; color: #2F2D2F; font-size: 32px; font-weight: 700; text-align: center; }
    #view-s-horarios-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 39px; margin-top: -12px; color: #2D2D2D; font-size: 22px; text-align: center !important; padding: 0px 20px; }
    #view-ctas-dd-express-pedido { width: 460px; height: 100%; position: relative; margin: auto; }

    /*Item horário DD Express*/
    .item-horario-dd-express { width: 100%; height: auto; position: relative; float: left; margin-bottom: 31px; border-radius: 20px; background-color: #FFEDA3; }
    .legenda-horario-dd-express { width: 100%; height: auto; position: relative; float: left; padding: 20px 30px 21px 120px; color: #2D2F2F; font-size: 17px; text-align: left; }
    .bg-out-ic-horario-dd-express { width: 100px; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; border-radius: 28px 0px 0px 116px; display: none; }
    .item-card-dd-express { border-radius: 20px; }
    .item-card-esfirra-dd-express { border-radius: 20px; }
    .legenda-card-dd-express { font-size: 18px; }
    .faixa-tipografia-dd-express-out { top: -130px; }
    .nuvem-1 { top: 100px; animation: animanuvem 90s infinite; -webkit-animation: animanuvem 90s infinite; -o-animation: animanuvem 90s infinite; -moz-animation: animanuvem 90s infinite; -ms-animation: animanuvem 90s infinite; }
    .nuvem-2 { top: 200px; animation: animanuvem 60s infinite; -webkit-animation: animanuvem 60s infinite; -o-animation: animanuvem 60s infinite; -moz-animation: animanuvem 60s infinite; -ms-animation: animanuvem 60s infinite; }
    .nuvem-3 { top: 100px; animation: animanuvem 30s infinite; -webkit-animation: animanuvem 30s infinite; -o-animation: animanuvem 30s infinite; -moz-animation: animanuvem 30s infinite; -ms-animation: animanuvem 30s infinite; }
    .nuvem-4 { top: 250px; animation: animanuvem 120s infinite; -webkit-animation: animanuvem 120s infinite; -o-animation: animanuvem 120s infinite; -moz-animation: animanuvem 120s infinite; -ms-animation: animanuvem 120s infinite; }
    .nuvem-5 { top: 270px; animation: animanuvem 57s infinite; -webkit-animation: animanuvem 57s infinite; -o-animation: animanuvem 57s infinite; -moz-animation: animanuvem 57s infinite; -ms-animation: animanuvem 57s infinite; }
    .nuvem-6 { top: 160px; animation: animanuvem 20s infinite; -webkit-animation: animanuvem 20s infinite; -o-animation: animanuvem 20s infinite; -moz-animation: animanuvem 20s infinite; -ms-animation: animanuvem 20s infinite; }
    .nuvem-7 { top: 300px; animation: animanuvem 45s infinite; -webkit-animation: animanuvem 45s infinite; -o-animation: animanuvem 45s infinite; -moz-animation: animanuvem 45s infinite; -ms-animation: animanuvem 45s infinite; }
    .nuvem-8 { top: 120px; animation: animanuvem 25s infinite; -webkit-animation: animanuvem 25s infinite; -o-animation: animanuvem 25s infinite; -moz-animation: animanuvem 25s infinite; -ms-animation: animanuvem 25s infinite; }
    @keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 110%; }
    }
    @-ms-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 110%; }
    }
    @-webkit-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 110%; }
    }
    @-moz-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 110%; }
    }
    @-o-keyframes animanuvem {
        0% { right: -80%; }
        100% { right: 110%; }
    }
    @keyframes motoboy {
        0% { left: -60%; }
        100% { left: 150%; }
    }
    @-ms-keyframes motoboy {
        0% { left: -60%; }
        100% { left: 150%; }
    }
    @-webkit-keyframes motoboy {
        0% { left: -60%; }
        100% { left: 150%; }
    }
    @-moz-keyframes motoboy {
        0% { left: -60%; }
        100% { left: 150%; }
    }
    @-o-keyframes motoboy {
        0% { left: -60%; }
        100% { left: 150%; }
    }

    /* Início clube DD+   */
    #menu-desktop-cta-clube { width: 38px; height: 38px; position: relative; float: right; margin-top: 23px; margin-right: 0px; border-radius: 8px; background: url(img/icn-m-desktop-clube.webp); background-size: 38px; cursor: pointer; opacity: 1; display: block; }
    .item-menu-f-clube-dd { width: auto; height: auto; position: relative; float: right; padding: 28px 18px; border-right: 1px solid #F8C310; font-size: 20px; color: #5C20E0; font-weight: 400; cursor: pointer; display: none; }
    #cta-fixo-voltar-dd { width: auto; height: auto; position: relative; float: left; margin-left: 6px; margin-top: 23px; padding: 7px 45px 7px 30px; font-size: 18px; color: #fff; background-color: #7531E9; border-radius: 100px; cursor: pointer; }
    #bloco-conteudo-banner-h-cdd { width: 90%; height: auto; position: relative; margin: auto; }
    .ilustra-e-conteudo-bloco-dd { width: 100%; height: 500px; position: relative; float: left; }
    #plus-rosa { width: 400px; height: 400px; position: absolute; top: -100px; left: 0px; background: url('img/plus-rosa.webp'); background-size: 400px; animation: prerotate 12s infinite ease; -webkit-animation: prerotate 12s infinite ease; -o-animation: prerotate 12s infinite ease; -moz-animation: prerotate 12s infinite ease; -ms-animation: prerotate 12s infinite ease; }
    .txt-conteudo-bloco-dd { width: 100%; height: 100%; position: relative; float: left; margin-left: 0%; }
    .item-link-rodape-clube-dd { width: 22%; height: 190px; position: relative; float: left; margin-left: 1.5%; margin-right: 1.5%; cursor: pointer; }

    /*Inicio menu mobile Clube*/
    #div-m-mobile-out-clube { width: 0%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; overflow: hidden; display: block; }
    #menu-mobile-clube { width: 330px; height: 100%; position: absolute; top: 0px; right: -400px; background-color: #fff; overflow-y: hidden; overflow-x: hidden; border-radius: 30px 0px 0px 30px; padding-bottom: 100px; -webkit-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -o-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -ms-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -moz-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); z-index: 30; }
    #ornamento-topo-menu-mobile-clube { width: 600px; height: 500px; position: absolute; top: -400px; left: 50%; margin-top: -900px; margin-left: -300px; background-color: #FF2C69; border-radius: 100%; }
    #logo-menu-mobile-clube { width: 160px; height: 118px; position: absolute; left: 50%; margin-left: -80px; top: 20px; background: url('img/clube-dd-logo.webp'); background-size: 160px; z-index: 20; cursor: pointer; opacity: 0; }
    #ornamento-bottom-menu-mobile-clube { width: 600px; height: 500px; position: absolute; bottom: -400px; left: 50%; margin-bottom: -500px; margin-left: -300px; background-color: #FF2C69; border-radius: 100%; cursor: pointer; }
    #ornamento-bottom-menu-mobile-clube-2 { width: 350px; height: 350px; position: absolute; bottom: -290px; left: 50%; margin-bottom: -500px; margin-left: -175px; background-color: #471083; border-radius: 100%; z-index: 30; cursor: pointer; }
    #txt-cta-fechar-clube { width: 100px; height: 31px; position: absolute; right: 111px; bottom: 9px; background: url(img/cta-fechar.webp); background-size: 100px; opacity: 1; z-index: 50; cursor: pointer; }
    #faixa-itens-menu-mobile-clube { width: 100%; height: 280px; top: 50%; position: relative; float: left; margin-top: -150px; padding: 0px 50px; opacity: 0; }
    .item-menu-mobile-clube { width: 50%; height: 50%; position: relative; float: left; overflow: hidden; cursor: pointer; opacity: 0.8; }
    .item-menu-mobile-clube:hover { opacity: 1; }
    .marcador-m-mobile-dd-express { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: 520px; bottom: -30px; background-color: #FF2C69; border-radius: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .atv-marcador-mobile-dd-express { margin-left: -20px !important; }
    .icn-menu-mobile-int-clube { width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; top: 5px; background-color: blue; }
    .icn-nome-clube { width: 100px; height: auto; position: absolute; left: 50%; margin-left: -50px; bottom: -35px; font-size: 14px; color: #8648FC; text-align: center; font-weight: 600; }
    .icnc-clube { background: url('img/icn-clube-pg-clube.webp'); background-size: 80px; }
    .icnc-beneficios { background: url('img/icn-beneficios.webp'); background-size: 80px; }
    .icnc-funcionamento { background: url('img/icnc-funcionamento.webp'); background-size: 80px; }
    .icnc-ofertas { background: url('img/icnc-ofertas.webp'); background-size: 80px; }
    .c-b-r { border-right: 1px solid #D3BEFD; }
    .c-b-b { border-bottom: 1px solid #D3BEFD; }
    #faixa-cta-menu-mobile-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #cta-m-clube { width: 250px; height: auto; left: 50%; position: relative; margin-left: -125px; padding: 10px 0px; background-color: #075DFC; color: #fff; font-size: 18px; border-radius: 50px; cursor: pointer; text-align: center; cursor: pointer; }
    #cta-m-clube:hover { background-color: #5531FF; }
    .banner-home-clube-dd-1 { display: none; }
    .banner-home-clube-dd-2 { display: none; }
    .banner-home-clube-dd-3 { display: block; }
    #view-banner-home-clube-dd { width: 95%; height: 100%; position: relative; margin: auto; }
    #logo-clube-dd { width: 130px; height: 100px; position: relative; float: left; margin-top: -4px !important; background: url('img/clube-dd-logo.webp'); background-size: 130px; background-repeat: no-repeat; }
    #play-icn-h-cdd { width: 110px; height: 95px; position: relative; margin: auto; background: url('img/play-banner-icn.gif'); background-size: 110px; background-repeat: no-repeat; }
    #chamada-banner-home-clube-dd h1 { width: 100%; height: auto; position: relative; float: left; font-size: 30px; color: #fff; text-align: center; font-weight: 600; line-height: 40px; padding: 0px 90px; }
    #chamada-banner-home-clube-dd p { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #fff; text-align: center; padding: 0px 50px; margin-top: -15px; }
    #ornamento-e-titulo-cdd { width: 170px; height: 34px; position: absolute; top: 88px; left: -5px; background: url('img/ornamento-titulo-clube-dd.gif'); background-size: 170px; background-repeat: no-repeat; }
    #ornamento-d-titulo-cdd { width: 170px; height: 25px; position: absolute; top: 88px; right: -5px; background: url('img/ornamento-titulo-clube-dd-d.gif'); background-size: 170px; }
    #faixa-cards-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; display: none; }
    #swipper-cards-vantagens-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; z-index: 90; display: block; }
    .item-card-vantagem-clube-swipper { width: 340px; height: 420px; position: relative; float: left; margin-left: 20px; margin-right: -55px; }
    .item-card-vantanges-clube-dd { width: 70%; height: 420px; position: relative; float: left; background-color: #fff; border-radius: 20px; z-index: 20; }
    .ilustra-card-vcdd { width: 100%; height: auto; position: relative; float: left; padding: 10px 10px 10px 10px; box-sizing: border-box; }
    .item-card-vantanges-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 24px; color: #A53FAD; text-align: center; font-weight: 600; padding: 0px 20px; box-sizing: border-box; }
    .item-card-vantanges-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px !important; font-size: 16px !important; color: #A53FAD !important; text-align: center; font-weight: 400 !important; line-height: 20px; padding: 0px 20px; box-sizing: border-box; }
    .regulamento-card-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 14px; text-align: center; font-weight: 300; padding: 0px 20px; color: #8F9EC9; text-align: center; box-sizing: border-box; }
    .divisoria-card-clube-dd { width: 20%; height: 420px; position: relative; float: left; }
    .plus-divisoria-clube-dd { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; background: url('img/plus.webp'); background-size: 150px; }
    #s3-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FFD83A; padding-bottom: 150px;    /* overflow: hidden; */ }
    #plus-amarelo-conteudo-clube-dd { width: 190px; height: 190px; position: absolute; right: 20px; top: -150px; background: url('img/plus-amarelo.webp'); background-size: 190px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #faixa-bloco-conteudo-banner-h-cdd { width: 100%; height: auto; top: 50%; position: relative; float: left; margin-top: -235px; }
    #plus-d-b-cdd { width: 60px; height: 152px; position: absolute; right: 0px; top: 70%; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 60px; z-index: 20; background-repeat: no-repeat; }

    /*Segunda sessao Home Clube DD + */
    #s2-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C69; padding-bottom: 160px; }
    #plus-e-cdd { width: 120px; height: 196px; position: absolute; left: 0px; top: -119px; background: url('img/plus-e-cdd.webp'); background-size: 120px; background-repeat: no-repeat; z-index: 30; }
    .bg-s-color-pink { background-color: #FF2C69 !important; }
    #view-s2-clube-dd { width: 90%; height: auto; position: relative; margin: auto; z-index: 30; }
    #view-s2-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 38px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #view-s2-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #fff; text-align: center; font-size: 26px; font-weight: 600; }
    #headline-banners-parceiros { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    #headline-banners-parceiros h3 { width: 100%; height: auto; position: relative; float: left; font-size: 38px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #headline-banners-parceiros h3 span { color: #FFD93B; }
    #swiper-parceiros-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; overflow: hidden; padding-left: 90px; padding-right: 130px; padding-right: 60px; z-index: 30; }
    #plus-amarelo-conteudo-clube-dd-parceiros { width: 150px; height: 150px; position: absolute; right: 50px; top: 780px; background: url('img/plus-amarelo.webp'); background-size: 150px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    .view-bloco-conteudo-dd { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #plus-rosa { width: 200px; height: 200px; position: absolute; top: -120px; left: 50%; margin-left: -100px; background: url('img/plus-rosa.webp'); background-size: 200px; animation: prerotate 12s infinite ease; -webkit-animation: prerotate 12s infinite ease; -o-animation: prerotate 12s infinite ease; -moz-animation: prerotate 12s infinite ease; -ms-animation: prerotate 12s infinite ease; background-repeat: no-repeat; }
    #plus-ilustra-1 { width: 400px; height: 401px; position: absolute; top: 30px; left: 50%; margin-left: -200px; background: url('img/plus-ilustra-1.webp'); background-size: 400px; background-repeat: no-repeat; }
    .txt-conteudo-bloco-dd h3 { width: 55%; height: auto; position: relative; float: left; margin-top: -40px; font-size: 45px; color: #FF2C69; font-weight: 700; }
    .txt-conteudo-bloco-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 20px; color: #552F7F; }
    .bg-s-color-roxo { background-color: #6327AB !important; z-index: 1; }
    #rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #6227AB; padding-bottom: 140px;        /* overflow: hidden; */ }
    #view-rodape-clube-dd { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-rodape-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 36px; color: #FF2C69; text-align: center; font-weight: 700; }
    #sub-chamada-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -23px; color: #FED83B; font-size: 23px; text-align: right; padding-right: 105px; font-weight: 700; }
    #plus-titulo-rodape-clube { width: 100px; height: 100px; position: absolute; left: 84px; top: -25px; background: url('img/plus-title.webp'); background-size: 100px; z-index: -1; }
    #plus-azul { width: 150px; height: 150px; position: absolute; left: 30px; top: -170px; background: url('img/plus-azul.webp'); background-size: 150px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #plus-rosa-grande { width: 110px; height: 110px; position: absolute; right: 1px; top: -200px; background: url('img/plus-rosa-grande.webp'); background-size: 110px; z-index: 10; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
    #plus-azul-2 { width: 150px; height: 150px; position: absolute; right: 20px; top: -90px; background: url('img/plus-azul-2.webp'); background-size: 150px; animation: prerotate 16s infinite ease; -webkit-animation: prerotate 16s infinite ease; -o-animation: prerotate 16s infinite ease; -moz-animation: prerotate 16s infinite ease; -ms-animation: prerotate 16s infinite ease; }
    #faixa-links-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -50px; }
    .plus-int-m-rodape { width: 110px; height: 110px; position: absolute; top: 50%; left: 50%; margin-left: -55px; background: url('img/plus-menu-clube-dd.webp'); background-size: 110px; }
    .nome-menu-plus-clube { width: 100%; height: 60px; position: absolute; top: 50%; margin-top: -16px; font-size: 16px; color: #fff; text-align: center; font-weight: 700; line-height: 14px; }

    /*Beneficios clube DD+*/
    #chamada-banner-home-clube-dd-beneficios p { width: 100%; height: auto; position: relative; float: left; font-size: 21px; color: #fff; text-align: center; padding: 0px 50px; margin-top: -15px; }
    .cta-conteudo-beneficio-clube { width: 250px; height: auto; position: relative; margin-left: 10%; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 20px; color: #fff; border-radius: 60px; cursor: pointer; }
    .cta-conteudo-produtos-clube { width: 262px; height: auto; position: relative; margin-left: 10%; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 18px; color: #fff; border-radius: 60px; cursor: pointer; }
    #bloco-conteudo-beneficios-banner-h-cdd { width: 100%; height: auto; position: relative; margin: auto; padding-top: 70px; }
    .s-conteudo-beneficios-clube { width: 100%; height: auto; position: relative; float: left; padding: 49px 0px 130px 0px;        /* overflow: hidden; */ }
    .view-s-conteudo-beneficio-clube { width: 95%; height: auto; position: relative; margin: auto; z-index: 20; }
    .plus-rosa-5 { width: 150px; height: 150px; position: relative; float: left; margin-left: 40px; margin-top: -60px; background: url('img/plus-rosa-grande.webp'); background-size: 150px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; background-repeat: no-repeat; }
    #personagem-1-beneficios-clube-dd { width: 260px; height: 260px; position: relative; float: left; margin-left: -40px; margin-top: -50px; z-index: 10; background: url('img/personagem-1-beneficios-clube.webp'); background-size: 260px; background-repeat: no-repeat; }
    .bg-conteudo-clube-rosa { background-color: #FF2C69 !important; }
    .bg-conteudo-clube-amarelo { background-color: #FED83B !important; }
    #plus-d-b-cdd-2 { width: 60px; height: 136px; position: absolute; right: 0px; top: -50px; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 60px; z-index: 20; background-repeat: no-repeat; }
    #personagem-2-beneficios-clube-dd { width: 280px; height: 280px; position: relative; float: right; margin-top: -30px; z-index: 10; background: url('img/personagem-2-beneficios-clube.webp'); background-size: 280px; }
    #plus-e-cdd-3 { width: 170px; height: 282px; position: absolute; left: -20px; top: -110px; background: url('img/plus-e-cdd.webp'); background-size: 170px; background-repeat: no-repeat; display: none; }

    /*Ornamentos s3 beneficios*/
    .plus-roxo-6 { width: 230px; height: 230px; position: relative; float: left; margin-top: -110px; background: url('img/plus-roxo.webp'); background-size: 230px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    .plus-amareloescuro-7 { width: 250px; height: 250px; position: relative; float: left; margin-left: -20px; margin-top: -60px; background: url('img/plus-amareloescuro.webp'); background-size: 250px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; }

    /*Ornamentos s4 beneficios*/
    #personagem-4-beneficios-clube-dd { width: 260px; height: 260px; position: relative; float: right; margin-top: -50px; z-index: 10; background: url('img/personagem-4-beneficios-clube.webp'); background-size: 260px; }

    /*Ornamentos s2 beneficios*/
    .plus-amarelo-6 { width: 180px; height: 180px; position: relative; float: left; margin-top: -70px; background: url('img/plus-amarelo.webp'); background-size: 180px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; background-repeat: no-repeat; }
    .plus-amarelo-7 { width: 180px; height: 180px; position: relative; float: left; margin-left: 10px; margin-top: -20px; background: url('img/plus-amarelo.webp'); background-size: 180px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; background-repeat: no-repeat; }
    #personagem-3-beneficios-clube-dd { width: 300px; height: 300px; position: relative; float: right; margin-top: -40px; z-index: 10; background: url('img/personagem-3-beneficios-clube.webp'); background-size: 300px; }
    .txt-s-conteudo-beneficio-clube h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 28px; font-weight: 700; }
    .txt-s-conteudo-beneficio-clube p { width: 80%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -5px; font-size: 18px; }
    .t-s1-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 10px; }
    .t-s2-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 70px !important; }
    .t-s3-beneficio-clube { color: #fff; padding-left: 10%; margin-top: 77px !important; }
    .t-s4-beneficio-clube { color: #FF2C69; padding-left: 10%; margin-top: 37px !important; }

    /*ornamentos s1 beneficios*/
    .plus-amarelo-4 { width: 170px; height: 220px; position: relative; float: left; margin-left: 120px; margin-top: -60px; background: url('img/plus-rosa.webp'); background-size: 170px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; background-repeat: no-repeat; }
    #plus-e-cdd-2 { width: 100px; height: 182px; position: absolute; left: 0px; top: -90px; background: url('img/plus-e-cdd.webp'); background-size: 100px; background-repeat: no-repeat; background-repeat: no-repeat; }
    #plus-d-cdd-2 { width: 140px; height: 245px; position: absolute; right: 0px; top: -130px; background: url('img/plus-o-e.webp'); background-size: 140px; background-repeat: no-repeat; }

    /* ==========================================================================
      Como funciona Clube DD
    ========================================================================== */
    #ornamento-plus-e-cmf { width: 100px; height: 227px; position: absolute; right: 0px; bottom: 630px; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 100px; }

    /*Passo a passo Clube DD+*/
    #s-passo-a-passo-clube-dd { width: 100%; height: 810px; position: relative; float: left; background-color: #FF2C69; }
    #ornamento-plus-cmf { width: 120px; height: 193px; position: absolute; left: 0px; top: -100px; background: url('img/plus-e-cdd.webp'); background-size: 120px; z-index: 20; }
    #view-s-passo-a-passo-clube-dd { width: 100%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-s-passo-a-passo-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 42px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #view-s-passo-a-passo-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -25px; color: #fff; text-align: center; font-size: 28px; font-weight: 600; }
    #faixa-passos-clube-dd { display: none; }
    #faixa-passo-a-passo-clube-tablet-mobile { width: 100%; height: 230px; position: relative; float: left; margin-top: 20px; display: block; }

    /*Controles passos DD+*/
    .bloco-ctrl-passos-dd { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: block; }
    .bloco-ctrl-passos-dd:hover { background-color: #EDFBFE; }
    .bloco-ctrl-l { left: 30px }
    .bloco-ctrl-r { right: 30px }
    .seta-l-ctrl { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url(img/seta-l.webp); background-size: 30px; }
    .seta-r-ctrl { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url(img/seta-r.webp); background-size: 30px; }

    /*Item passo clube dd*/
    .item-passo-a-passo { width: 25%; height: auto; position: relative; float: left; padding: 0px 30px; margin-right: -40px !important; }
    #ornamento-1-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 50px; top: 10px; background: url('img/ornamento-1-passo-a-passo.webp'); background-size: 100px; animation: prerotate 30s infinite ease; -webkit-animation: prerotate 30s infinite ease; -o-animation: prerotate 30s infinite ease; -moz-animation: prerotate 30s infinite ease; -ms-animation: prerotate 30s infinite ease; }
    #ornamento-2-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 40px; bottom: 230px; background: url('img/ornamento-2-passo-a-passo.webp'); background-size: 100px; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
    #ornamento-3-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 40px; top: 10px; background: url('img/ornamento-3-passo-a-passo.webp'); background-size: 100px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #ornamento-4-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 30px; bottom: 220px; background: url('img/ornamento-4-passo-a-passo.webp'); background-size: 100px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #faixa-cta-download-app-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; z-index: 90; }

    /*Ofertas selecionadas Clube DD*/
    #s-ofertas-selecionadas { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C6A; padding-bottom: 180px; }
    .view-ofertas-selecionadas { width: 450px; height: auto; position: relative; margin: auto; z-index: 40; }
    .view-ofertas-selecionadas h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; left: 0px; margin-left: 0px; font-size: 30px; color: #fff; text-align: center; font-weight: 700; }
    .view-ofertas-selecionadas p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 17px; color: #fff; text-align: center; font-weight: 400; padding: 0px 10px; }
    .faixa-produtos-selecionados { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }

    /*Card produto selecionado*/
    .selo-clube-dd { width: 70px; height: 70px; position: absolute; left: 20px; top: 10px; background: url('img/icn-clube-pg-clube.webp'); background-size: 70px; z-index: 99; }
    .item-card-produto-selecionado { width: 250px; height: auto; position: relative; float: left; background-color: #fff; border-radius: 20px; cursor: pointer; padding-bottom: 20px; }
    .bloco-img-produto-card { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 20px; border-radius: 10px; overflow: hidden; background-color: #F0F0F0; }
    .conteudo-bloco-oferta { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; padding-right: 20px; margin-top: 15px; }
    .preco-oferta { width: auto; height: auto; position: relative; float: left; font-size: 18px; color: #33B969; font-weight: 700; }
    .porcentagem-desconto-oferta { width: auto; height: auto; position: relative; float: left; margin-top: -2px; margin-left: 10px; background-color: #22AA67; padding: 4px 15px; color: #FFFFFF; border-radius: 10px; }
    .conteudo-bloco-oferta p { width: 80%; height: auto; position: relative; float: left; margin-top: 10px; color: #3E3E3E; font-size: 15px; }
    .faixa-preco-cheio { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; color: #898989; font-size: 16px; text-decoration: line-through; }
    .faixa-cta-conteudo-ofertas-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    .cta-conteudo-ofertas-clube { width: 280px; height: auto; left: 50%; position: relative; float: left; margin-top: 60px; margin-left: -140px; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 22px; color: #fff; border-radius: 60px; cursor: pointer; }

    /* ==========================================================================
      Central de Ajuda
    ========================================================================== */
    #ancora-ctr-faq { width: 1px; height: 1px; position: absolute; top: -60px; }
    #ancora-ctr-fale-conosco { width: 1px; height: 1px; position: absolute; top: -150px; }
    #topo-central-de-ajuda-pg { width: 100%; height: 480px; position: relative; float: left; margin-top: 120px; }
    #ornamento-topo-central-ajuda { width: 205px; height: 90px; position: absolute; right: 0px; top: -70px; background: url('img/ornamentop-topo-central-ajuda.webp'); background-size: 205px; background-repeat: no-repeat; }
    #ornamento-bottom-central-ajuda { width: 205px; height: 88px; position: absolute; left: 0px; bottom: -50px; background: url('img/ornamentop-bottom-central-ajuda.webp'); background-size: 205px; }
    #view-topo-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-central-ajuda h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 34px; color: #323435; text-align: center; font-weight: 700; }
    #view-topo-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -25px; font-size: 22px; color: #323435; text-align: center; font-weight: 300; }
    #faixa-int-links-central-ajuda { width: 320px; height: auto; position: relative; margin: auto; }
    .item-link-pg-central-ajuda { width: 120px; height: 120px; position: relative; float: left; margin-left: 20px; margin-right: 20px; background-color: #E7F8FC; border-radius: 10px; cursor: pointer; }
    .img-icn-faq-link { background: url('img/icn-faq.gif'); background-size: 120px; }
    .img-icn-contato-link { background: url('img/icn-fale-conosco.gif'); background-size: 120px; }
    .legenda-link-central-ajuda { width: 100px; height: auto; position: absolute; left: 10px; bottom: -62px; color: #343435; line-height: 21px; font-size: 19px; text-align: center; }
    #view-faq-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-faq-central-ajuda h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 32px; color: #2C2C2C; text-align: center; font-weight: 700; }
    #view-faq-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; text-align: center; color: #2D2C2C; font-size: 24px; font-weight: 300; padding: 0px 70px; }
    #view-formulario-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; z-index: 100; }
    #personagem-fale-conosco { width: 140px; height: 140px; position: absolute; left: 50%; margin-left: -70px; top: -21px; background-color: #dadada; border-radius: 50%; overflow: hidden; }
    #view-formulario-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; font-size: 34px; color: #2C2C2C; text-align: center; font-weight: 700; }
    #view-formulario-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 24px; text-align: center; color: #2C2C2C; }
    #view-faixa-politica-privacidade { width: 90%; height: auto; position: relative; margin: auto; }
    #view-faixa-politica-privacidade h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; color: #fff; font-size: 36px; font-weight: 700; text-align: center; }
    #view-faixa-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; color: #fff; font-size: 22px; font-weight: 300; text-align: center; padding: 0px 10px; }

    /*Atendimento fornecedor*/
    #topo-atendimento-fornecedor { width: 100%; height: 920px; position: relative; float: left; margin-top: 41px; background-color: #EBFEFF; }
    #ornamento-bottom-fornecedor { width: 320px; height: 257px; position: absolute; left: 0px; bottom: -130px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 320px; }
    #view-topo-atendimento-fornecedor { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-atendimento-fornecedor h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 188px; font-size: 37px; color: #343336; text-align: center; font-weight: 700; }
    #view-topo-atendimento-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 20px; color: #343535; text-align: center; font-weight: 300; padding: 0px 30px; }
    #faixa-infos-contato-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
    .item-faixa-contato { width: 100%; height: 150px; position: relative; float: left; overflow: hidden; margin-bottom: 15px; border-radius: 25px; margin-left: 0%; margin-right: 0%; background-color: #fff; }
    #faixa-cta-int-atendimento-fornecedor { width: 475px; height: auto; position: relative; margin: auto; }
    #cta-enviar-anexo { width: auto; height: auto; position: relative; float: left; margin-right: 20px; padding: 10px 25px 10px 50px; background-color: #085CFC; border-radius: 60px; color: #fff; font-size: 18px; cursor: pointer; }
    #icn-enviar-anexo { width: 25px; height: 25px; position: absolute; left: 10px; top: 10px; background-size: 25px; }
    #cta-enviar-mensagem-fornecedor { width: auto; height: auto; position: relative; float: left; padding: 10px 25px 10px 25px; background-color: #FFCB26; border-radius: 60px; color: #A07612; font-size: 18px; cursor: pointer; }

    /* ==========================================================================
      Página trabalhe conosco
    ========================================================================== */
    #banner-topo-trabalhe-conosco { width: 100%; height: 480px; position: relative; float: left; margin-top: 99px; }
    #view-banner-topo-trabalhe-conosco { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
    #view-banner-topo-trabalhe-conosco h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 119px; font-size: 38px; color: #fff; font-weight: 700; text-align: center; }
    #view-banner-topo-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 22px; color: #fff; font-weight: 400; text-align: center; padding: 0px 80px; }
    #cta-int-topo-trabalhe-conosco { width: 250px; height: auto; position: relative; margin: auto; padding: 14px 0px; background-color: #626EFC; color: #fff; font-size: 20px; text-align: center; cursor: pointer; border-radius: 90px; }
    #ornamento-organizacao-r { width: 170px; height: 342px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-organizacao-r.webp'); background-size: 220px; z-index: 10; background-repeat: no-repeat; }
    #ornamento-organizacao-l { width: 230px; height: 342px; position: absolute; left: -50px; top: 0px; background: url('img/ornamento-organizacao-e.webp'); background-size: 230px; z-index: 10; background-repeat: no-repeat; }
    #view-sobre-organizacao { width: 750px; height: auto; position: relative; margin: auto; z-index: 99; }
    #view-sobre-organizacao h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; margin-bottom: 0px; font-size: 38px; color: #343435; text-align: center; font-weight: 700; padding: 0px 160px; }
    #view-sobre-organizacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; margin-bottom: -5px; font-size: 20px; color: #323435; text-align: center; font-weight: 400; padding: 0px 100px; }
    .c-bg-1 { width: 200px; height: 200px; position: absolute; left: -140px; top: 610px; background-color: #434DFC; border-radius: 100%; }
    .c-bg-2 { width: 100px; height: 100px; position: absolute; left: 30%; bottom: 220px; background-color: #FFBA43; border-radius: 100%; }
    .c-bg-3 { width: 130px; height: 130px; position: absolute; right: 30%; bottom: 290px; background-color: #FFF38F; border-radius: 100%; }
    .c-bg-4 { width: 160px; height: 160px; position: absolute; right: 0px; bottom: 230px; background-color: #FFBC42; border-radius: 100%; }

    /*Bloco cards vagas*/
    .atv-item-tbnc-regiao { background-color: #fdc92e; color: #A17512; }
    .bloco-cards-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; display: none; }
    .item-card-vaga { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-right: 0%; margin-bottom: 20px; background-color: #F1FBFB; border-radius: 20px; padding: 20px 30px; box-sizing: border-box; }
    .item-card-vaga h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; color: #000100; font-size: 24px; color: #050505; font-weight: 500; }
    .desc-vaga { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding-bottom: 70px; color: #363939; font-size: 17px; font-weight: 400; }
    #view-faixa-numeros-trabalhe-conosco { width: 90%; height: auto; position: relative; margin: auto; z-index: 90; }
    .bg-icn-trabalhe-conosco { width: 120px; height: 120px; position: relative; margin: auto; background-color: #FFDE2A; border-radius: 100%; }
    .icn-n-lojas { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -109px; background: url('img/icn-n-loja.webp'); background-size: 100px; z-index: 10; }
    .icn-n-estados { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -114px; background: url('img/icn-n-estados.webp'); background-size: 100px; z-index: 10; }
    .icn-n-colaboradores { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -118px; background: url('img/icn-n-colaboradores.webp'); background-size: 100px; z-index: 10; }
    .descricao-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; }
    .descricao-n-item-lojas h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #fff; font-size: 22px; text-align: center; font-weight: 700; }
    .sobre-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 15px; text-align: center; font-weight: 400; }
    .atv-vagas { display: block; }

    /*Inicio beneficios trabalhe conosco*/
    #s-beneficios-trabalhe-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; background-color: #F2F9FA; padding-bottom: 250px; }
    #ornamento-d-trabalhe-conosco { width: 138px; height: 225px; position: absolute; right: 0px; top: -55px; background: url('img/ornamento-organizacao-r.webp'); background-size: 230px; background-repeat: no-repeat; }
    #ornamento-e-trabalhe-conosco { width: 240px; height: 190px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 240px; background-repeat: no-repeat; }
    #view-beneficios-trabalhe-conosco { width: 90%; height: auto; position: relative; margin: auto;    /* padding-bottom: 220px; */ }
    #view-beneficios-trabalhe-conosco h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 170px; margin-bottom: 10px; color: #2D2C2C; font-size: 30px; text-align: center; font-weight: 700; padding: 0px 120px; }
    #view-beneficios-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; margin-bottom: 9px; color: #2D2C2C; font-size: 18px; text-align: center; padding: 0px 80px; }

    /* ==========================================================================
     Página trabalhe conosco
    ========================================================================== */
    #view-banner-topo-trabalhe-conosco h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 131px; font-size: 32px; color: #fff; font-weight: 700; text-align: center; }
    #view-banner-topo-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 20px; color: #fff; font-weight: 400; text-align: center; padding: 0px 50px; }
    #cta-int-topo-trabalhe-conosco { width: 240px; height: auto; position: relative; margin: auto; padding: 11px 0px; background-color: #626EFC; color: #fff; font-size: 20px; text-align: center; cursor: pointer; border-radius: 90px; }
    #ornamento-organizacao-r { width: 110px; height: 110px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-organizacao-r.webp'); background-size: 110px; z-index: 10; background-repeat: no-repeat; }
    #ornamento-organizacao-l { width: 110px; height: 110px; position: absolute; left: 0px; top: 0px; background: url('img/ornamento-organizacao-e.webp'); background-size: 110px; z-index: 10; background-repeat: no-repeat; }
    #view-sobre-organizacao { width: 90%; height: auto; position: relative; margin: auto; z-index: 99; }
    #view-sobre-organizacao h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 51px; margin-bottom: -6px; font-size: 28px; color: #343435; text-align: center; font-weight: 700; padding: 0px 100px; }
    #view-sobre-organizacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; margin-bottom: -5px; font-size: 17px; color: #323435; text-align: center; font-weight: 400; padding: 0px 66px; }
    #view-vagas-disponiveis h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 9px; color: #2D2C2C; font-size: 30px; text-align: center; font-weight: 700; }
    #view-vagas-disponiveis p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #2D2C2C; font-size: 20px; text-align: center; padding: 0px 102px; }
    #faixa-selecao-regiao-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 2px; }
    #faixa-int-selecao-regiao-vagas { width: 100%; height: auto; position: relative; margin: auto; }
    .item-tbnc-regiao { width: 120px; height: auto; position: relative; float: left; margin-left: 5px; margin-right: 4px; padding: 9px 0px; background-color: #E7F9FB; color: #232121; font-size: 12px; font-weight: 600; text-align: center; border-radius: 90px; cursor: pointer; }
    .bloco-cards-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 22px; display: none; }
    .item-card-vaga { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-right: 0%; margin-bottom: 8px; background-color: #F1FBFB; border-radius: 20px; padding: 20px 30px; box-sizing: border-box; }
    .item-card-vaga h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; color: #000100; font-size: 21px; color: #050505; font-weight: 500; }
    .desc-vaga { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding-bottom: 70px; color: #363939; font-size: 14px; font-weight: 400; }
    .descricao-n-item-lojas h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #fff; font-size: 18px; text-align: center; font-weight: 700; }
    .sobre-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; color: #fff; font-size: 13px; text-align: center; font-weight: 400; }

    /*Inicio beneficios trabalhe conosco*/
    #s-beneficios-trabalhe-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; background-color: #F2F9FA; padding-bottom: 189px; }
    #ornamento-d-trabalhe-conosco { width: 160px; height: 220px; position: absolute; right: 0px; top: -29px; background: url('img/ornamento-organizacao-r.webp'); background-size: 160px; background-repeat: no-repeat; }
    #ornamento-e-trabalhe-conosco { width: 190px; height: 152px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 190px; background-repeat: no-repeat; }
    #view-beneficios-trabalhe-conosco h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 170px; margin-bottom: 10px; color: #2D2C2C; font-size: 24px; text-align: center; font-weight: 700; padding: 0px 50px; }
    #legenda-beneficios-tbnc-int { width: 90%; height: auto; position: relative; margin: auto; color: #2D2C2C; font-size: 17px; text-align: center; padding: 0px 20px; }
    .item-beneficio-tbnc { width: 200px !important; height: auto; position: relative; float: left; margin-left: 100px !important; margin-right: -80px !important; padding: 100px 20px 30px 20px; font-size: 14px; color: #2C2B29; text-align: center; font-weight: 600; border-radius: 10px; }
    .atv-vagas { display: block; }
    .atv-item-tbnc-regiao { background-color: #fdc92e; color: #A17512; }

    /*Inicio trabalhe institucional*/
    #banner-topo-institucional { width: 100%; height: 440px; position: relative; float: left; margin-top: 101px; background: url('img/banner-topo-institucional.webp'); background-size: cover; background-position-x: -700px; }
    #view-topo-institucional { width: 95%; height: 100%; position: relative; margin: auto; z-index: 99; }
    #view-topo-institucional h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 81px; font-size: 28px; color: #fff; font-weight: 700; text-align: center; }
    #view-topo-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 18px; text-align: center; padding: 0px 20px; }
    #cta-institucional-topo { width: 220px; height: auto; position: relative; margin: auto; padding: 12px 0px; background-color: #636EFC; color: #fff; font-size: 18PX; text-align: center; border-radius: 100px; cursor: pointer; }
    .bg-amarelo-ornamento-tp-institucional { background-color: #FFCB26 !important; }
    #bg-topo-institucional { width: 100%; height: 1010px; position: absolute; top: 0px; background: url(img/bg-timeline-institucional.webp); background-repeat: repeat-x; z-index: 95; opacity: 0; }
    #chamada-timeline-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; z-index: 99; }
    #chamada-timeline-institucional h2 { width: 100%; height: auto; position: relative; float: left; font-size: 34px; font-weight: 700; color: #373A44; text-align: center; }
    #chamada-timeline-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; color: #373A44; text-align: center; font-size: 24px; }
    #faixa-bg-img-timeline { width: 100%; height: 300px; position: absolute; top: 477px; background-color: #505BE3; }
    #ornamento-topo-missao { width: 340px; height: 113px; position: absolute; right: 0px; top: 0px; background: url(img/ornamento-topo-missao.webp); background-size: 340px; display: none; }
    #ornamento-rodape-missao { width: 340px; height: 171px; position: absolute; left: 0px; bottom: 0px; background: url(img/ornamento-rodape-missao.webp); background-size: 340px; display: none; }
    #view-missa-visao { width: 95%; height: auto; position: relative; margin: auto; z-index: 99; padding-top: 20px; }
    #view-missa-visao h2 { width: 100%; height: auto; position: relative; float: left; font-size: 34px; color: #343434; text-align: center; font-weight: 700; }
    #view-missa-visao p { width: 100%; height: auto; position: relative; margin-top: -10px; margin-bottom: 10px; float: left; font-size: 18px; color: #4D4E4F; text-align: center; font-weight: 300; padding: 0px 20px; }
    #sessao-timeline-institucional { width: 100%; height: 1180px; position: relative; float: left; background-color: #FFCB26; z-index: 90; }

    /*Inicio números insitucional*/
    #sessao-numeros-institucional { width: 100%; height: auto; position: relative; float: left; background-color: #2964EA; z-index: 300; padding-bottom: 15px; }
    #view-numeros-institucional { width: 95%; height: auto; position: relative; margin: auto; z-index: 100; }
    .item-numeros-institucional { width: 50%; height: 230px; position: relative; float: left; margin-top: 63px; }
    .item-numeros-institucional h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; color: #FFFFFF; font-size: 20px; text-align: center; font-weight: 600; padding: 0px 20px; }
    .item-numeros-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 14px; text-align: center; padding: 0px 20px; }
    #faixa-banner-numeros-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 87px; }
    #banner-institucional-int-numeros { width: 95%; height: auto; position: relative; margin: auto; cursor: pointer; }

    /*Inicio valores institucional*/
    #valores-institucional { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-espaco-fornecedor-int.webp); background-repeat: repeat; padding-bottom: 30px; }
    #view-valores-institucional h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; font-size: 36px; color: #2C2C2C; text-align: center; padding: 0px 20px; font-weight: 700; }
    #view-valores-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 18px; color: #2C2B2B; text-align: center; padding: 0px 20px; }

    /*Faixa cards valores*/
    #faixa-cards-valores-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 26px; }
    .card-valor { width: 49%; height: 80px; position: relative; float: left; margin-left: 1%; right: 1%; margin-bottom: 10px; background-color: #fff; border-radius: 20px; }
    .timeline-telas-menors { display: none; }

    /*Inicio home blog*/
    #faixa-topo-blog { width: 100%; height: 380px; position: relative; float: left; margin-top: 140px; background-color: #FFD228; overflow: hidden; }
    #view-faixa-topo-blog { width: 100%; height: auto; position: relative; margin: auto; z-index: 99; padding-top: 78px; }
    #logo-blog-dd-int-faixa { width: 150px; height: 147px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 150px; }

    /*Inicio bloco post destaque blog*/
    #faixa-categorias-blog { width: 100%; height: auto; position: relative; float: left; border-top: 1px solid #F7F7F7; background-color: #edfbff; margin-top: -26px; }
    #view-faixa-categorias-blog { width: 94%; height: auto; position: relative; margin: auto; }
    #view-faixa-categorias-blog p { width: 17%; height: auto; position: relative; float: left; margin-top: 13px; font-size: 18px; color: #6E7EB1; display: none; }
    #div-items-links-categorias-blog { width: 83%; height: auto; position: relative; float: left; margin-left: 0px; margin-top: 13px; margin-bottom: 21px; overflow: hidden; }
    .item-link-categoria-blog-topo { width: auto !important; height: auto; position: relative; float: left; margin-right: 12px; color: #7A92D1; font-size: 14px; cursor: pointer; padding: 4px 20px; background-color: #daf2f9; border-radius: 100px; }
    #div-controles-categorias-blog { width: 15%; height: auto; position: relative; float: right; margin-top: 11px; }
    #controle-e-c-blog { width: 49%; height: 28px; position: relative; float: left; margin-right: 0.5%; border-radius: 30px 0px 0px 30px; background-color: #506DC2; cursor: pointer; }
    #controle-d-c-blog { width: 49%; height: 28px; position: relative; float: left; margin-left: 0.5%; border-radius: 0px 30px 30px 0px; background-color: #506DC2; cursor: pointer; }
    #seta-d-b { width: 18px; height: 15px; position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -7px; background: url('img/seta-d-b.webp'); background-size: 18px; }
    #seta-e-b { width: 18px; height: 15px; position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -7px; background: url('img/seta-e-b.webp'); background-size: 18px; }
    #view-conteudo-destaque-blog { width: 520px; height: auto; position: relative; margin: auto; }
    #cover-post-destaque { width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden; }
    #txt-post-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 0px 0px 0px; }
    #txt-post-destaque h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 30px; word-spacing: 2px; letter-spacing: 2px; color: #2F2D2F; font-weight: 700; }
    #txt-post-destaque p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #383839; margin-top: -12px; letter-spacing: 1px; word-spacing: 2px; }
    #faixa-outros-posts-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }

    /*Item card post*/
    .card-post-blog { width: 100%; height: auto; position: relative; float: left; margin-right: 0%; margin-bottom: 30px; }
    .cover-post-card { width: 100%; height: auto; position: relative; float: left; overflow: hidden; border-radius: 10px; }
    .item-tag-card-post-blog { width: auto; height: auto; position: relative; float: left; margin-right: 5px; padding: 5px 10px; color: #fff; font-size: 11px; border-radius: 40px; cursor: pointer; }
    .card-post-blog h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 7px; font-size: 22px; color: #2D2D2D; font-weight: 700; letter-spacing: 1px; word-spacing: 1px; line-height: 28px; }
    .card-post-blog p { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 17px; color: #2D2D2F; letter-spacing: 1px; word-spacing: 1px; }

    /*Faixa posts populares*/
    #faixa-posts-populares { width: 100%; height: 530px; position: relative; float: left; background-color: #5864E3; margin-top: 100px; }
    .bg-ornamento-faixa-posts-populares { background-color: #5864E3 !important; }
    #ornamento-d-populares { width: 215px; height: 211px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-d-populares.webp'); background-size: 215px; display: none; }
    #ornamento-e-populares { width: 215px; height: 211px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-e-populares.webp'); background-size: 215px; display: none; }
    #view-posts-populares { width: 520px; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-posts-populares h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 88px; color: #fff; font-size: 34px; text-align: center; font-weight: 700; }
    .item-post-popular { width: 70%; height: 130px; position: relative; float: left; margin-left: 15%; margin-right: 3.3%; margin-top: -20px; }
    #posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding-bottom: 90px; }
    #view-posts-recentes { width: 520px; height: auto; position: relative; margin: auto; }
    .n-post-popular-int { width: 100%; height: 80px; position: absolute; top: 50%; margin-top: -42px; font-size: 48px; color: #fff; font-weight: 700; text-align: center; }
    .sobre-post-popular { width: 77%; height: auto; position: relative; float: left; padding-left: 0px; font-size: 21px; margin-top: 27px; color: #fff; }
    #view-posts-recentes h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; margin-bottom: 40px; text-align: center; font-size: 45px; font-weight: 700; color: #2D2F2D; }

    /*Inicio post blog*/
    #artigo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; padding-bottom: 130px }
    #view-artigo-blog { width: 100%; height: auto; position: relative; margin: auto; }
    #conteudo-artigo-blog { width: 100%; height: auto; position: relative; float: left; padding: 0px 30px; }
    #conteudo-artigo-blog h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 129px; margin-bottom: 0px; color: #2D2F2D; font-size: 31px; line-height: 39px; font-weight: 600; }
    #conteudo-artigo-blog p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #2F2F2D; line-height: 28px; word-spacing: 4px; }
    #player-video-blog-int { width: 514px; height: 290px; left: 50%; position: relative; float: left; border-radius: 15px; overflow: hidden; margin-left: -257px; }
    #faixa-info-post { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; }
    #icn-postado-por { width: 40px; height: 40px; position: relative; float: left; border-radius: 50%; background-color: #ff0057; }
    #txt-icn-postado-por { width: auto; height: auto; position: relative; float: left; margin-top: 5px; margin-left: 15px; font-size: 16px; color: #3946A1; font-weight: 700; line-height: 15px; }
    #txt-icn-postado-por span { font-size: 13px; font-weight: 300; }
    #reacoes-post { width: 54%; height: auto; position: relative; float: right; margin-top: -96px; }
    #txt-reacoes-post { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #3F3F40; text-align: center; font-weight: 600; }
    #img-emoticons { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 0px; }
    #faixa-posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; padding-bottom: 80px; }
    #faixa-posts-recentes-int { width: 90%; height: auto; position: relative; margin: auto; }
    #faixa-posts-recentes-int h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 40px; color: #3F3F40; font-size: 40px; text-align: center; }

    /*Posts populares artigo*/
    #posts-populares-artigo { width: 100%; height: auto; position: relative; float: left; padding-left: 30px; }
    #posts-populares-artigo h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 69px; padding-right: 0px; color: #3946A2; font-size: 32px; font-weight: 700; text-align: left; }

    /*item post popular artigo*/
    .item-post-popular-artigo { width: 49%; height: 80px; position: relative; float: left; margin-top: 30px; }
    .n-post-popular-artigo { width: 8%; height: auto; position: relative; float: left; }
    .headline-popular-artigo-int { width: 84%; height: auto; position: relative; float: right; padding-right: 20px; font-size: 18px; color: #5160C4; font-weight: 600; }

    /*Arquivo blog*/
    #arquivo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 214px; padding-bottom: 90px; }
    #view-arquivo-blog { width: 90%; height: auto; position: relative; margin: auto; }
    #lista-arquivo-blog { width: 100%; height: auto; position: relative; float: left; }
    .card-post-blog-arquivo { width: 100%; height: auto; position: relative; float: left; margin-right: 0%; margin-bottom: 50px; }
    #faixa-paginacao { width: 64%; height: auto; position: relative; float: left; margin-top: -20px; margin-left: 0%; }
    .item-bloco-paginacao { width: 45px; height: 45px; position: relative; float: left; margin-right: 10px; background-color: #FFCC26; border-radius: 10px; cursor: pointer; }
    #mais-do-arquivo-blog { display: none; }

    /*Inicio adega*/
    #topo-adega-home { width: 100%; height: 510px; position: relative; float: left; background: url('img/bg-topo-adega.webp'); background-repeat: repeat; margin-top: 100px; }
    #rolhas-e { width: 280px; height: 540px; position: absolute; left: -120px; top: 0px; background: url('img/rolhas-e.webp'); background-size: 290px; background-repeat: no-repeat; }
    #rolhas-d { width: 280px; height: 534px; position: absolute; right: -110px; top: 5px; background: url('img/rolhas-d.webp'); background-size: 284px; background-repeat: no-repeat; }
    #view-topo-home-adega { width: 90%; height: 100%; position: relative; margin: auto; z-index: 50; }
    #folha-e-topo { width: 150px; height: 139px; position: absolute; left: 50%; margin-left: -35px; top: -50px; background: url('img/folha-e-topo.webp'); background-size: 150px; background-repeat: no-repeat; }
    #folha-d-topo { width: 150px; height: 137px; position: absolute; left: 50%; margin-left: -115px; top: -50px; background: url('img/folha-d-topo.webp'); background-size: 150px; }
    #faixa-logo-adega-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 113px; }
    #logo-adega-topo { width: 160px; height: 185px; position: relative; margin: auto; background: url('img/logo-adega.webp'); background-size: 160px; }
    #faixa-busca-adega { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    #faixa-busca-adega-int { width: 290px; height: auto; position: relative; margin: auto; }
    #faixa-busca-adega-int input { width: 100%; height: auto; position: relative; float: left; padding: 13px 50px 14px 18px; background-color: #F6BD44; border-radius: 40px; border: 0px solid #000 !important; font-size: 20px; color: #402424; text-align: center; box-sizing: border-box; }
    #btn-busca-input { width: 40px; height: 40px; position: absolute; right: 10px; top: 5px; background-color: #EDE9E4; border-radius: 100px; z-index: 99; cursor: pointer; }

    /*sessao categoria vinhos*/
    #categoria-vinhos { width: 100%; height: 470px; position: relative; float: left; background-color: #F9F9F9; }
    #marca-vinho-e { width: 200px; height: 321px; position: absolute; left: 0px; top: 0px; background: url('img/marca-vinho.webp'); background-size: 200px; display: none; }
    #marca-vinho-d { width: 200px; height: 342px; position: absolute; right: 0px; top: 40px; background: url('img/marca-vinho-2.webp'); background-size: 200px; display: none; }
    #view-categoria-vinhos { width: 90%; height: auto; position: relative; margin: auto; z-index: 99; }
    #view-categoria-vinhos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -50px; font-size: 40px; font-weight: 500; color: #313030; text-align: center; }
    #view-categoria-vinhos p { width: 100%; height: auto; position: relative; float: left; margin-top: -33px; color: #0D0F0F; text-align: center; font-size: 18px; padding: 0px 20px; }
    #slide-categorias-vinhos { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; z-index: 30; }
    .fix-titulo-adega { margin-top: 50px !important; margin-bottom: 35px; }
    .item-categoria-vinho { width: 140px !important; height: auto; position: relative; float: left; margin-left: 90px; margin-right: -90px; cursor: pointer; }
    .bg-categoria-vinho { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; border-radius: 100%; }
    .item-categoria-vinho:hover .bg-categoria-vinho { width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px; border-radius: 100%; }
    .legenda-categoria-vinho { width: 100%; height: auto; position: relative; float: left; margin-top: 9px; font-size: 16px; color: #343333; text-align: center; }

    /*Vinhos mais vendidos*/
    #sessao-vinhos-mais-vendidos { width: 100%; height: 910px; position: relative; float: left; background: url('img/bg-vinhos-vendidos.webp'); background-repeat: repeat; }
    #view-vinhos-vendidos { width: 90%; height: auto; position: relative; margin: auto; }
    #view-vinhos-vendidos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; font-size: 38px; font-weight: 500; color: #313030; text-align: center; }
    #view-vinhos-vendidos p { width: 100%; height: auto; position: relative; float: left; margin-top: -21px; color: #0D0F0F; text-align: center; font-size: 24px; padding: 0px 40px; }

    /*Swiper cards vinhos vendidos*/
    #swiper-vinhos-vendidos { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }

    /*Card vinho mais vendido*/
    .card-vinho { width: 48% !important; height: auto; padding-bottom: 20px; position: relative; float: left; margin-left: 10px; background-color: #ffffff; border-radius: 20px; }

    /*Sessao produtores*/
    #sessao-produtores-vinho { width: 100%; height: 670px; position: relative; float: left; background-color: #F8F8F9; }
    .bg-s-top-card-vinhos { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background-color: #F8F8F9; border-radius: 100%; z-index: 1; }
    #ornamento-produtor-vinho-e { width: 450px; height: 421px; position: absolute; left: 0px; top: 0px; background: url('img/ornamento-rolhas-e.webp'); background-size: 450px; display: none; }
    #ornamento-produtor-vinho-d { width: 450px; height: 421px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-rolhas-d.webp'); background-size: 450px; display: none; }
    #view-sessao-produtores-vinho { width: 95%; height: auto; position: relative; margin: auto; z-index: 100; }
    #view-sessao-produtores-vinho h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 42px; font-weight: 500; color: #313030; text-align: center; }
    #view-sessao-produtores-vinho p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #0D0F0F; text-align: center; font-size: 26px; padding: 0px 20px; }

    /*item produtor*/
    .item-card-produtor { width: 120px !important; height: auto; position: relative; float: left; margin-left: 110px; margin-right: -103px; background-color: #F3F3F3; border-radius: 20px; padding: 20px 20px 20px 20px; overflow: hidden; }
    #faixa-cta-todos-produtores { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; }
    .bg-s-bottom-cat-vinhos { background-color: #F9F9F9; }

    /* Cards vinhos categorias */
    #categoria-vinhos-card { width: 100%; height: auto; position: relative; float: left; background-color: #F9F9F9; padding-bottom: 150px; padding-top: 100px; z-index: 450; margin-bottom: 100px; }
    .card-vinho-cat { width: 49% !important; height: auto; padding-bottom: 20px; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 10px; background-color: #fff; border-radius: 20px; }

    /*Inicio listam produtores adega*/
    #s-lista-produtores-adega { width: 100%; height: auto; position: relative; float: left; z-index: 300; margin-top: 20px; }
    .item-card-produtor-listagem { width: 24% !important; height: auto; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 10px; background-color: #F3F3F3; border-radius: 20px; padding: 20px 20px 20px 20px; overflow: hidden; }
    #sessao-produtores-vinho-lista { width: 100%; height: auto; position: relative; float: left; background-color: #F8F8F9; padding-bottom: 190px; }

    /*Inicio produtor adega*/
    #sobre-produtor-adega { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-sobre-produtor.webp'); background-repeat: repeat; margin-top: 160px; padding-bottom: 150px; z-index: 250; }
    #view-sobre-produtor { width: 95%; height: auto; position: relative; margin: auto; z-index: 390; }
    #logo-produtor-pagina { width: 200px; height: 200px; position: relative; margin: auto; }
    #view-sobre-produtor h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 38px; color: #313232; text-align: center; font-weight: 500; }
    #view-sobre-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #313231; font-size: 19px; text-align: center; line-height: 35px; padding: 0px 20px; }
    #view-vitrine-fornecedor { width: 95%; height: auto; position: relative; margin: auto; z-index: 300; }
    #view-vitrine-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; text-align: center; color: #323434; font-size: 38px; font-weight: 600; }
    .item-destaque-produtor { width: 50%; height: auto; position: relative; float: left; margin-bottom: 40px; }
    #listagem-vinhos-pg-produtor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; text-align: center; color: #323434; font-size: 38px; font-weight: 600; }
    #listagem-vinhos-pg-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 60px; color: #0D0F0F; text-align: center; font-size: 28px; padding: 0px 20px; }

    /*  Contato enviado  */
    #topo-contato-enviado { width: 100%; height: 500px; position: relative; float: left; margin-top: 100px; background-color: #EBFEFF; }
    #faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; margin-bottom: 110px; }
    #selo-reclame-aqui { width: 212px; height: 100px; position: relative; margin: auto; }
    #faixa-int-reclame-aqui { width: 800px; height: auto; position: relative; margin: auto; }
    #selo-reclame-aqui { width: 92px; height: 100px; position: relative; margin: auto; }
    #selo-emp-reclame { width: 88px; height: 165px; position: relative; float: left; margin-left: 10px; background: url('img/seloreclame-mobile.png'); background-size: 88px; }
    #faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; margin-bottom: 60px; }
    #faixa-int-reclame-aqui { width: 270px; height: auto; position: relative; margin: auto; padding-top: 70px; }
    #selo-emp-reclame { width: 88px; height: 165px; position: relative; float: left; margin-left: 10px; margin-top: -70px; background: url('img/seloreclame-mobile.png'); background-size: 88px; }

    /* ==========================================================================
     Inicio sala de imprensa
        ========================================================================== */

    /*   Interna download  */
    .menu-topo-loja { height: 138px !important; }
    #tag-estado-l-desktop { width: 38px; height: 38px; position: relative; float: left; margin-left: 6px; margin-top: 16px; border-radius: 50%; background-color: #EDFBFE; display: none; }
    #faixa-links-sala-imprensa-desktop { width: 100%; height: 47px; position: relative; float: left; background-color: #646FFF; }
    #view-faixa-links-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-faixa-links-sala-imprensa h3 { width: auto; height: auto; position: relative; float: left; font-size: 14px; color: #fff; padding: 10px 0px; margin-top: -8px; }
    #view-faixa-links-sala-imprensa ul li { width: auto; height: auto; position: relative; float: right; font-size: 12px; color: #fff; cursor: pointer; margin-left: 19px; }
    #toolbar-download { width: 100%; height: 54px; position: relative; float: left; background-color: #E5F9FD; }
    #view-toolbar-downloads { width: 95%; height: auto; position: relative; margin: auto; }
    #view-toolbar-downloads h4 { width: auto; position: relative; float: left; margin-top: 21px; font-size: 14px; color: #000; }
    #cta-baixar-tds-arquivos-toolbar { width: auto; height: auto; position: relative; margin-top: 10px; float: right; padding: 8px 20px; background-color: #0055ff; color: #fff; font-size: 13px; font-weight: 500; border-radius: 20px; cursor: pointer; cursor: pointer; }
    #faixa-blocos-imagens { width: 100%; height: auto; position: relative; float: left; margin-top: 191px; padding: 15px 15px 15px 25px; }
    .item-bloco-imagem-download { width: 49.6%; height: 201px; position: relative; float: left; margin-right: 0.2%; margin-bottom: 2px; background-color: #dadada; overflow: hidden; border-radius: 5px; }
    #view-chamada-faixa-downloads-sala-imprensa { width: 100%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-chamada-faixa-downloads-sala-imprensa h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 42px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
    #view-chamada-faixa-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 17px; color: #010101; text-align: center; padding: 0px 20px; font-weight: 400; }
    .bloco-ctrl-downloads { width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -75px; left: 40px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }
    .bloco-ctrr-downloads { width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -75px; right: 40px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); }

    /* Listagem downloads   */
    #topo-downloads-sala-imprensa { width: 100%; height: 470px; position: relative; float: left; background-color: #E5F9FD; }
    #view-topo-downloads-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-downloads-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 190px; font-size: 34px; color: #000; text-align: center; font-weight: 700; }
    #view-topo-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 19px; color: #000; text-align: center; padding: 0px 10px; font-weight: 400; }
    #view-s-faixa-downlodas-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    .card-download { width: 48%; height: auto; position: relative; float: left; margin-left: 2%; margin-bottom: 18px; padding-bottom: 30px; border-radius: 20px; padding-top: 20px; background-color: #F3FBFD; }
    .cta-ver-arquivos { width: auto; height: auto; position: relative; float: left; font-size: 16px; color: #000; font-weight: 500; cursor: pointer; }
    
    /*  Home sala de imprensa   */
    #topo-sala-imprensa { width: 100%; height: 560px; position: relative; float: left; margin-top: 135px; background-color: #E5F9FD; }
    #view-topo-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-sala-imprensa h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 38px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
    #view-topo-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; max-width: 700; font-size: 22px; color: #010101; text-align: center; padding: 0px 30px; font-weight: 500; }
    .view-links-ancoras-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    .item-link-sala-imprensa { width: 130px; height: 130px; position: relative; float: left; margin-left: 32px; background-color: #fff; border-radius: 15px; cursor: pointer; }
    .icone-link-sala-imprensa { width: 130px; height: 130px; position: absolute; top: 0px; left: 0px; }
    .legenda-link-ancora-sala-imprensa { width: 100%; height: auto; position: absolute; bottom: -66px; font-size: 16px; text-align: center; color: #000; text-align: center; padding: 0px 20px; line-height: 22px; }
    #view-faixa-posts-home-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; z-index: 100; }
    .headline-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 42px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
    .chamada-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; margin-bottom: 110px; max-width: 700; font-size: 22px; color: #010101; text-align: center; padding: 0px 30px; font-weight: 500; }

    #topo-blog-sala-imprensa { width: 100%; height: 439px; position: relative; float: left; background-color: #E5F9FD; }
    #view-topo-blog-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-blog-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; font-size: 42px; color: #000; text-align: center; font-weight: 700; }
    #view-topo-blog-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 22px; color: #000; text-align: center; padding: 0px 20px; font-weight: 400; }

}

/*Inicio smartphones*/
@media only screen  
and (min-width:370px) 
and (max-width:480px) {

    #conteudo-artigo-blog ul, #conteudo-artigo-blog ol { list-style-type: disc; padding-left: 50px !important; padding-right: 40px !important; }
    .conteudo-instagram { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 0px; border-radius: 20px; padding: 0px 30px; }
    .conteudo-instagram-fix { width: 320px; height: auto; left: 50%; position: relative; float: left; margin-top: 20px; margin-bottom: 0px; border-radius: 20px; padding: 0px 0px; overflow: hidden; margin-left: -160px; }
    #conteudo-artigo-blog h4 { font-size: 2.28rem; line-height: 110%; margin: 1.52rem 0 0.912rem 0; padding: 0px 24px; font-size: 27px; }
    #balao-aniversario { width: 150px; height: 272px; position: fixed; left: 50%; margin-left: -75px; bottom: 150px; background: url('img/balao-10-anos.png'); background-size: 150px; z-index: 99998; animation: flutuar 3s ease-in-out infinite; /* Animação padrão */ -webkit-animation: flutuar 3s ease-in-out infinite; /* Para navegadores WebKit */ -moz-animation: flutuar 3s ease-in-out infinite; /* Para navegadores Mozilla */ -o-animation: flutuar 3s ease-in-out infinite; /* Para navegadores Opera */ -ms-animation: flutuar 3s ease-in-out infinite; /* Para navegadores Microsoft */ }
    #selo-aniversario { width: 300px; height: 300px; position: fixed; bottom: 0px; left: 50%; margin-left: -150px; background: url('img/selo-aniversario.png'); background-size: 300px; z-index: 99999; animation: girar 3s infinite; /* Animação padrão */ -webkit-animation: girar 3s infinite; /* Para navegadores WebKit */ -moz-animation: girar 3s infinite; /* Para navegadores Mozilla */ -o-animation: girar 3s infinite; /* Para navegadores Opera */ -ms-animation: girar 3s infinite; /* Para navegadores Microsoft */ }
    .desktop-pop { display: none; }
    .mobile-pop { display: block; }

    /*janela popup*/
    #janela-popup { width: 340px; height: 600px; position: fixed; top: 450%; left: 50%; margin-left: -167px; margin-top: -300px; border-radius: 30px; border: 10px solid #fff; z-index: 9999999; background-color: #fff; }
    #modal-int-popup { width: 100%; height: 100%; position: relative; top: 0px; border-radius: 30px; overflow: hidden; z-index: 10; }
    #cta-close-popup { width: 70px; height: 70px; position: absolute; right: 50%; top: 50%; margin-top: -275px; border-radius: 100%; margin-right: -135px; background-color: red; cursor: pointer; }
    #cta-close-popup:hover { background-color: #000ECB; }
    #cta-close-int-poopup { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; background: url('img/close.gif'); background-size: 50px; }
    #banner-topo-trabalhe-conosco-int { width: 1300px; height: 339px; left: 50%; position: relative; margin-top: 0px; margin-left: -650px; background: url(img/banner-topo-trabalhe-conosco.jpg); background-size: 1300px; }
    #sobre-organizacao { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 0px; }

    /*player youtube*/
    #player-youtube { width: 280px; height: 157px; position: fixed; top: -250%; left: 50%; margin-left: -140px; margin-top: -100px; border-radius: 20px; overflow: hidden; z-index: 9999; }
    #fechar-yt { width: auto; height: auto; position: absolute; right: 6px; top: 10px; padding: 5px 13px; background-color: #FF4A43; color: #fff; font-size: 16px; border-radius: 30px; cursor: pointer; }
    #box-janela-whatsapp { width: 100%; height: 100%; position: fixed; right: -220%; bottom: 0px; z-index: 9999; background-color: #fff; border-radius: 40px 0px 0px 0px; }

    /* ==========================================================================
         LGPD
       ========================================================================== */
    #janela-aviso-lgp { width: 90%; height: auto; position: fixed; left: 5%; margin-left: 0px; padding-bottom: 31px; background-color: #f4fcff; border-radius: 15px; z-index: 9999999999999 !important; border: 2px solid #e4edf0; }
    #janela-aviso-lgp h2 { width: 90%; height: auto; position: relative; float: left; margin-top: 28px; margin-left: 20px; color: #000000; font-size: 18px; font-weight: 700; text-transform: uppercase; }
    #janela-aviso-lgp p { width: 91%; height: auto; position: relative; float: left; margin-top: -28px; margin-left: 20px; color: #000000; font-size: 12px; }
    #cta-concordar-lgpd { width: auto; height: auto; position: relative; float: left; margin-right: 17px; margin-left: 15px; margin-top: 4px; font-size: 17px; color: #7c550a; padding: 10px 30px; font-weight: 700; border: 0px solid #ffffff; border-radius: 277px; cursor: pointer; background-color: #ffcc26; }
    #cta-concordar-lgpd:hover { background-color: #ffe600; color: #7c550a; }

    /* ==========================================================================
      Politica de privacidade
      ========================================================================== */
    #conteudo-politica-privacidade { width: 90%; height: auto; position: relative; margin: auto; padding-top: 60px; padding-right: 0px; color: #445c7e !important; }
    #conteudo-politica-privacidade h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; font-size: 17px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade h3 { width: 100%; height: auto; position: relative; float: left; margin-left: -20px; margin-top: 20px; margin-bottom: -10px; font-size: 20px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 12px; color: #445c7e; text-align: left; font-weight: 400; }
    #conteudo-politica-privacidade li { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-left: -12px; font-size: 12px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade li p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 12px; color: #445c7e; text-align: left; font-weight: 400; }
    ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 30px !important; }
    table { width: 100%; display: table; font-size: 8px; }

    /* ==========================================================================
      Inicio Topico Importante
       ========================================================================== */
    #div-conteudo-topico { width: 90%; height: auto; position: relative; margin: auto; }
    #view-conteudo-topico { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; }
    #div-conteudo-txt-topico { width: 100%; height: auto; position: relative; float: left; }

    /*Inicio sidebar topicos importantes*/
    #div-sidebar-topico { display: none; width: 25%; height: auto; position: relative; float: left; margin-left: 30px; cursor: pointer; }
    #div-sidebar-topico h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 0px; font-size: 22px !important; color: #363636 !important; font-weight: 700; }
    .item-topico-sidebar { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -45px; border-top: 1px solid #dadada; }
    .item-topico-sidebar p { width: auto; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; color: #363636; }
    .seta-topico-sidebar { width: 25px; height: 25px; position: absolute; right: 0px; top: 14px; background: url(img/seta-topico.webp); background-size: 25px; }
    .item-topico-sidebar:hover p { color: #ff3b2f !important; }
    .cta-sidebar-topicos { width: 100%; height: auto; position: relative; float: left; padding: 20px 0px; margin-top: 40px; }
    .cta-int-sidebar-topicos { width: auto; height: auto; position: relative; float: left; padding: 7px 12px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 14px; font-weight: 700; }
    .cta-int-sidebar-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .container-conteudo-flexivel { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; }

    /*Inicio headline topico*/
    .headline-topico { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; }
    .headline-topico h1 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #363636; font-weight: 700; }
    .headline-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 22px; font-size: 14px; color: #363636; }

    /*Conteúdo flexiviel - Banner com ilustração*/
    .bg-banner-ilustracao { width: 100%; height: 150px; position: relative; float: left; border-radius: 10px; }
    .ilustracao-banner-topico { width: 150px; height: 150px; position: absolute; right: 0px; top: -15px; }
    .bg-banner-ilustracao h2 { width: 60%; height: auto; position: relative; float: left; margin-top: 40px; padding-left: 30px; color: #fff; font-size: 17px; }
    .headline-banner-ilustracao { font-weight: 800; font-size: 19px; }

    /*Conteúdo flexiviel - Links âncoras*/
    #ancoras-topico { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; }
    .item-ancora-topico { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; font-size: 14px; color: #fff; background-color: #ff3b2f; border-radius: 40px; margin-left: 3px; margin-bottom: 10px; cursor: pointer; }
    .item-ancora-topico:hover { background-color: #ff0f00; }
    .ancora-topico { width: 1px; height: 1px; position: absolute; top: -125px; }

    /*Conteúdo flexiviel - Banner com foto*/
    .banner-foto-topico { width: 100%; height: 400px; position: relative; float: left; border-radius: 10px; overflow: hidden; background-color: #dadada; }
    .bg-txt-banner-foto-topico { width: 100%; height: 130px; position: relative; float: left; }
    .bg-txt-banner-foto-topico h3 { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 40px; color: #fff; font-size: 22px; font-weight: 700; }
    .foto-banner-topico { width: 100%; height: 100%; position: relative; float: left; overflow: hidden; }
    .foto-int-banner-topico { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; }

    /*Conteúdo flexiviel - Bloco de texto*/
    .bloco-de-texto-topico { width: 100%; height: auto; position: relative; float: left; }
    .bloco-de-texto-topico h3 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #363636; font-weight: 700; }
    .bloco-de-texto-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; margin-bottom: 22px; font-size: 14px; color: #363636; }

    /*Conteúdo flexiviel - Lista*/
    .lista-topico { width: 100%; height: auto; position: relative; float: left; }
    .item-lista-topico { width: 95%; height: auto; position: relative; float: left; margin-left: 20px; margin-bottom: 10px; }
    .icone-lista-topico { width: 25px; height: 25px; position: relative; float: left; background: url(img/arrow-right-topico.webp); background-size: 25px; }
    .txt-item-lista-topico { width: 70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: 1px; color: #000; font-size: 14px; opacity: 0.5; }

    /*Inicio mais tópicos*/
    #div-mais-topicos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 110px; }
    .cta-todos-topicos-cards { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }
    .cta-int-card-topicos { width: auto; height: auto; position: relative; float: left; margin-left: 1%; margin-right: 1%; padding: 10px 20px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 17px; font-weight: 700; cursor: pointer; }
    .cta-int-card-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .item-card-topico { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-right: 1%; margin-bottom: 20px; padding-bottom: 40px; background-color: #585d7b; border-radius: 10px; cursor: pointer; }
    .fix-mais-topicos { margin-left: 0px; }
    .item-card-topico:hover { background-color: #787e9e; }
    .item-card-topico h2 { width: 85%; height: auto; position: relative; float: left; margin-top: 32px; margin-left: 20px; color: #fff; font-size: 20px; }
    .item-card-topico p { width: 87%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 20px; color: #fff; font-size: 16px; }
    .seta-card-topico { width: 30px; height: 30px; position: absolute; right: 20px; bottom: 15px; background: url(img/seta-card-topico.webp); background-size: 30px; }

    /* Janela vinho */
    #janela-vinho-adega { width: 100%; height: 100%; position: fixed; right: -220%; background-color: #F9F9F9; border-radius: 0px 0px 0px 0px; z-index: 9999; overflow: hidden; -webkit-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); }
    #bg-topo-janela-vinho { width: 800px; height: 600px; position: absolute; top: -460px; left: 50%; margin-left: -400px; background-color: #1C1A21; border-radius: 100%; z-index: 90; }
    #mascara-janela-geolocalizacao { display: none; }

    /*Estilos gerais*/
    .mobile { display: block; }
    .desktop { display: none !important; }
    .hide-telas-menores-2 { display: none; }
    .mascara-bottom-out { width: 100%; height: 160px; position: relative; bottom: 16px; overflow: hidden; }
    .mascara-inversa-top-out { width: 100%; height: 160px; position: absolute; top: -62px; overflow: hidden; }
    .mascara-sessao-branca { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-menu-mobile.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-tipo-vinhos { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-tipo-vinhos.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-card-vinhos { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-cards-vinhos.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-card-produtores { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-cards-produtores.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-branca-topo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -320px; background: url(img/bg-branco-topo.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-azul-escuro-topo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -320px; margin-top: 37px; background: url(img/bg-azul-escuro-rodape.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-amarela { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-amarelo.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-amarela-blog { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-amarelo-blog.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-amarela { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-amarelo-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-branca { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-branco-inverso-2.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-adega-topo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-adega-inverso-2.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-branca-topo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-branco-inverso-topo.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-azul { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-azul-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-azul-claro { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-azul-claro-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-rosa { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-rosa-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-amarelo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-marelo-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-roxo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-roxo-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-azul-escuro { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-azul-escuro-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-azul-rodape { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -320px; background: url(img/bg-azul-rodape.svg); background-size: 600px; background-repeat: no-repeat; }
    .toast { width: 90%; border-radius: 0; margin-left: 5%; }

    /* tag trocar região mobile */
    #tag-trocar-regiao-mobile { width: 300px; height: 36px; position: fixed; left: 50%; margin-left: -150px; bottom: 0px; z-index: 999; background-color: #FFCB26; border-radius: 15px 15px 0px 0px; -webkit-box-shadow: 0px 0px 77px -1px rgba(0, 0, 0, 0.36); -moz-box-shadow: 0px 0px 77px -1px rgba(0, 0, 0, 0.36); -ms-box-shadow: 0px 0px 77px -1px rgba(0, 0, 0, 0.36); -o-box-shadow: 0px 0px 77px -1px rgba(0, 0, 0, 0.36); box-shadow: 0px 0px 77px -1px rgba(0, 0, 0, 0.36); cursor: pointer; }
    #txt-trocar-regiao-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; color: #000000; text-align: center; font-weight: 500; z-index: 20; opacity: 0; }
    #bg-icn-tag-regiao-mobile { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; top: -20px; background-color: #FFCC26; border-radius: 30px; transform: rotate(45deg); }
    #icn-int-tag-regiao { width: 24px; height: 24px; position: absolute; left: 50%; margin-left: -12px; top: -22px; z-index: 100; background: url(img/icn-loja-tag.webp); background-size: 24px; opacity: 0; }

    /* Janela aviso mapa mobile  */
    #janela-aviso-mapa-mobile { width: 100%; height: 290px; position: fixed; bottom: -600px; background-color: #fff; border-radius: 25px 25px 0px 0px; z-index: 9999999999; }
    #icn-mapa-aviso-mobile { width: 150px; height: 150px; position: absolute; left: 50%; margin-left: -75px; top: -65px; border-radius: 100%; border: 15px solid #fff; background-color: #AEE2EA; overflow: hidden; }
    #icn-mapa-int { width: 240px; height: 180px; position: absolute; left: 50%; top: 50%; margin-left: -120px; margin-top: -90px; background: url('img/city.webp'); background-size: 240px; }
    #infos-janela-mapa-mobile { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: 90px; }
    #infos-janela-mapa-mobile h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 0px; font-weight: 700; text-align: center; color: #1C1C1C; font-size: 22px; }
    #infos-janela-mapa-mobile p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; text-align: center; color: #1C1C1C; font-size: 16px; }
    #barra-progresso-mapa-mobile { width: 100%; height: 30px; position: relative; float: left; margin-top: 0px; background-color: #E8F6F7; border-radius: 40px; overflow: hidden; }
    #barra-int-progresso-mapa-mobile { width: 0%; height: 30px; position: absolute; left: 0px; border-radius: 0px 50px 50px 0px; background-color: #FFBC09; }
    #circulo-cta-fechar-m-mobile-mapa { width: 320px; height: 240px; position: absolute; right: 50%; margin-right: -160px; bottom: -691px; background-color: #536DBE; border-radius: 50%; z-index: 10; }
    #circulo-cta-fechar-m-mobile-mapa:hover { background-color: #29428d; }
    #txt-cta-fechar-mapa { width: 100px; height: 31px; position: absolute; right: 50%; margin-right: -50px; bottom: 198px; background: url(img/cta-fechar.webp); background-size: 100px; }

    /*Inicio janela tabloide*/
    #janela-tabloide { width: 100%; height: 100%; position: fixed; top: -130%; background-color: #536DBE; z-index: 99999; opacity: 0; overflow: hidden; }
    .container-swiper-tabloide { width: 100%; height: 100%; position: relative; float: left; margin-left: 0%; padding-top: 0px; margin-top: 60px; padding-bottom: 100px; border-radius: 0px; }
    #view-controles-tabloide-mobile { display: none; width: 100%; height: 60px; position: absolute; top: 0px; z-index: 999; background-color: #fff; padding: 10px 0px; border-radius: 0px 0px 20px 20px; display: block; }
    #controles-tabloide-mobile { width: 310px; height: auto; position: relative;        /* left: 50%; */        /* margin-left: -175px; */
    margin: auto; z-index: 99; }
    #cta-arraste-tabloide-mobile { width: auto; height: auto; position: relative; float: left; padding: 10px 20px 10px 31px; background-color: #D9EFF1; color: #5F86AA; font-size: 14px; font-weight: 700; text-align: center; border-radius: 40px; cursor: pointer; }
    #icone-cta-arraste-tbl { width: 15px; height: 15px; position: absolute; left: 10px; top: 12px; background: url('img/icone-arrastar-para-o-lado.webp'); background-size: 15px; }
    #cta-download-tabloide-mobile { width: auto; height: auto; position: relative; float: left; padding: 10px 20px 10px 32px; background-color: #FFC625; color: #A27411; font-size: 14px; font-weight: 700; text-align: center; border-radius: 40px; cursor: pointer; margin-left: 10px; }
    #icone-cta-download-tbl { width: 15px; height: 15px; position: absolute; left: 10px; top: 12px; background: url('img/icone-download.webp'); background-size: 15px; }
    #bg-cta-fechar-tbl-m { display: block; width: 100%; height: auto; position: absolute; bottom: 0px; background-color: #536DBE; z-index: 100; padding: 10px 0px; border-radius: 20px 20px 0px 0px; }
    #txt-cta-fechar-tbl-m { width: 100px; height: 31px; position: relative; margin: auto; background: url(img/cta-fechar.webp); background-size: 100px; }
    #bg-cta-fechar-tbl-m:hover { background-color: #29428d; }
    #bg-cta-fechar-tbl-m:hover #janela-tabloide { background-color: #29428d; }

    /* Janela seleção lojas  */
    #janela-loja-selecao-mobile { width: 100%; height: 100%; position: fixed; top: -180%; left: 0px; background-color: #fff; z-index: 99999; overflow: hidden; opacity: 0; }
    #bg-topo-j-lojas { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; top: -1510px; border-radius: 100%; background-color: #EAF5F6; overflow: hidden; background: url('img/bg-topo-map.webp'); background-size: cover; }
    #bg-bottom-j-lojas { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; bottom: -1510px; border-radius: 100%; background-color: #EAF5F6; overflow: hidden; background: url('img/bg-topo-map.webp'); background-size: cover; }
    #logo-topo-lojas-j { width: 100%; height: auto; position: relative; float: left; margin-top: 23px; z-index: 20; opacity: 0; }
    #logo-topo-lojas-j-int { width: 200px; height: 80px; position: relative; margin: auto; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 200px; background-repeat: no-repeat; }
    #selecao-l-m-inicial { width: 100%; height: 260px; position: absolute; top: 50%; margin-top: -130px; overflow: hidden; }
    #janela-loja-selecao-mobile h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 28px; color: #222122; text-align: center; font-weight: 700; padding: 0px 20px; opacity: 0; }
    #janela-loja-selecao-mobile p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 22px; color: #3E3E3E; text-align: center; padding: 0px 60px; opacity: 0; }
    #ctas-janela-loja-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 30px; opacity: 0; }

    /* Janela formulário */
    #janela-contato-loja { width: 350px; height: 600px; position: fixed; left: 50%; margin-left: -175px; top: -350%; margin-top: -300px; background-color: #fff; border-radius: 30px; z-index: 9999; opacity: 0; }
    #janela-contato-loja-sobre { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 14px; padding: 0px 20px; text-align: center; }
    .item-contato-janela-txt { width: 100%; height: auto; position: absolute; top: 22px; padding: 0px 20px 0px 70px; font-size: 12px !important; color: #2C4898; font-weight: 600; }
    #cta-janela-formulario-contato { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 20px; border-radius: 50px; font-size: 16px; font-weight: 600; padding: 15px 20px 15px 75px; color: #A87C11; background-color: #FFCC02; cursor: pointer; }

    /*CTA Loja localizada*/
    #cta-loja-localizada-mobile { width: 100%; height: auto; position: relative; float: left; padding: 14px 70px 14px 70px; background-color: #FFCC01; color: #825B00; font-size: 22px; font-weight: 500; text-align: center; border-radius: 50px; cursor: pointer; overflow: hidden; }
    #tag-regiao-localizacao-cta-mobile { width: auto; height: auto; position: absolute; left: 10px; top: 9px; padding: 5px 10px; color: #222222; background-color: #F9F2D8; border-radius: 20px; }
    .icn-cta-mobile { width: 60px; height: 60px; position: absolute; right: -10px; top: 0px; background-color: #F9F2D8; border-radius: 20px; transform: rotate(130deg); -webkit-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -moz-transform: rotate(130deg); }
    .icn-ceta-direita-mobile { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -13px; background: url('img/cta-ceta-right.webp'); background-size: 35px; transform: rotate(-130deg); -webkit-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -moz-transform: rotate(-130deg); }
    #cta-loja-localizada-mobile:hover { background-color: #FFE400; }

    /*CTA escolher outra loja*/
    #cta-j-escolher-outra-loja-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; padding: 12px 0px 15px 0px; background-color: #C6EFF6; color: #2A2A2B; font-size: 22px; font-weight: 500; text-align: center; border-radius: 50px; cursor: pointer; overflow: hidden; }
    #cta-j-escolher-outra-loja-mobile:hover { background-color: #9EEFF6; }
    .icn-cta-outra-loja-mobile { width: 60px; height: 60px; position: absolute; right: -10px; top: 0px; background-color: #E0FAFF; border-radius: 20px; transform: rotate(130deg); -webkit-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -moz-transform: rotate(130deg); }
    .icn-cta-loja-mobile { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -13px; background: url('img/icn-loja-cta.webp'); background-size: 35px; transform: rotate(-130deg); -webkit-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -moz-transform: rotate(-130deg); }
    #legenda-cta-janela-localizacao-mobile { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 24px; font-size: 18px; color: #6E6E6D; padding: 0px 50px; }
    #div-selecao-lojas-j-m { width: 100%; height: 100%; position: absolute; top: -110%; z-index: 10; opacity: 0; }
    #div-selecao-lojas-j-m h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 121px; font-size: 30px; color: #222122; text-align: center; font-weight: 700; padding: 0px 20px; opacity: 1; }
    #div-selecao-lojas-j-m h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 18px; color: #3E3E3E; text-align: center; padding: 0px 20px; }
    #carrossel-lojas-janelas-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; overflow: hidden; }
    #slide-btns-lojas-mobile-j { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; }
    .item-btn-regiao-l-mobile { width: auto; height: auto; position: relative; float: left; margin-left: 20px; margin-right: -10px !important; font-weight: 500; padding: 10px 25px; background-color: #F5F5F5; color: #222222; text-align: center; border-radius: 30px; cursor: pointer; }
    .item-btn-regiao-l-mobile:hover { background-color: #FFCC00; color: #8F6606; }
    .atv-btn-regiao-l-sl-j { background-color: #FFCC00; color: #8E6506; font-weight: 700; }
    .slide-cards-lojas-j-mobile { width: 100%; height: 0px; position: absolute; top: 269px; overflow: hidden; opacity: 0; }
    .item-card-loja-j-m { width: auto; height: 180px !important; position: relative; float: left; margin-left: 20px; margin-right: -6px !important; background-color: #C6EFF6; border-radius: 25px; }
    .nome-loja-item-card { width: 87%; height: auto; position: relative; float: left; margin-top: 10px; color: #222322; font-size: 20px; padding: 0px 20px; margin-top: 15px; font-weight: 600; }
    .endereco-loja-card-item { width: 80%; height: auto; position: relative; float: left; margin-top: 5px; color: #434A4B; font-size: 13px; padding: 0px 20px; }
    .ctas-card-loja-item { width: 95.5%; height: auto; position: absolute; bottom: 15px; padding: 0px 20px; }
    .cta-selecionar-loja-card { width: auto; height: auto; position: relative; float: left; padding: 5px 20px; font-size: 16px; background-color: #6479B9; color: #FFFFFF; border-radius: 30px; cursor: pointer; }
    .cta-selecionar-loja-card:hover { background-color: #4F6CF5; }
    .cta-selecionar-mapa-card { width: auto; height: auto; position: relative; float: right; padding: 5px 20px; font-size: 16px; background-color: #FFFBEF; color: #222222; border-radius: 30px; cursor: pointer; }
    .cta-selecionar-mapa-card:hover { background-color: #FFCC00; color: #8F6606; }
    #cta-usar-localizacao-j-m { width: 100%; height: auto; position: absolute; bottom: 20px; padding: 0px 50px; overflow: hidden; }
    #cta-usar-localizacao-int-j-m { width: auto; height: auto; position: relative; margin: auto; padding: 14px 20px 14px 75px; background-color: #FFCC00; font-size: 16px; color: #845D09; border-radius: 70px; font-weight: 700; overflow: hidden; cursor: pointer; }
    #cta-usar-localizacao-int-j-m:hover { background-color: #FFE064; }
    .icn-cta-mobile-localizacao { width: 60px; height: 60px; position: absolute; left: -16px; top: 0px; background-color: #F9F2D8; border-radius: 20px; transform: rotate(130deg); -webkit-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -moz-transform: rotate(130deg); }
    .icn-ceta-esquerda-localizacao-mobile { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -22px; background: url('img/cta-ceta-left.webp'); background-size: 35px; transform: rotate(-130deg); -webkit-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -moz-transform: rotate(-130deg); }

    /*Janela download app clube DD*/
    #box-janela-download-app { width: 300px; height: 280px; position: fixed; left: 50%; top: -350%; margin-left: -150px; margin-top: -200px; background-color: #fff; border-radius: 20px; z-index: 99999; opacity: 0; }
    #icn-app-janela { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; top: -41px; background-color: #fff; border-radius: 100%; border: 10px solid #fff; overflow: hidden; }
    #box-janela-download-app h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 71px; color: #1B1B1C; font-size: 20px; font-weight: 600; text-align: center; padding: 0px 20px; }
    #box-janela-download-app p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-top: 0px; font-size: 17px; text-align: center; padding: 0px 42px; }
    #faixa-ctas-download-apps { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; padding: 0px 20px; }
    .item-cta-download-app { width: 50%; height: auto; position: relative; float: left; padding: 0px 5px; cursor: pointer; }
    #fixa-cta-fechar-janela-app { width: 100%; height: auto; position: relative; float: left; margin-top: 18px; }
    #cta-int-fechar-janela-app { width: 100px; height: 27px; position: relative; margin: auto; background: url('img/fechar-cta.webp'); background-size: 100px; cursor: pointer; }

    /*Menu mobile*/
    #div-m-mobile-out { width: 0%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; overflow: hidden; }
    #div-m-mobile { width: 100%; height: 100%; position: absolute; top: 0px; right: -1500px; background-color: #fff; overflow-y: scroll; overflow-x: hidden; border-radius: 0px !important; }
    #bg-topo-menu-mobile { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; top: -1510px; border-radius: 100%; background-color: #EAF5F6; overflow: hidden; }
    #logo-topo-menu-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; z-index: 20; opacity: 0; }
    #logo-topo-m-mobile-int { width: 200px; height: 80px; position: relative; margin: auto; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 200px; background-repeat: no-repeat; }
    #bloco-itens-menu-mobile { width: 100%; height: 450px; position: relative; float: left; margin-top: 35px; opacity: 0; }
    #bloco-int-itens-menu-mobile { width: 250px; height: 100%; position: relative; margin: auto; }
    #div-redes-sociais-menu { width: 100%; height: auto; position: relative; float: left; opacity: 0; margin-top: 10px; }
    #div-redes-sociais-menu p { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #000; font-weight: 700; margin-bottom: 19px; text-align: center !important; }
    #faixa-itens-sm-m { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; }
    #div-s-redes-sociais-menu { width: 280px; height: 60px; position: relative; margin: auto; background-color: #FFE249; border-radius: 60px; padding: 0px 58px; transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); }

    /*Itens menu mobile*/
    .item-menu-mobile { width: 33.3%; height: 23.3%; position: relative; float: left; overflow: hidden; cursor: pointer; opacity: 0.8; }
    .item-menu-mobile:hover { opacity: 1; }
    .marcador-m-mobile { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: 520px; bottom: -35px; background-color: #FFBC09; border-radius: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .atv-menu-mobile { margin-left: -20px; }
    .b-r { border-right: 1px solid #d7e0e1; }
    .b-b { border-bottom: 1px solid #d7e0e1; }
    .icn-menu-mobile-int { width: 35px; height: 35px; position: absolute; left: 50%; margin-left: -20px; top: 21%; }
    .icn-menu-mobile-int-dd-express { width: 55px; height: 55px; position: absolute; left: 50%; margin-left: -27.5px; top: 16%; }
    .icn-home-m-mobile { background: url(img/icn-home.webp); background-size: 35px; }
    .icn-loja-m-mobile { background: url(img/icn-lojas.webp); background-size: 35px; }
    .icn-fornecedor-m-mobile { background: url(img/icn-fornecedor.webp); background-size: 35px; }
    .icn-dd-express-m-mobile { background: url(img/icn-dd-express.webp); background-size: 55px; }
    .icn-clube-m-mobile { background: url(img/icn-clube-dd+.webp); background-size: 35px; }
    .icn-adega-m-mobile { background: url(img/icn-adega-m.webp); background-size: 35px; }
    .icn-blog-m-mobile { background: url(img/icn-blog-m.webp); background-size: 35px; }
    .icn-central-ajuda-m-mobile { background: url(img/icn-central-ajuda.webp); background-size: 35px; }
    .icn-institucional-m-mobile { background: url(img/icn-institucional.webp); background-size: 35px; }
    .icn-nome { width: 150px; height: auto; position: absolute; left: 50%; margin-left: -75px; bottom: -35px; font-size: 12px; color: #6479b8; text-align: center; }
    .icn-nome-dd-express { bottom: -19px; }
    .trabalhe-conosco-m-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; opacity: 0; }
    .cta-trabalhe-conosco-m-mobile { width: 250px; height: auto; position: relative; margin: auto; padding: 10px 12px 10px 56px; background-color: #c7eff6; color: #2a2a2a; font-size: 16px; border-radius: 40px; cursor: pointer; overflow: hidden; }
    .bg-cta-icn-trabalhe-conosco-m-mobile { width: 50px; height: 50px; position: absolute; right: -10px; top: -1px; background-color: #E0FAFF; border-radius: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .icn-trabalhe-conosco-m-mobile { width: 20px; height: 20px; position: absolute; right: 11px; top: 12px; background: url(img/icn-cta-trabalhe-conosco.webp); background-size: 20px; }
    .cta-trabalhe-conosco-m-mobile:hover { background-color: #b4e8f1; }
    #circulo-cta-fechar-m-mobile { width: 320px; height: 240px; position: fixed; right: 50%; margin-right: -160px; bottom: -691px; background-color: #536DBE; border-radius: 50%; z-index: 10; }
    #circulo-cta-fechar-m-mobile:hover { background-color: #29428d; }
    #bg-rodape-menu-mobile { width: 600px; height: 600px; position: fixed; left: 10px; bottom: -1030px; border-radius: 100%; background-color: #EAF5F6; overflow: hidden; display: none; }
    #txt-cta-fechar { width: 100px; height: 31px; position: fixed; right: 50%; margin-right: -50px; bottom: -207px; background: url(img/cta-fechar.webp); background-size: 100px; }

    /*Janela horários mobile*/
    #janela-horarios-mobile { width: 100%; height: 220px; position: fixed; top: -350px; z-index: 900; overflow: hidden; }
    .mascara-bg-azul-horario { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; top: 64px; background: url(img/bg-azul.svg); background-size: 600px; background-repeat: no-repeat; }
    .mostra-janela-horarios { top: 0px !important; }
    .esconde-janela-horarios { top: -350px !important; }
    #v-janela-horarios-mobile { width: 100%; height: auto; position: absolute; top: 84px; z-index: 2; }
    #v-janela-horarios-mobile h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 16px; font-weight: 500; text-align: center; color: #6d8abc; }
    #v-janela-horarios-mobile p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 14px; text-align: center; color: #7689ab; }

    /*Janela tem no DD*/
    #janela-tem-no-dd { width: 100%; height: 100%; position: fixed; top: 120%; z-index: 9999; background-color: #1B1A20; overflow: hidden; }
    #bg-topo-dd-mobile { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; top: -510px; border-radius: 100%; background-color: #fff; overflow: hidden; z-index: 99; }
    #logo-topo-dd-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; z-index: 20; opacity: 1; z-index: 100; }
    #logo-topo-dd-mobile-int { width: 150px; height: 23px; position: relative; margin: auto; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 150px; background-repeat: no-repeat; }
    #bg-janela-tem-no-dd { width: 100%; height: 45%; position: relative; float: left; margin-top: -58px; overflow: hidden; opacity: 0; }
    #bg-int-j-dd { width: 100%; height: auto; position: relative; float: left; }
    #mascara-bg-j-dd { width: 160%; height: 180px; position: absolute; left: -40%; bottom: -100px; z-index: 10; filter: blur(22px); -ms-filter: blur(22px); -moz-filter: blur(22px); -o-filter: blur(22px); -webkit-filter: blur(22px); }
    #conteudo-j-dd { width: 100%; height: 55%; position: relative; float: left; margin-top: -120px; z-index: 100; opacity: 0; }
    #conteudo-j-dd h4 { width: 100%; height: auto; position: relative; float: left; font-size: 32px; color: #fff; text-align: center; font-weight: 500; }
    #conteudo-j-dd h5 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 20px; color: #fff; text-align: center; padding: 0px 20px; }
    #conteudo-txt-j-dd { width: 100%; height: 85%; position: relative; float: left; overflow: scroll; }
    #conteudo-txt-j-dd p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 5px; font-size: 14px; padding: 0px 20px; color: #fff; }
    #circulo-cta-fechar-j-dd { width: 320px; height: 240px; position: absolute; left: 50%; margin-left: -160px; bottom: -681px; border-radius: 50%; z-index: 10; }
    #txt-cta-fechar-j-dd { width: 100px; height: 31px; position: absolute; left: 50%; margin-left: -50px; top: 14px; background: url(img/cta-fechar.webp); background-size: 100px; }

    /*Temas Janelas Tem no DD*/
    .bg-preto { background-color: #1B1A21; }
    .bg-preto-cta { background-color: #32313B; }
    .bg-preto-cta:hover { background-color: #131317; }

    /* ==========================================================================
     Home page Mobile
      ========================================================================== */

    /*Menu fixo mobile*/
    #bg-menu-fixo-mobile { width: 600px; height: 160px; position: fixed; left: 50%; margin-left: -280px; top: -60px; background: url(img/bg-menu-mobile.svg); background-size: 600px; background-repeat: no-repeat; z-index: 999; }
    #sombra-menu-fixo-moblie { width: 90%; height: 40px; position: fixed; top: 0px; z-index: 998; -webkit-box-shadow: 0px -7px 25px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px -7px 25px 0px rgba(0, 0, 0, 0.13); -o-box-shadow: 0px -7px 25px 0px rgba(0, 0, 0, 0.13); -ms-box-shadow: 0px -7px 25px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 53px 105px 0px rgba(0, 0, 0, 0.13); }
    #menu-fixo { width: 100%; height: 90px; position: fixed; margin-top: 0px; padding: 0px 10px; z-index: 1000; }
    #logo-menu-atacadao-dia-a-dia { width: 160px; height: 67px; position: absolute; left: 50%; margin-top: 29px; margin-left: -80px; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 160px; background-repeat: no-repeat; }
    #cta-menu-blog { width: auto; height: auto; position: relative; float: left; margin-top: 25px; padding: 5px 14px 5px 30px; background-color: #FEBC23; color: #9B7212; font-size: 14px; font-weight: 500; border-radius: 100px; cursor: pointer; }
    #cta-menu-blog:hover { background-color: #FFD573; }
    #icone-cta-menu-blog { width: 15px; height: 15px; position: absolute; left: 9px; top: 7px; background: url(img/icone-cta-blog.webp); background-size: 15px; background-repeat: no-repeat; }
    #intens-de-menu { width: auto; height: 35px; position: relative; float: right; margin-top: 20px; }
    .item-icone-menu { width: 40px; height: 40px; position: relative; float: right; cursor: pointer; margin-left: 2px; }
    .menu-hamburguer { background: url(img/icone-menu.webp); background-size: 40px; }
    .menu-horarios { background: url(img/icone-relogio.webp); background-size: 40px; }

    /*Tag escolher outra loja*/
    #tag-escolher-loja { width: 200px; height: auto; position: fixed; bottom: 0px; left: 50%; margin-left: -100px; padding: 8px 0px; border-radius: 20px 20px 0px 0px; background-color: #FFCD01; font-size: 14px; text-align: center; color: #5b3f00; font-weight: 500; z-index: 500; -webkit-box-shadow: 0px 2px 31px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 31px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 31px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 31px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 31px 0px rgba(0, 0, 0, 0.2); }
    #bg-icn-tag-escolher-loja { width: 50px; height: 50px; position: absolute; left: 50%; top: -10px; margin-left: -25px; background-color: #FFCD00; border-radius: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: -1; }
    #tag-escolher-loja:hover { color: #fff; background-color: #485d9e; }
    #tag-escolher-loja:hover #bg-icn-tag-escolher-loja { color: #fff; background-color: #485d9e; }

    /*Banner home*/
    #banner-home-mobile { width: 100%; height: 310px; position: relative; float: left; overflow: hidden; margin-top: 55px; z-index: 480; }
    #banner-home-mascara { width: 1200px; height: 585px; left: 50%; position: relative; float: left; margin-left: -600px; margin-top: -291px; border-radius: 0px 0px 640px 640px; overflow: hidden; }
    #banner-mobile-container-int { width: 480px; height: 295px; left: 50%; position: relative; float: left; margin-left: -240px; margin-top: 294px; overflow: hidden; }
    .item-banner-mobile { width: 100%; height: 295px; position: relative; float: left; background-color: #fff; }
    .cta-banner-mobile { width: 100%; height: auto; position: absolute; bottom: 40px; }
    .cta-banner-mobile-int { width: 200px; height: auto; position: relative; margin: auto; background-color: #636EFF; color: #fff; -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -ms-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -o-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); }
    .cta-banner-mobile-int:hover { background-color: #4A56FC; color: #fff; }
    #paginacao-banner-mobile { width: 160px; height: 30px; position: absolute; left: 50%; margin-left: -80px; bottom: 2px; background-color: #cde0eb; border-radius: 90px; z-index: 20; padding-top: 4px; }
    .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); background-color: #ffffff; }
    .swiper-pagination-bullet-active { background-color: #708CDE; }

    /*  Janela ofertas mobile   */
    #toolbar-janela-ofertas-sm { width: 100%; height: 70px; position: absolute; top: 0px; background-color: #fff; z-index: 100; }
    #logo-dd-ofertas-sm { width: 160px; height: 66px; position: relative; float: left; margin-top: 6px; background: url('img/logo-atcadao-dia-a-dia.webp'); background-size: 160px; background-repeat: no-repeat; }
    #cta-fechar-janela-ofertas-sm { width: auto; height: auto; position: relative; float: right; margin-top: 20px; padding: 8px 18px 8px 40px; background-color: #EF2818; color: #fff; font-size: 15px; border-radius: 90px; cursor: pointer; }
    #fechar-icn-cta-j-sm { width: 28px; height: 28px; position: absolute; left: 7px; top: 5px; background: url('img/fechar.webp'); background-size: 28px; }

    /*Inicio Ofertas home*/
    #bloco-ofertas { width: 100%; height: 559px; position: relative; float: left; background-color: #fff; z-index: 470; margin-top: -75px; }
    #v-bloco-ofertas { width: 100%; height: 539px; position: relative; margin: auto; }
    .bg-bloco-ofertas { width: 222px; height: 456px; position: absolute; }
    .bgl-ofertas { left: -80px; top: 0px; background: url(img/bgl-ofertas.webp); background-size: 222px; }
    .bgr-ofertas { right: -70px; background: url(img/bgr-ofertas.webp); background-size: 222px; }
    .bg-out-ofertas { width: 222px; height: 456px; position: absolute; right: 0px; top: -90px; overflow: hidden; }
    .tabloide-2x { width: 303px !important; }
    .tabloide-1x { width: 140px !important; margin-top: -30px; }
    .oferta-destaque-xx-h { width: 140px; height: 140px; position: relative; float: left; margin-right: 23px; border-radius: 50%; overflow: hidden; cursor: pointer; opacity: 0.9; }

    /*conteudo ofertas*/
    #div-conteudo-ofertas { width: 100%; height: 100%; position: relative; float: left; z-index: 460; }
    #div-conteudo-ofertas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 102px; font-size: 30px; font-weight: 700; line-height: 28px; text-align: center; }
    #div-conteudo-ofertas span { font-size: 28px; }
    #div-conteudo-ofertas p { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 18px; text-align: center; padding: 0px 70px; }

    /*Inicio carrossel de ofertas home*/
    #div-carrossel-ofertas { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }

    /*Itens carrossel de ofertas*/
    .item-oferta-carrossel { width: 125px !important; height: 125px !important; position: relative; float: left; margin-left: 10px; border-radius: 100%; cursor: pointer; cursor: pointer; overflow: hidden; }
    .id-campanha { width: 130px; height: 130px; position: absolute; left: 50%; top: 50%; margin-left: -63px; margin-top: -66px; padding: 12px; opacity: 0.9; }
    .id-campanha:hover { opacity: 1; }
    #cta-tds-ofertas-home-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 36px; }
    #aviso-ofertas-loja { width: 100%; height: auto; position: relative; float: left; margin-top: 56px; cursor: pointer; }
    #tag-aviso-lojas { width: 80%; height: auto; position: relative; float: left; margin-left: 10%; background-color: #f5f8ff; border-radius: 20px; }
    #icone-tag-aviso-lojas { width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; top: -25px; background-color: #f5f8ff; border-radius: 100%; }
    #icone-tag-aviso-lojas-int { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url(img/icn-aviso.webp); background-size: 30px; }
    #tag-aviso-lojas p { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; color: #6479b8; font-size: 16px; text-align: center; padding: 0px 20px; }
    #tag-escolher-outra-loja { width: 100%; height: auto; position: relative; float: left; padding: 10px 20px; font-size: 16px; color: #a17511; text-align: center; background-color: #ffcc00; border-radius: 0px 0px 20px 20px; z-index: 90; }
    #bg-icone-tag-outra-loja { width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; bottom: -18px; background-color: #ffcc00; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); border-radius: 15px; z-index: 1; }
    #aviso-ofertas-loja:hover #tag-escolher-outra-loja { color: #fff; background-color: #485d9e; }
    #aviso-ofertas-loja:hover #bg-icone-tag-outra-loja { color: #fff; background-color: #485d9e; }

    /*Inicio No DD tem*/
    #no-dd-tem { width: 100%; height: 500px; position: relative; float: left; background-color: #E7F5FB; z-index: 450; }
    #view-no-dd-tem { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 20px; }
    #titulo-dd-tem-bloco { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; }
    .tndd { width: 100%; height: auto; position: relative; float: left; margin-top: 120px !important; }
    #tag-dd { width: 80px; height: 46px; position: absolute; left: 50%; margin-left: -48px; background: url(img/tag-dd.webp); background-size: 80px; }
    #tag-dd-l-txt { width: auto; height: auto; position: absolute; left: -54px; top: -2px; font-size: 38px; font-weight: 700; }
    #tag-dd-r-txt { width: auto; height: auto; position: absolute; right: -73px; top: -2px; font-size: 38px; font-weight: 700; }
    #view-no-dd-tem p { width: 100%; height: auto; left: 0px; position: relative; float: left; margin-left: 0px; margin-top: 60px; text-align: center; font-size: 17px; padding: 0px 0px; }
    #faixa-cards-no-dd-tem { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; overflow: hidden; z-index: 10; }

    /*Item card DD tem*/
    .item-card-dd-tem { width: auto; height: 340px; position: relative; float: left; margin-left: 20px; margin-right: -10px !important; background-color: #fff; border: 0.5px solid #e6e6e6; border-radius: 20px; cursor: pointer; }
    .foto-card-dd-tem { width: 88%; height: 250px; position: relative; float: left; float: left; margin-left: 6%; margin-top: 18px; border-radius: 20px; overflow: hidden; background-color: #dadada; }
    .foto-int-card-dd-tem { width: 320px; height: 261px; position: absolute; top: 50%; left: 50%; margin-left: -162px; margin-top: -130px; }
    .card-nome-dd-tem { width: 88%; height: auto; position: relative; float: left; margin-left: 6%; margin-top: 14px; padding: 10px 0px; border-radius: 20px; text-align: center; font-size: 16px; font-weight: 500; }
    .card-icone-dd-tem { width: 30px; height: 30px; position: absolute; left: 7px; top: 6px; }
    .bg-out-s-azul-claro { width: 100%; height: 160px; position: absolute; bottom: 0px; bottom: -40px; overflow: hidden; }
    .bg-s-azul-claro { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-azul.svg); background-size: 600px; background-repeat: no-repeat; }

    /*Inicio pague do seu jeito*/
    #s-pague-do-seu-jeito { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 400; }
    #bgl-psj { width: 223px; height: 218px; position: absolute; left: -60px; top: 0px; background: url(img/bg-dd-id-mobile.webp); background-size: 223px; }
    #bgr-psj-out { width: 223px; height: 218px; position: absolute; right: 0px; top: 0px; overflow: hidden; }
    #bgr-psj { width: 223px; height: 218px; position: absolute; right: -60px; top: 0px; background: url(img/bg-dd-id-mobile-r.webp); background-size: 223px; }
    #view-s-pague-do-seu-jeito { width: 100%; height: auto; position: relative; margin: auto; margin-top: 140px; padding: 0px 20px; }
    #view-s-pague-do-seu-jeito h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 55px; font-size: 30px; font-weight: 700; text-align: center; }
    #view-s-pague-do-seu-jeito p { width: 100%; height: auto; left: 0px; position: relative; float: left; margin-left: 0px; margin-top: -7px; font-size: 17px; text-align: center !important; }
    #slider-btns-forma-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; overflow: hidden; }
    #v-slides-btns-forma-pagamento { width: 100%; height: auto; position: relative; margin: auto; }

    /*Item btn forma pagamento*/
    .btn-forma-pagamento { width: auto !important; height: auto; position: relative; float: left; margin-left: 20px; padding: 10px 15px 10px 45px; background-color: #e5fbff; border-radius: 25px; font-size: 18px; font-weight: 600; cursor: pointer; margin-right: -5px; }
    .icone-forma-pagamento { width: 30px; height: 30px; position: absolute; left: 10px; top: 7px; }
    .btn-forma-pagamento:hover { background-color: #c8f7ff; }
    .atv-btn-forma-pagamento { background-color: #FFCC02; color: #A17511; }
    .atv-btn-forma-pagamento:hover { background-color: #FFDB5E; }

    /*Quadro formas de pagamento*/
    #container-quadro-formas-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; z-index: 50; }
    #view-quadro-formas-pagamento { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 20px; }
    .item-quadro-forma-pagamento { width: 100%; height: 250px; position: absolute; left: 0px; top: 0px; }
    .item-bandeira-forma-pagamento { width: 31%; height: 90px; position: relative; float: left; margin-bottom: 10px; border-radius: 10px; margin-left: 1%; margin-right: 1%; cursor: pointer; }
    .item-bandeira-forma-pagamento:hover { background-color: #e5fbff; }
    .icone-bandera-cartao { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; }
    .mascara-bottom-out-formas-pagamento { width: 100%; height: 160px; position: absolute; bottom: -69px; overflow: hidden; }
    .mascara-bottom-out-fornecedor { width: 100%; height: 160px; position: absolute; bottom: -39px; overflow: hidden; }

    /*Inicio banner miolo*/
    #s-banner-miolo { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; overflow: hidden; }

    /*Blog DD home*/
    .bg-s-top-desktop { display: none; }
    #blog-dd-home { width: 100%; height: 470px; position: relative; float: left; z-index: 200; background-color: #fdcc26; }
    #view-blog-dd { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 20px; }
    #logo-blog-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; }
    #logo-blog-dd-int { width: 120px; height: 113px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 120px; }
    #tag-logo-blog-dd { width: 220px; height: auto; position: absolute; left: 50%; margin-left: -110px; bottom: -30px; padding: 8px 0px; background-color: #4A53BB; border-radius: 30px; color: #fff; text-align: center; font-size: 14px; font-weight: 600; }
    #faixa-carrossel-posts { width: 100%; height: auto; position: relative; float: left; margin-top: 52px; overflow: hidden; }
    .conteudo-instagram { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 0px; border-radius: 20px; }
    .conteudo-instagram-fix { width: 320px; left: 50%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 0px; border-radius: 20px; margin-left: -160px; }

    /*Mensagem blog*/
    #faixa-mensagem-sem-posts { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; }
    #bloco-mensagem-sem-posts { width: 320px; height: 310px; position: relative; margin: auto; background-color: #FFFBE7; border-radius: 40px; border: 1px solid #FFC625; }
    #faixa-ilustra-sm-blog { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; }
    #ilustra-blog-sm { width: 200px; height: 154px; position: relative; margin: auto; background: url('img/ilustra-sem-mensagem-blog.webp'); background-size: 200px; }
    #conteudo-faixa-sem-mensagem { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #titulo-sem-mensagem-blog-home { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #000; text-align: center; font-weight: 600; padding: 0px 20px; }
    #sobre-msg-novidades-blog { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 10px; font-size: 17px; color: #000; padding: 0px 20px; }

    /*Card post carrossel*/
    .card-post { width: 250px; height: 370px; position: relative; float: left; margin-left: 20px; margin-right: -15px; cursor: pointer; }
    .foto-card-post { width: 90%; height: auto; position: relative; float: left; border-radius: 20px; margin-left: 5%; margin-top: 20px; overflow: hidden; }
    .tags-card-post { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 5%; }
    .item-tag-card-post { width: auto; height: auto; position: relative; float: left; margin-right: 5px; padding: 4px 16px; background-color: #FF1A44; border-radius: 20px; color: #fff; font-size: 16px; cursor: pointer; }
    .item-tag-card-post:hover { background-color: #FF4A6A; }
    .card-post h4 { width: 95%; height: 30px; position: relative; float: left; margin-top: 15px; padding: 0px 5%; font-size: 16px; color: #000; font-weight: 600; }
    .card-post p { width: 95%; height: auto; position: relative; float: left; margin-top: -2px; padding: 0px 5%; font-size: 14px; color: #2e2e2e; }
    #s-cta-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: -60px; z-index: 10; }
    .cta-int-ir-p-blog { width: 200px; height: auto; position: relative; margin: auto; background-color: #636FFF; }

    /*Inicio central de ajuda*/
    #s-central-ajuda { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 190; }
    #view-s-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; }
    #view-s-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 30px; font-weight: 700; text-align: center; }
    #view-s-central-ajuda p { width: 100%; height: auto; left: 0px; position: relative; float: left; margin-left: 0px; padding: 0px 20px; margin-top: -10px; font-size: 17px; text-align: center !important; }
    #faixa-sessoes-central-d-ajuda { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding-bottom: 100px; overflow: hidden; }
    .swiper-ctr-ajuda { height: 220px; }

    /*item bloco central de ajuda*/
    .bloco-central-de-ajuda { width: 150px !important; height: 150px !important; position: relative; float: left; margin-left: 20px; margin-right: -7px; background-color: #e7f9fc; border-radius: 20px; opacity: 0.9; }
    .bloco-central-de-ajuda:hover { opacity: 1; }
    .img-bloco-central-ajuda { width: 150px; height: 150px; position: absolute; left: 0px; top: 0px; overflow: hidden; border-radius: 20px; }
    .bloco-central-de-ajuda p { width: 100%; height: auto; position: absolute; line-height: 24px; bottom: -90px; color: #000000; font-size: 18px; text-align: center; }
    .img-icn-faq { background: url(img/icn-faq.gif); background-size: 150px; }
    .img-icn-vagas { background: url(img/icn-vagas.gif); background-size: 150px; }
    .img-icn-fale-conosco { background: url(img/icn-fale-conosco.gif); background-size: 150px; }
    .img-icn-ctr-ajuda { background: url(img/icn-ctr-ajuda.gif); background-size: 150px; }
    #s-cm-ajudar { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding-bottom: 50px; background-color: #E7F5FB; }
    #view-s-cm-ajudar { width: 90%; height: auto; position: relative; margin: auto; }
    #icone-cm-ajudar { width: 140px; height: 140px; position: absolute; left: 50%; margin-left: -70px; top: -100px; border-radius: 50%; overflow: hidden; border: 7px solid #fff; }
    #icn-como-posso-ajudar { width: 140px; height: 140px; position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; background: url(img/personagem-central-ajuda-2.gif); background-size: 140px; }
    #icn-como-posso-ajudar-fornecedor { width: 140px; height: 140px; position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; background: url(img/icn-como-posso-ajudar-fornecedor.webp); background-size: 140px; }
    #view-s-cm-ajudar h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 30px; font-weight: 700; text-align: center; }
    #view-s-cm-ajudar p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -10px; font-size: 17px; text-align: center !important; }
    #cta-cm-ajudar { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
    #cta-int-cm-ajudar { width: 300px; height: auto; margin: auto; }

    /*Faixa espaço do fornecedor*/
    #s-espaco-fornecedor { width: 100%; height: auto; position: relative; float: left; background-color: #2A55CC; padding-bottom: 140px; }
    #view-s-espaco-fornecedor { width: 90%; height: auto; position: relative; margin: auto; }
    #view-s-espaco-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 30px; font-weight: 700; text-align: center; color: #fff; }
    #view-s-espaco-fornecedor p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -10px; font-size: 17px; text-align: center !important; color: #fff; }
    #faixa-fornecedores { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; overflow: hidden; }
    .item-faixa-fornecedor { width: 120px !important; height: 120px !important; position: relative; float: left; margin-left: 15px; margin-right: -5px; background-color: #fff; border-radius: 50%; overflow: hidden; cursor: pointer; }
    .logo-fornecedor-faixa { width: 130px; height: 130px; position: absolute; left: 50%; top: 50%; margin-left: -65px; margin-top: -65px; }
    #cta-faixa-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    #cta-int-faixa-fornecedor { width: 150px; height: auto; margin: auto; }

    /*Mensagem fornecedor*/
    #faixa-mensagem-sem-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    #bloco-mensagem-sem-fornecedor { width: 320px; height: 310px; position: relative; margin: auto; background-color: #4870E4; border-radius: 40px; border: 1px solid #00A2FD; }
    #faixa-ilustra-sm-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; }
    #ilustra-fornecedor-sm { width: 200px; height: 154px; position: relative; margin: auto; background: url('img/ilustra-fornecedor.webp'); background-size: 200px; }
    #conteudo-faixa-sem-mensagem-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
    #titulo-sem-mensagem-fornecedor-home { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; text-align: center; font-weight: 600; padding: 0px 50px; }
    #sobre-msg-novidades-fornecedor { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 10px; font-size: 17px; color: #fff; padding: 0px 20px; }

    /*Inicio rodapé*/
    #ornamento-rodape-desktop { width: 100%; height: 200px; position: absolute; left: 0%; margin-left: 0px; top: -56px; overflow: hidden; }
    .s-rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 42px; }
    .view-s-rodape { width: 90%; height: auto; position: relative; margin: auto; }
    .view-s-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 18px; text-align: center; }
    .view-s-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; margin-bottom: 5px; font-size: 24px; font-weight: 700; text-align: center; }
    .view-s-rodape ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 6px; margin-bottom: -5px; font-size: 18px; text-align: center; cursor: pointer; }
    .view-s-rodape ul li:hover { color: #ffcc00; }
    #cta-voltar-topo { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; top: -100px; background-color: #ffcc00; border-radius: 50%; border: 10px solid #fff; cursor: pointer; }
    #cta-voltar-topo:hover { background-color: #ffdf60; }
    #icone-cta-voltar-topo { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -28px; background: url(img/icone-voltar-topo.webp); background-size: 50px; }
    #legenda-cta-voltar-topo { width: 200px; height: auto; position: absolute; left: 50%; margin-left: -100px; bottom: -40px; color: #353946; font-size: 22px; text-align: center; }
    #logo-dd-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 65px; }
    #logo-dd-int-rodape { width: 220px; height: 34px; position: relative; margin: auto; background: url(img/logo-dia-a-dia-rodape.webp); background-size: 220px; }
    #legenda-logo-dd-rodape { width: 280px; height: auto; position: absolute; left: 50%; margin-left: -140px; bottom: -40px; text-align: center; font-size: 18px; }
    #redes-sociais-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
    #view-redes-sociais-rodape { width: 180px; height: auto; position: relative; margin: auto; }
    .item-sm-rodape { width: 60px; height: 60px; position: relative; float: left; margin-right: 0px; }
    #s-whatsapp-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; background-color: #fff; }
    .view-s-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; text-align: center; }
    .fix-h3-rodape { margin-top: -2px; }
    #cta-whatsapp { width: 100%; height: auto; position: relative; float: left; }
    #cta-wpp-int { width: 200px; height: auto; position: relative; margin: auto; float: unset; background-color: #25d366; border-radius: 30px; padding: 10px 0px; cursor: pointer; }
    #cta-wpp-logo { width: 140px; height: 33px; position: relative; margin: auto; background: url(img/logo-whatsapp.webp); background-size: 140px; }
    #cta-wpp-int:hover { background-color: #2bb05d; }
    .bg-azul-rodape { background-color: #EFF9FF !important; }
    .bg-azul-escuro-rodape { background-color: #2A54CC !important; color: #fff !important; }
    #faixa-rodape-apps { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 68px; }
    #faixa-int-rodape-apps { width: 180px; height: auto; position: relative; margin: auto; }
    .item-app-rodape { width: 80px; height: 80px; position: relative; margin: unset; float: left; margin-left: 5px; margin-right: 5px; background-color: #fff; border-radius: 20px; cursor: pointer; overflow: hidden; }
    .item-app-rodape:hover { background-color: #bdd5e3; }
    #faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 60px; }

    /* ==========================================================================
      Transparencia salarial
     ========================================================================== */
    #topo-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; }
    #view-topo-transparencia-salarial { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-transparencia-salarial h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 18px; color: #323435; text-align: center; font-weight: 700; }
    .sobre-transparencia-salarial { width: 100%; height: auto; position: relative; float: left; line-height: 28px; font-size: 14px; color: #000; margin-top: -20px; text-align: center; padding: 0px 30px; }
    #box-lista-pdfs { width: 100%; height: auto; position: relative; float: left; border: 1px solid #dadada; border-radius: 20px; margin-top: 40px; margin-bottom: 120px; overflow: hidden; }
    .item-lista-pdf { width: 100%; height: auto; position: relative; float: left; border-bottom: 1px solid #dadada; padding: 20px 120px 20px 20px; font-size: 14px; color: #000; cursor: pointer; }
    .item-lista-pdf:hover { background-color: #ecfbff; }
    .cta-ver { width: auto; height: auto; position: absolute; top: 15px; right: 20px; padding: 5px 20px; background-color: #0047DC; color: #fff; border-radius: 20px; cursor: pointer; }

    /*Loja atual rodape*/
    .nome-sessao-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; font-size: 28px; font-weight: 700; text-align: center; }
    .n-nome-sessao-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 22px; text-align: center; }
    .cta-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .cta-int-rodape { width: 200px; height: auto; position: relative; margin: auto; padding: 12px 20px 12px 65px; font-weight: 500; font-size: 18px; text-align: left; color: #5b3f00; background-color: #FFCC00; border-radius: 40px; cursor: pointer; }
    .cta-int-rodape:hover { background-color: #ffd323; }
    .icone-cta-mapa { width: 30px; height: 30px; position: absolute; left: 25px; top: 10px; background: url(img/icn-mapa.webp); background-size: 30px; }
    .icone-cta-telefone { width: 30px; height: 30px; position: absolute; left: 25px; top: 10px; background: url(img/icn-telefone.webp); background-size: 30px; }
    .fix-cta-rodape { margin-top: 0px; margin-bottom: 82px; }
    #endereco-completo-loja-atual { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 65px; font-size: 14px; text-align: center; padding: 0px 20px; }

    /*juridico rodapé mobile*/
    #juridico-rodape-mobile { width: 100%; height: auto; left: 0px; position: relative; float: left; margin-top: 21px; margin-left: 0px; font-size: 12px; text-align: center; }
    .juridico-rodape-fix-padding { padding-bottom: 90px !important; }

    /* ==========================================================================
    Inicio página de lojas
     ========================================================================== */
    #bg-topo-pagina-lojas { display: none; }
    #view-bg-topo-lojas { display: none; }
    #view-conteudo-desktop-banner-lojas { display: none; }
    #l-regiao-to-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    #l-regiao-df-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    #l-regiao-ba-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    #l-regiao-go-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    #div-topo-pagina-lojas { width: 100%; height: 390px; position: relative; float: left; margin-top: 30px; background: url('img/bg-selecao-lojas.webp'); background-size: cover; overflow: hidden; }
    #div-topo-pagina-lojas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; margin-bottom: 5px; color: #fff; font-size: 32px; text-align: center; font-weight: 600; }
    #div-topo-pagina-lojas p { width: 100%; height: auto; position: relative; margin: auto; margin-top: -16px; color: #fff; font-size: 16px; text-align: center; padding: 0px 30px; }
    .destaque-n-lojas { color: #FFBC23; font-size: 38px; }
    #div-ctas-mobile-regiao-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .item-cta-sl-mobile { width: auto !important; height: auto !important; position: relative; float: left; margin-left: 20px; margin-right: -10px; padding: 4px 18px !important; background-color: #FFFFFF; color: #393939; font-size: 16px; border-radius: 60px; cursor: pointer; }
    .item-cta-sl-mobile:hover { background-color: #FDC92E; color: #A77C13; }
    #view-listagem-lojas { width: 100%; height: auto; position: relative; margin: auto; padding-top: 0px; padding-left: 20px; padding-right: 20px; z-index: 10; }
    .faixa-regiao-listagem-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 10px; }
    .div-regiao-listagem-lojas { width: 100%; height: 100%; position: relative; float: left;    /* display: none; */ }
    .tag-regia-listagem-loja { width: 120px; height: 120px; position: relative; float: left; border-radius: 0px 30px 30px 30px; background-color: #778DCD; display: none; }
    .nome-tag-regiao-listagem-loja { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; padding: 14px 20px; background-color: #5871BD; color: #fff; font-size: 16px; text-align: left; border-radius: 12px; }
    .sigla-tag-regia-lj-mobile { width: auto; height: auto; position: absolute; right: 11px; top: 10px; padding: 4px 5px; background-color: #778DCE; border-radius: 8px; color: #fff; font-size: 17px; }
    .div-cards-lojas-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: 9px; }
    .cta-mais-detalhes-lojas { display: none; }
    .icone-bg-card-loja { width: 60px; height: 60px; position: absolute; right: -17px; top: -6px; background-color: #DBF3FF; border-radius: 14px; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); }
    .icone-card-loja { width: 25px; height: 25px; position: absolute; right: 13px; top: 12px; background: url('img/icone-card-loja.webp'); background-size: 25px; }

    /*item card loja*/
    .item-card-loja-listagem { width: 100%; height: auto; position: relative; float: left; margin-bottom: 9px; background-color: #F0F9F9; border-radius: 12px; padding: 5px 20px; overflow: hidden; }
    .item-card-loja-listagem h5 { width: 90%; height: auto; position: relative; float: left; margin-top: 11px; font-size: 16px; color: #232221; font-weight: 500; }
    .item-card-loja-listagem p { width: 70%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 16px; color: #575859; font-weight: 300; display: none; }
    .mascara-cta-card-loja { width: 100%; height: 100%; position: absolute; z-index: 90; }

    /* Card informações lojas */
    #card-informacoes-lojas { width: 95%; height: 200px; position: fixed; left: 2.5%; bottom: -820px; background-color: #E2FBFF; border-radius: 20px; z-index: 9999; -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.09); }
    #conteudo-informacoes-lojas { width: 100%; height: 100%; position: absolute; z-index: 10; padding: 20px 20px; }
    #card-info-nome-loja { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #212221; font-weight: 800; }
    #card-endereco-loja { width: 85%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 14px; color: #525759; font-weight: 400; }
    .fechar-card-loja { width: 40px; height: 40px; position: absolute; right: 20px; top: 20px; background: url('img/icone-fechar-card-loja.webp'); background-size: 40px; cursor: pointer; }
    #cta-maisdetalhes-cd-loja { width: auto; height: auto; position: absolute; padding: 5px 20px; left: 20px; bottom: 20px; background-color: #FFC024; color: #A77B13; font-size: 18px; font-weight: 600; border-radius: 100px; cursor: pointer; }
    #cta-maisdetalhes-cd-loja:hover { background-color: #FFD97C; }
    #cta-mapa-cd-loja { width: auto; height: auto; position: absolute; padding: 5px 20px; right: 20px; bottom: 20px; background-color: #FFC024; color: #A77B13; font-size: 18px; font-weight: 600; border-radius: 100px; cursor: pointer; }
    #cta-mapa-cd-loja:hover { background-color: #FFD97C; }
    #bg-card-lojas { width: 304px; height: 160px; position: absolute; right: 20px; top: 50%; margin-top: -80px; background: url('img/dd-bg-card-loja.webp'); background-size: 304px; z-index: 1; opacity: 0; }

    /* ====================================================================================================================================================
      Página interna de lojas
    ========================================================================== */
    #topo-pgi-loja { width: 100%; height: 470px; position: relative; float: left; margin-top: 55px; background-color: #0064D3; z-index: 660; padding-bottom: 0px; overflow: unset; }
    #mascara-bottom-out-pgi { width: 100%; height: 160px; position: relative; bottom: 44px; overflow: hidden; }
    #mascara-bottom-out-pgi-2 { width: 100%; height: 160px; position: absolute; bottom: -96px; overflow: hidden; z-index: 10; }
    .mascara-sessao-azul-bottom { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; margin-top: 7px; background: url(img/bg-azul-lojas-int.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-azul-bottom-institucional { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; margin-top: 7px; background: url(img/bg-azul-institucional-rodape.svg); background-size: 600px; background-repeat: no-repeat; }
    #bg-topo-pgi-loja { width: 300px; height: 154px; position: absolute; z-index: 20; left: 50%; top: 50%; margin-left: -150.5px; margin-top: -71px; background: url(img/bg-topo-loja.webp); background-size: 300px; opacity: 0.5; display: block; }
    #view-topo-pgi-loja { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-topo-pgi-loja h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; margin-bottom: 10px; font-size: 26px; color: #fff; text-align: center; font-weight: 700; }
    #view-topo-pgi-loja p { width: 100%; height: auto; position: relative; margin: auto; color: #fff; font-size: 17px; text-align: center !important; font-weight: 300; padding: 0px 20px; }
    #view-faixa-cta-banner-loja-int { width: 293px; height: auto; position: relative; margin: auto; }
    #cta-ver-no-mapa-pgl { width: auto; height: auto; position: relative; float: left; font-size: 15px; font-weight: 600; padding: 10px 20px; color: #A17512; background-color: #FFCE27; border-radius: 50px; cursor: pointer; }
    #cta-falar-loja-int { width: auto; height: auto; position: relative; float: left; margin-left: 15px; font-size: 15px; font-weight: 600; padding: 9px 20px; color: #FFCD27; border: 1px solid #FFCE27; border-radius: 50px; cursor: pointer; }
    #faixa-beneficios-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: 22px; }
    .blc-4x { width: 700px !important; display: none; }
    #carrossel-beneficios-loja { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .item-bloco-beneficio { width: auto; height: auto; position: relative; float: left; padding: 0px 0px; margin-left: 0px; }
    #view-carrossel-beneficios-loja { width: 100%; height: auto; position: relative; margin: auto; }
    .ctrl-e-beneficios-lojas, .ctrl-d-beneficios-lojas { display: none; }
    #seta-topo-loja { width: 70px; height: 70px; position: absolute; left: 50%; margin-left: -35px; bottom: -30px; background: url('img/seta-topo-loja.webp'); background-size: 70px; z-index: 30; display: none; }
    #galeria-de-fotos-loja { width: 100%; height: auto; position: relative; float: left; background-color: #F4D428; z-index: 645; overflow: hidden; }

    /*Controles galeria de fotos loja*/
    .bloco-ctrl-galeria-loja { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }
    .mascara-inversa-galeria-fotos { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-branco-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .fix-bloco-ofertas { height: 349px !important; z-index: 644 !important; }

    /*Bloco ofertas facebook*/
    #mais-ofertas-fb { width: 1px; height: 1px; position: absolute; left: 0px; top: -2220px; }
    #sessao-ofertas-facebook { width: 100%; height: auto; position: relative; float: left; margin-top: 32px; margin-bottom: -20px; padding-bottom: 30px; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; z-index: 640; }
    #view-sessao-ofertas-facebook { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-sessao-ofertas-facebook h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; font-size: 24px !important; color: #2D2F2D; text-align: center !important; font-weight: 600 !important; }
    .item-bloco-oferta-loja-interna { width: 100%; height: auto; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 20px; border-radius: 10px; overflow: hidden; }
    #faixa-cta-ofertas-sm { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; display: none; }
    .bg-s-top-ofertas-facebook { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; border-radius: 100%; z-index: 1; display: none; }
    .bg-s-top-ofertas-facebook { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; border-radius: 100%; z-index: 1; display: none; }
    #faixa-blocos-ofertas { display: none !important; }
    #faixa-carrosel-ofertas { width: 100%; height: 0px; position: relative; float: left; }
    .item-faixa-carrosel-ofertas { width: 270px; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden; margin-left: 40px; margin-right: -35px; }
    .mascara-sessao-bg-ofertas-fb { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; margin-top: -20px; background: url(img/bg-laranjado.svg); background-size: 600px; background-repeat: no-repeat; }

    /* ==========================================================================
    Página espaço do fornecedor
     ========================================================================== */
    #view-fornecedores-pg { width: 100%; max-width: 1500px; height: auto; position: relative; margin: auto; }
    #div-fornecedores-pg { width: 100%; height: auto; position: relative; float: left; margin-bottom: -130px; margin-top: -90px; background: url(img/bg-espaco-fornecedor-int-mobile.webp); background-repeat: repeat; padding-bottom: 0px; }
    #view-fornecedores-pg h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 137px; margin-bottom: 10px; font-size: 26px; color: #343435; text-align: center; font-weight: 700; }
    #view-fornecedores-pg p { width: 260px; height: auto; position: relative; margin: auto; padding-top: 0px; font-size: 18px; color: #39393A; text-align: center; font-weight: 300; }
    #faixa-itens-fornecedores { width: 100%; height: auto; position: relative; float: left; margin-top: 68px; padding: 40px 0px 230px 0px; background-color: #D7F0FF; }
    .item-fornecedor-pg { width: 32.5%; height: auto; position: relative; float: left; margin-bottom: 12px; }
    .fix-cm-pg-fornecedor { width: 100%; height: 100px; position: relative; float: left; background-color: #E7F5FB; display: block; }
    .item-fornecedor-pg-int { width: 85%; height: auto; position: relative; margin: auto; border-radius: 100%; overflow: hidden; border: 6px solid #fff; }

    /* ==========================================================================
      Página Fornecedor
     ========================================================================== */
    .div-bloco-conteudo { width: 100%; height: auto; position: relative; float: left; background-color: #FFFFFE; z-index: 570; padding-bottom: 40px; }
    #logo-cover-fornecedor { width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px; top: -53px; background-color: #ffffff; border-radius: 20px; overflow: hidden; z-index: 100; }
    #div-ornamento-bg-fornecedor { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; z-index: 1; display: none; }
    .view-bloco-conteudo { width: 90%; height: auto; position: relative; margin: auto; z-index: 50; }
    .view-bloco-conteudo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; margin-bottom: -25px; text-align: left; color: #000; font-size: 24px; font-weight: 600; padding: 0px 14px; line-height: 33px; }
    .view-bloco-conteudo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: -14px; text-align: left; color: #000; font-size: 24px; font-weight: 600; padding: 0px 14px; line-height: 60px; }
    .view-bloco-conteudo p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 16px; color: #575656; text-align: center; padding: 0px 15px; margin-bottom: -3PX; line-height: 27px; }

    /*Inicio Faixa de produtos do fornecedor*/
    #faixa-produtos-fornecedor { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; z-index: 565; padding-top: 30px; margin-top: -30px; padding-bottom: 50px; }
    .bg-s-bottom-produtos-fornecedores { display: none; }
    #view-faixa-produtos-fornecedor { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; padding-top: 10px; }
    #view-faixa-produtos-fornecedor h2 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; margin-top: 50px; color: #D2242A; text-align: center; font-weight: 600; }
    #view-faixa-produtos-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; font-size: 22px; color: #2B2C2C; text-align: center; padding: 0px 20px; }

    /*Controles carrossel de ofertas*/
    .bloco-ctrl-carrossel-ofertas { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }
    .item-card-produto-fornecedor { width: 200px; height: 250px !important; position: relative; float: left; margin-left: 20px; margin-right: -10px !important; background-color: #fff; border-radius: 15px; }
    .item-galeria-ft-fornecedor { width: 20%; height: 180px; position: relative; float: left; overflow: hidden; background-color: #fff; }
    .item-ft-galeria-fornecedor-int { width: 310px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left: -155px; margin-top: -120px; }
    .legenda-card-produto { width: 100%; height: auto; position: absolute; bottom: 25px; padding: 0px 20px; font-size: 14px; color: #515151; text-align: center; box-sizing: border-box; }

    /*Inicio sessao video fornecedor*/
    #div-video-fornecedor { width: 100%; height: auto; position: relative; float: left; padding-bottom: 80px; }
    #view-sessao-video-fornecedor { width: 90%; height: auto; position: relative; margin: auto; }
    #view-sessao-video-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 22px; color: #fff; text-align: center; font-weight: 600; }
    #player-video-fornecedor { width: 300px; height: 169px; left: 50%; position: relative; float: left; margin-left: -150px; margin-top: 20px; border-radius: 20px; overflow: hidden; }
    #legenda-player-video { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 20px; font-size: 15px; color: #fff; text-align: center; }
    .bg-blog-fornecedor { background-color: #fff !important; height: 620px !important; }

    /* ==========================================================================
     Inicio links oficias
      ========================================================================== */
    #div-out-links-oficiais { width: 100%; height: auto; position: relative; float: left; overflow: hidden; z-index: 50; margin-bottom: -41px; }
    #calculadora-nf { width: 450px; height: 482px; position: absolute; left: -200px; top: 200px; background: url('img/calculadora-nf.webp'); background-size: 450px; display: none; }
    #cartoes-nf { width: 450px; height: 377px; position: absolute; right: -200px; top: 690px; background: url('img/cartoes-nf.webp'); background-size: 450px; display: none; }
    #div-topo-links-oficiais { width: 100%; height: 307px; position: relative; float: left; background-color: #5424FB; background: url('img/bg-topo-dd-links-oficiais.webp'); background-repeat: repeat; z-index: 10; }
    #view-topo-links-oficiais { width: 100%; height: auto; position: relative; margin: auto; }
    #view-topo-links-oficiais h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 137px; font-size: 27px; font-weight: 800; text-align: center; text-transform: uppercase; color: #fff; }
    #view-topo-links-oficiais h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -12px; font-size: 17px; color: #fff; font-weight: 400; text-align: center; padding: 0px 80px; }
    .fix-title-tem-n-dd-lp { margin-top: 50px !important; }
    #faixa-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 19px;    /* display: none; */ }
    #nota-fiscal-int { width: 300px; height: auto; position: relative; margin: auto; }
    #topo-nota-fiscal { width: 300px; height: 123px; position: absolute; top: 0px; background: url('img/topo-nota-fiscal.webp'); background-repeat: no-repeat; background-size: 300px; z-index: 99; }
    #faixa-corpo-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; overflow: hidden; }
    #corpo-nota-fiscal { width: 260px; height: auto; position: relative; float: left; margin-top: -2500px; margin-left: 20px; background-color: #fff; }
    #divisoria-nf { width: 260px; height: 86px; position: relative; float: left; margin-left: 20px; background: url('img/divisoria-nf.webp'); background-repeat: repeat-x; background-size: 320px; }
    #rodape-nf { width: 260px; height: auto; position: relative; float: left; margin-left: 20px; background-color: #fff; padding: 40px 0px 0px 0px; opacity: 0; margin-top: -49px; }
    #chamada-rodape-nf { width: 100%; height: auto; position: relative; float: left; font-size: 16px; margin-top: -21px; color: #282728; text-align: center; font-weight: 800; text-transform: uppercase; }
    #cta-rodape-nf { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
    #cta-int-rodape-nf { width: 220px; height: auto; position: relative; margin: auto; padding: 15px 0px; background-color: #282728; font-size: 14px; color: #fff; font-weight: 700; text-align: center; border-radius: 90px; cursor: pointer; text-transform: uppercase; }
    #cta-int-rodape-nf:hover { background-color: #5E5E5E; }
    #legenda-cta-nf { width: 100%; height: auto; position: relative; float: left; margin-top: 14px; font-size: 14px; color: #2A2728; text-align: center; padding: 0px 15px; text-transform: uppercase; }
    #faixa-titulo-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; border-top: 3px dotted #000; border-bottom: 3px dotted #000; padding: 10px 20px; font-size: 14px; color: #000000; text-transform: uppercase; text-align: center; }
    #rodape-bg-nf { width: 260px; height: 100px; position: relative; float: left; margin-left: 20px; background: url('img/bg-rodape-nf.webp'); background-repeat: repeat-x; opacity: 0; background-size: 340px; }
    .item-link-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 22px; cursor: pointer; padding: 0px 15px; }
    .icone-link-nf { width: 30px; height: 30px; position: relative; float: left; border: 1px dashed #000; border-radius: 7px; }
    .icone-int-nf { width: 25px; height: 25px; position: relative; float: left; margin-top: 2px; margin-left: 1px; }
    .sobre-link-nf { width: 77%; height: auto; position: relative; float: left; margin-top: 1px; margin-left: 8px; }
    .nome-link-nf { width: 100%; height: auto; position: relative; float: left; font-size: 9px; color: #000; text-transform: uppercase; }
    .txt-link-nf { width: 100%; height: auto; position: relative; float: left; font-size: 12px; color: #000; text-transform: uppercase; font-weight: 800; }
    .cta-visitar-link-nf { width: auto; height: auto; position: absolute; right: 20px; top: 12px; padding: 7px 15px; border: 2px dashed #000; color: #000; font-weight: 800; border-radius: 10px; text-transform: uppercase; display: none; }
    .item-link-nota-fiscal:hover .cta-visitar-link-nf { width: auto; height: auto; position: absolute; right: 20px; top: 12px; padding: 7px 15px; border: 2px dashed #000; color: #fff; background-color: #000; font-weight: 800; border-radius: 10px; text-transform: uppercase; }
    .icone-aviso-nf { width: 30px; height: 30px; position: relative; float: left; border-radius: 15px; }
    .txt-aviso-nf { width: 100%; height: auto; position: relative; float: left; text-transform: uppercase; margin-top: -6px; color: #000; font-size: 10px; }
    #div-s2-nf { width: 100%; height: 980px; position: relative; float: left; background: url('img/bg-bottom-dd-links-oficiais.webp'); background-repeat: repeat; }
    #carrinho-nf { width: 450px; height: 367px; position: absolute; left: -200px; top: 1000px; background: url('img/carrinho-nf.webp'); background-size: 450px; display: none; }
    #promo-nf { width: 450px; height: 419px; position: absolute; right: -200px; top: 1300px; background: url('img/promo-nf.webp'); background-size: 450px; display: none; }

    /* ==========================================================================
    Página DD Express
     ========================================================================== */
    #div-topo-dd-express { width: 100%; height: 400px; position: relative; float: left; margin-top: 65px; background: url(img/bg-topo-dd-express.webp); background-repeat: repeat; z-index: 30; }
    #pizza-topo-centro { width: 250px; height: 250px; position: absolute; left: 50%; margin-left: -125px; top: -120px; margin-top: -600px; background: url(img/pizza-topo-dd-express.webp); background-size: 250px; }
    #folhas-pizza-topo { width: 120px; height: 83px; position: absolute; left: 50%; margin-left: -60px; margin-top: -300px; top: -10px; background: url(img/folhas-pizza-topo.webp); background-size: 120px; z-index: 10; background-repeat: no-repeat; }
    #pote-catchup { width: 100px; height: 100px; position: absolute; top: 80px; left: 268px; background: url(img/pote-catchup.webp); background-size: 100px; background-repeat: no-repeat; }
    #tomate-topo { width: 100px; height: 100px; position: absolute; top: 110px; left: -10px; background: url(img/tomate.webp); background-size: 100px; }
    #pedaco-pizza { width: 260px; height: 556px; position: absolute; right: -20px; top: 20px; background: url(img/pedaco-pizza-topo.webp); background-size: 500px; display: none; }
    #view-topo-dd-express { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #faixa-logo-topo-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 170px; }
    #dd-express-logo-topo { width: 200px; height: 125px; position: relative; margin: auto; background-image: url(img/dd-express-logo.webp); background-size: 200px; background-repeat: no-repeat; }
    #pote-mangericao { width: 140px; height: 126px; position: absolute; left: 50%; margin-left: -70px; bottom: -124px; background: url('img/pot-catchup-com-mangericao.webp'); background-size: 140px; background-repeat: no-repeat; }

    /*Segunda sessao DD Express*/
    #s-2-dd-express { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-s2-dd-express.webp'); background-repeat: repeat; padding-bottom: 60px; z-index: 20; }
    #elementos-bg-s2 { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; overflow: hidden; display: none; }
    #view-s2-dd-express { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #view-s2-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; font-size: 24px; color: #fff; font-weight: 500; text-align: center; padding: 0px 20px; }
    #view-s2-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -3px; color: #fff; font-size: 17px; text-align: center; padding: 0px 20px; }
    #bloco-ctas-lojas-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 20px; }
    #chamada-lojas-dd-express-disponiveis { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #FFD02C; text-align: center; }
    .item-cta-l-dd-express { width: 100%; height: auto; float: left; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 10px 20px; background-color: #77ACA7; font-size: 18px; color: #fff; border-radius: 50px; cursor: pointer; text-align: center; }
    .faixa-tipografia-pizza { width: 15000px; height: 100px; position: relative; float: left; background: url('img/tipografia-pizzas.webp'); background-repeat: repeat-x; background-size: 2000px; margin-bottom: -49px; }
    .faixa-tipografia-pizza { width: 15000px; height: 100px; position: relative; float: left; background: url('img/tipografia-pizzas.webp'); background-repeat: repeat-x; background-size: 2000px; margin-bottom: -49px; }
    #tipografia-pizza-2 { margin-left: -3000px; }
    #pizza-calabresa-topo { width: 240px; height: 240px; position: absolute; left: 50%; margin-left: -120px; margin-top: -100px; background: url('img/pizza-calabresa.webp'); background-size: 240px; }
    .folha-direita-dd-express { width: 80px; height: 74px; position: absolute; background: url('img/folha-esquerda-dd-express.webp'); background-size: 80px; background-repeat: no-repeat; }
    .folha-esquerda-dd-express { width: 80px; height: 74px; position: absolute; background: url('img/folha-direita-dd-express.webp'); background-size: 80px; background-repeat: no-repeat; }
    .folha-d1 { right: 0px; top: 1080px; }
    .folha-e1 { left: -10px; top: 70px; }
    #view-sabores-pizza-dd-express { width: 90%; height: auto; position: relative; margin: auto; z-index: 50; }
    #view-sabores-pizza-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 190px; font-size: 30px; color: #844D1F; text-align: center; font-weight: 700; }
    #view-sabores-pizza-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -19px; font-size: 18px; color: #845023; text-align: center; font-weight: 300; padding: 0px 20px; }
    #tomate-sabores-pizza { width: 100px; height: 108px; position: absolute; top: 60px; right: 0px; background: url(img/tomate.webp); background-size: 100px; background-repeat: no-repeat; }

    /*Inicio sabores esfirras*/
    .faixa-tipografia-esfirras { width: 15000px; height: 100px; position: relative; float: left; background: url('img/tipografia-esfirras.webp'); background-repeat: repeat-x; background-size: 2300px; margin-bottom: -43px; }

    /*controles cards DD express*/
    .bloco-ctrl-dd-express { width: 75px; height: 75px; position: absolute; top: 50%; margin-top: -22px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }
    #barra-chocolate-pizza-d { width: 100px; height: 130px; position: absolute; right: 0px; bottom: -20px; background: url('img/barra-chocolate-d.webp'); background-size: 100px; background-repeat: no-repeat; }
    #div-s-sabores-esfirras { width: 100%; height: auto; position: relative; float: left; background-color: #544039; padding-bottom: 90px; }
    .folha-d2 { right: 0px; bottom: -40px; }
    #pizza-esfirra-morango-topo { width: 240px; height: 240px; position: absolute; left: 50%; margin-left: -120px; margin-top: -91px; background: url('img/esfirra-morango-topo.webp'); background-size: 240px; background-repeat: no-repeat; }
    #barra-chocolate-pizza-e { width: 110px; height: 150px; position: absolute; left: 0px; top: -90px; background: url('img/barra-chocolate-e.webp'); background-size: 110px; z-index: 20; background-repeat: no-repeat; }
    #view-sabores-esfirras-dd-express { width: 90%; height: auto; position: relative; margin: auto; z-index: 50; }
    #view-sabores-esfirras-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; font-size: 30px; color: #D5CBB7; text-align: center; font-weight: 700; }
    #view-sabores-esfirras-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 18px; color: #D5CBB7; text-align: center; font-weight: 300; padding: 0px 20px; }
    .legenda-card-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #3F3E39; font-size: 16px; text-align: center; padding: 0px 20px; box-sizing: border-box; font-weight: 600; }
    #div-s-sabores-pizza { width: 100%; height: auto; position: relative; float: left; background-color: #FFF9EB; padding-bottom: 100px; z-index: 2; }

    /*Inicio iFood DD express*/
    #s-ifood-dd-express { width: 100%; height: auto; position: relative; float: left; z-index: 100; padding-bottom: 100px; }
    #faixa-nuvens-ifood { width: 100%; height: 600px; position: absolute; top: -60px; overflow: hidden; }
    .nuvem-grande { width: 280px; height: 81px; position: absolute; right: 0%; background: url('img/nuvem-ifood.webp'); background-size: 280px; background-repeat: no-repeat; }
    #view-s-ifood { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #bloco-logo-ifood { width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px; top: -50px; background: url('img/ifood-logo.webp'); border-radius: 20px; overflow: hidden; background-size: 120px; }
    #view-s-ifood h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; color: #2F2F2D; font-size: 30px; font-weight: 700; text-align: center; }
    #view-s-ifood p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #565757; font-size: 18px; font-weight: 300; text-align: center; padding: 0px 20px; }
    #view-ctas-dd-express-pedido { width: 90%; height: 100%; position: relative; margin: auto; }
    .item-cta-pedido-dd-express { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; padding: 12px 0px; background-color: #FFCB26; color: #A07612; text-align: center; font-weight: 400; font-size: 17px; border-radius: 80px; cursor: pointer; margin-left: 5%; margin-right: 0px; margin-bottom: 10px; }
    #s-horarios-dd-express { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-ofertas-sm.webp'); background-repeat: repeat; z-index: 260; padding-bottom: 40px; margin-bottom: -40px; }
    #pote-mangericao-horarios { width: 150px; height: 139px; position: absolute; left: 50%; margin-left: -75px; top: -70px; background: url('img/pot-catchup-com-mangericao.webp'); background-size: 150px; z-index: 60; background-repeat: no-repeat; }
    #tomate-horarios-d-pizza { width: 120px; height: 128px; position: absolute; top: -40px; right: 0px; background: url(img/tomate.webp); background-size: 120px; background-repeat: no-repeat; }
    #tomate-horarios-e-pizza { width: 110px; height: 115px; position: absolute; top: -20px; left: -10px; background: url(img/tomate.webp); background-size: 110px; background-repeat: no-repeat; }
    #view-s-horarios-dd-express { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
    #view-s-horarios-dd-express h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 86px; color: #2F2D2F; font-size: 26px; font-weight: 700; text-align: center; padding: 0px 40px; }
    #view-s-horarios-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 30px; margin-top: -10px; color: #2D2D2D; font-size: 18px; padding: 0px 30px; text-align: center !important; }
    .legenda-horario-dd-express { width: 100%; height: auto; position: relative; float: left; padding: 15px 20px 15px 100px; color: #2D2F2F; font-size: 14px; text-align: left; }
    .bg-out-ic-horario-dd-express { width: 70px; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; border-radius: 20px 60px 60px 20px; }
    .icn-relogio-dd-express { width: 70px; height: 70px; position: absolute; left: 7px; top: 50%; margin-top: -35px; background: url('img/relogio-dd-express.webp'); background-size: 70px; z-index: 20; }
    .nuvem-4 { display: none; }
    .nuvem-8 { display: none; }
    .nuvem-1 { display: none; }
    @keyframes animanuvem {
        0% { right: -120%; }
        100% { right: 160%; }
    }
    @-ms-keyframes animanuvem {
        0% { right: -120%; }
        100% { right: 160%; }
    }
    @-webkit-keyframes animanuvem {
        0% { right: -120%; }
        100% { right: 160%; }
    }
    @-moz-keyframes animanuvem {
        0% { right: -120%; }
        100% { right: 160%; }
    }
    @-o-keyframes animanuvem {
        0% { right: -120%; }
        100% { right: 160%; }
    }
    @keyframes motoboy {
        0% { left: -120%; }
        100% { left: 150%; }
    }
    @-ms-keyframes motoboy {
        0% { left: -120%; }
        100% { left: 150%; }
    }
    @-webkit-keyframes motoboy {
        0% { left: -120%; }
        100% { left: 150%; }
    }
    @-moz-keyframes motoboy {
        0% { left: -120%; }
        100% { left: 150%; }
    }
    @-o-keyframes motoboy {
        0% { left: -120%; }
        100% { left: 150%; }
    }

    /* ==========================================================================
    Inicio Clube DD+
     ========================================================================== */
    #menu-desktop-cta-clube { display: none; }
    #menu-fixo-clube-dd { width: 100%; height: 119px; position: fixed; top: 0px; background-color: #FFD955; z-index: 999; -webkit-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); display: none; }
    #sub-menu-fixo-club-dd { width: 100%; height: 35px; position: relative; float: left; background-color: #7632E9; }
    #view-menu-fixo-club-dd { width: 90%; height: auto; position: relative; margin: auto; }
    #logo-clube-dd { width: 190px; height: 140px; position: relative; float: left; margin-top: -30px; background: url('img/clube-dd-logo.webp'); background-size: 190px; }
    #cta-fixo-voltar-dd { width: auto; height: auto; position: relative; float: left; margin-left: 30px; margin-top: 23px; padding: 7px 45px 7px 30px; font-size: 18px; color: #fff; background-color: #7531E9; border-radius: 100px; cursor: pointer; }
    #cta-fixo-voltar-dd:hover { background-color: #8D57E9; }
    #icn-fixo-voltar-dd { width: 10px; height: 19px; position: absolute; right: 16px; top: 50%; margin-top: -9.5px; background: url('img/back-arrow.webp'); background-size: 10px; }
    .item-menu-f-clube-dd { width: auto; height: auto; position: relative; float: right; padding: 28px 18px; border-right: 1px solid #F8C310; font-size: 20px; color: #5C20E0; font-weight: 400; cursor: pointer; }
    .item-menu-f-clube-dd:last-child { border-right: 1px solid #F8C310; }
    .item-menu-f-clube-dd:hover { background-color: #FFF3CE; color: #00C0FD; }
    .item-outros-links-clube { width: auto; height: auto; position: relative; float: right; font-size: 14px; color: #fff; margin-right: 15px; margin-top: 9px; cursor: pointer; }
    .item-outros-links-clube:hover { color: #FFD854; }

    /*Menu mobile clube DD*/
    #menu-fixo-mobile { width: 100%; height: 90px; position: fixed; margin-top: 0px; padding: 0px 10px; z-index: 1000; display: block; }
    #logo-menu-clube-dd-mobile { width: 135px; height: 100px; position: fixed; left: 50%; margin-left: -67.5px; top: 10px; background: url('img/clube-dd-logo.webp'); background-size: 135px; }
    #voltar-dd-clube-mobile { width: auto; height: auto; position: fixed; left: 20px; top: 20px; padding: 7px 20px 7px 20px; background-color: #4C69C2; color: #fff; font-weight: 600; border-radius: 100px; cursor: pointer; }
    #voltar-dd-clube-mobile:hover { background-color: #594BC2; }
    #cta-menu-mobile-clube { width: 40px; height: 40px; position: absolute; right: 20px; top: 20px; background: url('img/cta-menu-mobile-clube.webp'); background-size: 40px; cursor: pointer; }
    #bg-menu-fixo-mobile-clube { width: 600px; height: 160px; position: fixed; left: 50%; margin-left: -280px; top: -50px; background: url(img/bg-menu-mobile-clube.svg); background-size: 600px; background-repeat: no-repeat; z-index: 999; display: block; }

    /*Inicio menu mobile Clube*/
    #div-m-mobile-out-clube { width: 0%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; overflow: hidden; display: block; }
    #menu-mobile-clube { width: 330px; height: 100%; position: absolute; top: 0px; right: -400px; background-color: #fff; overflow-y: hidden; overflow-x: hidden; border-radius: 30px 0px 0px 30px; padding-bottom: 100px; -webkit-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -o-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -ms-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -moz-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); z-index: 30; }
    #ornamento-topo-menu-mobile-clube { width: 600px; height: 500px; position: absolute; top: -400px; left: 50%; margin-top: -900px; margin-left: -300px; background-color: #FF2C69; border-radius: 100%; }
    #logo-menu-mobile-clube { width: 160px; height: 118px; position: absolute; left: 50%; margin-left: -80px; top: 20px; background: url('img/clube-dd-logo.webp'); background-size: 160px; z-index: 20; cursor: pointer; opacity: 0; }
    #ornamento-bottom-menu-mobile-clube { width: 600px; height: 500px; position: absolute; bottom: -400px; left: 50%; margin-bottom: -500px; margin-left: -300px; background-color: #FF2C69; border-radius: 100%; cursor: pointer; }
    #ornamento-bottom-menu-mobile-clube-2 { width: 350px; height: 350px; position: absolute; bottom: -290px; left: 50%; margin-bottom: -500px; margin-left: -175px; background-color: #471083; border-radius: 100%; z-index: 30; cursor: pointer; }
    #txt-cta-fechar-clube { width: 100px; height: 31px; position: absolute; right: 111px; bottom: 9px; background: url(img/cta-fechar.webp); background-size: 100px; opacity: 1; z-index: 50; cursor: pointer; }
    #faixa-itens-menu-mobile-clube { width: 100%; height: 280px; top: 50%; position: relative; float: left; margin-top: -125px; padding: 0px 50px; opacity: 0; }
    .item-menu-mobile-clube { width: 50%; height: 50%; position: relative; float: left; overflow: hidden; cursor: pointer; opacity: 0.8; }
    .item-menu-mobile-clube:hover { opacity: 1; }
    .marcador-m-mobile-dd-express { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: 520px; bottom: -30px; background-color: #FF2C69; border-radius: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .atv-marcador-mobile-dd-express { margin-left: -20px !important; }
    .icn-menu-mobile-int-clube { width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; top: 5px; background-color: blue; }
    .icn-nome-clube { width: 100px; height: auto; position: absolute; left: 50%; margin-left: -50px; bottom: -35px; font-size: 14px; color: #8648FC; text-align: center; font-weight: 600; }
    .icnc-clube { background: url('img/icn-clube-pg-clube.webp'); background-size: 80px; }
    .icnc-beneficios { background: url('img/icn-beneficios.webp'); background-size: 80px; }
    .icnc-funcionamento { background: url('img/icnc-funcionamento.webp'); background-size: 80px; }
    .icnc-ofertas { background: url('img/icnc-ofertas.webp'); background-size: 80px; }
    .c-b-r { border-right: 1px solid #D3BEFD; }
    .c-b-b { border-bottom: 1px solid #D3BEFD; }
    #faixa-cta-menu-mobile-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #cta-m-clube { width: 250px; height: auto; left: 50%; position: relative; margin-left: -125px; padding: 10px 0px; background-color: #075DFC; color: #fff; font-size: 18px; border-radius: 50px; cursor: pointer; text-align: center; cursor: pointer; }
    #cta-m-clube:hover { background-color: #5531FF; }

    /*Banner Home Clube DD*/
    #banner-home-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; overflow: hidden; background-color: #7632E9; }
    .banner-home-clube-dd-1 { display: none; }
    .banner-home-clube-dd-2 { display: none; }
    .banner-home-clube-dd-3 { display: none; }
    .banner-home-clube-dd-4 { display: block; }
    #banner-home-int-clube-dd { width: 100%; height: auto; position: relative; float: left; opacity: 1; }
    #div-conteudo-banner-home-clube-dd { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 20; }
    #view-banner-home-clube-dd { width: 90%; height: 100%; position: relative; margin: auto; }
    #faixa-bloco-conteudo-banner-h-cdd { width: 100%; height: auto; top: 50%; position: relative; float: left; margin-top: -180px; }
    #bloco-conteudo-banner-h-cdd { width: 100%; height: auto; position: relative; margin: auto; }
    #faixa-play-icn-h-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #play-icn-h-cdd { width: 80px; height: 67px; position: relative; margin: auto; background: url('img/play-banner-icn.gif'); background-size: 80px; background-repeat: no-repeat; }
    #chamada-banner-home-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
    #chamada-banner-home-clube-dd h1 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #fff; text-align: center; font-weight: 600; line-height: 24px; padding: 0px 80px; }
    #chamada-banner-home-clube-dd p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; text-align: center; padding: 0px 40px; margin-top: -15px; }
    #faixa-cta-banner-home-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; }
    #cta-banner-h-cdd { width: 245px; height: auto; position: relative; margin: auto; padding: 11px 0px; background-color: #54307E; border-radius: 60px; color: #fff; font-size: 18px; text-align: center; cursor: pointer; }
    #cta-banner-h-cdd:hover { background-color: #834AC4; }
    #ornamento-e-titulo-cdd { width: 100px; height: 13px; position: absolute; top: 72px; left: 5px; background: url('img/ornamento-titulo-clube-dd.gif'); background-size: 100px; }
    #ornamento-d-titulo-cdd { width: 100px; height: 15px; position: absolute; top: 69px; right: 5px; background: url('img/ornamento-titulo-clube-dd-d.gif'); background-size: 100px; background-repeat: no-repeat; }
    #plus-d-b-cdd { width: 30px; height: 68px; position: absolute; right: 0px; top: 50%; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 30px; z-index: 20; background-repeat: no-repeat; }
    #janela-oferta-clube-dd { width: 90%; height: 550px; position: fixed; left: 5%; top: -3250%; margin-top: -265px; margin-left: 0px; background-color: #fff; border-radius: 20px; padding: 30px 10px 0px 20px; z-index: 9998 !important; opacity: 0; }
    #div-foto-oferta-janela { width: 100%; height: auto; position: relative; float: left; }
    #headline-oferta-clube-dd-janela { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; margin-top: 20px; }

    /*Segunda sessao Home Clube DD + */
    #s2-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C69; padding-bottom: 190px;    /* display: none; */ }
    #plus-e-cdd { width: 80px; height: 129px; position: absolute; left: 0px; top: -70px; background: url('img/plus-e-cdd.webp'); background-size: 80px; background-repeat: no-repeat; }
    .bg-s-color-pink { background-color: #FF2C69; }
    #view-s2-clube-dd { width: 90%; height: auto; position: relative; margin: auto; z-index: 30; }
    #view-s2-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 52px; font-size: 28px; color: #FFFFFF; text-align: center; font-weight: 700; }
    .span-h2-clube-dd { color: #FFD93B; }
    #view-s2-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #fff; text-align: center; font-size: 19px; font-weight: 600; }
    #faixa-cards-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; display: none; }
    #swipper-cards-vantagens-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; z-index: 90; display: block; }
    .item-card-vantagem-clube-swipper { width: 340px; height: 420px; position: relative; float: left; margin-left: 20px; margin-right: -55px; }
    .item-card-vantanges-clube-dd { width: 70%; height: 420px; position: relative; float: left; background-color: #fff; border-radius: 20px; z-index: 20; }
    .ilustra-card-vcdd { width: 100%; height: auto; position: relative; float: left; padding: 10px 10px 10px 10px; box-sizing: border-box; }
    .item-card-vantanges-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 24px; color: #A53FAD; text-align: center; font-weight: 600; padding: 0px 20px; box-sizing: border-box; }
    .item-card-vantanges-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px !important; font-size: 16px !important; color: #A53FAD !important; text-align: center; font-weight: 400 !important; line-height: 20px; padding: 0px 20px; box-sizing: border-box; }
    .regulamento-card-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 14px; text-align: center; font-weight: 300; padding: 0px 20px; color: #8F9EC9; text-align: center; box-sizing: border-box; }
    .divisoria-card-clube-dd { width: 20%; height: 420px; position: relative; float: left; }
    .plus-divisoria-clube-dd { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; background: url('img/plus.webp'); background-size: 150px; }
    #tag-club-dd-janela { display: none; }
    #headline-banners-parceiros { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #headline-banners-parceiros h3 { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #headline-banners-parceiros h3 span { color: #FFD93B; }
    #swiper-parceiros-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; overflow: hidden; padding-left: 20px; padding-right: 20px; z-index: 30; }
    .item-card-banner { width: 600px; height: auto; position: relative; float: left; margin-left: 0px; border-radius: 10px; overflow: hidden; }
    .bloco-ctrl-banners-parceiros { display: none; }
    #plus-amarelo-conteudo-clube-dd-parceiros { display: none; }
    #janela-parceiro-clube-dd { width: 90%; height: 550px; position: fixed; left: 5%; top: -250%; margin-left: 0px; margin-top: -275px; background-color: #fff; border-radius: 15px; z-index: 1999; opacity: 0px; }
    #headline-janela-parceiro-clube-dd { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: 10px; }
    #headline-janela-parceiro-clube-dd h2 { width: 100% !important; height: auto !important; position: relative !important; float: left !important; font-size: 23px !important; margin-top: 17px !important; font-weight: 700 !important; color: #000 !important; }
    #cta-entrar-pro-clube { width: auto; height: auto; position: relative; float: left !important; margin-top: -15px; margin-bottom: 15px; font-size: 16px; padding: 8px 25px; color: #fff; background-color: #402F81; border-radius: 30px; cursor: pointer; }
    #txt-sobre-parceiro { width: 100%; height: 180px; position: relative; float: left; overflow-y: scroll; padding-top: 20px; }
    #txt-sobre-parceiro p { width: 90%; height: auto; position: relative; float: left; margin-top: -20px; margin-bottom: 30px !important; font-size: 16px; color: #000; padding: 0px 20px; margin-bottom: 20px; }
    #s3-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FFD83A; padding-bottom: 150px;    /* display: none; */ }
    .bg-s-color-yellow { background-color: #FFD83B !important; }
    .view-bloco-conteudo-dd { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    .ilustra-e-conteudo-bloco-dd { width: 100%; height: 310px; position: relative; float: left; }
    #plus-rosa { width: 250px; height: 250px; position: absolute; top: -115px; left: 50%; margin-left: -125px; background: url('img/plus-rosa.webp'); background-size: 250px; animation: prerotate 12s infinite ease; -webkit-animation: prerotate 12s infinite ease; -o-animation: prerotate 12s infinite ease; -moz-animation: prerotate 12s infinite ease; -ms-animation: prerotate 12s infinite ease; }
    #plus-ilustra-1 { width: 280px; height: 277px; position: absolute; top: 90px; left: 50%; margin-left: -140px; background: url('img/plus-ilustra-1.webp'); background-size: 280px; }
    .txt-conteudo-bloco-dd { width: 100%; height: 100%; position: relative; float: left; margin-left: 0%; }
    .txt-conteudo-bloco-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 34px; color: #FF2C69; font-weight: 700; text-align: center; }
    .txt-conteudo-bloco-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -3px; font-size: 18px; color: #552F7F; text-align: center; }
    .faixa-cta-txt-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
    .cta-int-conteudo-clube-dd { width: 250px; height: auto; left: 50%; position: relative; float: left; margin-left: -125px; padding: 12px 0px; border-radius: 100px; background-color: #55307E; color: #fff; font-size: 17px; cursor: pointer; text-align: center; }
    .cta-int-conteudo-clube-dd:hover { background-color: #7844B2; }
    #plus-amarelo-conteudo-clube-dd { width: 250px; height: 250px; position: absolute; right: 50%; top: -210px; margin-right: -125px; background: url('img/plus-amarelo.webp'); background-size: 250px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; display: none; }
    @keyframes prerotate {
        0% { transform: rotate(20deg); }
        50% { transform: rotate(-45deg); }
        100% { transform: rotate(20deg); }
    }
    @-moz-keyframes pre-rotate {
        0% { -moz-transform: rotate(20deg); }
        50% { -moz-transform: rotate(-45deg); }
        100% { -moz-transform: rotate(20deg); }
    }
    @-ms-keyframes pre-rotate {
        0% { -ms-transform: rotate(20deg); }
        50% { -ms-transform: rotate(-45deg); }
        100% { -ms-transform: rotate(20deg); }
    }
    @-o-keyframes pre-rotate {
        0% { -o-transform: rotate(20deg); }
        50% { -o-transform: rotate(-45deg); }
        100% { -o-transform: rotate(20deg); }
    }
    @-webkit-keyframes pre-rotate {
        0% { -webkit-transform: rotate(20deg); }
        50% { -webkit-transform: rotate(-45deg); }
        100% { -webkit-transform: rotate(20deg); }
    }

    /*Inicio rodapé clube DD*/
    #rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #6227AB; padding-bottom: 50px;        /* display: none; */ }
    #bg-rodape-clube-dd { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url('img/bg-links-rodape-clube-dd.webp'); z-index: 2; }
    .bg-s-color-roxo { background-color: #6327AB; z-index: 1; }
    #view-rodape-clube-dd { width: 340px; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-rodape-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 31px; color: #FF2C69; text-align: center; font-weight: 700; }
    .span-h3-rodape-clube-dd { color: #fff; z-index: 10; }
    #sub-chamada-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #FED83B; font-size: 19px; text-align: right; padding-right: 37px; font-weight: 700; }
    #plus-titulo-rodape-clube { width: 70px; height: 70px; position: absolute; left: 36px; top: -16px; background: url('img/plus-title.webp'); background-size: 70px; z-index: -1; }
    #plus-azul { width: 80px; height: 80px; position: absolute; left: 0px; top: -110px; background: url('img/plus-azul.webp'); background-size: 80px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #plus-rosa-grande { width: 100px; height: 100px; position: absolute; right: 0px; top: -130px; background: url('img/plus-rosa-grande.webp'); background-size: 100px; z-index: 10; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
    #plus-azul-2 { width: 100px; height: 100px; position: absolute; right: 10px; top: -52px; background: url('img/plus-azul-2.webp'); background-size: 100px; animation: prerotate 16s infinite ease; -webkit-animation: prerotate 16s infinite ease; -o-animation: prerotate 16s infinite ease; -moz-animation: prerotate 16s infinite ease; -ms-animation: prerotate 16s infinite ease; }
    #faixa-links-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; display: none; }
    #faixa-links-rodape-clube-dd-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 43px; display: block; z-index: 90; }
    .item-link-rodape-clube-dd { width: 22%; height: 250px; position: relative; float: left; margin-left: 60px !important; margin-right: 0px; cursor: pointer; }
    .plus-int-m-rodape { width: 150px; height: 150px; position: absolute; top: 0%; left: 50%; margin-left: -75px; margin-right: -30px !important; background: url('img/plus-menu-clube-dd.webp'); background-size: 150px; }
    .nome-menu-plus-clube { width: 100%; height: 60px; position: absolute; top: 50%; margin-top: -25px; font-size: 21px; color: #fff; text-align: center; font-weight: 700; line-height: 22px; }
    .item-link-rodape-clube-dd:hover .nome-menu-plus-clube { color: #FFCC26; }
    .m1-rcdd { transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); }
    .m2-rcdd { transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
    .m3-rcdd { transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); }
    .m4-rcdd { transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
    .m1-rcdd:hover { transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
    .m2-rcdd:hover { transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); }
    .m3-rcdd:hover { transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); }
    .m4-rcdd:hover { transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); }

    /*Beneficios clube DD+*/
    #bloco-conteudo-beneficios-banner-h-cdd { width: 90%; height: auto; position: relative; margin: auto; }
    #faixa-play-icn-h-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #play-icn-h-cdd { width: 140px; height: 115px; position: relative; margin: auto; background: url('img/play-banner-icn.gif'); background-size: 140px; background-repeat: no-repeat; }
    #plus-d-b-cdd-2 { width: 60px; height: 186px; position: absolute; right: 0px; top: -70px; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 60px; z-index: 20; background-repeat: no-repeat; }
    #faixa-ornamento-beneficios-b-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
    #ornamento-beneificios-clube { width: 100px; height: 32px; position: relative; margin: auto; background: url('img/ornamento-banner-beneficios.gif'); background-size: 100px; }
    #chamada-banner-home-clube-dd-beneficios { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
    #chamada-banner-home-clube-dd-beneficios h1 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; color: #fff; text-align: center; font-weight: 600; line-height: 24px; padding: 0px 40px; }
    #chamada-banner-home-clube-dd-beneficios p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; text-align: center; padding: 0px 0px; margin-top: -15px; }
    .fix-chamada-beneficios-clube { margin-top: -60px !important; }
    .span-plus-beneficios-clube { font-size: 43px !important; color: #F9CA26; }
    #ornamento-e-titulo-cdd-beneficios { width: 110px; height: 26px; position: absolute; top: 79px; left: -30px; background: url('img/ornamento-titulo-clube-dd.gif'); background-size: 110px; background-repeat: no-repeat; }
    #ornamento-d-titulo-cdd-beneficios { width: 110px; height: 14px; position: absolute; top: 78px; right: -29px; background: url('img/ornamento-titulo-clube-dd-d.gif'); background-size: 110px; }
    .s-conteudo-beneficios-clube { width: 100%; height: auto; position: relative; float: left; }
    .view-s-conteudo-beneficio-clube { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    .ilustra-s-conteudo-beneficio-clube { width: 100%; height: auto; position: relative; float: left; }
    .txt-s-conteudo-beneficio-clube { width: 100%; height: auto; position: relative; float: left; }
    .txt-s-conteudo-beneficio-clube h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 30px; font-weight: 700; text-align: center; }
    .txt-s-conteudo-beneficio-clube p { width: 100%; height: auto; position: relative; float: left; margin-top: 11px; margin-bottom: 5px; font-size: 18px; text-align: center; padding: 0px 20px; }
    .faixa-cta-conteudo-beneficio-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    .cta-conteudo-beneficio-clube { width: 280px; height: auto; position: relative; margin-left: 10%; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 22px; color: #fff; border-radius: 60px; cursor: pointer; }
    .cta-conteudo-beneficio-clube:hover { background-color: #3F235D; }
    .cta-conteudo-produtos-clube { width: 270px; height: auto; left: 50%; position: relative; margin-left: -135px; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 19px; color: #fff; border-radius: 60px; cursor: pointer; }
    .cta-conteudo-produtos-clube:hover { background-color: #3F235D; }
    .bg-conteudo-clube-amarelo { background-color: #FED83B; }
    .bg-conteudo-clube-branco { background-color: #fff; }
    .bg-conteudo-clube-rosa { background-color: #FF2C69; }
    .t-s1-beneficio-clube { color: #FF2C69; padding-left: 0%; margin-top: 30px; }
    .p-s1-beneficio-clube { color: #55307E; padding-left: 0%; font-weight: 600; }
    .t-s2-beneficio-clube { color: #FF2C69; padding-left: 0%; margin-top: 50px !important; }
    .p-s2-beneficio-clube { color: #55307E; padding-left: 10%; font-weight: 600; }
    .t-s3-beneficio-clube { color: #fff; padding-left: 0%; margin-top: 20px !important; }
    .p-s3-beneficio-clube { color: #fff; padding-left: 10%; font-weight: 600; }
    .t-s4-beneficio-clube { color: #FF2C69; padding-left: 0%; margin-top: 50px !important; }
    .p-s4-beneficio-clube { color: #55307E; padding-left: 10%; font-weight: 600; }

    /*ornamentos s1 beneficios*/
    .plus-amarelo-4 { width: 100px; height: 100px; position: relative; float: left; margin-left: 120px; margin-top: -100px; background: url('img/plus-rosa.webp'); background-size: 100px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    .plus-rosa-5 { width: 250px; height: 250px; position: relative; float: left; margin-left: 190px; margin-top: -60px; background: url('img/plus-rosa-grande.webp'); background-size: 250px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; display: none; }
    #personagem-1-beneficios-clube-dd { width: 250px; height: 250px; left: 50%; position: relative; float: left; margin-left: -125px; margin-top: -50px; z-index: 10; background: url('img/personagem-1-beneficios-clube.webp'); background-size: 250px; }
    #plus-e-cdd-2 { width: 100px; height: 162px; position: absolute; left: -20px; top: -90px; background: url('img/plus-e-cdd.webp'); background-size: 100px; background-repeat: no-repeat; }
    #plus-d-cdd-2 { width: 70px; height: 121px; position: absolute; right: 0px; top: -30px; background: url('img/plus-o-e.webp'); background-size: 70px; }

    /*Ornamentos s2 beneficios*/
    .plus-amarelo-6 { width: 300px; height: 300px; position: relative; float: left; margin-top: -100px; background: url('img/plus-amarelo.webp'); background-size: 300px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; display: none; }
    #personagem-2-beneficios-clube-dd { width: 450px; height: 450px; position: relative; float: right; margin-top: -50px; z-index: 10; background: url('img/personagem-2-beneficios-clube.webp'); background-size: 450px; display: none; }
    .plus-amarelo-7 { width: 250px; height: 250px; position: relative; float: left; margin-left: 100px; margin-top: -60px; background: url('img/plus-amarelo.webp'); background-size: 250px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; display: none; }

    /*Ornamentos s3 beneficios*/
    .plus-roxo-6 { width: 300px; height: 300px; position: relative; float: left; margin-top: -100px; background: url('img/plus-roxo.webp'); background-size: 300px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; display: none; }
    #personagem-3-beneficios-clube-dd { width: 250px; height: 250px; right: 50%; position: relative; float: right; margin-right: -125px; margin-top: 20px; z-index: 10; background: url('img/personagem-3-beneficios-clube.webp'); background-size: 250px; }
    .plus-amareloescuro-7 { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -145px; margin-top: 180px; background: url('img/plus-amareloescuro.webp'); background-size: 100px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; }
    #plus-e-cdd-3 { width: 90px; height: 162px; position: absolute; left: -20px; top: -80px; background-image: url('img/plus-e-cdd.webp'); background-size: 90px; background-repeat: no-repeat; }

    /*Ornamentos s4 beneficios*/
    #personagem-4-beneficios-clube-dd { width: 250px; height: 250px; right: 50%; position: relative; float: right; margin-right: -125px; margin-top: 20px; margin-bottom: -60px; z-index: 10; background: url('img/personagem-4-beneficios-clube.webp'); background-size: 250px; }
    #plus-d-b-cdd-5 { width: 40px; height: 96px; position: absolute; right: 0px; top: 0px; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 40px; z-index: 20; background-repeat: no-repeat; }

    /* ==========================================================================
      Como funciona Clube DD
    ========================================================================== */
    #bloco-conteudo-cmf-banner-h-cdd { width: 100%; height: auto; position: relative; margin: auto; padding-top: 83px; }
    #chamada-banner-cmf-clube-dd-beneficios h1 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; color: #fff; text-align: center; font-weight: 600; line-height: 30px; padding: 0px 40px; }
    #chamada-banner-cmf-clube-dd-beneficios p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; text-align: center; padding: 0px 10px; margin-top: -15px; }
    #ornamento-e-titulo-cdd-beneficios-cmf { width: 140px; height: 20px; position: absolute; top: 102px; left: -15px; background: url('img/ornamento-titulo-clube-dd.gif'); background-size: 140px; }
    #ornamento-d-titulo-cdd-beneficios-cmf { width: 140px; height: 21px; position: absolute; top: 101px; right: 0px; background: url('img/ornamento-titulo-clube-dd-d.gif'); background-size: 140px; }
    #ornamento-plus-cmf { width: 70px; height: 112px; position: absolute; left: 0px; top: -70px; background: url('img/plus-e-cdd.webp'); background-size: 70px; z-index: 10; }
    #view-s-passo-a-passo-clube-dd { width: 100%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-s-passo-a-passo-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 26px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #view-s-passo-a-passo-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #fff; text-align: center; font-size: 22px; font-weight: 600; }
    #faixa-passos-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; display: none; }
    #faixa-ornamento-beneficios-b-clube { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
    #faixa-passo-a-passo-clube-tablet-mobile { width: 100%; height: 230px; position: relative; float: left; margin-top: 20px; display: block; }

    /*Passo a passo Clube DD+*/
    #s-passo-a-passo-clube-dd { width: 100%; height: 690px; position: relative; float: left; background-color: #FF2C69; }
    .item-passo-a-passo { width: 25%; height: auto; position: relative; float: left; padding: 0px 30px; margin-right: -40px; }
    .img-personagem-passo-a-passo { width: 220px; height: 220px; position: relative; margin: auto; z-index: 20; }
    .p-pap-1 { background: url('img/perssonagem-passo-1.webp'); background-size: 220px; }
    .p-pap-2 { background: url('img/perssonagem-passo-2.webp'); background-size: 220px; }
    .p-pap-3 { background: url('img/perssonagem-passo-3.webp'); background-size: 220px; }
    .p-pap-4 { background: url('img/perssonagem-passo-4.webp'); background-size: 220px; }
    #ornamento-1-passo-a-passo { width: 70px; height: 70px; position: absolute; right: 50px; top: 10px; background: url('img/ornamento-1-passo-a-passo.webp'); background-size: 70px; animation: prerotate 30s infinite ease; -webkit-animation: prerotate 30s infinite ease; -o-animation: prerotate 30s infinite ease; -moz-animation: prerotate 30s infinite ease; -ms-animation: prerotate 30s infinite ease; }
    #ornamento-2-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 10px; bottom: 170px; background: url('img/ornamento-2-passo-a-passo.webp'); background-size: 100px; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
    #ornamento-3-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 10px; top: 10px; background: url('img/ornamento-3-passo-a-passo.webp'); background-size: 100px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #ornamento-4-passo-a-passo { width: 100px; height: 100px; position: absolute; right: 20px; bottom: 150px; background: url('img/ornamento-4-passo-a-passo.webp'); background-size: 100px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    .passo-mobile { display: block; }
    #faixa-cta-download-app-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; }
    #cta-download-app-clube { width: 330px; height: auto; position: relative; margin: auto; padding: 14px 20px; background-color: #55307F; color: #fff; font-size: 20px; text-align: center; border-radius: 100px; cursor: pointer; }

    /*Ofertas selecionadas Clube DD*/
    .fix-chamada-clube-dd { font-size: 23px !important; }
    #s-ofertas-selecionadas { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C6A; padding-bottom: 80px; }
    .view-ofertas-selecionadas { width: 90%; height: auto; position: relative; margin: auto; z-index: 40; }
    .view-ofertas-selecionadas h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; left: 0px; margin-left: 0px; font-size: 28px; color: #fff; text-align: center; font-weight: 700; }
    .view-ofertas-selecionadas p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 17px; color: #fff; text-align: center; font-weight: 400; padding: 0px 10px; }
    .faixa-produtos-selecionados { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }

    /*Card produto selecionado*/
    .selo-clube-dd { width: 70px; height: 70px; position: absolute; left: 20px; top: 10px; background: url('img/icn-clube-pg-clube.webp'); background-size: 70px; z-index: 99; }
    .item-card-produto-selecionado { width: 250px; height: auto; position: relative; float: left; margin-left: 20px !important; margin-right: 0px !important; background-color: #fff; border-radius: 20px; cursor: pointer; padding-bottom: 20px; }
    .bloco-img-produto-card { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 20px; border-radius: 10px; overflow: hidden; background-color: #F0F0F0; }
    .conteudo-bloco-oferta { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; padding-right: 20px; margin-top: 15px; }
    .preco-oferta { width: auto; height: auto; position: relative; float: left; font-size: 18px; color: #33B969; font-weight: 700; }
    .porcentagem-desconto-oferta { width: auto; height: auto; position: relative; float: left; margin-top: -2px; margin-left: 10px; background-color: #22AA67; padding: 4px 15px; font-size: 14px; color: #FFFFFF; border-radius: 10px; }
    .conteudo-bloco-oferta p { width: 80%; height: auto; position: relative; float: left; margin-top: 10px; color: #3E3E3E; font-size: 12px; }
    .faixa-preco-cheio { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; color: #898989; font-size: 16px; text-decoration: line-through; }
    .faixa-cta-conteudo-ofertas-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    .cta-conteudo-ofertas-clube { width: 280px; height: auto; left: 50%; position: relative; float: left; margin-top: 60px; margin-left: -140px; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 22px; color: #fff; border-radius: 60px; cursor: pointer; }

    /*Inicio central de ajuda*/
    #faq-central-ajuda { width: 100%; height: auto; position: relative; float: left; background-color: #e5f7ff; padding-bottom: 150px; }
    #faixa-politica-privacidade { z-index: 100; background-color: #2B54CC; }

    /* ==========================================================================
      Central de Ajuda
    ========================================================================== */
    #ancora-ctr-fale-conosco { width: 1px; height: 1px; position: absolute; top: -180px; }
    #ancora-ctr-faq { width: 1px; height: 1px; position: absolute; top: -60px; }
    #topo-central-de-ajuda-pg { width: 100%; height: 490px; position: relative; float: left; margin-top: 50px; }
    #ornamento-topo-central-ajuda { width: 195px; height: 90px; position: absolute; right: 0px; top: -15px; background: url('img/ornamentop-topo-central-ajuda.webp'); background-size: 195px; background-repeat: no-repeat; }
    #ornamento-bottom-central-ajuda { width: 195px; height: 48px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamentop-bottom-central-ajuda.webp'); background-size: 195px; background-repeat: no-repeat; }
    #view-topo-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-central-ajuda h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 27px; color: #323435; text-align: center; font-weight: 700; }
    #view-topo-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -25px; font-size: 21px; color: #323435; text-align: center; font-weight: 300; }
    #faixa-int-links-central-ajuda { width: 281px; height: auto; position: relative; margin: auto; }
    .item-link-pg-central-ajuda { width: 120px; height: 120px; position: relative; float: left; margin-left: 10px; margin-right: 10px; background-color: #E7F8FC; border-radius: 20px; cursor: pointer; }
    .img-icn-faq-link { background: url('img/icn-faq.gif'); background-size: 120px; }
    .img-icn-contato-link { background: url('img/icn-fale-conosco.gif'); background-size: 120px; }
    .legenda-link-central-ajuda { width: 120px; height: auto; position: absolute; left: 5px; bottom: -62px; color: #343435; line-height: 22px; font-size: 18px; text-align: center; }
    #view-faq-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-faq-central-ajuda h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 28px; color: #2C2C2C; text-align: center; font-weight: 700; }
    #view-faq-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -13px; text-align: center; color: #2D2C2C; font-size: 20px; font-weight: 300; padding: 0px 10px; }
    #box-perguntas-faq { width: 100%; height: auto; position: relative; float: left; background-color: #F7FCFF; border-radius: 30px; overflow: hidden; margin-top: 20px; }

    /*Inicio central de ajuda*/
    #faq-central-ajuda { width: 100%; height: auto; position: relative; float: left; background-color: #e5f7ff; padding-bottom: 140px; }
    #view-formulario-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; z-index: 100; }
    #personagem-fale-conosco { width: 150px; height: 150px; position: absolute; left: 50%; margin-left: -75px; top: -89px; background-color: #dadada; border-radius: 50%; overflow: hidden; }
    #personagem-int-fale-conosco { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; background: url('img/personagem-central-ajuda-2.gif'); background-size: 150px; }
    #view-formulario-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 32px; color: #2C2C2C; text-align: center; font-weight: 700; }
    #view-formulario-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 21px; text-align: center; color: #2C2C2C; }
    #box-formulario-central-ajuda { width: 100%; height: auto; position: relative; float: left; margin-top: 3px; }
    .input-2-x { width: 100%; height: 80px; position: relative; float: left; padding: 0px 10px; box-sizing: border-box; }
    .input-2-x input { width: 100%; height: auto !important; position: relative; float: left; margin-bottom: 8px !important; padding: 16px 20px !important; background-color: #437DFC !important; border-radius: 20px !important; font-size: 19px !important; color: #fff; border-bottom: 0px solid #dadada !important; box-sizing: border-box !important; }
    #cta-enviar-formulario-central-ajuda { width: 280px; height: auto; position: relative; margin: auto; padding: 12px 0px; background-color: #FFCB26; font-size: 20px; color: #A17511; font-weight: 400; border-radius: 50px; cursor: pointer; text-align: center; }
    #view-faixa-politica-privacidade { width: 90%; height: auto; position: relative; margin: auto; }
    #view-faixa-politica-privacidade h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; color: #fff; font-size: 28px; font-weight: 700; text-align: center; padding: 0px 60px; }
    #view-faixa-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; color: #fff; font-size: 17px; font-weight: 300; text-align: center; padding: 0px 10px; }
    #cta-faixa-politica-privacidade { width: 180px; height: auto; position: relative; margin: auto; padding: 9px 0px; background-color: #FFCC26; color: #A17511; text-align: center; font-size: 22px; border-radius: 50px; }

    /*Atendimento fornecedor*/
    #topo-atendimento-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; background-color: #EBFEFF; padding-bottom: 130px; }
    #ornamento-topo-fornecedor { width: 240px; height: 97px; position: absolute; right: 0px; top: -90px; background: url('img/ornamento-topo-atendimento-fornecedor.webp'); background-size: 290px; background-repeat: no-repeat; }
    #ornamento-bottom-fornecedor { width: 320px; height: 257px; position: absolute; left: 0px; bottom: -270px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 320px; display: none; }
    #view-topo-atendimento-fornecedor { width: 100%; height: auto; position: relative; margin: auto; }
    #view-topo-atendimento-fornecedor h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 32px; color: #343336; text-align: center; font-weight: 700; }
    #view-topo-atendimento-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 16px; color: #343535; text-align: center; font-weight: 300; padding: 0px 20px; }
    #faixa-infos-contato-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: -40px; }
    .item-faixa-contato { width: 90%; height: 100px; position: relative; float: left; margin-bottom: 20px; overflow: hidden; border-radius: 25px; margin-left: 5%; margin-right: 5%; background-color: #fff; }
    .bloco-conteudo-item-contato { width: 70%; height: 100%; position: relative; float: left; padding: 0px 23px; }
    .bloco-conteudo-item-contato h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 32px; font-size: 16px; color: #9499FD; font-weight: 500; }
    .bloco-conteudo-item-contato h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 13px; color: #656EFC; font-weight: 300; }
    .int-item-ilustra-contato { width: 100px; height: 100px; position: absolute; right: 0px; }
    .icn-ilustra-contato-email { background: url('img/ilustra-caixa-email.webp'); background-size: 100px; }
    .icn-ilustraptelefone-contato { background: url('img/ilustra-telefone-contato.webp'); background-size: 100px; }
    #faixa-cta-int-atendimento-fornecedor { width: 100%; height: auto; position: relative; margin: auto; }
    #cta-enviar-anexo { width: 220px; height: auto; left: 50%; position: relative; float: left; margin-left: -109px;    /* margin-right: 20px; */ padding: 10px 25px 10px 50px; background-color: #085CFC; border-radius: 60px; color: #fff; font-size: 20px; cursor: pointer; }
    #icn-enviar-anexo { width: 20px; height: 20px; position: absolute; left: 17px; top: 14px; background-size: 20px; }
    #cta-enviar-mensagem-fornecedor { width: 271px; height: auto; left: 50%; position: relative; float: left; margin-left: -266px; padding: 10px 25px 10px 25px; background-color: #FFCB26; border-radius: 60px; color: #A07612; font-size: 20px; cursor: pointer; margin-top: 70px; }
    .select-wrapper .caret { position: relative; float: right; right: 16px; top: 23px; bottom: 0; background-repeat: no-repeat; margin: auto 0; z-index: 99; color: #fff; fill: rgba(255, 255, 255, 0); line-height: 10px; }

    /* ==========================================================================
      Página trabalhe conosco
       ========================================================================== */
    #banner-topo-trabalhe-conosco { width: 100%; height: 330px; position: relative; float: left; margin-top: 61px; }
    #view-banner-topo-trabalhe-conosco { width: 100%; height: auto; position: relative; margin: auto; z-index: 10; }
    #view-banner-topo-trabalhe-conosco h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; margin-bottom: 15px; font-size: 24px; color: #fff; font-weight: 700; padding: 0px 20px; text-align: center; }
    #view-banner-topo-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 18px; color: #fff; font-weight: 400; text-align: center; padding: 0px 40px; }
    #cta-int-topo-trabalhe-conosco { width: 205px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #626EFC; color: #fff; font-size: 17px; text-align: center; cursor: pointer; border-radius: 90px; }
    #ancora-vagas-disponiveis { width: 1px; height: 1px; position: absolute; top: -170px; }
    #ornamento-organizacao-r { width: 350px; height: 342px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-organizacao-r.webp'); background-size: 350px; display: none; }
    #ornamento-organizacao-l { width: 353px; height: 342px; position: absolute; left: 0px; top: 0px; background: url('img/ornamento-organizacao-e.webp'); background-size: 353px; display: none; }
    #view-sobre-organizacao { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-sobre-organizacao h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; margin-bottom: -7px; font-size: 24px; color: #343435; text-align: center; font-weight: 700; padding: 0px 40px; }
    #view-sobre-organizacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -5px; font-size: 16px; color: #323435; text-align: center; font-weight: 400; padding: 0px 20px; }
    .c-bg-1 { display: none; width: 100px; height: 100px; position: absolute; left: -40px; top: 450px; background-color: #434DFC; border-radius: 100%; }
    .c-bg-2 { display: none; width: 90px; height: 90px; position: absolute; left: 37%; bottom: 20px; background-color: #ff1329; border-radius: 100%; }
    .c-bg-3 { display: none; width: 130px; height: 130px; position: absolute; right: 90%; bottom: 180px; background-color: #FFF38F; border-radius: 100%; display: none; }
    .c-bg-4 { display: none; width: 90px; height: 90px; position: absolute; right: 0px; bottom: 360px; background-color: #FFBC42; border-radius: 100%; }
    #view-vagas-disponiveis h3 { width: 100%; height: auto; position: relative; float: left; margin-top: -50px; color: #2D2C2C; font-size: 24px; text-align: center; font-weight: 700; }
    #view-vagas-disponiveis p { width: 100%; height: auto; position: relative; float: left; margin-top: -16px; color: #2D2C2C; font-size: 19px; text-align: center; padding: 0px 40px; }
    #faixa-selecao-regiao-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; display: none; }

    /*Sessão vagas disponíveis*/
    #s-vagas-disponiveis { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #view-vagas-disponiveis { width: 100%; max-width: 1700px; height: auto; position: relative; margin: auto; }
    #faixa-selecao-regiao-vagas-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; overflow: hidden; }
    .item-tbnc-regiao { width: 150px; height: auto; position: relative; float: left; margin-left: 20px !important; margin-right: -14px !important; padding: 8px 0px; background-color: #E7F9FB; color: #232121; font-size: 16px; font-weight: 600; text-align: center; border-radius: 90px; cursor: pointer; }

    /*Bloco cards vagas*/
    .bloco-cards-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; display: none; padding: 0px 20px; }
    .item-card-vaga { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-right: 0%; margin-bottom: 8px; background-color: #F1FBFB; border-radius: 10px; padding: 20px 30px; box-sizing: border-box; }
    .item-card-vaga h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; color: #000100; font-size: 18px; color: #050505; font-weight: 500; }
    .desc-vaga { width: 100%; height: auto; position: relative; float: left; margin-top: -4px; padding-bottom: 65px; color: #363939; font-size: 14px; font-weight: 400; }
    .toolbar-card-vagas { width: 100%; height: auto; position: absolute; bottom: 15px; margin-left: -30px; padding: 0px 30px; }
    .icn-regiao-loja { width: 20px; height: 20px; position: relative; float: left; background: url('img/icn-card-regiao-loja.webp'); background-size: 20px; }
    .nome-loja-card { width: 100px; height: auto; position: relative; float: left; margin-left: 5px; margin-top: 1px; font-size: 14px; color: #587E86; }
    .cta-candidatar-se { width: auto; height: auto; position: absolute; float: unset; right: 10px; bottom: 0px; margin-top: -26px; padding: 7px 13px; background-color: #417DFC; color: #fff; border-radius: 40px; cursor: pointer; font-size: 12px; opacity: 1; }
    #faixa-numeros-trabalhe-conosco { width: 100%; height: 400px; position: relative; float: left; margin-top: 20px; background-color: #2B54CC; z-index: 20; }
    #view-faixa-numeros-trabalhe-conosco { width: 100%; height: auto; position: relative; margin: auto; z-index: 90; display: none; }
    .item-numeros-trabalhe-conosco { width: 33.3%; height: 100%; position: relative; float: left; padding: 0px 20px; margin-right: -20px !important; }
    .descricao-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
    .descricao-n-item-lojas h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #fff; font-size: 20px; text-align: center; font-weight: 700; }
    .sobre-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 16px; text-align: center; font-weight: 400; }
    .bg-icn-trabalhe-conosco { width: 120px; height: 120px; position: relative; margin: auto; background-color: #FFDE2A; border-radius: 100%; }
    .icn-n-lojas { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -120px; background: url('img/icn-n-loja.webp'); background-size: 100px; z-index: 10; }
    .icn-n-estados { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -111px; background: url('img/icn-n-estados.webp'); background-size: 100px; z-index: 10; }
    .icn-n-colaboradores { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -111px; background: url('img/icn-n-estados.webp'); background-size: 100px; z-index: 10; }
    .atv-vagas { display: block; }
    .atv-item-tbnc-regiao { background-color: #fdc92e; color: #A17512; }

    /*Inicio beneficios trabalhe conosco*/
    #s-beneficios-trabalhe-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding-bottom: 128px; background-color: #E7F5FB; z-index: 20; }
    #ornamento-d-trabalhe-conosco { width: 120px; height: 117px; position: absolute; right: 0px; top: -22px; background: url('img/ornamento-organizacao-r.webp'); background-size: 120px; background-repeat: no-repeat; display: none; }
    #ornamento-e-trabalhe-conosco { width: 312px; height: 250px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 312px; display: none; }
    #view-beneficios-trabalhe-conosco { width: 90%; height: auto; position: relative; margin: auto; }
    #view-beneficios-trabalhe-conosco h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 58px; margin-bottom: 2px; color: #2D2C2C; font-size: 20px; text-align: center; font-weight: 700; padding: 0px 17px; }
    #view-beneficios-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; margin-bottom: 1px; color: #2D2C2C; font-size: 16px; text-align: center; padding: 0px 20px; }
    #faixa-slides-beneficios-trabalhe-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 34px; margin-bottom: 0px; }
    .item-beneficio-tbnc { width: 230px !important; height: auto; position: relative; float: left; margin-left: 20px !important; margin-right: -10px !important; padding: 100px 20px 40px 20px; color: #2C2B29; text-align: center; font-weight: 600; border-radius: 20px; }

    /*Inicio beneficios trabalhe conosco mobile*/
    #view-faixa-numeros-trabalhe-conosco-mobile { width: 100%; height: auto; position: relative; margin: auto; padding-top: 5px; z-index: 90; display: block; }

    /*Controles beneficios trabalhe conosco*/
    .item-controle-tbn { width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -35px; background-color: #fff; border-radius: 100%; cursor: pointer; z-index: 90; display: none; }
    #legenda-beneficios-tbnc { width: 100%; height: auto; position: relative; float: left; margin-top: 35px; }
    #legenda-beneficios-tbnc-int { width: 90%; height: auto; position: relative; margin: auto; color: #2D2C2C; font-size: 14px; text-align: center; padding: 0px 20px; }
    .faixa-fotos-ilustrativas-int { width: 9000px; height: 100px; position: absolute; left: 0px; top: 0px; background: url('img/faixa-fotos-trabalhe-conosco-mobile.webp'); background-repeat: repeat-x; z-index: 99; }
    #faixa-fotos-ilustrativas-trabalhe-conosco { width: 100%; height: 200px; position: relative; float: left; margin-top: 70px; overflow: hidden; z-index: 10; }

    /*Inicio institucional*/
    #banner-topo-institucional { width: 100%; height: 380px; position: relative; float: left; margin-top: 64px; background: url('img/banner-topo-institucional.webp'); background-size: cover; background-position-x: -670px; }
    #view-topo-institucional { width: 95%; height: 100%; position: relative; margin: auto; z-index: 99; }
    #view-topo-institucional h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 26px; color: #fff; font-weight: 700; text-align: center; }
    #view-topo-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #fff; font-size: 16px; text-align: center; padding: 0px 0px; }
    #cta-institucional-topo { width: 200px; height: auto; position: relative; margin: auto; padding: 12px 0px; background-color: #636EFC; color: #fff; font-size: 18PX; text-align: center; border-radius: 100px; cursor: pointer; }
    .mascara-inversa-sessao-amarela-institucional { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; top: -28px; background: url(img/bg-amarelo-institucional-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    #ancora-cta-institucional-topo { width: 1px; height: 1px; position: absolute; left: 0px; top: -100px; }

    /*Timeline institucional*/
    #sessao-timeline-institucional { width: 100%; height: 860px; position: relative; float: left; background-color: #FFCB26; z-index: 90; }
    #chamada-timeline-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: -35px; z-index: 99; margin-bottom: -40px; }
    #chamada-timeline-institucional h2 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; font-weight: 700; color: #373A44; text-align: center; }
    #chamada-timeline-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; color: #373A44; text-align: center; font-size: 19px; padding: 0px 80px; }
    #faixa-bg-img-timeline { width: 100%; height: 219px; position: absolute; top: 338px; background-color: #505BE3; }
    #sessao-numeros-institucional { width: 100%; height: 520px; position: relative; float: left; background-color: #2B54CC; z-index: 300; }
    .item-numeros-institucional { width: 50%; height: auto; position: relative; float: left; margin-top: 50px; }
    .bg-icn-institucional { width: 120px; height: 120px; position: relative; margin: auto; background-color: #FFDE2B; border-radius: 100%; }
    .icone-int-istitucional { width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px; top: -2px; }
    .item-numeros-institucional h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; color: #FFFFFF; font-size: 16px; text-align: center; font-weight: 600; padding: 0px 20px; }
    .item-numeros-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; color: #fff; font-size: 13px; text-align: center; padding: 0px 20px; }

    /*item slider*/
    .item-slider-timeline { width: 300px !important; height: 900px; position: relative; float: left; margin-left: 0px !important; margin-right: -60px !important; z-index: 50; }
    .bloco-txt-topo-slt { width: 100%; height: 200px; position: relative; float: left; padding: 0px 20px; }
    .bloco-txt-topo-slt p { width: 100%; height: auto; position: relative; float: left; font-size: 15px; color: #313544; }
    .bloco-txt-rodape-slt { width: 100%; height: 200px; position: relative; float: left; padding: 0px 20px; margin-top: -70px; }
    .bloco-txt-rodape-slt p { width: 100%; height: auto; position: relative; float: left; font-size: 15px; color: #313544; }
    .marcador-texto-t-l { width: 6px; height: 80px; left: 50%; position: relative; float: left; margin-left: -3px; margin-top: 0px; background-color: #323646; border-radius: 10px; }
    .ponto-marcador-t-t-l { width: 15px; height: 15px; position: absolute; left: 50%; margin-left: -7.5px; bottom: 0px; border-radius: 100%; background-color: #323646; }
    .marcador-texto-r-l { width: 6px; height: 90px; left: 50%; position: relative; float: left; margin-left: -3px; margin-top: 40px; background-color: #323646; border-radius: 10px; }
    .ponto-marcador-t-r-l { width: 15px; height: 15px; position: absolute; left: 50%; margin-left: -7.5px; top: 0px; border-radius: 100%; background-color: #323646; }
    .bloco-img-slide-slt { width: 300px; height: 290px; position: relative; float: left; overflow: hidden; }
    .bloco-img-int-slide-slt { width: 300px; height: 200px; position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -150px; }
    .ano-topo-bloco-tl { width: 100%; height: auto; position: absolute; top: 20px; text-align: center; font-size: 40px; color: #fff; font-weight: 700; z-index: 99; }
    .ano-rodape-bloco-tl { width: 100%; height: auto; position: absolute; bottom: 90px; text-align: center; font-size: 40px; color: #fff; font-weight: 700; z-index: 99; }
    #ornamento-topo-missao { width: 340px; height: 113px; position: absolute; right: 0px; top: 0px; background: url(img/ornamento-topo-missao.webp); background-size: 340px; display: none; }
    #ornamento-rodape-missao { width: 340px; height: 171px; position: absolute; left: 0px; bottom: 0px; background: url(img/ornamento-rodape-missao.webp); background-size: 340px; display: none; }
    #view-missa-visao { width: 95%; height: auto; position: relative; margin: auto; z-index: 99; padding-top: 20px; }
    #view-missa-visao h2 { width: 100%; height: auto; position: relative; float: left; font-size: 28px; color: #343434; text-align: center; font-weight: 700; }
    #view-missa-visao p { width: 100%; height: auto; position: relative; margin-top: -10px; margin-bottom: -10px; float: left; font-size: 16px; color: #4D4E4F; text-align: center; font-weight: 300; padding: 0px 20px; }
    #view-numeros-institucional { width: 95%; height: auto; position: relative; margin: auto; z-index: 100; }
    #faixa-banner-numeros-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
    #banner-institucional-int-numeros { width: 95%; height: auto; position: relative; margin: auto; cursor: pointer; border-radius: 7px; overflow: hidden; }
    #sessao-missao-visao { width: 100%; height: auto; position: relative; float: left; background-color: #FFF; z-index: 200; padding-bottom: 10px; margin-bottom: 31px; }

    /*Inicio valores institucional*/
    #valores-institucional { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-espaco-fornecedor-int-mobile.webp); background-repeat: repeat; padding-bottom: 120px; }
    #view-valores-institucional h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 128px; font-size: 28px; color: #2C2C2C; text-align: center; padding: 0px 20px; font-weight: 700; }
    #view-valores-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 16px; color: #2C2B2B; text-align: center; padding: 0px 20px; }
    .timeline-telas-menors { display: none; }

    /*Faixa cards valores*/
    #faixa-cards-valores-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .card-valor { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; right: 0%; background-color: #fff; border-radius: 20px; margin-bottom: 10px; padding-bottom: 9px; }
    .card-valor h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 20px; text-align: center; font-weight: 700; color: #2C2B2B; padding: 0px 20px; }
    .card-valor-sobre { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 15px; text-align: center; color: #2C2B2B; padding: 0px 30px; }

    /*Início home Blog*/
    #faixa-topo-blog { width: 100%; height: 380px; position: relative; float: left; margin-top: 46px; background-color: #FFD228; overflow: hidden; }
    #view-faixa-topo-blog { width: 100%; height: auto; position: relative; margin: auto; z-index: 99; padding-top: 79px; }
    #logo-blog-dd-int-faixa { width: 140px; height: 139px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 140px; }
    #topo-blogo-video { position: absolute; right: 50%; bottom: 0; top: -200px; min-width: 500px; margin-right: -960px; min-height: 100%; z-index: 1; }

    /*Conteudo destaque home blog*/
    #bloco-conteudo-destaque-blog { width: 100%; height: auto; position: relative; float: left; z-index: 10; display: none; }

    /*Faixa posts populares*/
    #faixa-posts-populares { width: 100%; height: 350px; position: relative; float: left; background-color: #5864E3; margin-top: 120px; display: none; }
    #posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; padding-bottom: 140px; display: none; }

    /*Inicio carrossel posts home blog*/
    #carrossel-posts-home-blog { width: 100%; height: 270px; position: relative; float: left; background-color: #FFD228; z-index: 15; margin-bottom: 5px; }

    /*Posts carrossel*/
    #faixa-carrossel-posts-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: -80px; margin-bottom: -40px; overflow: hidden; z-index: 90; }
    .item-post-carrossel { width: 220px !important; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 0px; cursor: pointer; }
    .cover-post-carrossel { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
    .titulo-cover-post-carrossel { width: 100%; height: auto; min-height: 46px; position: relative; float: left; margin-top: 10px;/* margin-bottom: 30px; */ font-size: 17px; color: #30302F; font-weight: 700; }
    .faixa-tags-post-carrossel-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
    .tag-post-carrossel { width: auto; height: auto; position: relative; float: left; background-color: #4953BB; padding: 5px 15px; color: #fff; font-size: 12px; border-radius: 40px; cursor: pointer; margin-right: 5px; }
    .tag-post-carrossel:hover { background-color: #2332c9; }
    #posts-populares-mobile { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 10; }
    #view-posts-populares-mobile { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; z-index: 20; }
    #view-posts-populares-mobile h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; margin-bottom: 40px; font-size: 28px; color: #30302F; text-align: center; font-weight: 700; }

    /*  Item post popular mobile */
    .item-post-popular-mobile { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; cursor: pointer; }
    .foto-post-popular-mobile { width: 25%; height: auto; position: relative; float: left; overflow: hidden; border-radius: 10px; }
    .titulo-post-popular-mobile { width: 75%; height: auto; position: relative; float: left; padding-left: 20px; font-size: 17px; color: #3B3B3A; font-weight: 600; }
    .faixa-tags-post-popular-mobile { width: 75%; height: auto; position: relative; float: right; margin-top: 10px; padding-left: 20px; }
    #faixa-posts-recentes-mobile { width: 100%; height: auto; position: relative; float: left; background-color: #EFFFFF; padding-bottom: 30px; }
    #view-faixa-posts-recentes-mobile { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; }
    #view-faixa-posts-recentes-mobile h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; margin-bottom: 40px; font-size: 28px; color: #30302F; text-align: center; font-weight: 700; }
    #view-faixa-posts-recentes-mobile p { width: 100%; height: auto; position: relative; float: left; margin-top: -35px; font-size: 18px; color: #2F2F2D; text-align: center; }
    .item-post-recente-mobile { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; }
    .cover-post-recente-mobile { width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden; }
    .item-post-recente-mobile h5 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #343434; font-weight: 700; word-spacing: 1px; line-height: 22px; margin-top: 10px; }
    .faixa-tags-posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }

    /*Inicio post blog*/
    #artigo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding-bottom: 0px; margin-bottom: -140px; z-index: 90; }
    #view-artigo-blog { width: 100%; height: auto; position: relative; margin: auto; }
    #conteudo-artigo-blog { width: 100%; height: auto; position: relative; float: left; padding-bottom: 0px; z-index: 10; margin-bottom: -50px; }
    #conteudo-artigo-blog h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; margin-bottom: 0px; color: #2D2F2D; font-size: 24px; line-height: 45px; font-weight: 600; display: none; }
    #conteudo-artigo-blog h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 0px; color: #2D2F2D; font-size: 24px; line-height: 32px; font-weight: 600; z-index: 90; padding: 0px 30px; text-align: center; }
    #cover-post-int { width: 100%; height: auto; position: relative; float: left; border-radius: 0px; overflow: hidden; }
    #conteudo-artigo-blog p { width: 100%; height: auto; position: relative; float: left; font-size: 17px; color: #2F2F2D; line-height: 28px; word-spacing: 4px; padding: 0px 30px; }
    #player-video-blog-int { width: 320px; height: 180px; left: 50%; position: relative; float: left; margin-left: -160px; border-radius: 15px; overflow: hidden; }
    #img-avulsa-artigo { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 30px; margin-bottom: 30px; overflow: hidden; border-radius: 20px; }
    #faixa-galeria-post { width: 90%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: 30px; border-radius: 20px; margin-left: 5%; overflow: hidden; }
    .item-galeria-post { width: 50%; height: auto; position: relative; float: left; }
    #faixa-info-post { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 20px; }
    #postado-por { width: 70%; height: auto; position: relative; margin-left: 20%; float: left; }
    #reacoes-post { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    #img-emoticons { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px 0px 10px; }

    /*Posts populares artigo*/
    #posts-populares-artigo { width: 25%; height: auto; position: relative; float: left; padding-left: 30px; display: none; }
    .posts-populares-artigo-mobile { height: auto !important; margin-top: 60px; background-color: #E7F5FB !important; padding-bottom: 200px; margin-bottom: -80px; }

    /*Página de categorias*/
    #view-conteudo-destaque-blog { width: 87%; height: auto; position: relative; margin: auto; }
    .card-post-blog { width: 100%; height: auto; position: relative; float: left; margin-right: 3.3%; margin-bottom: 40px; }
    #faixa-outros-posts-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
    .faixa-outros-posts-destaques-cat { margin-top: -80px !important; display: block !important; padding-bottom: 70px; }
    .conteudo-destaque-categoria { display: block !important; }

    /*Inicio arquivo blog*/
    #arquivo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; padding-bottom: 100px; }
    #view-arquivo-blog { width: 90%; height: auto; position: relative; margin: auto; }
    #lista-arquivo-blog { width: 100%; height: auto; position: relative; float: left; }
    #faixa-paginacao { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; margin-bottom: 30px; }
    .item-bloco-paginacao { width: 15.6%; height: 45px; position: relative; float: left; margin-right: 1%; background-color: #FFCC26; border-radius: 10px; cursor: pointer; }
    #mais-do-arquivo-blog { display: none; }

    /*Inicio adega*/
    #topo-adega-home { width: 100%; height: 450px; position: relative; float: left; background: url('img/bg-topo-adega.webp'); background-repeat: repeat; margin-top: 62px; }
    #container-rolhas { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0px; left: 0px; overflow: hidden; }
    #rolhas-e { width: 447px; height: 800px; position: absolute; left: 0px; top: 0px; background: url('img/rolhas-e.webp'); background-size: 447px; display: none; }
    #rolhas-d { width: 447px; height: 800px; position: absolute; right: 0px; top: 0px; background: url('img/rolhas-d.webp'); background-size: 447px; display: none; }
    #view-topo-home-adega { width: 95%; height: 100%; position: relative; margin: auto; z-index: 50; }
    #folha-e-topo { width: 250px; height: 229px; position: absolute; left: 50%; margin-left: -190px; top: -50px; background: url('img/folha-e-topo.webp'); background-size: 250px; display: none; }
    #folha-d-topo { width: 250px; height: 229px; position: absolute; left: 50%; margin-left: -50px; top: -50px; background: url('img/folha-d-topo.webp'); background-size: 250px; display: none; }
    #faixa-logo-adega-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 64px; }
    #logo-adega-topo { width: 200px; height: 233px; position: relative; margin: auto; background: url('img/logo-adega.webp'); background-size: 200px; background-repeat: no-repeat; }
    #faixa-busca-adega { width: 100%; height: auto; position: relative; float: left; margin-top: 29px; }
    #faixa-busca-adega-int { width: 290px; height: auto; position: relative; margin: auto; }
    #faixa-busca-adega-int input { width: 100%; height: auto; position: relative; float: left; padding: 14px 50px 14px 20px; background-color: #F6BD44; border-radius: 40px; border: 0px solid #000 !important; font-size: 18px; color: #402424; text-align: center; box-sizing: border-box; }
    #btn-busca-input { width: 40px; height: 40px; position: absolute; right: 8px; top: 4px; background-color: #EDE9E4; border-radius: 100px; z-index: 99; cursor: pointer; }

    /*sessao categoria vinhos*/
    #categoria-vinhos { width: 100%; height: 430px; position: relative; float: left; background-color: #F9F9F9; z-index: 380; }
    .bg-s-top-cat-vinhos { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background-color: #F9F9F9; border-radius: 100%; z-index: 1; display: none; }
    #marca-vinho-e { width: 110px; height: 321px; position: absolute; left: -20px; top: 0px; background: url('img/marca-vinho.webp'); background-size: 110px; background-repeat: no-repeat; opacity: 0.2; display: none; }
    #marca-vinho-d { width: 130px; height: 222px; position: absolute; right: 0px; top: 40px; background: url('img/marca-vinho-2.webp'); background-size: 130px; background-repeat: no-repeat; opacity: 0.2; display: none; }
    #view-categoria-vinhos { width: 95%; height: auto; position: relative; margin: auto; z-index: 99; }
    #view-categoria-vinhos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; font-size: 32px; font-weight: 500; color: #313030; text-align: center; }
    #view-categoria-vinhos p { width: 100%; height: auto; position: relative; float: left; margin-top: -19px; color: #0D0F0F; text-align: center; font-size: 17px; padding: 0px 20px; }
    .fix-titulo-adega { margin-top: 60px !important; }
    #slide-categorias-vinhos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; z-index: 30; }
    .item-categoria-vinho { width: 128px !important; height: auto; position: relative; float: left; margin-left: 20px; cursor: pointer; }
    .bg-categoria-vinho { width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; border-radius: 100%; }
    .item-categoria-vinho:hover .bg-categoria-vinho { width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; border-radius: 100%; }
    .legenda-categoria-vinho { width: 100%; height: auto; position: relative; float: left; margin-top: 11px; font-size: 14px; color: #343333; text-align: center; }

    /*Controles categorias vinho*/
    .bloco-ctrl-cat-vinho { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }

    /*Vinhos mais vendidos*/
    #sessao-vinhos-mais-vendidos { width: 100%; height: 640px; position: relative; float: left; background: url('img/bg-vinhos-vendidos.webp'); background-repeat: repeat; z-index: 310; }
    #view-vinhos-vendidos { width: 95%; height: auto; position: relative; margin: auto; }
    #view-vinhos-vendidos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 28px; font-weight: 500; color: #313030; text-align: center; }
    #view-vinhos-vendidos p { width: 100%; height: auto; position: relative; float: left; margin-top: -23px; color: #0D0F0F; text-align: center; font-size: 19px; padding: 0px 20px; }

    /*Swiper cards vinhos vendidos*/
    #swiper-vinhos-vendidos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }

    /*Card vinho mais vendido*/
    .card-vinho { width: 286px !important; height: 444px; position: relative; float: left; margin-left: 30px; margin-right: -20px; background-color: #FCF9F5; border-radius: 20px; }
    .card-vinho-foto { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; padding: 0px 80px; box-sizing: border-box; }
    .card-vinho h3 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #343541; text-align: center; padding: 0px 20px; box-sizing: border-box; }
    .card-vinho h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -12px; font-size: 14px; color: #343541; text-align: center; padding: 0px 20px; box-sizing: border-box; }
    .legenda-tipo-vinho { width: 40%; height: auto; position: relative; float: left; font-size: 14px; border-radius: 20px; padding: 5px 20px; text-align: center; }
    .bandeira-vinho { width: 35px; height: 35px; position: relative; float: right; background-color: #dadada; border-radius: 100%; overflow: hidden; margin-top: -3px; }
    .legenda-bandeira-vinho { width: 100px; height: auto; position: relative; float: right; font-size: 14px; text-align: right; color: #656465; margin-right: 45px; margin-top: -28px; }
    .bloco-ctrl-card-vinho { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }

    /*Sessao produtores*/
    #sessao-produtores-vinho { width: 100%; height: 460px; position: relative; float: left; background-color: #F8F8F9; z-index: 250; margin-bottom: -30px; }
    .bg-s-top-card-vinhos { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background-color: #F8F8F9; border-radius: 100%; z-index: 1; display: none; }
    #ornamento-produtor-vinho-e { width: 290px; height: 281px; position: absolute; left: -60px; top: 0px; background: url('img/ornamento-rolhas-e.webp'); background-size: 290px; background-repeat: no-repeat; }
    #ornamento-produtor-vinho-d { width: 450px; height: 421px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-rolhas-d.webp'); background-size: 450px; display: none; }
    #view-sessao-produtores-vinho { width: 95%; height: auto; position: relative; margin: auto; z-index: 100; margin-top: -60px; }
    #view-sessao-produtores-vinho h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; font-size: 28px; font-weight: 500; color: #313030; text-align: center; }
    #view-sessao-produtores-vinho p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #0D0F0F; text-align: center; font-size: 21px; padding: 0px 20px; }
    #swiper-produtores { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; overflow: hidden; z-index: 110; }
    .bloco-ctrl-card-produtor { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }

    /*item produtor*/
    .item-card-produtor { width: 90px !important; height: auto; position: relative; float: left; margin-left: 30px; margin-right: -25px; background-color: #F3F3F3; border-radius: 10px; padding: 20px 20px 20px 20px; overflow: hidden; }
    #faixa-cta-todos-produtores { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
    #cta-todos-produtores-int { width: 160px; height: auto; position: relative; margin: auto; padding: 7px 0px; background-color: #3C4150; color: #fff; text-align: center; font-size: 18px; border-radius: 40px; cursor: pointer; }
    #ornamento-e-cta-produtor { width: 40px; height: 77px; position: absolute; left: -30px; top: -16px; background: url('img/ornamento-cta-produtor-e.webp'); background-size: 40px; background-repeat: no-repeat; }
    #ornamento-d-cta-produtor { width: 40px; height: 75px; position: absolute; right: -30px; top: -15px; background: url('img/ornamento-cta-produtor-d.webp'); background-size: 40px; background-repeat: no-repeat; }

    /* Cards vinhos categorias */
    #categoria-vinhos-card { width: 100%; height: auto; position: relative; float: left; background-color: #F9F9F9; padding-bottom: 110px; z-index: 450; margin-bottom: -30px; }
    #faixa-paginacao-cat-vinhos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; margin-bottom: -60px; }
    .card-vinho-cat { width: 98% !important; height: auto; position: relative; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; background-color: #fff; border-radius: 20px; padding-bottom: 30px; }
    #faixa-int-paginacao-cat-vinhos { width: 181px; height: auto; position: relative; margin: auto; }
    .item-cta-paginacao-cat-vinhos { width: 50px; height: 50px; position: relative; float: left; margin-right: 10px; background-color: #3B404D; border-radius: 50%; cursor: pointer; }
    .seta-l-cat-vinhos { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-l-cat-vinhos.webp'); background-size: 30px; }
    .numero-paginacao-cat-vinhos { width: 100%; height: 20px; position: absolute; top: 50%; margin-top: -14px; font-size: 20px; color: #fff; font-weight: 500; text-align: center; }
    .seta-r-cat-vinhos { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-r-cat-vinhos.webp'); background-size: 30px; }

    /*Inicio listam produtores adega*/
    #s-lista-produtores-adega { width: 100%; height: auto; position: relative; float: left; z-index: 300; margin-top: 20px; }
    .item-card-produtor-listagem { width: 47% !important; height: auto; position: relative; float: left; margin-left: 1.5%; margin-right: 1.5%; margin-bottom: 10px; background-color: #F3F3F3; border-radius: 20px; padding: 20px 20px 20px 20px; overflow: hidden; }
    #sessao-produtores-vinho-lista { width: 100%; height: auto; position: relative; float: left; background-color: #F8F8F9; padding-bottom: 20px; z-index: 220; margin-bottom: -40px; margin-top: -10px; }

    /*Inicio produtor adega*/
    #sobre-produtor-adega { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding-top: 70px; background: unset; background-repeat: repeat; padding-bottom: 10px; z-index: 670; background-color: #f9f9f9;/* display: none; */ }
    .bg-s-top-desktop-produtor-adega { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background: url('img/bg-sobre-produtor.webp'); background-repeat: repeat; border-radius: 100%; z-index: 200; display: none; }
    .bg-s-bottom-desktop-produtor-adega { width: 500px; height: 500px; position: absolute; bottom: -66px; left: 50%; margin-left: -250px; background: url('img/bg-sobre-produtor.webp'); background-repeat: repeat; border-radius: 100%; z-index: 19; display: none; }
    #view-sobre-produtor { width: 95%; height: auto; position: relative; margin: auto; z-index: 390; overflow: hidden; }
    #logo-produtor-pagina { width: 180px; height: 180px; position: relative; margin: auto; }
    #view-sobre-produtor h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 26px; color: #313232; text-align: center; font-weight: 500; }
    #view-sobre-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #313231; font-size: 18px; text-align: center; line-height: 31px; padding: 0px 20px; }

    /*Vitrine fornecedor*/
    #vitrine-produtor-adega { width: 100%; height: auto; position: relative; float: left; background-color: #f7f7f7; padding-bottom: 0px; margin-top: 0px;/* overflow: hidden; *//* display: none; */ }
    #view-vitrine-fornecedor { width: 95%; height: auto; position: relative; margin: auto; z-index: 300; }
    #view-vitrine-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 49px; text-align: center; color: #323434; font-size: 28px; font-weight: 600; }
    #faixa-destaques-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }

    /*Item destaque produtor*/
    .item-destaque-produtor { width: 33.3%; height: auto; position: relative; float: left; margin-bottom: 30px; }
    .icone-produtor-destaque { width: 80px; height: 80px; position: relative; margin: auto; border-radius: 100%; overflow: hidden; }
    .legenda-icone-destaque-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 18px; font-weight: 600; color: #343333; text-align: center; }
    .sobre-legenda-destaque-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 15px; color: #3E3F3E; text-align: center; padding: 0px 10px; }
    #listagem-vinhos-pg-produtor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; text-align: center; color: #323434; font-size: 28px; font-weight: 600; }
    #listagem-vinhos-pg-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: -17px; margin-bottom: 60px; color: #0D0F0F; text-align: center; font-size: 23px; padding: 0px 20px; }
    #ornamento-produtor-vinho-e { display: none; }
    .mascara-inversa-galeria-fotos-produtor { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-branco-inverso-produtor.svg); background-size: 600px; background-repeat: no-repeat; }

    /*  Contato enviado  */
    #topo-contato-enviado { width: 100%; height: 320px; position: relative; float: left; margin-top: 65px; background-color: #EBFEFF; }
    #faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; margin-bottom: 110px; }
    #selo-reclame-aqui { width: 212px; height: 100px; position: relative; margin: auto; }
    #faixa-int-reclame-aqui { width: 800px; height: auto; position: relative; margin: auto; }
    #selo-reclame-aqui { width: 92px; height: 100px; position: relative; margin: auto; }
    #selo-emp-reclame { width: 88px; height: 165px; position: relative; float: left; margin-left: 10px; background: url('img/seloreclame-mobile.png'); background-size: 88px; }
    #faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; margin-bottom: 60px; }
    #faixa-int-reclame-aqui { width: 210px; height: auto; position: relative; margin: auto; padding-top: 70px; }
    #selo-emp-reclame { width: 88px; height: 165px; position: relative; float: left; margin-left: 10px; margin-top: -70px; background: url('img/seloreclame-mobile.png'); background-size: 88px; }

    /* ==========================================================================
      Inicio sala de imprensa
        ========================================================================== */

    /*   Interna download  */

    /*   headline mobile  */
    .fix-title-sala-imprensa-mobile { margin-top: 60px !important; }
    #headline-mobile-downloads { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; padding-bottom: 60px; background-color: #E5F7FF; }
    #faixa-icn-download-int-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
    #icn-download-mobile-int { width: 100px; height: 100px; position: relative; margin: auto; background-color: #fff; border-radius: 10px; }
    #icn-download-gif-mobile { width: 90px; height: 90px; position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; background: url('img/icn-celular-imprensa.gif'); background-size: 90px; }
    #nome-dowload-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 16px; color: #000; text-align: center; padding: 0px 80px; }
    #faixa-cta-tds-dowloads-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #cta-tds-downloads-mobile { width: 220px; height: auto; position: relative; margin: auto; padding: 9px 0px; background-color: #FFCC26; color: #665c45; text-align: center; font-size: 18px; border-radius: 50px; font-weight: 500; }
    #faixa-blocos-imagens { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding: 15px 0px 15px 0px; }
    .item-bloco-imagem-download { width: 48%; height: 150px; position: relative; float: left; margin-right: 0%; margin-left: 1%; margin-bottom: 2px; background-color: #dadada; overflow: hidden; border-radius: 5px; }
    #faixa-downloads-home-sala-imprensa { width: 100%; height: auto; position: relative; float: left; background-color: #E7F5FB; padding-bottom: 100px; margin-top: 40px; }
    #view-chamada-faixa-downloads-sala-imprensa { width: 100%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-chamada-faixa-downloads-sala-imprensa h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 34px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
    #view-chamada-faixa-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 16px; color: #010101; text-align: center; padding: 0px 20px; font-weight: 500; }
    #cta-ver-tds-downloads { width: 250px; height: auto; position: relative; margin: auto; padding: 15px 20px; background-color: #FFCC23; color: #5D4100; font-size: 18px; font-weight: 600; text-align: center; border-radius: 50px; cursor: pointer; }
    .cta-download-img-unica { width: 40px; height: 40px; position: absolute; top: unset !important; right: 20px; bottom: 20px !important; background-color: #0055FF; border-radius: 10px; z-index: 99; cursor: pointer; }
    .cta-download-img-icn-unica { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/download-img-icn.png'); background-size: 30px; }
    .bloco-ctrl-downloads { display: none; }
    .bloco-ctrr-downloads { display: none; }
    .icone-link-sala-imprensa { width: 148px; height: 120px; position: absolute; top: 0px; left: 0px; }
    .fix-faixa-mobile-sala-imprensa { padding-bottom: 130px !important; }
    
    /*    Listagem de downloads*/
    #topo-downloads-sala-imprensa { width: 100%; height: 414px; position: relative; float: left; background-color: #E5F9FD; }
    #view-topo-downloads-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-downloads-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 28px; color: #000; text-align: center; font-weight: 700; }
    #view-topo-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 15px; color: #000; text-align: center; padding: 0px 20px; font-weight: 500; }
    #view-s-faixa-downlodas-sala-imprensa { width: 100%; height: auto; position: relative; margin: auto; }
    .card-download { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-bottom: 20px; border-radius: 20px; padding-top: 20px; padding-bottom: 30px; background-color: #F3FBFD; }
    #s-faixa-downloads-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: -90px; padding-bottom: 0px; }

   /*  Inicio home sala de imprensa  */
   #topo-sala-imprensa { width: 100%; height: 680px; position: relative; float: left; margin-top: 155px; background-color: #E5F9FD; display: none; }
   .fix-topo-home-sala-imprensa { background-color: #eefffe !important; margin-top: -20px; }
   .fix-title-sala-imprensa { margin-top: 156px !important; }
   #view-faixa-posts-home-sala-imprensa { width: 100%; height: auto; position: relative; margin: auto; z-index: 100; }
   .headline-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 28px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
   .chamada-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; margin-bottom: 140px; max-width: 700; font-size: 16px; color: #010101; text-align: center; padding: 0px 20px; font-weight: 540; }
   #cta-ver-mais-press-releases { width: 255px; height: auto; position: relative; margin: auto; padding: 15px 20px; background-color: #FFCC23; color: #5D4100; font-size: 19px; font-weight: 600; text-align: center; border-radius: 50px; cursor: pointer; }
   
    #faixa-posts-home-sala-imprensa { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 30px; margin-top: -60px; z-index: 190; }
    .mascara-inversa-sessao-branca { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -310px; background: url(img/bg-branco-inverso-2.svg); background-size: 600px; background-repeat: no-repeat; }
    .headline-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 28px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
    
    #view-faixa-press-releases-recentes-mobile{width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -90px;}
    #faixa-cta-ver-mais-press-releases { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    .fix-downloads-sala-imprensa{margin-top: 35px !important;}

    #topo-blog-sala-imprensa { width: 100%; height: 319px; position: relative; float: left; background-color: #E5F9FD; }
    #view-topo-blog-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-blog-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; font-size: 29px; color: #000; text-align: center; font-weight: 700; }
    #view-topo-blog-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 18px; color: #000; text-align: center; padding: 0px 20px; font-weight: 400; }
    
    .fix-title-press-r-p{margin-top: 50px !important;}

}

/*Inicio smartphones*/
@media only screen  
and (min-width:170px) 
and (max-width:370px) {

    #banner-topo-trabalhe-conosco-int { width: 1300px; height: 339px; left: 50%; position: relative; margin-top: 0px; margin-left: -650px; background: url(img/banner-topo-trabalhe-conosco.jpg); background-size: 1300px; }

    /*janela popup*/
    #janela-popup { width: 90%; height: auto; position: fixed; top: 450%; left: 5%; margin-left: 0px; margin-top: -120px; border-radius: 30px; border: 10px solid #fff; z-index: 9999999; background-color: #fff; }
    #modal-int-popup { width: 100%; height: 100%; position: relative; top: 0px; border-radius: 30px; overflow: hidden; z-index: 10; }
    #cta-close-popup { width: 70px; height: 70px; position: absolute; right: 50%; top: 50%; margin-top: -245px; border-radius: 100%; margin-right: -35px; background-color: blue; cursor: pointer; }
    #cta-close-popup:hover { background-color: #000ECB; }
    #cta-close-int-poopup { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; background: url('img/close.gif'); background-size: 50px; }
    #box-janela-whatsapp { width: 100%; height: 100%; position: fixed; right: -220%; bottom: 0px; z-index: 9999; background-color: #fff; border-radius: 40px 0px 0px 0px; }

    /*player youtube*/
    #player-youtube { width: 280px; height: 157px; position: fixed; top: -250%; left: 50%; margin-left: -140px; margin-top: -100px; border-radius: 20px; overflow: hidden; z-index: 9999; }
    #fechar-yt { width: auto; height: auto; position: absolute; right: 6px; top: 10px; padding: 5px 13px; background-color: #FF4A43; color: #fff; font-size: 16px; border-radius: 30px; cursor: pointer; }

    /* ==========================================================================
      LGPD
    ========================================================================== */
    #janela-aviso-lgp { width: 90%; height: auto; position: fixed; left: 5%; margin-left: 0px; padding-bottom: 31px; background-color: #f4fcff; border-radius: 15px; z-index: 9999999999999 !important; border: 2px solid #e4edf0; }
    #janela-aviso-lgp h2 { width: 90%; height: auto; position: relative; float: left; margin-top: 28px; margin-left: 20px; color: #000000; font-size: 18px; font-weight: 700; text-transform: uppercase; }
    #janela-aviso-lgp p { width: 85%; height: auto; position: relative; float: left; margin-top: -28px; margin-left: 20px; color: #000000; font-size: 12px; }
    #cta-concordar-lgpd { width: auto; height: auto; position: relative; float: left; margin-right: 17px; margin-left: 15px; margin-top: 4px; font-size: 17px; color: #7c550a; padding: 10px 30px; font-weight: 700; border: 0px solid #ffffff; border-radius: 277px; cursor: pointer; background-color: #ffcc26; }
    #cta-concordar-lgpd:hover { background-color: #ffe600; color: #7c550a; }

    /* ==========================================================================
      Politica de privacidade
      ========================================================================== */
    #conteudo-politica-privacidade { width: 90%; height: auto; position: relative; margin: auto; padding-top: 60px; padding-right: 0px; color: #445c7e !important; }
    #conteudo-politica-privacidade h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; font-size: 17px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade h3 { width: 100%; height: auto; position: relative; float: left; margin-left: -20px; margin-top: 20px; margin-bottom: -10px; font-size: 20px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 12px; color: #445c7e; text-align: left; font-weight: 400; }
    #conteudo-politica-privacidade li { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-left: -12px; font-size: 12px; color: #445c7e; text-align: left; font-weight: 800; }
    #conteudo-politica-privacidade li p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 12px; color: #445c7e; text-align: left; font-weight: 400; }
    ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 30px !important; }
    table { width: 100%; display: table; font-size: 8px; }

    /* ==========================================================================
      Inicio Topico Importante
       ========================================================================== */
    #div-conteudo-topico { width: 90%; height: auto; position: relative; margin: auto; }
    #view-conteudo-topico { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; margin-bottom: 110px; }
    #div-conteudo-txt-topico { width: 100%; height: auto; position: relative; float: left; }
    .fix-mais-topicos { margin-left: 0px; }

    /*Inicio sidebar topicos importantes*/
    #div-sidebar-topico { display: none; width: 25%; height: auto; position: relative; float: left; margin-left: 30px; cursor: pointer; }
    #div-sidebar-topico h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 0px; font-size: 22px !important; color: #363636 !important; font-weight: 700; }
    .item-topico-sidebar { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -45px; border-top: 1px solid #dadada; }
    .item-topico-sidebar p { width: auto; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; color: #363636; }
    .seta-topico-sidebar { width: 25px; height: 25px; position: absolute; right: 0px; top: 14px; background: url(img/seta-topico.webp); background-size: 25px; }
    .item-topico-sidebar:hover p { color: #ff3b2f !important; }
    .cta-sidebar-topicos { width: 100%; height: auto; position: relative; float: left; padding: 20px 0px; margin-top: 40px; }
    .cta-int-sidebar-topicos { width: auto; height: auto; position: relative; float: left; padding: 7px 12px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 14px; font-weight: 700; }
    .cta-int-sidebar-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .container-conteudo-flexivel { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; }

    /*Inicio headline topico*/
    .headline-topico { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; }
    .headline-topico h1 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #363636; font-weight: 700; }
    .headline-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; margin-bottom: 22px; font-size: 14px; color: #363636; }

    /*Conteúdo flexiviel - Banner com ilustração*/
    .bg-banner-ilustracao { width: 100%; height: 150px; position: relative; float: left; border-radius: 10px; }
    .ilustracao-banner-topico { width: 150px; height: 150px; position: absolute; right: 0px; top: -15px; }
    .bg-banner-ilustracao h2 { width: 60%; height: auto; position: relative; float: left; margin-top: 40px; padding-left: 30px; color: #fff; font-size: 17px; }
    .headline-banner-ilustracao { font-weight: 800; font-size: 19px; }

    /*Conteúdo flexiviel - Links âncoras*/
    #ancoras-topico { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; }
    .item-ancora-topico { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; font-size: 14px; color: #fff; background-color: #ff3b2f; border-radius: 40px; margin-left: 3px; margin-bottom: 10px; cursor: pointer; }
    .item-ancora-topico:hover { background-color: #ff0f00; }
    .ancora-topico { width: 1px; height: 1px; position: absolute; top: -125px; }

    /*Conteúdo flexiviel - Banner com foto*/
    .banner-foto-topico { width: 100%; height: 400px; position: relative; float: left; border-radius: 10px; overflow: hidden; background-color: #dadada; }
    .bg-txt-banner-foto-topico { width: 100%; height: 130px; position: relative; float: left; }
    .bg-txt-banner-foto-topico h3 { width: 70%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 40px; color: #fff; font-size: 22px; font-weight: 700; }
    .foto-banner-topico { width: 100%; height: 100%; position: relative; float: left; overflow: hidden; }
    .foto-int-banner-topico { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; }

    /*Conteúdo flexiviel - Bloco de texto*/
    .bloco-de-texto-topico { width: 100%; height: auto; position: relative; float: left; }
    .bloco-de-texto-topico h3 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #363636; font-weight: 700; }
    .bloco-de-texto-topico p { width: 100%; height: auto; position: relative; float: left; margin-top: -0px; margin-bottom: 22px; font-size: 14px; color: #363636; }

    /*Conteúdo flexiviel - Lista*/
    .lista-topico { width: 100%; height: auto; position: relative; float: left; }
    .item-lista-topico { width: 95%; height: auto; position: relative; float: left; margin-left: 20px; margin-bottom: 10px; }
    .icone-lista-topico { width: 25px; height: 25px; position: relative; float: left; background: url(img/arrow-right-topico.webp); background-size: 25px; }
    .txt-item-lista-topico { width: 70%; height: auto; position: relative; float: left; margin-left: 10px; margin-top: 1px; color: #000; font-size: 14px; opacity: 0.5; }

    /*Inicio mais tópicos*/
    #div-mais-topicos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .cta-todos-topicos-cards { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; }
    .cta-int-card-topicos { width: auto; height: auto; position: relative; float: left; margin-left: 1%; margin-right: 1%; padding: 10px 20px; border: 2px solid #ff3b2f; border-radius: 50px; color: #ff3b2f; font-size: 17px; font-weight: 700; cursor: pointer; }
    .cta-int-card-topicos:hover { background-color: #ff3b2f; color: #fff; }
    .item-card-topico { width: 98%; height: auto; position: relative; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; padding-bottom: 40px; background-color: #585d7b; border-radius: 10px; cursor: pointer; }
    .item-card-topico:hover { background-color: #787e9e; }
    .item-card-topico h2 { width: 85%; height: auto; position: relative; float: left; margin-top: 32px; margin-left: 20px; color: #fff; font-size: 20px; }
    .item-card-topico p { width: 87%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 20px; color: #fff; font-size: 16px; }
    .seta-card-topico { width: 30px; height: 30px; position: absolute; right: 20px; bottom: 15px; background: url(img/seta-card-topico.webp); background-size: 30px; }

    /*  Info Janela adega */
    #janela-vinho-adega { width: 100%; height: 100%; position: fixed; right: -220%; background-color: #F9F9F9; border-radius: 0px 0px 0px 0px; z-index: 9999; overflow: hidden; -webkit-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.08); }
    #bg-topo-janela-vinho { width: 800px; height: 600px; position: absolute; top: -460px; left: 50%; margin-left: -400px; background-color: #1C1A21; border-radius: 100%; z-index: 90; }

    /*CTA padrão*/
    .cta-padrao { padding: 12px 0px; font-size: 17px; font-weight: 500; text-align: center; color: #5b3f00; background-color: #ffcc00; border-radius: 90px; cursor: pointer; }
    .cta-padrao-contraste { padding: 11px 0px; font-size: 18px; font-weight: 500; text-align: center; color: #fff; background-color: #4953BB; border-radius: 90px; cursor: pointer; }

    /*Estilos gerais*/
    .mobile { display: block; }
    .desktop { display: none !important; }
    .hide-telas-menores-2 { display: none; }
    .mascara-bottom-out { width: 100%; height: 160px; position: relative; bottom: 35px; overflow: hidden; }
    .mascara-inversa-top-out { width: 100%; height: 160px; position: absolute; top: -59px; overflow: hidden; }
    .mascara-sessao-branca { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-menu-mobile.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-branca-topo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -320px; background: url(img/bg-branco-topo.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-azul-escuro-topo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -320px; margin-top: 37px; background: url(img/bg-azul-escuro-rodape.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-azul-claro { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-azul-claro-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-amarela { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-amarelo.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-amarela-blog { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-amarelo-blog.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-rosa { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-rosa-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-amarelo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-marelo-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-roxo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-roxo-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-amarela { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-amarelo-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-branca { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-branco-inverso-2.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-azul { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-azul-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-azul-escuro { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-azul-escuro-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-azul-rodape { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -320px; background: url(img/bg-azul-rodape.svg); background-size: 600px; background-repeat: no-repeat; }

    /* tag trocar região mobile */
    #tag-trocar-regiao-mobile { width: 300px; height: 36px; position: fixed; left: 50%; margin-left: -150px; bottom: 0px; z-index: 999; background-color: #FFCB26; border-radius: 15px 15px 0px 0px; -webkit-box-shadow: 0px 0px 77px -1px rgba(0, 0, 0, 0.36); -moz-box-shadow: 0px 0px 77px -1px rgba(0, 0, 0, 0.36); -ms-box-shadow: 0px 0px 77px -1px rgba(0, 0, 0, 0.36); -o-box-shadow: 0px 0px 77px -1px rgba(0, 0, 0, 0.36); box-shadow: 0px 0px 77px -1px rgba(0, 0, 0, 0.36); cursor: pointer; }
    #txt-trocar-regiao-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; color: #000000; text-align: center; font-weight: 500; z-index: 20; opacity: 0; }
    #bg-icn-tag-regiao-mobile { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; top: -20px; background-color: #FFCC26; border-radius: 30px; transform: rotate(45deg); }
    #icn-int-tag-regiao { width: 24px; height: 24px; position: absolute; left: 50%; margin-left: -12px; top: -22px; z-index: 100; background: url(img/icn-loja-tag.webp); background-size: 24px; opacity: 0; }

    /* Janela aviso mapa mobile  */
    #janela-aviso-mapa-mobile { width: 100%; height: 290px; position: fixed; bottom: -600px; background-color: #fff; border-radius: 25px 25px 0px 0px; z-index: 99999999; }
    #icn-mapa-aviso-mobile { width: 150px; height: 150px; position: absolute; left: 50%; margin-left: -75px; top: -75px; border-radius: 100%; border: 15px solid #fff; background-color: #AEE2EA; overflow: hidden; }
    #icn-mapa-int { width: 240px; height: 180px; position: absolute; left: 50%; top: 50%; margin-left: -120px; margin-top: -90px; background: url('img/city.webp'); background-size: 240px; }
    #infos-janela-mapa-mobile { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: 89px; }
    #infos-janela-mapa-mobile h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 0px; font-weight: 700; text-align: center; color: #1C1C1C; font-size: 22px; }
    #infos-janela-mapa-mobile p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; text-align: center; color: #1C1C1C; font-size: 14px; }
    #barra-progresso-mapa-mobile { width: 100%; height: 30px; position: relative; float: left; margin-top: 0px; background-color: #E8F6F7; border-radius: 40px; overflow: hidden; }
    #barra-int-progresso-mapa-mobile { width: 0%; height: 30px; position: absolute; left: 0px; border-radius: 0px 50px 50px 0px; background-color: #FFBC09; }
    #circulo-cta-fechar-m-mobile-mapa { width: 320px; height: 240px; position: absolute; right: 50%; margin-right: -160px; bottom: -691px; background-color: #536DBE; border-radius: 50%; z-index: 10; }
    #circulo-cta-fechar-m-mobile-mapa:hover { background-color: #29428d; }
    #txt-cta-fechar-mapa { width: 100px; height: 31px; position: absolute; right: 50%; margin-right: -50px; bottom: 198px; background: url(img/cta-fechar.webp); background-size: 100px; }

    /*Inicio janela tabloide*/
    #janela-tabloide { width: 100%; height: 100%; position: fixed; top: -130%; background-color: #536DBE; z-index: 99999; opacity: 0; overflow: hidden; }
    .container-swiper-tabloide { width: 100%; height: 100%; position: relative; float: left; margin-left: 0%; padding-top: 0px; margin-top: 60px; padding-bottom: 100px; border-radius: 0px; }
    #view-controles-tabloide-mobile { width: 100%; height: 60px; position: absolute; top: 0px; z-index: 999; background-color: #fff; padding: 10px 0px; border-radius: 0px 0px 20px 20px; display: block; }
    #controles-tabloide-mobile { width: 310px; height: auto; position: relative;        /* left: 50%; */        /* margin-left: -175px; */
    margin: auto; z-index: 99; }
    #cta-arraste-tabloide-mobile { width: auto; height: auto; position: relative; float: left; padding: 10px 20px 10px 31px; background-color: #D9EFF1; color: #5F86AA; font-size: 14px; font-weight: 700; text-align: center; border-radius: 40px; cursor: pointer; }
    #icone-cta-arraste-tbl { width: 15px; height: 15px; position: absolute; left: 10px; top: 12px; background: url('img/icone-arrastar-para-o-lado.webp'); background-size: 15px; }
    #cta-download-tabloide-mobile { width: auto; height: auto; position: relative; float: left; padding: 10px 20px 10px 32px; background-color: #FFC625; color: #A27411; font-size: 14px; font-weight: 700; text-align: center; border-radius: 40px; cursor: pointer; margin-left: 10px; }
    #icone-cta-download-tbl { width: 15px; height: 15px; position: absolute; left: 10px; top: 12px; background: url('img/icone-download.webp'); background-size: 15px; }
    #bg-cta-fechar-tbl-m { width: 100%; height: auto; position: absolute; bottom: 0px; background-color: #536DBE; z-index: 100; padding: 5px 0px; border-radius: 20px 20px 0px 0px; }
    #txt-cta-fechar-tbl-m { width: 100px; height: 31px; position: relative; margin: auto; background: url(img/cta-fechar.webp); background-size: 100px; }
    #bg-cta-fechar-tbl-m:hover { background-color: #29428d; }
    #bg-cta-fechar-tbl-m:hover #janela-tabloide { background-color: #29428d; }

    /* Janela seleção lojas  */
    #janela-loja-selecao-mobile { width: 100%; height: 100%; position: fixed; top: -180%; left: 0px; background-color: #fff; z-index: 99999; overflow: hidden; opacity: 0; }
    #bg-topo-j-lojas { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; top: -1510px; border-radius: 100%; background-color: #EAF5F6; overflow: hidden; background: url('img/bg-topo-map.webp'); background-size: cover; }
    #bg-bottom-j-lojas { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; bottom: -1510px; border-radius: 100%; background-color: #EAF5F6; overflow: hidden; background: url('img/bg-topo-map.webp'); background-size: cover; }
    #logo-topo-lojas-j { width: 100%; height: auto; position: relative; float: left; margin-top: 31px; z-index: 20; opacity: 0; }
    #logo-topo-lojas-j-int { width: 150px; height: 23px; position: relative; margin: auto; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 150px; background-repeat: no-repeat; }
    #selecao-l-m-inicial { width: 100%; height: 225px; position: absolute; top: 50%; margin-top: -113px; overflow: hidden; }
    #janela-loja-selecao-mobile h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 23px; color: #222122; text-align: center; font-weight: 700; padding: 0px 20px; opacity: 0; }
    #janela-loja-selecao-mobile p { width: 100%; height: auto; position: relative; float: left; margin-top: -19px; font-size: 18px; color: #3E3E3E; text-align: center; padding: 0px 20px; opacity: 0; }
    #ctas-janela-loja-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 30px; opacity: 0; }

    /* Janela formulário */
    #janela-contato-loja { width: 350px; height: 600px; position: fixed; left: 50%; margin-left: -175px; top: -350%; margin-top: -300px; background-color: #fff; border-radius: 30px; z-index: 9999; opacity: 0; }
    #janela-contato-loja-sobre { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 14px; padding: 0px 20px; text-align: center; }
    .item-contato-janela-txt { width: 100%; height: auto; position: absolute; top: 22px; padding: 0px 20px 0px 70px; font-size: 12px !important; color: #2C4898; font-weight: 600; }
    #cta-janela-formulario-contato { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 20px; border-radius: 50px; font-size: 16px; font-weight: 600; padding: 15px 20px 15px 75px; color: #A87C11; background-color: #FFCC02; cursor: pointer; }

    /*CTA Loja localizada*/
    #cta-loja-localizada-mobile { width: 100%; height: auto; position: relative; float: left; padding: 14px 70px 14px 58px; background-color: #FFCC01; color: #825B00; font-size: 17px; font-weight: 500; text-align: center; border-radius: 50px; cursor: pointer; overflow: hidden; }
    #tag-regiao-localizacao-cta-mobile { width: auto; height: auto; position: absolute; left: 10px; top: 9px; padding: 5px 10px; color: #222222; background-color: #F9F2D8; border-radius: 20px; font-size: 15px; }
    .icn-cta-mobile { width: 54px; height: 54px; position: absolute; right: -12px; top: 0px; background-color: #F9F2D8; border-radius: 20px; transform: rotate(130deg); -webkit-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -moz-transform: rotate(130deg); }
    .icn-ceta-direita-mobile { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -8px; background: url('img/cta-ceta-right.webp'); background-size: 30px; transform: rotate(-130deg); -webkit-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -moz-transform: rotate(-130deg); }
    #cta-loja-localizada-mobile:hover { background-color: #FFE400; }

    /*CTA escolher outra loja*/
    #cta-j-escolher-outra-loja-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; padding: 14px 0px; background-color: #C6EFF6; color: #2A2A2B; font-size: 17px; font-weight: 500; text-align: center; border-radius: 50px; cursor: pointer; overflow: hidden; }
    #cta-j-escolher-outra-loja-mobile:hover { background-color: #9EEFF6; }
    .icn-cta-outra-loja-mobile { width: 54px; height: 54px; position: absolute; right: -12px; top: 0px; background-color: #E0FAFF; border-radius: 20px; transform: rotate(130deg); -webkit-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -moz-transform: rotate(130deg); }
    .icn-cta-loja-mobile { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -9px; background: url('img/icn-loja-cta.webp'); background-size: 30px; transform: rotate(-130deg); -webkit-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -moz-transform: rotate(-130deg); }
    #legenda-cta-janela-localizacao-mobile { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 24px; font-size: 18px; color: #6E6E6D; padding: 0px 50px; }
    #div-selecao-lojas-j-m { width: 100%; height: 100%; position: absolute; top: -110%; z-index: 10; opacity: 0; }
    #div-selecao-lojas-j-m h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 36%; font-size: 25px; color: #222122; text-align: center; font-weight: 700; padding: 0px 20px; opacity: 1; }
    #div-selecao-lojas-j-m h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 15px; color: #3E3E3E; text-align: center; padding: 0px 20px; }
    #carrossel-lojas-janelas-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: -4px; overflow: hidden; }
    #slide-btns-lojas-mobile-j { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; }
    .item-btn-regiao-l-mobile { width: auto; height: auto; position: relative; float: left; margin-left: 20px; margin-right: -10px; font-weight: 500; font-size: 14px; padding: 8px 25px; background-color: #F5F5F5; color: #222222; text-align: center; border-radius: 30px; cursor: pointer; }
    .item-btn-regiao-l-mobile:hover { background-color: #FFCC00; color: #8F6606; }
    .atv-btn-regiao-l-sl-j { background-color: #FFCC00; color: #8E6506; font-weight: 700; }
    .slide-cards-lojas-j-mobile { width: auto; height: 0px; position: absolute; top: 240px; overflow: hidden; opacity: 0; }
    .item-card-loja-j-m { width: 240px !important; height: 104px !important; position: relative; float: left; margin-left: 20px; margin-right: -10px !important; background-color: #C6EFF6; border-radius: 25px; }
    .nome-loja-item-card { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #222322; font-size: 18px; padding: 0px 20px; margin-top: 15px; font-weight: 600; }
    .endereco-loja-card-item { width: 90%; height: auto; position: relative; float: left; margin-top: 5px; color: #434A4B; font-size: 13px; padding: 0px 20px; display: none; }
    .ctas-card-loja-item { width: 87.5%; height: auto; position: absolute; bottom: 15px; padding: 0px 20px; }
    .cta-selecionar-loja-card { width: auto; height: auto; position: relative; float: left; padding: 5px 20px; font-size: 16px; background-color: #6479B9; color: #FFFFFF; border-radius: 30px; cursor: pointer; }
    .cta-selecionar-loja-card:hover { background-color: #4F6CF5; }
    .cta-selecionar-mapa-card { width: auto; height: auto; position: relative; float: right; padding: 5px 20px; font-size: 16px; background-color: #FFFBEF; color: #222222; border-radius: 30px; cursor: pointer; display: none; }
    .cta-selecionar-mapa-card:hover { background-color: #FFCC00; color: #8F6606; }
    #cta-usar-localizacao-j-m { width: 100%; height: auto; position: absolute; bottom: 20px; padding: 0px 20px; overflow: hidden; }
    #cta-usar-localizacao-int-j-m { width: auto; height: auto; position: relative; margin: auto; padding: 14px 20px 14px 64px; background-color: #FFCC00; font-size: 16px; color: #845D09; border-radius: 70px; font-weight: 700; overflow: hidden; cursor: pointer; }
    #cta-usar-localizacao-int-j-m:hover { background-color: #FFE064; }
    .icn-cta-mobile-localizacao { width: 54px; height: 54px; position: absolute; left: -17px; top: 0px; background-color: #F9F2D8; border-radius: 20px; transform: rotate(130deg); -webkit-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -moz-transform: rotate(130deg); }
    .icn-ceta-esquerda-localizacao-mobile { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -21px; background: url('img/cta-ceta-left.webp'); background-size: 30px; transform: rotate(-130deg); -webkit-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -moz-transform: rotate(-130deg); }

    /*Janela download app clube DD*/
    #box-janela-download-app { width: 300px; height: 280px; position: fixed; left: 50%; top: -450%; margin-left: -150px; margin-top: -200px; background-color: #fff; border-radius: 20px; z-index: 99999; opacity: 0; }
    #icn-app-janela { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; top: -41px; background-color: #fff; border-radius: 100%; border: 10px solid #fff; overflow: hidden; }
    #box-janela-download-app h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 71px; color: #1B1B1C; font-size: 20px; font-weight: 600; text-align: center; padding: 0px 20px; }
    #box-janela-download-app p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-top: 0px; font-size: 17px; text-align: center; padding: 0px 42px; }
    #faixa-ctas-download-apps { width: 100%; height: auto; position: relative; float: left; margin-top: 4px; padding: 0px 20px; }
    .item-cta-download-app { width: 50%; height: auto; position: relative; float: left; padding: 0px 5px; cursor: pointer; }
    #fixa-cta-fechar-janela-app { width: 100%; height: auto; position: relative; float: left; margin-top: 18px; }
    #cta-int-fechar-janela-app { width: 100px; height: 27px; position: relative; margin: auto; background: url('img/fechar-cta.webp'); background-size: 100px; cursor: pointer; }

    /*Menu mobile*/
    #div-m-mobile-out { width: 0%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; overflow: hidden; }
    #div-m-mobile { width: 100%; height: 100%; position: absolute; top: 0px; right: -1500px; background-color: #fff; overflow-y: scroll; overflow-x: hidden; border-radius: 0px !important; }
    #bg-topo-menu-mobile { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; top: -1510px; border-radius: 100%; background-color: #EAF5F6; overflow: hidden; }
    #logo-topo-menu-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 31px; z-index: 20; opacity: 0; }
    #logo-topo-m-mobile-int { width: 150px; height: 24px; position: relative; margin: auto; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 150px; }
    #bloco-itens-menu-mobile { width: 100%; height: 240px; position: relative; float: left; margin-top: 15%; opacity: 0; }
    #bloco-int-itens-menu-mobile { width: 250px; height: 300px; position: relative; margin: auto; }
    #div-redes-sociais-menu { width: 100%; height: auto; position: relative; float: left; opacity: 0; margin-top: 10px; }
    #div-redes-sociais-menu p { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #000; font-weight: 700; margin-bottom: 19px; text-align: center !important; }
    #faixa-itens-sm-m { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; }
    #div-s-redes-sociais-menu { width: 280px; height: 60px; position: relative; margin: auto; background-color: #FFE249; border-radius: 60px; padding: 0px 58px; transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); }

    /*Itens menu mobile*/
    .item-menu-mobile { width: 33.3%; height: 33.3%; position: relative; float: left; overflow: hidden; cursor: pointer; opacity: 0.8; }
    .item-menu-mobile:hover { opacity: 1; }
    .marcador-m-mobile { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: 520px; bottom: -35px; background-color: #FFBC09; border-radius: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .atv-menu-mobile { margin-left: -20px; }
    .b-r { border-right: 1px solid #d7e0e1; }
    .b-b { border-bottom: 1px solid #d7e0e1; }
    .icn-menu-mobile-int { width: 35px; height: 35px; position: absolute; left: 50%; margin-left: -20px; top: 21%; }
    .icn-menu-mobile-int-dd-express { width: 55px; height: 55px; position: absolute; left: 50%; margin-left: -27.5px; top: 16%; }
    .icn-home-m-mobile { background: url(img/icn-home.webp); background-size: 35px; }
    .icn-loja-m-mobile { background: url(img/icn-lojas.webp); background-size: 35px; }
    .icn-fornecedor-m-mobile { background: url(img/icn-fornecedor.webp); background-size: 35px; }
    .icn-dd-express-m-mobile { background: url(img/icn-dd-express.webp); background-size: 55px; }
    .icn-clube-m-mobile { background: url(img/icn-clube-dd+.webp); background-size: 35px; }
    .icn-adega-m-mobile { background: url(img/icn-adega-m.webp); background-size: 35px; }
    .icn-blog-m-mobile { background: url(img/icn-blog-m.webp); background-size: 35px; }
    .icn-central-ajuda-m-mobile { background: url(img/icn-central-ajuda.webp); background-size: 35px; }
    .icn-institucional-m-mobile { background: url(img/icn-institucional.webp); background-size: 35px; }
    .icn-nome { width: 150px; height: auto; position: absolute; left: 50%; margin-left: -75px; bottom: -35px; font-size: 12px; color: #6479b8; text-align: center; }
    .icn-nome-dd-express { bottom: -19px; }
    .trabalhe-conosco-m-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; opacity: 0; }
    .cta-trabalhe-conosco-m-mobile { width: 250px; height: auto; position: relative; margin: auto; padding: 10px 12px 10px 56px; background-color: #c7eff6; color: #2a2a2a; font-size: 16px; border-radius: 40px; cursor: pointer; overflow: hidden; }
    .bg-cta-icn-trabalhe-conosco-m-mobile { width: 50px; height: 50px; position: absolute; right: -10px; top: -1px; background-color: #E0FAFF; border-radius: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .icn-trabalhe-conosco-m-mobile { width: 20px; height: 20px; position: absolute; right: 11px; top: 12px; background: url(img/icn-cta-trabalhe-conosco.webp); background-size: 20px; }
    .cta-trabalhe-conosco-m-mobile:hover { background-color: #b4e8f1; }
    #circulo-cta-fechar-m-mobile { width: 320px; height: 240px; position: fixed; right: 50%; margin-right: -160px; bottom: -691px; background-color: #536DBE; border-radius: 50%; z-index: 10; }
    #circulo-cta-fechar-m-mobile:hover { background-color: #29428d; }
    #bg-rodape-menu-mobile { width: 600px; height: 600px; position: fixed; left: 10px; bottom: -1030px; border-radius: 100%; background-color: #EAF5F6; overflow: hidden; display: none; }
    #txt-cta-fechar { width: 100px; height: 31px; position: fixed; right: 50%; margin-right: -50px; bottom: 7px; background: url(img/cta-fechar.webp); background-size: 100px; }
    #div-wpp-menu h5 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #2E2E2E; font-weight: 700; text-align: center; }
    #div-wpp-menu { width: 100%; height: auto; position: relative; float: left; margin-top: 31px; padding: 0px 20px; opacity: 0; }

    /*Janela horários mobile*/
    #janela-horarios-mobile { width: 100%; height: 220px; position: fixed; top: -350px; z-index: 900; overflow: hidden; }
    .mascara-bg-azul-horario { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; top: 64px; background: url(img/bg-azul.svg); background-size: 600px; background-repeat: no-repeat; }
    .mostra-janela-horarios { top: 0px !important; }
    .esconde-janela-horarios { top: -350px !important; }
    #v-janela-horarios-mobile { width: 100%; height: auto; position: absolute; top: 84px; z-index: 2; }
    #v-janela-horarios-mobile h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 16px; font-weight: 500; text-align: center; color: #6d8abc; }
    #v-janela-horarios-mobile p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 14px; text-align: center; color: #7689ab; }

    /*Janela tem no DD*/
    #janela-tem-no-dd { width: 100%; height: 100%; position: fixed; top: 120%; z-index: 9999; background-color: #1B1A20; overflow: hidden; }
    #bg-topo-dd-mobile { width: 600px; height: 600px; position: absolute; left: 50%; margin-left: -300px; top: -510px; border-radius: 100%; background-color: #fff; overflow: hidden; z-index: 99; }
    #logo-topo-dd-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 24px; z-index: 20; opacity: 1; z-index: 100; }
    #logo-topo-dd-mobile-int { width: 150px; height: 39px; position: relative; margin: auto; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 150px; }
    #bg-janela-tem-no-dd { width: 100%; height: 45%; position: relative; float: left; margin-top: -38px; overflow: hidden; opacity: 0; }
    #bg-int-j-dd { width: 100%; height: auto; position: relative; float: left; }
    #mascara-bg-j-dd { width: 160%; height: 180px; position: absolute; left: -40%; bottom: -100px; z-index: 10; filter: blur(22px); -ms-filter: blur(22px); -moz-filter: blur(22px); -o-filter: blur(22px); -webkit-filter: blur(22px); }
    #conteudo-j-dd { width: 100%; height: 55%; position: relative; float: left; margin-top: -120px; z-index: 100; opacity: 0; }
    #conteudo-j-dd h4 { width: 100%; height: auto; position: relative; float: left; font-size: 32px; color: #fff; text-align: center; font-weight: 500; }
    #conteudo-j-dd h5 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 20px; color: #fff; text-align: center; padding: 0px 20px; }
    #conteudo-txt-j-dd { width: 100%; height: 66%; position: relative; float: left; overflow: scroll; }
    #conteudo-txt-j-dd p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 5px; font-size: 14px; padding: 0px 20px; color: #fff; }
    #circulo-cta-fechar-j-dd { width: 320px; height: 240px; position: absolute; left: 50%; margin-left: -160px; bottom: -681px; border-radius: 50%; z-index: 10; }
    #txt-cta-fechar-j-dd { width: 100px; height: 31px; position: absolute; left: 50%; margin-left: -50px; top: 14px; background: url(img/cta-fechar.webp); background-size: 100px; }

    /*Temas Janelas Tem no DD*/
    .bg-preto { background-color: #1B1A21; }
    .bg-preto-cta { background-color: #32313B; }
    .bg-preto-cta:hover { background-color: #131317; }

    /* ==========================================================================
    Home page Mobile
     ========================================================================== */

    /*Menu fixo mobile*/
    #bg-menu-fixo-mobile { width: 600px; height: 160px; position: fixed; left: 50%; margin-left: -280px; top: -60px; background: url(img/bg-menu-mobile.svg); background-size: 600px; background-repeat: no-repeat; z-index: 999; }
    #sombra-menu-fixo-moblie { width: 90%; height: 40px; position: fixed; top: 0px; z-index: 998; -webkit-box-shadow: 0px -7px 25px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px -7px 25px 0px rgba(0, 0, 0, 0.13); -o-box-shadow: 0px -7px 25px 0px rgba(0, 0, 0, 0.13); -ms-box-shadow: 0px -7px 25px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 53px 105px 0px rgba(0, 0, 0, 0.13); }
    #menu-fixo { width: 100%; height: 90px; position: fixed; margin-top: 0px; padding: 0px 10px; z-index: 1000; }
    #logo-menu-atacadao-dia-a-dia { width: 140px; height: 20px; position: absolute; left: 50%; margin-top: 33px; margin-left: -70px; background: url(img/logo-atcadao-dia-a-dia.webp); background-size: 140px; }
    #cta-menu-blog { width: auto; height: auto; position: relative; float: left; margin-top: 25px; padding: 5px 15px 5px 27px; background-color: #FEBC23; color: #9B7212; font-size: 16px; font-weight: 500; border-radius: 100px; cursor: pointer; }
    #cta-menu-blog:hover { background-color: #FFD573; }
    #icone-cta-menu-blog { width: 15px; height: 15px; position: absolute; left: 10px; top: 10px; background: url(img/icone-cta-blog.webp); background-size: 15px; background-repeat: no-repeat; }
    #intens-de-menu { width: auto; height: 35px; position: relative; float: right; margin-top: 20px; }
    .item-icone-menu { width: 40px; height: 40px; position: relative; float: right; cursor: pointer; margin-left: 2px; }
    .menu-hamburguer { background: url(img/icone-menu.webp); background-size: 40px; }
    .menu-horarios { background: url(img/icone-relogio.webp); background-size: 40px; }

    /*Tag escolher outra loja*/
    #tag-escolher-loja { width: 200px; height: auto; position: fixed; bottom: 0px; left: 50%; margin-left: -100px; padding: 8px 0px; border-radius: 20px 20px 0px 0px; background-color: #FFCD01; font-size: 14px; text-align: center; color: #5b3f00; font-weight: 500; z-index: 500; -webkit-box-shadow: 0px 2px 31px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 31px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 31px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 31px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 31px 0px rgba(0, 0, 0, 0.2); }
    #bg-icn-tag-escolher-loja { width: 50px; height: 50px; position: absolute; left: 50%; top: -10px; margin-left: -25px; background-color: #FFCD00; border-radius: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: -1; }
    #tag-escolher-loja:hover { color: #fff; background-color: #485d9e; }
    #tag-escolher-loja:hover #bg-icn-tag-escolher-loja { color: #fff; background-color: #485d9e; }

    /*Banner home*/
    #banner-home-mobile { width: 100%; height: 310px; position: relative; float: left; overflow: hidden; margin-top: 55px; z-index: 600; }
    #banner-home-mascara { width: 1200px; height: 585px; left: 50%; position: relative; float: left; margin-left: -600px; margin-top: -291px; border-radius: 0px 0px 640px 640px; overflow: hidden !important; z-index: 9; }
    #banner-mobile-container-int { width: 480px; height: 295px; left: 50%; position: relative; float: left; margin-left: -240px; margin-top: 294px; overflow: hidden; }
    .item-banner-mobile { width: 100%; height: 295px; position: relative; float: left; background-color: #fff; }
    .cta-banner-mobile { width: 100%; height: auto; position: absolute; bottom: 40px; }
    .cta-banner-mobile-int { width: 200px; height: auto; position: relative; margin: auto; background-color: #636EFF; color: #fff; -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -ms-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); -o-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14); }
    .cta-banner-mobile-int:hover { background-color: #4A56FC; color: #fff; }
    #paginacao-banner-mobile { width: 160px; height: 30px; position: absolute; left: 50%; margin-left: -80px; bottom: 2px; background-color: #cde0eb; border-radius: 90px; z-index: 20; padding-top: 4px; }
    .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); background-color: #ffffff; }
    .swiper-pagination-bullet-active { background-color: #708CDE; }

    /*  Janela ofertas mobile   */
    #toolbar-janela-ofertas-sm { width: 100%; height: 70px; position: absolute; top: 0px; background-color: #fff; z-index: 100; }
    #logo-dd-ofertas-sm { width: 160px; height: 26px; position: relative; float: left; margin-top: 27px; background: url('img/logo-atcadao-dia-a-dia.webp'); background-size: 160px; background-repeat: no-repeat; }
    #cta-fechar-janela-ofertas-sm { width: auto; height: auto; position: relative; float: right; margin-top: 20px; padding: 8px 18px 8px 40px; background-color: #EF2818; color: #fff; font-size: 15px; border-radius: 90px; cursor: pointer; }
    #fechar-icn-cta-j-sm { width: 28px; height: 28px; position: absolute; left: 7px; top: 5px; background: url('img/fechar.webp'); background-size: 28px; }

    /*Inicio Ofertas home*/
    #bloco-ofertas { width: 100%; height: 469px; position: relative; float: left; background-color: #fff; z-index: 420; margin-top: -75px; }
    #v-bloco-ofertas { width: 100%; height: 539px; position: relative; margin: auto; }
    .bg-bloco-ofertas { width: 222px; height: 456px; position: absolute; }
    .bgl-ofertas { left: -120px; top: 0px; background: url(img/bgl-ofertas.webp); background-size: 222px; }
    .bgr-ofertas { right: -90px; background: url(img/bgr-ofertas.webp); background-size: 222px; }
    .bg-out-ofertas { width: 222px; height: 456px; position: absolute; right: 0px; top: -90px; overflow: hidden; }
    .tabloide-2x { width: 303px !important; }
    .tabloide-1x { width: 140px !important; }
    .oferta-destaque-xx-h { width: 140px; height: 140px; position: relative; float: left; margin-right: 23px; border-radius: 50%; overflow: hidden; cursor: pointer; opacity: 0.9; }

    /*conteudo ofertas*/
    #div-conteudo-ofertas { width: 100%; height: 100%; position: relative; float: left; z-index: 355; }
    #div-conteudo-ofertas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 102px; font-size: 28px; font-weight: 700; line-height: 30px; text-align: center; }
    #div-conteudo-ofertas span { font-size: 28px; }
    #div-conteudo-ofertas p { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 18px; text-align: center; padding: 0px 20px; }

    /*Inicio carrossel de ofertas home*/
    #div-carrossel-ofertas { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }

    /*Itens carrossel de ofertas*/
    .item-oferta-carrossel { width: 115px !important; height: 115px !important; position: relative; float: left; margin-left: 10px; border-radius: 100%; cursor: pointer; cursor: pointer; overflow: hidden; }
    .id-campanha { width: 117px; height: 117px; position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; padding: 12px; opacity: 0.9; }
    .id-campanha:hover { opacity: 1; }
    #cta-tds-ofertas-home-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 28px; }
    #cta-int-tds-ofertas-h-d { width: 220px; height: auto; position: relative; margin: auto; padding: 13px 0px; background-color: #636FFF; color: #fff; font-size: 18px; text-align: center; border-radius: 90px; cursor: pointer; }
    #aviso-ofertas-loja { width: 100%; height: auto; position: relative; float: left; margin-top: 56px; cursor: pointer; }
    #tag-aviso-lojas { width: 80%; height: auto; position: relative; float: left; margin-left: 10%; background-color: #f5f8ff; border-radius: 20px; }
    #icone-tag-aviso-lojas { width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; top: -25px; background-color: #f5f8ff; border-radius: 100%; }
    #icone-tag-aviso-lojas-int { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url(img/icn-aviso.webp); background-size: 30px; }
    #tag-aviso-lojas p { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; color: #6479b8; font-size: 16px; text-align: center; padding: 0px 20px; }
    #tag-escolher-outra-loja { width: 100%; height: auto; position: relative; float: left; padding: 10px 20px; font-size: 16px; color: #a17511; text-align: center; background-color: #ffcc00; border-radius: 0px 0px 20px 20px; z-index: 90; }
    #bg-icone-tag-outra-loja { width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; bottom: -18px; background-color: #ffcc00; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); border-radius: 15px; z-index: 1; }
    #aviso-ofertas-loja:hover #tag-escolher-outra-loja { color: #fff; background-color: #485d9e; }
    #aviso-ofertas-loja:hover #bg-icone-tag-outra-loja { color: #fff; background-color: #485d9e; }

    /*Inicio No DD tem*/
    #no-dd-tem { width: 100%; height: 500px; position: relative; float: left; background-color: #E7F5FB; z-index: 400; margin-top: 115px; }
    #view-no-dd-tem { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 20px; }
    #titulo-dd-tem-bloco { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; }
    .tndd { width: 100%; height: auto; position: relative; float: left; margin-top: 120px !important; }
    #tag-dd { width: 80px; height: 46px; position: absolute; left: 50%; margin-left: -48px; background: url(img/tag-dd.webp); background-size: 80px; }
    #tag-dd-l-txt { width: auto; height: auto; position: absolute; left: -54px; top: -2px; font-size: 38px; font-weight: 700; }
    #tag-dd-r-txt { width: auto; height: auto; position: absolute; right: -73px; top: -2px; font-size: 38px; font-weight: 700; }
    #view-no-dd-tem p { width: 100%; height: auto; left: 0px; position: relative; float: left; margin-left: 0px; margin-top: 60px; text-align: center; font-size: 17px; padding: 0px 0px; }
    #faixa-cards-no-dd-tem { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; overflow: hidden; z-index: 10; }

    /*Item card DD tem*/
    .item-card-dd-tem { width: auto; height: 340px; position: relative; float: left; margin-left: 20px; margin-right: -10px !important; background-color: #fff; border: 0.5px solid #e6e6e6; border-radius: 20px; cursor: pointer; }
    .foto-card-dd-tem { width: 88%; height: 250px; position: relative; float: left; float: left; margin-left: 6%; margin-top: 18px; border-radius: 20px; overflow: hidden; background-color: #dadada; }
    .foto-int-card-dd-tem { width: 260px; height: 261px; position: absolute; top: 50%; left: 50%; margin-left: -130px; margin-top: -130px; }
    .card-nome-dd-tem { width: 88%; height: auto; position: relative; float: left; margin-left: 6%; margin-top: 14px; padding: 10px 0px; border-radius: 20px; text-align: center; font-size: 16px; font-weight: 500; }
    .card-icone-dd-tem { width: 30px; height: 30px; position: absolute; left: 7px; top: 6px; }
    .bg-out-s-azul-claro { width: 100%; height: 160px; position: absolute; bottom: 0px; bottom: -40px; overflow: hidden; }
    .bg-s-azul-claro { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-azul.svg); background-size: 600px; background-repeat: no-repeat; }

    /*Inicio pague do seu jeito*/
    #s-pague-do-seu-jeito { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 350; }
    #bgl-psj { width: 223px; height: 218px; position: absolute; left: -60px; top: 0px; background: url(img/bg-dd-id-mobile.webp); background-size: 223px; }
    #bgr-psj-out { width: 223px; height: 218px; position: absolute; right: 0px; top: 0px; overflow: hidden; }
    #bgr-psj { width: 223px; height: 218px; position: absolute; right: -60px; top: 0px; background: url(img/bg-dd-id-mobile-r.webp); background-size: 223px; }
    #view-s-pague-do-seu-jeito { width: 100%; height: auto; position: relative; margin: auto; margin-top: 140px; padding: 0px 20px; }
    #view-s-pague-do-seu-jeito h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 61px; font-size: 29px; font-weight: 700; text-align: center; }
    #view-s-pague-do-seu-jeito p { width: 100%; height: auto; left: 0px; position: relative; float: left; margin-left: 0px; margin-top: -7px; font-size: 15px; text-align: center !important; }
    #slider-btns-forma-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; overflow: hidden; }
    #v-slides-btns-forma-pagamento { width: 100%; height: auto; position: relative; margin: auto; }

    /*Item btn forma pagamento*/
    .btn-forma-pagamento { width: auto !important; height: auto; position: relative; float: left; margin-left: 20px; margin-right: -10px !important; padding: 10px 15px 10px 45px; background-color: #e5fbff; border-radius: 25px; font-size: 16px; font-weight: 600; cursor: pointer; }
    .icone-forma-pagamento { width: 25px; height: 25px; position: absolute; left: 10px; top: 7px; }
    .btn-forma-pagamento:hover { background-color: #c8f7ff; }
    .atv-btn-forma-pagamento { background-color: #FFCC02; color: #A17511; }
    .atv-btn-forma-pagamento:hover { background-color: #FFDB5E; }

    /*Quadro formas de pagamento*/
    #container-quadro-formas-pagamento { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; z-index: 50; }
    #view-quadro-formas-pagamento { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 20px; }
    .item-quadro-forma-pagamento { width: 100%; height: 250px; position: absolute; left: 0px; top: 0px; }
    .item-bandeira-forma-pagamento { width: 31%; height: 90px; position: relative; float: left; margin-bottom: 10px; border-radius: 10px; margin-left: 1%; margin-right: 1%; cursor: pointer; }
    .item-bandeira-forma-pagamento:hover { background-color: #e5fbff; }
    .icone-bandera-cartao { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; }
    .mascara-bottom-out-formas-pagamento { width: 100%; height: 160px; position: absolute; bottom: -69px; overflow: hidden; }
    .mascara-bottom-out-fornecedor { width: 100%; height: 160px; position: absolute; bottom: -39px; overflow: hidden; }

    /*Inicio banner miolo*/
    #s-banner-miolo { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; overflow: hidden; }

    /*Blog DD home*/
    .bg-s-top-desktop { display: none; }
    #blog-dd-home { width: 100%; height: 470px; position: relative; float: left; z-index: 200; background-color: #fdcc26; }
    #view-blog-dd { width: 100%; height: auto; position: relative; margin: auto; padding: 0px 20px; }
    #logo-blog-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; }
    #logo-blog-dd-int { width: 120px; height: 113px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 120px; }
    #tag-logo-blog-dd { width: 220px; height: auto; position: absolute; left: 50%; margin-left: -110px; bottom: -30px; padding: 8px 0px; background-color: #4A53BB; border-radius: 30px; color: #fff; text-align: center; font-size: 14px; font-weight: 600; }
    #faixa-carrossel-posts { width: 100%; height: auto; position: relative; float: left; margin-top: 65px; overflow: hidden; }

    /*Mensagem blog*/
    #faixa-mensagem-sem-posts { width: 100%; height: auto; position: relative; float: left; margin-left: -5px; margin-top: 110px; }
    #bloco-mensagem-sem-posts { width: 320px; height: 300px; position: relative; margin: auto; background-color: #FFFBE7; border-radius: 40px; border: 1px solid #FFC625; }
    #faixa-ilustra-sm-blog { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; }
    #ilustra-blog-sm { width: 200px; height: 154px; position: relative; margin: auto; background: url('img/ilustra-sem-mensagem-blog.webp'); background-size: 200px; }
    #conteudo-faixa-sem-mensagem { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #titulo-sem-mensagem-blog-home { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #000; text-align: center; font-weight: 600; padding: 0px 20px; }
    #sobre-msg-novidades-blog { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 5px; font-size: 17px; color: #000; padding: 0px 20px; }

    /*Card post carrossel*/
    .card-post { width: 250px; height: 370px; position: relative; float: left; margin-left: 20px; margin-right: -15px; cursor: pointer; }
    .foto-card-post { width: 90%; height: auto; position: relative; float: left; border-radius: 20px; margin-left: 5%; margin-top: 20px; overflow: hidden; }
    .tags-card-post { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 5%; }
    .item-tag-card-post { width: auto; height: auto; position: relative; float: left; margin-right: 5px; padding: 4px 16px; background-color: #FF1A44; border-radius: 20px; color: #fff; font-size: 16px; cursor: pointer; }
    .item-tag-card-post:hover { background-color: #FF4A6A; }
    .card-post h4 { width: 100%; height: 30px; position: relative; float: left; margin-top: 15px; padding: 0px 5%; font-size: 16px; color: #000; font-weight: 600; }
    .card-post p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 5%; font-size: 14px; color: #2e2e2e; }
    #s-cta-blog-home { width: 100%; height: auto; position: relative; float: left; margin-top: 8px; margin-bottom: -60px; z-index: 10; }
    .cta-int-ir-p-blog { width: 181px; height: auto; position: relative; margin: auto; font-size: 18px; background-color: #636FFF; }

    /*Inicio central de ajuda*/
    #s-central-ajuda { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 190; }
    #view-s-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; }
    #view-s-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 28px; font-weight: 700; text-align: center; }
    #view-s-central-ajuda p { width: 100%; height: auto; left: 0px; position: relative; float: left; margin-left: 0px; padding: 0px 10px; margin-top: -10px; font-size: 15px; text-align: center !important; }
    #faixa-sessoes-central-d-ajuda { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding-bottom: 100px; overflow: hidden; }
    .swiper-ctr-ajuda { height: 220px; }

    /*item bloco central de ajuda*/
    .bloco-central-de-ajuda { width: 150px !important; height: 150px !important; position: relative; float: left; margin-left: 20px; margin-right: -7px; background-color: #e7f9fc; border-radius: 20px; opacity: 0.9; }
    .bloco-central-de-ajuda:hover { opacity: 1; }
    .img-bloco-central-ajuda { width: 150px; height: 150px; position: absolute; left: 0px; top: 0px; overflow: hidden; border-radius: 20px; }
    .bloco-central-de-ajuda p { width: 100%; height: auto; position: absolute; line-height: 24px; bottom: -90px; color: #000000; font-size: 18px; text-align: center; }
    .img-icn-faq { background: url(img/icn-faq.gif); background-size: 150px; }
    .img-icn-vagas { background: url(img/icn-vagas.gif); background-size: 150px; }
    .img-icn-fale-conosco { background: url(img/icn-fale-conosco.gif); background-size: 150px; }
    .img-icn-ctr-ajuda { background: url(img/icn-ctr-ajuda.gif); background-size: 150px; }
    #s-cm-ajudar { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding-bottom: 50px; background-color: #E7F5FB; }
    #view-s-cm-ajudar { width: 90%; height: auto; position: relative; margin: auto; }
    #icone-cm-ajudar { width: 140px; height: 140px; position: absolute; left: 50%; margin-left: -70px; top: -100px; border-radius: 50%; overflow: hidden; border: 7px solid #fff; }
    #icn-como-posso-ajudar { width: 140px; height: 140px; position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; background: url(img/personagem-central-ajuda-2.gif); background-size: 140px; }
    #icn-como-posso-ajudar-fornecedor { width: 140px; height: 140px; position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; background: url(img/icn-como-posso-ajudar-fornecedor.webp); background-size: 140px; }
    #view-s-cm-ajudar h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 68px; font-size: 22px; font-weight: 700; text-align: center; }
    #view-s-cm-ajudar p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -10px; font-size: 16px; text-align: center !important; }
    #cta-cm-ajudar { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
    #cta-int-cm-ajudar { width: 265px; height: auto; margin: auto; }

    /*Faixa espaço do fornecedor*/
    #s-espaco-fornecedor { width: 100%; height: auto; position: relative; float: left; background-color: #2B54CC; padding-bottom: 140px; }
    #view-s-espaco-fornecedor { width: 90%; height: auto; position: relative; margin: auto; }
    #view-s-espaco-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 30px; font-weight: 700; text-align: center; color: #fff; }
    #view-s-espaco-fornecedor p { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -10px; font-size: 16px; text-align: center !important; color: #fff; }
    #faixa-fornecedores { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; overflow: hidden; }
    .item-faixa-fornecedor { width: 120px !important; height: 120px !important; position: relative; float: left; margin-left: 15px; margin-right: -10px; background-color: #dadada; border-radius: 50%; overflow: hidden; cursor: pointer; }
    .logo-fornecedor-faixa { width: 130px; height: 130px; position: absolute; left: 50%; top: 50%; margin-left: -65px; margin-top: -65px; }
    #cta-faixa-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    #cta-int-faixa-fornecedor { width: 150px; height: auto; margin: auto; }

    /*Mensagem fornecedor*/
    #faixa-mensagem-sem-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    #bloco-mensagem-sem-fornecedor { width: 320px; height: 310px; position: relative; margin: auto; background-color: #4870E4; border-radius: 40px; border: 1px solid #00A2FD; }
    #faixa-ilustra-sm-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; }
    #ilustra-fornecedor-sm { width: 200px; height: 154px; position: relative; margin: auto; background: url('img/ilustra-fornecedor.webp'); background-size: 200px; }
    #conteudo-faixa-sem-mensagem-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
    #titulo-sem-mensagem-fornecedor-home { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; text-align: center; font-weight: 600; padding: 0px 50px; }
    #sobre-msg-novidades-fornecedor { width: 100%; height: auto; position: relative; float: left; text-align: center; margin-top: 10px; font-size: 17px; color: #fff; padding: 0px 20px; }

    /*Inicio rodapé*/
    #ornamento-rodape-desktop { width: 100%; height: 200px; position: absolute; left: 0%; margin-left: 0px; top: -56px; overflow: hidden; }
    .s-rodape { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 42px; }
    .view-s-rodape { width: 90%; height: auto; position: relative; margin: auto; }
    .view-s-rodape p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 18px; text-align: center; }
    .view-s-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; margin-bottom: 5px; font-size: 24px; font-weight: 700; text-align: center; }
    .view-s-rodape ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 6px; margin-bottom: -5px; font-size: 18px; text-align: center; cursor: pointer; }
    .view-s-rodape ul li:hover { color: #ffcc00; }
    #cta-voltar-topo { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; top: -100px; background-color: #ffcc00; border-radius: 50%; border: 10px solid #fff; cursor: pointer; }
    #cta-voltar-topo:hover { background-color: #ffdf60; }
    #icone-cta-voltar-topo { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -28px; background: url(img/icone-voltar-topo.webp); background-size: 50px; }
    #legenda-cta-voltar-topo { width: 200px; height: auto; position: absolute; left: 50%; margin-left: -100px; bottom: -40px; color: #353946; font-size: 22px; text-align: center; }
    #logo-dd-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 65px; }
    #logo-dd-int-rodape { width: 220px; height: 34px; position: relative; margin: auto; background: url(img/logo-dia-a-dia-rodape.webp); background-size: 220px; }
    #legenda-logo-dd-rodape { width: 280px; height: auto; position: absolute; left: 50%; margin-left: -140px; bottom: -40px; text-align: center; font-size: 18px; }
    #redes-sociais-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
    #view-redes-sociais-rodape { width: 180px; height: auto; position: relative; margin: auto; }
    .item-sm-rodape { width: 60px; height: 60px; position: relative; float: left; margin-right: 0px; }
    #s-whatsapp-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; background-color: #fff; }
    .view-s-rodape h3 { width: 100%; height: auto; position: relative; float: left; font-size: 20px; text-align: center; }
    .fix-h3-rodape { margin-top: -2px; }
    #cta-whatsapp { width: 100%; height: auto; position: relative; float: left; }
    #cta-wpp-int { width: 200px; height: auto; position: relative; margin: auto; float: unset; background-color: #25d366; border-radius: 30px; padding: 10px 0px; cursor: pointer; }
    #cta-wpp-logo { width: 140px; height: 33px; position: relative; margin: auto; background: url(img/logo-whatsapp.webp); background-size: 140px; }
    #cta-wpp-int:hover { background-color: #2bb05d; }
    .bg-azul-rodape { background-color: #EFF9FF !important; }
    .bg-azul-escuro-rodape { background-color: #2A54CC !important; color: #fff !important; }
    #faixa-rodape-apps { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 68px; }
    #faixa-int-rodape-apps { width: 180px; height: auto; position: relative; margin: auto; }
    .item-app-rodape { width: 80px; height: 80px; position: relative; margin: unset; float: left; margin-left: 5px; margin-right: 5px; background-color: #fff; border-radius: 20px; cursor: pointer; overflow: hidden; }
    .item-app-rodape:hover { background-color: #bdd5e3; }

    /*Loja atual rodape*/
    .nome-sessao-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; font-size: 28px; font-weight: 700; text-align: center; }
    .n-nome-sessao-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 22px; text-align: center; }
    .cta-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .cta-int-rodape { width: 200px; height: auto; position: relative; margin: auto; padding: 12px 20px 12px 65px; font-weight: 500; font-size: 18px; text-align: left; color: #5b3f00; background-color: #FFCC00; border-radius: 40px; cursor: pointer; }
    .cta-int-rodape:hover { background-color: #ffd323; }
    .icone-cta-mapa { width: 30px; height: 30px; position: absolute; left: 25px; top: 10px; background: url(img/icn-mapa.webp); background-size: 30px; }
    .icone-cta-telefone { width: 30px; height: 30px; position: absolute; left: 25px; top: 10px; background: url(img/icn-telefone.webp); background-size: 30px; }
    .fix-cta-rodape { margin-top: 0px; margin-bottom: 82px; }
    #endereco-completo-loja-atual { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 65px; font-size: 14px; text-align: center; padding: 0px 20px; }

    /*juridico rodapé mobile*/
    #juridico-rodape-mobile { width: 100%; height: auto; left: 0px; position: relative; float: left; margin-top: 21px; margin-left: 0px; font-size: 12px; text-align: center; }
    .juridico-rodape-fix-padding { padding-bottom: 90px !important; }
    #faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; margin-bottom: 50px; }
    #selo-reclame-aqui { width: 98px; height: 100px; position: relative; margin: auto; }

    /* ==========================================================================
       Inicio página de lojas
        ========================================================================== */
    #bg-topo-pagina-lojas { display: none; }
    #view-bg-topo-lojas { display: none; }
    #view-conteudo-desktop-banner-lojas { display: none; }
    #l-regiao-to-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    #l-regiao-df-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    #l-regiao-ba-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    #l-regiao-go-a { width: 1px; height: 1px; position: absolute; top: -100px; }
    #div-topo-pagina-lojas { width: 100%; height: 390px; position: relative; float: left; margin-top: 30px; background: url('img/bg-selecao-lojas.webp'); background-size: cover; overflow: hidden; }
    #div-topo-pagina-lojas h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; margin-bottom: 5px; color: #fff; font-size: 32px; text-align: center; font-weight: 600; }
    #div-topo-pagina-lojas p { width: 100%; height: auto; position: relative; margin: auto; margin-top: -16px; color: #fff; font-size: 16px; text-align: center; padding: 0px 30px; }
    .destaque-n-lojas { color: #FFBC23; font-size: 38px; }
    #div-ctas-mobile-regiao-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .item-cta-sl-mobile { width: auto !important; height: auto !important; position: relative; float: left; margin-left: 20px; margin-right: -10px; padding: 4px 18px !important; background-color: #FFFFFF; color: #393939; font-size: 16px; border-radius: 60px; cursor: pointer; }
    .item-cta-sl-mobile:hover { background-color: #FDC92E; color: #A77C13; }
    #view-listagem-lojas { width: 100%; height: auto; position: relative; margin: auto; padding-top: 0px; padding-left: 20px; padding-right: 20px; z-index: 10; }
    #view-carrossel-beneficios-loja { width: 100%; height: auto; position: relative; margin: auto; }
    .faixa-regiao-listagem-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 10px; }
    .div-regiao-listagem-lojas { width: 100%; height: 100%; position: relative; float: left;    /* display: none; */ }
    .tag-regia-listagem-loja { width: 120px; height: 120px; position: relative; float: left; border-radius: 0px 30px 30px 30px; background-color: #778DCD; display: none; }
    .nome-tag-regiao-listagem-loja { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; padding: 14px 20px; background-color: #5871BD; color: #fff; font-size: 16px; text-align: left; border-radius: 12px; }
    .sigla-tag-regia-lj-mobile { width: auto; height: auto; position: absolute; right: 11px; top: 10px; padding: 4px 5px; background-color: #778DCE; border-radius: 8px; color: #fff; font-size: 17px; }
    .div-cards-lojas-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: 9px; }
    .cta-mais-detalhes-lojas { display: none; }
    .icone-bg-card-loja { width: 60px; height: 60px; position: absolute; right: -17px; top: -6px; background-color: #DBF3FF; border-radius: 14px; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); }
    .icone-card-loja { width: 25px; height: 25px; position: absolute; right: 13px; top: 12px; background: url('img/icone-card-loja.webp'); background-size: 25px; }

    /*item card loja*/

    /*item card loja*/
    .item-card-loja-listagem { width: 100%; height: auto; position: relative; float: left; margin-bottom: 9px; background-color: #F0F9F9; border-radius: 12px; padding: 5px 20px; overflow: hidden; }
    .item-card-loja-listagem h5 { width: 90%; height: auto; position: relative; float: left; margin-top: 11px; font-size: 16px; color: #232221; font-weight: 500; }
    .item-card-loja-listagem p { width: 70%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 16px; color: #575859; font-weight: 300; display: none; }

    /* Card informações lojas */
    #card-informacoes-lojas { width: 95%; height: 200px; position: fixed; left: 2.5%; bottom: -820px; background-color: #E2FBFF; border-radius: 20px; z-index: 9999; -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.09); }
    #conteudo-informacoes-lojas { width: 100%; height: 100%; position: absolute; z-index: 10; padding: 20px 20px; }
    #card-info-nome-loja { width: 100%; height: auto; position: relative; float: left; font-size: 14px; color: #212221; font-weight: 800; }
    #card-endereco-loja { width: 85%; height: auto; position: relative; float: left; margin-top: 5px; font-size: 16px; color: #525759; font-weight: 400; }
    .fechar-card-loja { width: 40px; height: 40px; position: absolute; right: 20px; top: 15px; background: url('img/icone-fechar-card-loja.webp'); background-size: 40px; cursor: pointer; }
    #cta-maisdetalhes-cd-loja { width: auto; height: auto; position: absolute; padding: 5px 20px; left: 20px; bottom: 20px; background-color: #FFC024; color: #A77B13; font-size: 18px; font-weight: 600; border-radius: 100px; cursor: pointer; }
    #cta-maisdetalhes-cd-loja:hover { background-color: #FFD97C; }
    #cta-mapa-cd-loja { display: none; }
    #bg-card-lojas { width: 304px; height: 160px; position: absolute; right: 20px; top: 50%; margin-top: -80px; background: url('img/dd-bg-card-loja.webp'); background-size: 304px; z-index: 1; opacity: 0; }

    /* ====================================================================================================================================================
      Página interna de lojas
    ========================================================================== */
    #topo-pgi-loja { width: 100%; height: 460px; position: relative; float: left; margin-top: 55px; background-color: #0064D3; z-index: 660; padding-bottom: 0px; overflow: unset; }
    #mascara-bottom-out-pgi { width: 100%; height: 160px; position: relative; bottom: 64px; overflow: hidden; }
    #mascara-bottom-out-pgi-2 { width: 100%; height: 160px; position: absolute; bottom: -96px; overflow: hidden; z-index: 10; }
    .mascara-sessao-azul-bottom { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; margin-top: 7px; background: url(img/bg-azul-lojas-int.svg); background-size: 600px; background-repeat: no-repeat; }
    #bg-topo-pgi-loja { width: 300px; height: 154px; position: absolute; z-index: 20; left: 50%; top: 50%; margin-left: -150.5px; margin-top: -71px; background: url(img/bg-topo-loja.webp); background-size: 300px; opacity: 0.5; display: block; }
    #view-topo-pgi-loja { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-topo-pgi-loja h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; margin-bottom: 10px; font-size: 26px; color: #fff; text-align: center; font-weight: 700; }
    #view-topo-pgi-loja p { width: 100%; height: auto; position: relative; margin: auto; color: #fff; font-size: 14px; text-align: center !important; font-weight: 300; padding: 0px 20px; }
    #view-faixa-cta-banner-loja-int { width: 293px; height: auto; position: relative; margin: auto; }
    #cta-ver-no-mapa-pgl { width: auto; height: auto; position: relative; float: left; font-size: 15px; font-weight: 600; padding: 10px 20px; color: #A17512; background-color: #FFCE27; border-radius: 50px; cursor: pointer; }
    #cta-falar-loja-int { width: auto; height: auto; position: relative; float: left; margin-left: 15px; font-size: 15px; font-weight: 600; padding: 9px 20px; color: #FFCD27; border: 1px solid #FFCE27; border-radius: 50px; cursor: pointer; }
    #faixa-beneficios-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: 22px; }
    .blc-4x { width: 700px !important; display: none; }
    #carrossel-beneficios-loja { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .item-bloco-beneficio { width: auto; height: auto; position: relative; float: left; padding: 0px 0px; margin-left: 0px; }
    .legenda-icone-beneficio { width: 160px; height: auto; position: absolute; left: 50%; margin-left: -80px; bottom: -31px; font-size: 12px; color: #fff; text-align: center; }
    #seta-topo-loja { width: 70px; height: 70px; position: absolute; left: 50%; margin-left: -35px; bottom: -30px; background: url('img/seta-topo-loja.webp'); background-size: 70px; z-index: 30; display: none; }
    #galeria-de-fotos-loja { width: 100%; height: auto; position: relative; float: left; background-color: #F4D428; z-index: 645; overflow: hidden; }

    /*Controles galeria de fotos loja*/
    .bloco-ctrl-galeria-loja { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }
    .mascara-inversa-galeria-fotos { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-branco-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    .fix-bloco-ofertas { height: 349px !important; z-index: 644 !important; }

    /*Bloco ofertas facebook*/
    #mais-ofertas-fb { width: 1px; height: 1px; position: absolute; left: 0px; top: -22220px; }
    #sessao-ofertas-facebook { width: 100%; height: auto; position: relative; float: left; margin-top: 32px; margin-bottom: -40px; padding-bottom: 30px; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; z-index: 640; }
    #view-sessao-ofertas-facebook { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-sessao-ofertas-facebook h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; font-size: 24px !important; color: #2D2F2D; text-align: center !important; font-weight: 600 !important; }
    .item-bloco-oferta-loja-interna { width: 100%; height: auto; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 20px; border-radius: 10px; overflow: hidden; }
    #faixa-cta-ofertas-sm { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; display: none; }
    .bg-s-top-ofertas-facebook { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; border-radius: 100%; z-index: 1; display: none; }
    .bg-s-top-ofertas-facebook { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; border-radius: 100%; z-index: 1; display: none; }
    #faixa-blocos-ofertas { display: none !important; }
    #faixa-carrosel-ofertas { width: 100%; height: 0px; position: relative; float: left; }
    .item-faixa-carrosel-ofertas { width: 270px; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden; margin-left: 40px; margin-right: -35px; margin-top: 0px; }
    .mascara-sessao-bg-ofertas-fb { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; margin-top: -20px; background: url(img/bg-laranjado.svg); background-size: 600px; background-repeat: no-repeat; }

    /* ==========================================================================
    Página espaço do fornecedor
     ========================================================================== */
    #view-fornecedores-pg { width: 100%; max-width: 1500px; height: auto; position: relative; margin: auto; }
    #div-fornecedores-pg { width: 100%; height: auto; position: relative; float: left; margin-bottom: -130px; margin-top: -90px; background: url(img/bg-espaco-fornecedor-int-mobile.webp); background-repeat: repeat; padding-bottom: 0px; }
    #view-fornecedores-pg h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 137px; margin-bottom: 10px; font-size: 26px; color: #343435; text-align: center; font-weight: 700; }
    #view-fornecedores-pg p { width: 260px; height: auto; position: relative; margin: auto; padding-top: 0px; font-size: 18px; color: #39393A; text-align: center; font-weight: 300; }
    #faixa-itens-fornecedores { width: 100%; height: auto; position: relative; float: left; margin-top: 68px; padding: 40px 0px 230px 0px; background-color: #D7F0FF; }
    .item-fornecedor-pg { width: 32.5%; height: auto; position: relative; float: left; margin-bottom: 12px; }
    .fix-cm-pg-fornecedor { width: 100%; height: 100px; position: relative; float: left; background-color: #E7F5FB; display: block; }
    .item-fornecedor-pg-int { width: 85%; height: auto; position: relative; margin: auto; border-radius: 100%; overflow: hidden; border: 6px solid #fff; }

    /* ==========================================================================
       Página Fornecedor
      ========================================================================== */
    .div-bloco-conteudo { width: 100%; height: auto; position: relative; float: left; background-color: #FFFFFE; z-index: 610; padding-bottom: 0px; }
    #logo-cover-fornecedor { width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px; top: -53px; background-color: #ffffff; border-radius: 20px; overflow: hidden; z-index: 100; }
    #div-ornamento-bg-fornecedor { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; z-index: 1; display: none; }
    .view-bloco-conteudo { width: 95%; height: auto; position: relative; margin: auto; z-index: 50; }
    .view-bloco-conteudo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; margin-bottom: -5px; text-align: left; color: #000; font-size: 22px; font-weight: 600; padding: 0px 14px; line-height: 33px; margin-bottom: -51px; }
    .view-bloco-conteudo h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -6px; text-align: left; color: #000; font-size: 22px; font-weight: 600; padding: 0px 14px; line-height: 30px; }
    .view-bloco-conteudo p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 16px; color: #575656; text-align: center; padding: 0px 15px; line-height: 29px; }

    /*Inicio Faixa de produtos do fornecedor*/
    #faixa-produtos-fornecedor { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-ofertas-sm.webp); background-repeat: repeat; z-index: 565; padding-top: 30px; margin-top: -30px; padding-bottom: 50px; }
    .bg-s-bottom-produtos-fornecedores { display: none; }
    #view-faixa-produtos-fornecedor { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; padding-top: 10px; }
    #view-faixa-produtos-fornecedor h2 { width: 100%; height: auto; position: relative; float: left; font-size: 23px; margin-top: 50px; color: #D2242A; text-align: center; font-weight: 600; }
    #view-faixa-produtos-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -18px; font-size: 18px; color: #2B2C2C; text-align: center; padding: 0px 20px; }

    /*Controles carrossel de ofertas*/
    .bloco-ctrl-carrossel-ofertas { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }
    .item-card-produto-fornecedor { width: 200px; height: 250px !important; position: relative; float: left; margin-left: 20px; margin-right: -10px !important; background-color: #fff; border-radius: 15px; }
    .item-galeria-ft-fornecedor { width: 20%; height: 180px; position: relative; float: left; overflow: hidden; background-color: #fff; }
    .item-ft-galeria-fornecedor-int { width: 310px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left: -155px; margin-top: -120px; }
    .legenda-card-produto { width: 100%; height: auto; position: absolute; bottom: 25px; padding: 0px 20px; font-size: 14px; color: #515151; text-align: center; box-sizing: border-box; }

    /*Inicio sessao video fornecedor*/
    #div-video-fornecedor { width: 100%; height: auto; position: relative; float: left; padding-bottom: 80px; }
    #view-sessao-video-fornecedor { width: 90%; height: auto; position: relative; margin: auto; }
    #view-sessao-video-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 22px; color: #fff; text-align: center; font-weight: 600; }
    #player-video-fornecedor { width: 300px; height: 169px; left: 50%; position: relative; float: left; margin-left: -150px; margin-top: 20px; border-radius: 20px; overflow: hidden; }
    #legenda-player-video { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 20px; font-size: 15px; color: #fff; text-align: center; }
    .bg-blog-fornecedor { background-color: #fff !important; height: 620px !important; }
    .bg-frango-tndd { height: auto !important; padding-bottom: 120px !important; background: url('img/bg-topo-dd-links-frango.webp') !important; background-repeat: repeat !important; }

    /* ==========================================================================
     Inicio links oficias
      ========================================================================== */
    #div-out-links-oficiais { width: 100%; height: auto; position: relative; float: left; overflow: hidden; z-index: 50; margin-bottom: -41px; }
    #calculadora-nf { width: 450px; height: 482px; position: absolute; left: -200px; top: 200px; background: url('img/calculadora-nf.webp'); background-size: 450px; display: none; }
    #cartoes-nf { width: 450px; height: 377px; position: absolute; right: -200px; top: 690px; background: url('img/cartoes-nf.webp'); background-size: 450px; display: none; }
    #div-topo-links-oficiais { width: 100%; height: 307px; position: relative; float: left; background-color: #5424FB; background: url('img/bg-topo-dd-links-oficiais.webp'); background-repeat: repeat; z-index: 10; }
    #view-topo-links-oficiais { width: 100%; height: auto; position: relative; margin: auto; }
    #view-topo-links-oficiais h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 137px; font-size: 27px; font-weight: 800; text-align: center; text-transform: uppercase; color: #fff; }
    #view-topo-links-oficiais h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -12px; font-size: 17px; color: #fff; font-weight: 400; text-align: center; padding: 0px 60px; }
    .fix-title-tem-n-dd-lp { margin-top: 50px !important; }
    #faixa-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 19px;    /* display: none; */ }
    #nota-fiscal-int { width: 300px; height: auto; position: relative; margin: auto; }
    #topo-nota-fiscal { width: 300px; height: 123px; position: absolute; top: 0px; background: url('img/topo-nota-fiscal.webp'); background-repeat: no-repeat; background-size: 300px; z-index: 99; }
    #faixa-corpo-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; overflow: hidden; }
    #corpo-nota-fiscal { width: 260px; height: auto; position: relative; float: left; margin-top: -2500px; margin-left: 20px; background-color: #fff; }
    #divisoria-nf { width: 260px; height: 86px; position: relative; float: left; margin-left: 20px; background: url('img/divisoria-nf.webp'); background-repeat: repeat-x; background-size: 320px; }
    #rodape-nf { width: 260px; height: auto; position: relative; float: left; margin-left: 20px; background-color: #fff; padding: 40px 0px 0px 0px; opacity: 0; margin-top: -49px; }
    #chamada-rodape-nf { width: 100%; height: auto; position: relative; float: left; font-size: 16px; margin-top: -21px; color: #282728; text-align: center; font-weight: 800; text-transform: uppercase; }
    #cta-rodape-nf { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
    #cta-int-rodape-nf { width: 220px; height: auto; position: relative; margin: auto; padding: 15px 0px; background-color: #282728; font-size: 14px; color: #fff; font-weight: 700; text-align: center; border-radius: 90px; cursor: pointer; text-transform: uppercase; }
    #cta-int-rodape-nf:hover { background-color: #5E5E5E; }
    #legenda-cta-nf { width: 100%; height: auto; position: relative; float: left; margin-top: 14px; font-size: 14px; color: #2A2728; text-align: center; padding: 0px 15px; text-transform: uppercase; }
    #faixa-titulo-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; border-top: 3px dotted #000; border-bottom: 3px dotted #000; padding: 10px 20px; font-size: 14px; color: #000000; text-transform: uppercase; text-align: center; }
    #rodape-bg-nf { width: 260px; height: 100px; position: relative; float: left; margin-left: 20px; background: url('img/bg-rodape-nf.webp'); background-repeat: repeat-x; opacity: 0; background-size: 340px; }
    .item-link-nota-fiscal { width: 100%; height: auto; position: relative; float: left; margin-top: 22px; cursor: pointer; padding: 0px 15px; }
    .icone-link-nf { width: 30px; height: 30px; position: relative; float: left; border: 1px dashed #000; border-radius: 7px; }
    .icone-int-nf { width: 25px; height: 25px; position: relative; float: left; margin-top: 2px; margin-left: 1px; }
    .sobre-link-nf { width: 77%; height: auto; position: relative; float: left; margin-top: 1px; margin-left: 8px; }
    .nome-link-nf { width: 100%; height: auto; position: relative; float: left; font-size: 9px; color: #000; text-transform: uppercase; }
    .txt-link-nf { width: 100%; height: auto; position: relative; float: left; font-size: 12px; color: #000; text-transform: uppercase; font-weight: 800; }
    .cta-visitar-link-nf { width: auto; height: auto; position: absolute; right: 20px; top: 12px; padding: 7px 15px; border: 2px dashed #000; color: #000; font-weight: 800; border-radius: 10px; text-transform: uppercase; display: none; }
    .item-link-nota-fiscal:hover .cta-visitar-link-nf { width: auto; height: auto; position: absolute; right: 20px; top: 12px; padding: 7px 15px; border: 2px dashed #000; color: #fff; background-color: #000; font-weight: 800; border-radius: 10px; text-transform: uppercase; }
    .icone-aviso-nf { width: 30px; height: 30px; position: relative; float: left; border-radius: 15px; }
    .txt-aviso-nf { width: 100%; height: auto; position: relative; float: left; text-transform: uppercase; margin-top: -6px; color: #000; font-size: 10px; }
    #div-s2-nf { width: 100%; height: 930px; position: relative; float: left; background: url('img/bg-bottom-dd-links-oficiais.webp'); background-repeat: repeat; }
    #carrinho-nf { width: 450px; height: 367px; position: absolute; left: -200px; top: 1000px; background: url('img/carrinho-nf.webp'); background-size: 450px; display: none; }
    #promo-nf { width: 450px; height: 419px; position: absolute; right: -200px; top: 1300px; background: url('img/promo-nf.webp'); background-size: 450px; display: none; }

    /* ==========================================================================
      Página DD Express
    ========================================================================== */
    #div-topo-dd-express { width: 100%; height: 360px; position: relative; float: left; margin-top: 65px; background: url(img/bg-topo-dd-express.webp); background-repeat: repeat; z-index: 30; }
    #pizza-topo-centro { width: 210px; height: 210px; position: absolute; left: 50%; margin-left: -110px; top: -79px; margin-top: -600px; background: url(img/pizza-topo-dd-express.webp); background-size: 210px; }
    #folhas-pizza-topo { width: 120px; height: 83px; position: absolute; left: 50%; margin-left: -60px; margin-top: -300px; top: -10px; background: url(img/folhas-pizza-topo.webp); background-size: 120px; z-index: 10; background-repeat: no-repeat; }
    #pote-catchup { width: 100px; height: 100px; position: absolute; top: 80px; left: 268px; background: url(img/pote-catchup.webp); background-size: 100px; background-repeat: no-repeat; }
    #tomate-topo { width: 100px; height: 100px; position: absolute; top: 100px; left: -30px; background: url(img/tomate.webp); background-size: 100px; }
    #pedaco-pizza { width: 260px; height: 556px; position: absolute; right: -20px; top: 20px; background: url(img/pedaco-pizza-topo.webp); background-size: 500px; display: none; }
    #view-topo-dd-express { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #faixa-logo-topo-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; }
    #dd-express-logo-topo { width: 170px; height: 105px; position: relative; margin: auto; background-image: url(img/dd-express-logo.webp); background-size: 170px; background-repeat: no-repeat; }
    #pote-mangericao { width: 140px; height: 126px; position: absolute; left: 50%; margin-left: -70px; bottom: -124px; background: url('img/pot-catchup-com-mangericao.webp'); background-size: 140px; background-repeat: no-repeat; }

    /*Segunda sessao DD Express*/
    #s-2-dd-express { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-s2-dd-express.webp'); background-repeat: repeat; padding-bottom: 60px; z-index: 20; }
    #elementos-bg-s2 { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; overflow: hidden; display: none; }
    #view-s2-dd-express { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    #view-s2-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; font-size: 22px; color: #fff; font-weight: 500; text-align: center; padding: 0px 20px; }
    #view-s2-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -11px; color: #fff; font-size: 16px; text-align: center; padding: 0px 10px; }
    #bloco-ctas-lojas-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: 2px; padding: 0px 20px; }
    #chamada-lojas-dd-express-disponiveis { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #FFD02C; text-align: center; }
    .item-cta-l-dd-express { width: 100%; height: auto; float: left; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 10px 20px; background-color: #77ACA7; font-size: 18px; color: #fff; border-radius: 50px; cursor: pointer; text-align: center; }
    .faixa-tipografia-pizza { width: 15000px; height: 100px; position: relative; float: left; background: url('img/tipografia-pizzas.webp'); background-repeat: repeat-x; background-size: 2000px; margin-bottom: -49px; }
    .faixa-tipografia-pizza { width: 15000px; height: 100px; position: relative; float: left; background: url('img/tipografia-pizzas.webp'); background-repeat: repeat-x; background-size: 2000px; margin-bottom: -49px; }
    #tipografia-pizza-2 { margin-left: -3000px; }
    #pizza-calabresa-topo { width: 200px; height: 200px; position: absolute; left: 50%; margin-left: -100px; margin-top: -80px; background: url('img/pizza-calabresa.webp'); background-size: 200px; }
    .folha-direita-dd-express { width: 80px; height: 74px; position: absolute; background: url('img/folha-esquerda-dd-express.webp'); background-size: 80px; background-repeat: no-repeat; }
    .folha-esquerda-dd-express { width: 80px; height: 74px; position: absolute; background: url('img/folha-direita-dd-express.webp'); background-size: 80px; background-repeat: no-repeat; }
    .folha-d1 { right: 0px; top: 1080px; }
    .folha-e1 { left: -10px; top: 70px; }
    #view-sabores-pizza-dd-express { width: 90%; height: auto; position: relative; margin: auto; z-index: 50; }
    #view-sabores-pizza-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; font-size: 26px; color: #844D1F; text-align: center; font-weight: 700; }
    #view-sabores-pizza-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -19px; font-size: 17px; color: #845023; text-align: center; font-weight: 300; padding: 0px 20px; }
    #tomate-sabores-pizza { width: 100px; height: 108px; position: absolute; top: 60px; right: 0px; background: url(img/tomate.webp); background-size: 100px; background-repeat: no-repeat; }

    /*Inicio sabores esfirras*/
    .faixa-tipografia-esfirras { width: 15000px; height: 100px; position: relative; float: left; background: url('img/tipografia-esfirras.webp'); background-repeat: repeat-x; background-size: 2300px; margin-bottom: -43px; }

    /*controles cards DD express*/
    .bloco-ctrl-dd-express { width: 75px; height: 75px; position: absolute; top: 50%; margin-top: -22px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }
    #barra-chocolate-pizza-d { width: 100px; height: 130px; position: absolute; right: 0px; bottom: -20px; background: url('img/barra-chocolate-d.webp'); background-size: 100px; background-repeat: no-repeat; }
    #div-s-sabores-esfirras { width: 100%; height: auto; position: relative; float: left; background-color: #544039; padding-bottom: 90px; }
    .folha-d2 { right: 0px; bottom: -40px; }
    #pizza-esfirra-morango-topo { width: 210px; height: 210px; position: absolute; left: 50%; margin-left: -110px; margin-top: -81px; background: url('img/esfirra-morango-topo.webp'); background-size: 210px; background-repeat: no-repeat; }
    #barra-chocolate-pizza-e { width: 110px; height: 150px; position: absolute; left: 0px; top: -90px; background: url('img/barra-chocolate-e.webp'); background-size: 110px; z-index: 20; background-repeat: no-repeat; }
    #view-sabores-esfirras-dd-express { width: 90%; height: auto; position: relative; margin: auto; z-index: 50; }
    #view-sabores-esfirras-dd-express h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; font-size: 26px; color: #D5CBB7; text-align: center; font-weight: 700; }
    #view-sabores-esfirras-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 16px; color: #D5CBB7; text-align: center; font-weight: 300; padding: 0px 10px; }
    .legenda-card-dd-express { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #3F3E39; font-size: 14px; text-align: center; padding: 0px 20px; box-sizing: border-box; font-weight: 600; }
    #div-s-sabores-pizza { width: 100%; height: auto; position: relative; float: left; background-color: #FFF9EB; padding-bottom: 100px; z-index: 2; }

    /*Inicio iFood DD express*/
    #s-ifood-dd-express { width: 100%; height: auto; position: relative; float: left; z-index: 100; }
    #faixa-nuvens-ifood { width: 100%; height: 600px; position: absolute; top: -60px; overflow: hidden; }
    .nuvem-grande { width: 280px; height: 81px; position: absolute; right: 0%; background: url('img/nuvem-ifood.webp'); background-size: 280px; background-repeat: no-repeat; }
    #view-s-ifood { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #bloco-logo-ifood { width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px; top: -50px; background: url('img/ifood-logo.webp'); border-radius: 20px; overflow: hidden; background-size: 120px; }
    #view-s-ifood h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; color: #2F2F2D; font-size: 28px; font-weight: 700; text-align: center; }
    #view-s-ifood p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #565757; font-size: 16px; font-weight: 300; text-align: center; padding: 0px 10px; }
    #view-ctas-dd-express-pedido { width: 90%; height: 100%; position: relative; margin: auto; }
    .item-cta-pedido-dd-express { width: 100%; height: auto; position: relative; float: left; padding: 12px 0px; background-color: #FFCB26; color: #A07612; text-align: center; font-weight: 400; font-size: 17px; border-radius: 80px; cursor: pointer; margin-left: 0%; margin-right: 0px; }
    #s-horarios-dd-express { width: 100%; height: auto; position: relative; float: left; background: url('img/bg-ofertas-sm.webp'); background-repeat: repeat; z-index: 280; padding-bottom: 40px; margin-bottom: -40px; }
    #pote-mangericao-horarios { width: 150px; height: 139px; position: absolute; left: 50%; margin-left: -75px; top: -70px; background: url('img/pot-catchup-com-mangericao.webp'); background-size: 150px; z-index: 60; background-repeat: no-repeat; }
    #tomate-horarios-d-pizza { width: 120px; height: 128px; position: absolute; top: -40px; right: 0px; background: url(img/tomate.webp); background-size: 120px; background-repeat: no-repeat; }
    #tomate-horarios-e-pizza { width: 110px; height: 115px; position: absolute; top: -20px; left: -10px; background: url(img/tomate.webp); background-size: 110px; background-repeat: no-repeat; }
    #view-s-horarios-dd-express { width: 90%; height: auto; position: relative; margin: auto; z-index: 10; }
    #view-s-horarios-dd-express h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 96px; color: #2F2D2F; font-size: 22px; font-weight: 700; text-align: center; padding: 0px 40px; }
    #view-s-horarios-dd-express p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 30px; margin-top: -10px; color: #2D2D2D; font-size: 18px; padding: 0px 10px; text-align: center !important; }
    .legenda-horario-dd-express { width: 100%; height: auto; position: relative; float: left; padding: 15px 20px 15px 100px; color: #2D2F2F; font-size: 14px; text-align: left; }
    .bg-out-ic-horario-dd-express { width: 70px; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; border-radius: 20px 60px 60px 20px; }
    .icn-relogio-dd-express { width: 70px; height: 70px; position: absolute; left: 7px; top: 50%; margin-top: -35px; background: url('img/relogio-dd-express.webp'); background-size: 70px; z-index: 20; }
    .nuvem-4 { display: none; }
    .nuvem-8 { display: none; }
    .nuvem-1 { display: none; }
    @keyframes animanuvem {
        0% { right: -120%; }
        100% { right: 160%; }
    }
    @-ms-keyframes animanuvem {
        0% { right: -120%; }
        100% { right: 160%; }
    }
    @-webkit-keyframes animanuvem {
        0% { right: -120%; }
        100% { right: 160%; }
    }
    @-moz-keyframes animanuvem {
        0% { right: -120%; }
        100% { right: 160%; }
    }
    @-o-keyframes animanuvem {
        0% { right: -120%; }
        100% { right: 160%; }
    }
    @keyframes motoboy {
        0% { left: -120%; }
        100% { left: 150%; }
    }
    @-ms-keyframes motoboy {
        0% { left: -120%; }
        100% { left: 150%; }
    }
    @-webkit-keyframes motoboy {
        0% { left: -120%; }
        100% { left: 150%; }
    }
    @-moz-keyframes motoboy {
        0% { left: -120%; }
        100% { left: 150%; }
    }
    @-o-keyframes motoboy {
        0% { left: -120%; }
        100% { left: 150%; }
    }

    /* ==========================================================================
    Inicio Clube DD+
     ========================================================================== */
    #menu-desktop-cta-clube { display: none; }
    #menu-fixo-clube-dd { width: 100%; height: 119px; position: fixed; top: 0px; background-color: #FFD955; z-index: 999; -webkit-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px -7px 37px 0px rgba(0, 0, 0, 0.09); display: none; }
    #sub-menu-fixo-club-dd { width: 100%; height: 35px; position: relative; float: left; background-color: #7632E9; }
    #view-menu-fixo-club-dd { width: 90%; height: auto; position: relative; margin: auto; }
    #logo-clube-dd { width: 190px; height: 140px; position: relative; float: left; margin-top: -30px; background: url('img/clube-dd-logo.webp'); background-size: 190px; }
    #cta-fixo-voltar-dd { width: auto; height: auto; position: relative; float: left; margin-left: 30px; margin-top: 23px; padding: 7px 45px 7px 30px; font-size: 18px; color: #fff; background-color: #7531E9; border-radius: 100px; cursor: pointer; }
    #cta-fixo-voltar-dd:hover { background-color: #8D57E9; }
    #icn-fixo-voltar-dd { width: 10px; height: 19px; position: absolute; right: 16px; top: 50%; margin-top: -9.5px; background: url('img/back-arrow.webp'); background-size: 10px; }
    .item-menu-f-clube-dd { width: auto; height: auto; position: relative; float: right; padding: 28px 18px; border-right: 1px solid #F8C310; font-size: 20px; color: #5C20E0; font-weight: 400; cursor: pointer; }
    .item-menu-f-clube-dd:last-child { border-right: 1px solid #F8C310; }
    .item-menu-f-clube-dd:hover { background-color: #FFF3CE; color: #00C0FD; }
    .item-outros-links-clube { width: auto; height: auto; position: relative; float: right; font-size: 14px; color: #fff; margin-right: 15px; margin-top: 9px; cursor: pointer; }
    .item-outros-links-clube:hover { color: #FFD854; }

    /*Menu mobile clube DD*/
    #menu-fixo-mobile { width: 100%; height: 90px; position: fixed; margin-top: 0px; padding: 0px 10px; z-index: 1000; display: block; }
    #logo-menu-clube-dd-mobile { width: 105px; height: 100px; position: fixed; left: 50%; margin-left: -52.5px; top: 10px; background: url('img/clube-dd-logo.webp'); background-size: 105px; background-repeat: no-repeat; }
    #voltar-dd-clube-mobile { width: auto; height: auto; position: fixed; left: 10px; top: 20px; padding: 7px 20px 7px 20px; background-color: #4C69C2; color: #fff; font-weight: 600; border-radius: 100px; cursor: pointer; }
    #voltar-dd-clube-mobile:hover { background-color: #594BC2; }
    #cta-menu-mobile-clube { width: 40px; height: 40px; position: absolute; right: 10px; top: 20px; background: url('img/cta-menu-mobile-clube.webp'); background-size: 40px; cursor: pointer; }
    #bg-menu-fixo-mobile-clube { width: 600px; height: 160px; position: fixed; left: 50%; margin-left: -280px; top: -50px; background: url(img/bg-menu-mobile-clube.svg); background-size: 600px; background-repeat: no-repeat; z-index: 999; display: block; }

    /*Inicio menu mobile Clube*/
    #div-m-mobile-out-clube { width: 0%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; overflow: hidden; display: block; }
    #menu-mobile-clube { width: 100%; height: 100%; position: absolute; top: 0px; right: -400px; background-color: #fff; overflow-y: hidden; overflow-x: hidden; border-radius: 0px 0px 0px 0px; padding-bottom: 100px; -webkit-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -o-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -ms-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); -moz-box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); box-shadow: 36px 0px 57px 0px rgba(0, 0, 0, 0.48); z-index: 30; }
    #ornamento-topo-menu-mobile-clube { width: 600px; height: 500px; position: absolute; top: -440px; left: 50%; margin-top: -600px; margin-left: -300px; background-color: #FF2C69; border-radius: 100%; }
    #logo-menu-mobile-clube { width: 100px; height: 74px; position: absolute; left: 50%; margin-left: -50px; top: 10px; background: url('img/clube-dd-logo.webp'); background-size: 100px; z-index: 20; cursor: pointer; background-repeat: no-repeat; opacity: 0; }
    #ornamento-bottom-menu-mobile-clube { width: 600px; height: 500px; position: absolute; bottom: -420px; left: 50%; margin-left: -300px; background-color: #FF2C69; border-radius: 100%; cursor: pointer; margin-bottom: -600px; }
    #ornamento-bottom-menu-mobile-clube-2 { width: 350px; height: 350px; position: absolute; bottom: -290px; left: 50%; margin-left: -175px; background-color: #471083; border-radius: 100%; z-index: 30; cursor: pointer; margin-bottom: -600px; }
    #txt-cta-fechar-clube { width: 100px; height: 31px; position: absolute; right: 111px; bottom: 9px; background: url(img/cta-fechar.webp); background-size: 100px; opacity: 1; z-index: 50; cursor: pointer; }
    #faixa-itens-menu-mobile-clube { width: 100%; height: 280px; top: 50%; position: relative; float: left; margin-top: -109px; padding: 0px 50px; transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); -moz-transform: scale(0.75); -webkit-transform: scale(0.75); opacity: 0; }
    .item-menu-mobile-clube { width: 50%; height: 50%; position: relative; float: left; overflow: hidden; cursor: pointer; opacity: 0.8; }
    .item-menu-mobile-clube:hover { opacity: 1; }
    .marcador-m-mobile-dd-express { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: 520px; bottom: -30px; background-color: #FF2C69; border-radius: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .atv-marcador-mobile-dd-express { margin-left: -20px !important; }
    .icn-menu-mobile-int-clube { width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; top: 5px; background-color: blue; }
    .icn-nome-clube { width: 100px; height: auto; position: absolute; left: 50%; margin-left: -50px; bottom: -35px; font-size: 14px; color: #8648FC; text-align: center; font-weight: 600; }
    .icnc-clube { background: url('img/icn-clube-pg-clube.webp'); background-size: 80px; }
    .icnc-beneficios { background: url('img/icn-beneficios.webp'); background-size: 80px; }
    .icnc-funcionamento { background: url('img/icnc-funcionamento.webp'); background-size: 80px; }
    .icnc-ofertas { background: url('img/icnc-ofertas.webp'); background-size: 80px; }
    .c-b-r { border-right: 1px solid #D3BEFD; }
    .c-b-b { border-bottom: 1px solid #D3BEFD; }
    #faixa-cta-menu-mobile-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #cta-m-clube { width: 250px; height: auto; left: 50%; position: relative; margin-left: -125px; padding: 10px 0px; background-color: #075DFC; color: #fff; font-size: 18px; border-radius: 50px; cursor: pointer; text-align: center; cursor: pointer; }
    #cta-m-clube:hover { background-color: #5531FF; }

    /*Banner Home Clube DD*/
    #banner-home-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; overflow: hidden; background-color: #7632E9; }
    .banner-home-clube-dd-1 { display: none; }
    .banner-home-clube-dd-2 { display: none; }
    .banner-home-clube-dd-3 { display: none; }
    .banner-home-clube-dd-4 { display: block; }
    #banner-home-int-clube-dd { width: 100%; height: auto; position: relative; float: left; opacity: 1; }
    #div-conteudo-banner-home-clube-dd { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 20; }
    #view-banner-home-clube-dd { width: 90%; height: 100%; position: relative; margin: auto; }
    #faixa-bloco-conteudo-banner-h-cdd { width: 100%; height: auto; top: 50%; position: relative; float: left; margin-top: -180px; }
    #bloco-conteudo-banner-h-cdd { width: 100%; height: auto; position: relative; margin: auto; }
    #faixa-play-icn-h-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 52px; }
    #play-icn-h-cdd { width: 80px; height: 67px; position: relative; margin: auto; background: url('img/play-banner-icn.gif'); background-size: 80px; background-repeat: no-repeat; }
    #chamada-banner-home-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
    #chamada-banner-home-clube-dd h1 { width: 100%; height: auto; position: relative; float: left; font-size: 19px; color: #fff; text-align: center; font-weight: 600; line-height: 24px; padding: 0px 80px; }
    #chamada-banner-home-clube-dd p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #fff; text-align: center; padding: 0px 10px; margin-top: -15px; }
    #faixa-cta-banner-home-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; }
    #cta-banner-h-cdd { width: 245px; height: auto; position: relative; margin: auto; padding: 11px 0px; background-color: #54307E; border-radius: 60px; color: #fff; font-size: 18px; text-align: center; cursor: pointer; }
    #cta-banner-h-cdd:hover { background-color: #834AC4; }
    #ornamento-e-titulo-cdd { width: 100px; height: 13px; position: absolute; top: 72px; left: 5px; background: url('img/ornamento-titulo-clube-dd.gif'); background-size: 100px; }
    #ornamento-d-titulo-cdd { width: 100px; height: 15px; position: absolute; top: 69px; right: 5px; background: url('img/ornamento-titulo-clube-dd-d.gif'); background-size: 100px; background-repeat: no-repeat; }
    #plus-d-b-cdd { width: 30px; height: 68px; position: absolute; right: 0px; top: 1%; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 30px; z-index: 20; background-repeat: no-repeat; }

    /*Segunda sessao Home Clube DD + */
    #s2-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C69; padding-bottom: 190px;    /* display: none; */ }
    #plus-e-cdd { width: 60px; height: 99px; position: absolute; left: 0px; top: -50px; background: url('img/plus-e-cdd.webp'); background-size: 60px; background-repeat: no-repeat; }
    .bg-s-color-pink { background-color: #FF2C69; }
    #view-s2-clube-dd { width: 90%; height: auto; position: relative; margin: auto; z-index: 30; }
    #view-s2-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 52px; font-size: 26px; color: #FFFFFF; text-align: center; font-weight: 700; }
    .span-h2-clube-dd { color: #FFD93B; }
    #view-s2-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #fff; text-align: center; font-size: 16px; font-weight: 600; padding: 0px 10px; }
    #faixa-cards-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; display: none; }
    #swipper-cards-vantagens-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; z-index: 90; display: block; }
    .item-card-vantagem-clube-swipper { width: 340px; height: 420px; position: relative; float: left; margin-left: 20px; margin-right: -55px; }
    .item-card-vantanges-clube-dd { width: 70%; height: 420px; position: relative; float: left; background-color: #fff; border-radius: 20px; z-index: 20; }
    .ilustra-card-vcdd { width: 100%; height: auto; position: relative; float: left; padding: 10px 10px 10px 10px; box-sizing: border-box; }
    .item-card-vantanges-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 24px; color: #A53FAD; text-align: center; font-weight: 600; padding: 0px 20px; box-sizing: border-box; }
    .item-card-vantanges-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px !important; font-size: 16px !important; color: #A53FAD !important; text-align: center; font-weight: 400 !important; line-height: 20px; padding: 0px 20px; box-sizing: border-box; }
    .regulamento-card-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 14px; text-align: center; font-weight: 300; padding: 0px 20px; color: #8F9EC9; text-align: center; box-sizing: border-box; }
    .divisoria-card-clube-dd { width: 20%; height: 420px; position: relative; float: left; }
    .plus-divisoria-clube-dd { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -79px; margin-top: -75px; background: url('img/plus.webp'); background-size: 150px; }
    #headline-banners-parceiros { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #headline-banners-parceiros h3 { width: 100%; height: auto; position: relative; float: left; font-size: 24px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #headline-banners-parceiros h3 span { color: #FFD93B; }
    #swiper-parceiros-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; overflow: hidden; padding-left: 20px; padding-right: 20px; z-index: 30; }
    .item-card-banner { width: 600px; height: auto; position: relative; float: left; margin-left: 0px; border-radius: 10px; overflow: hidden; }
    .bloco-ctrl-banners-parceiros { display: none; }
    #plus-amarelo-conteudo-clube-dd-parceiros { display: none; }
    #janela-parceiro-clube-dd { width: 90%; height: 550px; position: fixed; left: 5%; top: -250%; margin-left: 0px; margin-top: -275px; background-color: #fff; border-radius: 15px; z-index: 1999; opacity: 0px; }
    #headline-janela-parceiro-clube-dd { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: 10px; }
    #headline-janela-parceiro-clube-dd h2 { width: 100% !important; height: auto !important; position: relative !important; float: left !important; font-size: 23px !important; margin-top: 17px !important; font-weight: 700 !important; color: #000 !important; }
    #cta-entrar-pro-clube { width: auto; height: auto; position: relative; float: left !important; margin-top: -15px; margin-bottom: 15px; font-size: 16px; padding: 8px 25px; color: #fff; background-color: #402F81; border-radius: 30px; cursor: pointer; }
    #txt-sobre-parceiro { width: 100%; height: 180px; position: relative; float: left; overflow-y: scroll; padding-top: 20px; }
    #txt-sobre-parceiro p { width: 90%; height: auto; position: relative; float: left; margin-top: -20px; margin-bottom: 30px !important; font-size: 16px; color: #000; padding: 0px 20px; margin-bottom: 20px; }
    #tag-club-dd-janela { display: none; }
    #s3-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #FFD83A; padding-bottom: 150px;    /* display: none; */ }
    .bg-s-color-yellow { background-color: #FFD83B !important; }
    .view-bloco-conteudo-dd { width: 90%; height: 100%; position: relative; margin: auto; z-index: 20; }
    .ilustra-e-conteudo-bloco-dd { width: 100%; height: 310px; position: relative; float: left; }
    #plus-rosa { width: 200px; height: 200px; position: absolute; top: -135px; left: 50%; margin-left: -100px; background: url('img/plus-rosa.webp'); background-size: 200px; animation: prerotate 12s infinite ease; -webkit-animation: prerotate 12s infinite ease; -o-animation: prerotate 12s infinite ease; -moz-animation: prerotate 12s infinite ease; -ms-animation: prerotate 12s infinite ease; }
    #plus-ilustra-1 { width: 280px; height: 277px; position: absolute; top: 90px; left: 50%; margin-left: -140px; background: url('img/plus-ilustra-1.webp'); background-size: 280px; }
    .txt-conteudo-bloco-dd { width: 100%; height: 100%; position: relative; float: left; margin-left: 0%; }
    .txt-conteudo-bloco-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 28px; color: #FF2C69; font-weight: 700; text-align: center; }
    .txt-conteudo-bloco-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -3px; font-size: 16px; color: #552F7F; text-align: center; }
    .faixa-cta-txt-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
    .cta-int-conteudo-clube-dd { width: 250px; height: auto; left: 50%; position: relative; float: left; margin-left: -125px; padding: 12px 0px; border-radius: 100px; background-color: #55307E; color: #fff; font-size: 17px; cursor: pointer; text-align: center; }
    .cta-int-conteudo-clube-dd:hover { background-color: #7844B2; }
    #plus-amarelo-conteudo-clube-dd { width: 250px; height: 250px; position: absolute; right: 50%; top: -210px; margin-right: -125px; background: url('img/plus-amarelo.webp'); background-size: 250px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; display: none; }
    @keyframes prerotate {
        0% { transform: rotate(20deg); }
        50% { transform: rotate(-45deg); }
        100% { transform: rotate(20deg); }
    }
    @-moz-keyframes pre-rotate {
        0% { -moz-transform: rotate(20deg); }
        50% { -moz-transform: rotate(-45deg); }
        100% { -moz-transform: rotate(20deg); }
    }
    @-ms-keyframes pre-rotate {
        0% { -ms-transform: rotate(20deg); }
        50% { -ms-transform: rotate(-45deg); }
        100% { -ms-transform: rotate(20deg); }
    }
    @-o-keyframes pre-rotate {
        0% { -o-transform: rotate(20deg); }
        50% { -o-transform: rotate(-45deg); }
        100% { -o-transform: rotate(20deg); }
    }
    @-webkit-keyframes pre-rotate {
        0% { -webkit-transform: rotate(20deg); }
        50% { -webkit-transform: rotate(-45deg); }
        100% { -webkit-transform: rotate(20deg); }
    }

    /*Inicio rodapé clube DD*/
    #rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; background-color: #6227AB; padding-bottom: 10px;        /* display: none; */ }
    #bg-rodape-clube-dd { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url('img/bg-links-rodape-clube-dd.webp'); z-index: 2; }
    .bg-s-color-roxo { background-color: #6327AB; z-index: 1; }
    #view-rodape-clube-dd { width: 300px; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-rodape-clube-dd h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 31px; color: #FF2C69; text-align: center; font-weight: 700; }
    .span-h3-rodape-clube-dd { color: #fff; z-index: 10; }
    #sub-chamada-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #FED83B; font-size: 19px; text-align: right; padding-right: 37px; font-weight: 700; }
    #plus-titulo-rodape-clube { width: 70px; height: 70px; position: absolute; left: 16px; top: -16px; background: url('img/plus-title.webp'); background-size: 70px; z-index: -1; }
    #plus-azul { width: 80px; height: 80px; position: absolute; left: 0px; top: -110px; background: url('img/plus-azul.webp'); background-size: 80px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #plus-rosa-grande { width: 100px; height: 100px; position: absolute; right: 90px; top: -130px; background: url('img/plus-rosa-grande.webp'); background-size: 100px; z-index: 10; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
    #plus-azul-2 { width: 80px; height: 80px; position: absolute; right: 10px; top: -52px; background: url('img/plus-azul-2.webp'); background-size: 80px; animation: prerotate 16s infinite ease; -webkit-animation: prerotate 16s infinite ease; -o-animation: prerotate 16s infinite ease; -moz-animation: prerotate 16s infinite ease; -ms-animation: prerotate 16s infinite ease; }
    #faixa-links-rodape-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; display: none; }
    #faixa-links-rodape-clube-dd-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 43px; display: block; z-index: 90; }
    .item-link-rodape-clube-dd { width: 22%; height: 250px; position: relative; float: left; margin-left: 60px !important; margin-right: -10px; cursor: pointer; }
    .plus-int-m-rodape { width: 120px; height: 120px; position: absolute; top: 0%; left: 50%; margin-left: -75px; margin-right: -30px !important; background: url('img/plus-menu-clube-dd.webp'); background-size: 120px; }
    .nome-menu-plus-clube { width: 100%; height: 60px; position: absolute; top: 50%; margin-top: -19px; font-size: 17px; color: #fff; text-align: center; font-weight: 700; line-height: 19px; }
    .item-link-rodape-clube-dd:hover .nome-menu-plus-clube { color: #FFCC26; }
    .m1-rcdd { transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); }
    .m2-rcdd { transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
    .m3-rcdd { transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); }
    .m4-rcdd { transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
    .m1-rcdd:hover { transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
    .m2-rcdd:hover { transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); }
    .m3-rcdd:hover { transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); }
    .m4-rcdd:hover { transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); }

    /*Beneficios clube DD+*/
    #bloco-conteudo-beneficios-banner-h-cdd { width: 90%; height: auto; position: relative; margin: auto; }
    #faixa-play-icn-h-cdd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #play-icn-h-cdd { width: 140px; height: 115px; position: relative; margin: auto; background: url('img/play-banner-icn.gif'); background-size: 140px; background-repeat: no-repeat; }
    #plus-d-b-cdd-2 { width: 60px; height: 186px; position: absolute; right: 0px; top: -70px; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 60px; z-index: 20; background-repeat: no-repeat; display: none; }
    #faixa-ornamento-beneficios-b-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
    #ornamento-beneificios-clube { width: 100px; height: 32px; position: relative; margin: auto; background: url('img/ornamento-banner-beneficios.gif'); background-size: 100px; margin-top: 20px; }
    #chamada-banner-home-clube-dd-beneficios { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
    #chamada-banner-home-clube-dd-beneficios h1 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; color: #fff; text-align: center; font-weight: 600; line-height: 24px; padding: 0px 40px; }
    #chamada-banner-home-clube-dd-beneficios p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #fff; text-align: center; padding: 0px 0px; margin-top: -15px; }
    .span-plus-beneficios-clube { font-size: 43px !important; color: #F9CA26; }
    .fix-chamada-beneficios-clube { margin-top: -110px !important; }
    #ornamento-e-titulo-cdd-beneficios { width: 70px; height: 26px; position: absolute; top: 79px; left: -30px; background: url('img/ornamento-titulo-clube-dd.gif'); background-size: 70px; background-repeat: no-repeat; }
    #ornamento-d-titulo-cdd-beneficios { width: 70px; height: 9px; position: absolute; top: 78px; right: -23px; background: url('img/ornamento-titulo-clube-dd-d.gif'); background-size: 70px; }
    .s-conteudo-beneficios-clube { width: 100%; height: auto; position: relative; float: left; }
    .view-s-conteudo-beneficio-clube { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    .ilustra-s-conteudo-beneficio-clube { width: 100%; height: auto; position: relative; float: left; display: none; }
    .txt-s-conteudo-beneficio-clube { width: 100%; height: auto; position: relative; float: left; }
    .txt-s-conteudo-beneficio-clube h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 26px; font-weight: 700; text-align: center; }
    .txt-s-conteudo-beneficio-clube p { width: 100%; height: auto; position: relative; float: left; margin-top: 11px; margin-bottom: 5px; font-size: 16px; text-align: center; padding: 0px 20px; }
    .faixa-cta-conteudo-beneficio-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    .cta-conteudo-beneficio-clube { width: 260px; height: auto; left: 50%; position: relative; margin-left: -130px; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 19px; color: #fff; border-radius: 60px; cursor: pointer; }
    .cta-conteudo-beneficio-clube:hover { background-color: #3F235D; }
    .cta-conteudo-produtos-clube { width: 270px; height: auto; left: 50%; position: relative; margin-left: -135px; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 19px; color: #fff; border-radius: 60px; cursor: pointer; }
    .cta-conteudo-produtos-clube:hover { background-color: #3F235D; }
    .bg-conteudo-clube-amarelo { background-color: #FED83B; }
    .bg-conteudo-clube-branco { background-color: #fff; }
    .bg-conteudo-clube-rosa { background-color: #FF2C69; }
    .t-s1-beneficio-clube { color: #FF2C69; padding-left: 0%; margin-top: 30px; }
    .p-s1-beneficio-clube { color: #55307E; padding-left: 0%; font-weight: 600; }
    .t-s2-beneficio-clube { color: #FF2C69; padding-left: 0%; margin-top: 50px !important; }
    .p-s2-beneficio-clube { color: #55307E; padding-left: 10%; font-weight: 600; }
    .t-s3-beneficio-clube { color: #fff; padding-left: 0%; margin-top: 20px !important; }
    .p-s3-beneficio-clube { color: #fff; padding-left: 10%; font-weight: 600; }
    .t-s4-beneficio-clube { color: #FF2C69; padding-left: 0%; margin-top: 50px !important; }
    .p-s4-beneficio-clube { color: #55307E; padding-left: 10%; font-weight: 600; }
    .fix-iphone-se { padding-bottom: 150px; }

    /*ornamentos s1 beneficios*/
    .plus-amarelo-4 { width: 100px; height: 100px; position: relative; float: left; margin-left: 120px; margin-top: -100px; background: url('img/plus-rosa.webp'); background-size: 100px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    .plus-rosa-5 { width: 250px; height: 250px; position: relative; float: left; margin-left: 190px; margin-top: -60px; background: url('img/plus-rosa-grande.webp'); background-size: 250px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; display: none; }
    #personagem-1-beneficios-clube-dd { width: 250px; height: 250px; left: 50%; position: relative; float: left; margin-left: -125px; margin-top: -50px; z-index: 10; background: url('img/personagem-1-beneficios-clube.webp'); background-size: 250px; }
    #plus-e-cdd-2 { width: 60px; height: 102px; position: absolute; left: -20px; top: -60px; background: url('img/plus-e-cdd.webp'); background-size: 60px; background-repeat: no-repeat; }
    #plus-d-cdd-2 { width: 70px; height: 121px; position: absolute; right: 0px; top: -30px; background: url('img/plus-o-e.webp'); background-size: 70px; }

    /*Ornamentos s2 beneficios*/
    .plus-amarelo-6 { width: 300px; height: 300px; position: relative; float: left; margin-top: -100px; background: url('img/plus-amarelo.webp'); background-size: 300px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; display: none; }
    #personagem-2-beneficios-clube-dd { width: 450px; height: 450px; position: relative; float: right; margin-top: -50px; z-index: 10; background: url('img/personagem-2-beneficios-clube.webp'); background-size: 450px; display: none; }
    .plus-amarelo-7 { width: 250px; height: 250px; position: relative; float: left; margin-left: 100px; margin-top: -60px; background: url('img/plus-amarelo.webp'); background-size: 250px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; display: none; }

    /*Ornamentos s3 beneficios*/
    .plus-roxo-6 { width: 300px; height: 300px; position: relative; float: left; margin-top: -100px; background: url('img/plus-roxo.webp'); background-size: 300px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; display: none; }
    #personagem-3-beneficios-clube-dd { width: 250px; height: 250px; right: 50%; position: relative; float: right; margin-right: -125px; margin-top: 20px; z-index: 10; background: url('img/personagem-3-beneficios-clube.webp'); background-size: 250px; }
    .plus-amareloescuro-7 { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -145px; margin-top: 180px; background: url('img/plus-amareloescuro.webp'); background-size: 100px; z-index: 20; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; }
    #plus-e-cdd-3 { width: 90px; height: 162px; position: absolute; left: -20px; top: -80px; background-image: url('img/plus-e-cdd.webp'); background-size: 90px; background-repeat: no-repeat; }

    /*Ornamentos s4 beneficios*/
    #personagem-4-beneficios-clube-dd { width: 250px; height: 250px; right: 50%; position: relative; float: right; margin-right: -125px; margin-top: 20px; margin-bottom: -60px; z-index: 10; background: url('img/personagem-4-beneficios-clube.webp'); background-size: 250px; }
    #plus-d-b-cdd-5 { width: 40px; height: 96px; position: absolute; right: 0px; top: 0px; background: url('img/plus-d-topo-clube-dd.webp'); background-size: 40px; z-index: 20; background-repeat: no-repeat; }

    /* ==========================================================================
      Como funciona Clube DD
    ========================================================================== */
    #bloco-conteudo-cmf-banner-h-cdd { width: 100%; height: auto; position: relative; margin: auto; padding-top: 82px; }
    #chamada-banner-cmf-clube-dd-beneficios h1 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; text-align: center; font-weight: 600; line-height: 18px; padding: 0px 40px; }
    #chamada-banner-cmf-clube-dd-beneficios p { width: 100%; height: auto; position: relative; float: left; font-size: 14px; color: #fff; text-align: center; padding: 0px 10px; margin-top: -7px; }
    #ornamento-e-titulo-cdd-beneficios-cmf { width: 100px; height: 14px; position: absolute; top: 80px; left: 0px; background: url('img/ornamento-titulo-clube-dd.gif'); background-size: 100px; }
    #ornamento-d-titulo-cdd-beneficios-cmf { width: 100px; height: 14px; position: absolute; top: 80px; right: 0px; background: url('img/ornamento-titulo-clube-dd-d.gif'); background-size: 100px; }
    #ornamento-plus-cmf { width: 70px; height: 112px; position: absolute; left: 0px; top: -70px; background: url('img/plus-e-cdd.webp'); background-size: 70px; z-index: 10; }
    #view-s-passo-a-passo-clube-dd { width: 100%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-s-passo-a-passo-clube-dd h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 26px; color: #FFFFFF; text-align: center; font-weight: 700; }
    #view-s-passo-a-passo-clube-dd p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #fff; text-align: center; font-size: 22px; font-weight: 600; }
    #faixa-passos-clube-dd { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; display: none; }
    #faixa-ornamento-beneficios-b-clube { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
    #faixa-passo-a-passo-clube-tablet-mobile { width: 100%; height: 230px; position: relative; float: left; margin-top: 20px; display: block; }

    /*Passo a passo Clube DD+*/
    #s-passo-a-passo-clube-dd { width: 100%; height: 590px; position: relative; float: left; background-color: #FF2C69; }
    .item-passo-a-passo { width: 25%; height: auto; position: relative; float: left; padding: 0px 30px; margin-right: -40px; }
    .img-personagem-passo-a-passo { width: 160px; height: 160px; position: relative; margin: auto; z-index: 20; }
    .p-pap-1 { background: url('img/perssonagem-passo-1.webp'); background-size: 160px; }
    .p-pap-2 { background: url('img/perssonagem-passo-2.webp'); background-size: 160px; }
    .p-pap-3 { background: url('img/perssonagem-passo-3.webp'); background-size: 160px; }
    .p-pap-4 { background: url('img/perssonagem-passo-4.webp'); background-size: 160px; }
    .bg-n-passo { width: 60px; height: 60px; position: absolute; left: -2px; bottom: -7px; background: url('img/bg-passo-1.webp'); background-size: 60px; animation: prerotate 15s infinite ease; -webkit-animation: prerotate 15s infinite ease; -o-animation: prerotate 15s infinite ease; -moz-animation: prerotate 15s infinite ease; -ms-animation: prerotate 15s infinite ease; }
    .numero-passo { width: 100%; height: auto; position: absolute; top: 50%; margin-top: -15px; font-size: 20px; font-weight: 700; text-align: center; color: #FF2C68; transform: rotate(9deg); -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); -ms-transform: rotate(9deg); -o-transform: rotate(9deg); }
    #ornamento-1-passo-a-passo { width: 60px; height: 60px; position: absolute; right: 83px; top: 10px; background: url('img/ornamento-1-passo-a-passo.webp'); background-size: 60px; animation: prerotate 30s infinite ease; -webkit-animation: prerotate 30s infinite ease; -o-animation: prerotate 30s infinite ease; -moz-animation: prerotate 30s infinite ease; -ms-animation: prerotate 30s infinite ease; }
    #ornamento-2-passo-a-passo { width: 60px; height: 60px; position: absolute; right: 73px; bottom: 205px; background: url('img/ornamento-2-passo-a-passo.webp'); background-size: 60px; animation: prerotate 20s infinite ease; -webkit-animation: prerotate 20s infinite ease; -o-animation: prerotate 20s infinite ease; -moz-animation: prerotate 20s infinite ease; -ms-animation: prerotate 20s infinite ease; }
    #ornamento-3-passo-a-passo { width: 60px; height: 60px; position: absolute; right: 80px; top: 10px; background: url('img/ornamento-3-passo-a-passo.webp'); background-size: 60px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    #ornamento-4-passo-a-passo { width: 50px; height: 50px; position: absolute; right: 80px; bottom: 210px; background: url('img/ornamento-4-passo-a-passo.webp'); background-size: 50px; animation: prerotate 10s infinite ease; -webkit-animation: prerotate 10s infinite ease; -o-animation: prerotate 10s infinite ease; -moz-animation: prerotate 10s infinite ease; -ms-animation: prerotate 10s infinite ease; }
    .sobre-passo-a-passo { width: 100%; height: auto; position: relative; float: left; margin-top: 26px; font-size: 13px; color: #fff; text-align: center; }
    .passo-mobile { display: block; }
    #faixa-cta-download-app-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 92px; }
    #cta-download-app-clube { width: 250px; height: auto; position: relative; margin: auto; padding: 14px 20px; background-color: #55307F; color: #fff; font-size: 15px; text-align: center; border-radius: 100px; cursor: pointer; }

    /*Ofertas selecionadas Clube DD*/
    .fix-chamada-clube-dd { font-size: 22px !important; line-height: 23px !important; }
    #s-ofertas-selecionadas { width: 100%; height: auto; position: relative; float: left; background-color: #FF2C6A; padding-bottom: 80px !important; }
    .view-ofertas-selecionadas { width: 90%; height: auto; position: relative; margin: auto; z-index: 40; }
    .view-ofertas-selecionadas h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; left: 0px; margin-left: 0px; font-size: 28px; color: #fff; text-align: center; font-weight: 700; }
    .view-ofertas-selecionadas p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 17px; color: #fff; text-align: center; font-weight: 400; padding: 0px 10px; }
    .faixa-produtos-selecionados { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }

    /*Card produto selecionado*/
    .selo-clube-dd { width: 70px; height: 70px; position: absolute; left: 20px; top: 10px; background: url('img/icn-clube-pg-clube.webp'); background-size: 70px; z-index: 99; }
    .item-card-produto-selecionado { width: 250px; height: auto; position: relative; float: left; margin-left: 20px !important; margin-right: 0px !important; background-color: #fff; border-radius: 20px; cursor: pointer; padding-bottom: 20px; }
    .bloco-img-produto-card { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 20px; border-radius: 10px; overflow: hidden; background-color: #F0F0F0; }
    .conteudo-bloco-oferta { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; padding-right: 20px; margin-top: 15px; }
    .preco-oferta { width: auto; height: auto; position: relative; float: left; font-size: 18px; color: #33B969; font-weight: 700; }
    .porcentagem-desconto-oferta { width: auto; height: auto; position: relative; float: left; margin-top: -2px; margin-left: 10px; background-color: #22AA67; padding: 4px 15px; font-size: 14px; color: #FFFFFF; border-radius: 10px; }
    .conteudo-bloco-oferta p { width: 80%; height: auto; position: relative; float: left; margin-top: 10px; color: #3E3E3E; font-size: 12px; }
    .faixa-preco-cheio { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; color: #898989; font-size: 16px; text-decoration: line-through; }
    .faixa-cta-conteudo-ofertas-clube { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    .cta-conteudo-ofertas-clube { width: 280px; height: auto; left: 50%; position: relative; float: left; margin-top: 60px; margin-left: -140px; padding: 10px 20px; background-color: #542F7E; text-align: center; font-size: 22px; color: #fff; border-radius: 60px; cursor: pointer; }

    /* ==========================================================================
      Central de Ajuda
    ========================================================================== */
    #ancora-ctr-fale-conosco { width: 1px; height: 1px; position: absolute; top: -180px; }
    #ancora-ctr-faq { width: 1px; height: 1px; position: absolute; top: -50px; }
    #topo-central-de-ajuda-pg { width: 100%; height: 490px; position: relative; float: left; margin-top: 50px; }
    #ornamento-topo-central-ajuda { width: 195px; height: 90px; position: absolute; right: 0px; top: -15px; background: url('img/ornamentop-topo-central-ajuda.webp'); background-size: 195px; background-repeat: no-repeat; }
    #ornamento-bottom-central-ajuda { width: 195px; height: 48px; position: absolute; left: 0px; bottom: -4px; background: url('img/ornamentop-bottom-central-ajuda.webp'); background-size: 195px; background-repeat: no-repeat; }
    #view-topo-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; }
    #view-topo-central-ajuda h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 27px; color: #323435; text-align: center; font-weight: 700; }
    #view-topo-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -25px; font-size: 19px; color: #323435; text-align: center; font-weight: 300; }
    #faixa-int-links-central-ajuda { width: 281px; height: auto; position: relative; margin: auto; }
    .item-link-pg-central-ajuda { width: 120px; height: 120px; position: relative; float: left; margin-left: 10px; margin-right: 10px; background-color: #E7F8FC; border-radius: 20px; cursor: pointer; }
    .img-icn-faq-link { background: url('img/icn-faq.gif'); background-size: 120px; }
    .img-icn-contato-link { background: url('img/icn-fale-conosco.gif'); background-size: 120px; }
    .legenda-link-central-ajuda { width: 120px; height: auto; position: absolute; left: 5px; bottom: -62px; color: #343435; line-height: 22px; font-size: 18px; text-align: center; }
    #view-faq-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-faq-central-ajuda h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 28px; color: #2C2C2C; text-align: center; font-weight: 700; }
    #view-faq-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -13px; text-align: center; color: #2D2C2C; font-size: 18px; font-weight: 300; padding: 0px 10px; }
    #box-perguntas-faq { width: 100%; height: auto; position: relative; float: left; background-color: #F7FCFF; border-radius: 30px; overflow: hidden; margin-top: 20px; }

    /*Inicio central de ajuda*/
    #faq-central-ajuda { width: 100%; height: auto; position: relative; float: left; background-color: #e5f7ff; padding-bottom: 140px; }
    #view-formulario-central-ajuda { width: 90%; height: auto; position: relative; margin: auto; z-index: 100; }
    #personagem-fale-conosco { width: 150px; height: 150px; position: absolute; left: 50%; margin-left: -75px; top: -89px; background-color: #dadada; border-radius: 50%; overflow: hidden; }
    #personagem-int-fale-conosco { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; background: url('img/personagem-central-ajuda-2.gif'); background-size: 150px; }
    #view-formulario-central-ajuda h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 32px; color: #2C2C2C; text-align: center; font-weight: 700; }
    #view-formulario-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 21px; text-align: center; color: #2C2C2C; }
    #box-formulario-central-ajuda { width: 100%; height: auto; position: relative; float: left; margin-top: 3px; }
    .input-2-x { width: 100%; height: 80px; position: relative; float: left; padding: 0px 10px; box-sizing: border-box; }
    .input-2-x input { width: 100%; height: auto !important; position: relative; float: left; margin-bottom: 8px !important; padding: 16px 20px !important; background-color: #437DFC !important; border-radius: 20px !important; font-size: 19px !important; color: #fff; border-bottom: 0px solid #dadada !important; box-sizing: border-box !important; }
    #cta-enviar-formulario-central-ajuda { width: 280px; height: auto; position: relative; margin: auto; padding: 12px 0px; background-color: #FFCB26; font-size: 20px; color: #A17511; font-weight: 400; border-radius: 50px; cursor: pointer; text-align: center; }
    #view-faixa-politica-privacidade { width: 90%; height: auto; position: relative; margin: auto; }
    #view-faixa-politica-privacidade h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 47px; color: #fff; font-size: 20px; font-weight: 700; text-align: center; padding: 0px 10px; }
    #view-faixa-politica-privacidade p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 14px; font-weight: 300; text-align: center; padding: 0px 10px; }
    #cta-faixa-politica-privacidade { width: 180px; height: auto; position: relative; margin: auto; padding: 7px 0px; background-color: #FFCC26; color: #A17511; text-align: center; font-size: 20px; border-radius: 50px; }

    /*Atendimento fornecedor*/
    #topo-atendimento-fornecedor { width: 100%; height: 740px; position: relative; float: left; margin-top: 60px; background-color: #EBFEFF; }
    #view-topo-atendimento-fornecedor p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 17px; color: #343535; text-align: center; font-weight: 300; padding: 0px 20px; }
    #ornamento-topo-fornecedor { width: 240px; height: 97px; position: absolute; right: 0px; top: -30px; background: url('img/ornamento-topo-atendimento-fornecedor.webp'); background-size: 290px; background-repeat: no-repeat; }
    #ornamento-bottom-fornecedor { width: 320px; height: 257px; position: absolute; left: 0px; bottom: -270px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 320px; display: none; }
    #view-topo-atendimento-fornecedor { width: 100%; height: auto; position: relative; margin: auto; }
    #view-topo-atendimento-fornecedor h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; font-size: 32px; color: #343336; text-align: center; font-weight: 700; }
    #view-formulario-central-ajuda p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 17px; text-align: center; color: #2C2C2C; }
    #faixa-infos-contato-fornecedor { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: -50px; }
    .item-faixa-contato { width: 90%; height: 100px; position: relative; float: left; margin-bottom: 20px; overflow: hidden; border-radius: 17px; margin-left: 5%; margin-right: 5%; background-color: #fff; }
    .bloco-conteudo-item-contato { width: 70%; height: 100%; position: relative; float: left; padding: 0px 23px; }
    .bloco-conteudo-item-contato h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 32px; font-size: 16px; color: #9499FD; font-weight: 500; }
    .bloco-conteudo-item-contato h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -14px; font-size: 13px; color: #656EFC; font-weight: 300; }
    .int-item-ilustra-contato { width: 50px; height: 100px; position: absolute; right: 0px; }
    .icn-ilustra-contato-email { background: url('img/ilustra-caixa-email.webp'); background-size: 100px; }
    .icn-ilustraptelefone-contato { background: url('img/ilustra-telefone-contato.webp'); background-size: 100px; }
    #faixa-cta-int-atendimento-fornecedor { width: 100%; height: auto; position: relative; margin: auto; }
    #cta-enviar-anexo { width: 220px; height: auto; left: 50%; position: relative; float: left; margin-left: -109px;    /* margin-right: 20px; */ padding: 10px 25px 10px 50px; background-color: #085CFC; border-radius: 60px; color: #fff; font-size: 20px; cursor: pointer; }
    #icn-enviar-anexo { width: 20px; height: 20px; position: absolute; left: 17px; top: 14px; background-size: 20px; }
    #cta-enviar-mensagem-fornecedor { width: 271px; height: auto; left: 50%; position: relative; float: left; margin-left: -266px; padding: 10px 25px 10px 25px; background-color: #FFCB26; border-radius: 60px; color: #A07612; font-size: 20px; cursor: pointer; margin-top: 70px; }
    .select-wrapper .caret { position: relative; float: right; right: 16px; top: 23px; bottom: 0; background-repeat: no-repeat; margin: auto 0; z-index: 99; color: #fff; fill: rgba(255, 255, 255, 0); line-height: 10px; }

    /*Inicio chamada politica de privacidade*/
    #faixa-politica-privacidade { width: 100%; height: auto; position: relative; float: left; background-color: #2553d0; padding-bottom: 130px; z-index: 100; }

    /* ==========================================================================
      Página trabalhe conosco
       ========================================================================== */
    #banner-topo-trabalhe-conosco { width: 100%; height: 262px; position: relative; float: left; margin-top: 61px; }
    #view-banner-topo-trabalhe-conosco { width: 100%; height: auto; position: relative; margin: auto; z-index: 10; }
    #view-banner-topo-trabalhe-conosco h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 74px; margin-bottom: 15px; font-size: 18px; color: #fff; font-weight: 700; padding: 0px 20px; text-align: center; }
    #view-banner-topo-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 14px; color: #fff; font-weight: 400; text-align: center; padding: 0px 40px; }
    #cta-int-topo-trabalhe-conosco { width: 200px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #626EFC; color: #fff; font-size: 16px; text-align: center; cursor: pointer; border-radius: 90px; }
    #ancora-vagas-disponiveis { width: 1px; height: 1px; position: absolute; top: -170px; }
    #ornamento-organizacao-r { width: 350px; height: 342px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-organizacao-r.webp'); background-size: 350px; display: none; }
    #ornamento-organizacao-l { width: 353px; height: 342px; position: absolute; left: 0px; top: 0px; background: url('img/ornamento-organizacao-e.webp'); background-size: 353px; display: none; }
    #view-sobre-organizacao { width: 90%; height: auto; position: relative; margin: auto; z-index: 20; }
    #view-sobre-organizacao h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -7px; font-size: 22px; color: #343435; text-align: center; font-weight: 700; padding: 0px 20px; }
    #view-sobre-organizacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -5px; font-size: 16px; color: #323435; text-align: center; font-weight: 400; padding: 0px 20px; }
    .c-bg-1 { display: none; width: 100px; height: 100px; position: absolute; left: -40px; top: 450px; background-color: #434DFC; border-radius: 100%; }
    .c-bg-2 { display: none; width: 90px; height: 90px; position: absolute; left: 37%; bottom: 20px; background-color: #ff1329; border-radius: 100%; }
    .c-bg-3 { display: none; width: 130px; height: 130px; position: absolute; right: 90%; bottom: 180px; background-color: #FFF38F; border-radius: 100%; display: none; }
    .c-bg-4 { display: none; width: 90px; height: 90px; position: absolute; right: 0px; bottom: 360px; background-color: #FFBC42; border-radius: 100%; }
    #view-vagas-disponiveis h3 { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; color: #2D2C2C; font-size: 22px; text-align: center; font-weight: 700; }
    #view-vagas-disponiveis p { width: 100%; height: auto; position: relative; float: left; margin-top: -26px; color: #2D2C2C; font-size: 17px; text-align: center; padding: 0px 40px; }
    #faixa-selecao-regiao-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; display: none; }

    /*Sessão vagas disponíveis*/
    #s-vagas-disponiveis { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
    #view-vagas-disponiveis { width: 100%; max-width: 1700px; height: auto; position: relative; margin: auto; }
    #faixa-selecao-regiao-vagas-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; overflow: hidden; }
    .item-tbnc-regiao { width: 150px; height: auto; position: relative; float: left; margin-left: 20px !important; margin-right: -14px !important; padding: 8px 0px; background-color: #E7F9FB; color: #232121; font-size: 16px; font-weight: 600; text-align: center; border-radius: 90px; cursor: pointer; }

    /*Bloco cards vagas*/
    .bloco-cards-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; display: none; padding: 0px 20px; }
    .item-card-vaga { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-right: 0%; margin-bottom: 8px; background-color: #F1FBFB; border-radius: 10px; padding: 20px 30px; box-sizing: border-box; }
    .item-card-vaga h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; color: #000100; font-size: 18px; color: #050505; font-weight: 500; }
    .desc-vaga { width: 100%; height: auto; position: relative; float: left; margin-top: -4px; padding-bottom: 65px; color: #363939; font-size: 14px; font-weight: 400; }
    .toolbar-card-vagas { width: 100%; height: auto; position: absolute; bottom: 15px; margin-left: -30px; padding: 0px 15px; }
    .icn-regiao-loja { width: 20px; height: 20px; position: relative; float: left; background: url('img/icn-card-regiao-loja.webp'); background-size: 20px; }
    .nome-loja-card { width: 110px; height: auto; position: absolute; float: left; margin-left: 25px; margin-top: 1px; font-size: 14px; color: #587E86; }
    .cta-candidatar-se { width: auto; height: auto; position: absolute; float: unset; margin-top: -9px; right: 20px; padding: 7px 13px; background-color: #417DFC; color: #fff; border-radius: 40px; cursor: pointer; font-size: 12px; opacity: 1; }
    #sobre-organizacao { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 0px; }
    #faixa-numeros-trabalhe-conosco { width: 100%; height: 400px; position: relative; float: left; margin-top: 0px; background-color: #2B54CC; z-index: 20; }
    #view-faixa-numeros-trabalhe-conosco { width: 100%; height: auto; position: relative; margin: auto; z-index: 90; display: none; }
    .item-numeros-trabalhe-conosco { width: 33.3%; height: 100%; position: relative; float: left; padding: 0px 20px; margin-right: -20px !important; }
    .descricao-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; }
    .descricao-n-item-lojas h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #fff; font-size: 20px; text-align: center; font-weight: 700; }
    .sobre-n-item-lojas { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #fff; font-size: 14px; text-align: center; font-weight: 400; }
    .bg-icn-trabalhe-conosco { width: 120px; height: 120px; position: relative; margin: auto; background-color: #FFDE2A; border-radius: 100%; }
    .icn-n-lojas { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -110px; background: url('img/icn-n-loja.webp'); background-size: 100px; z-index: 10; }
    .icn-n-estados { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -111px; background: url('img/icn-n-estados.webp'); background-size: 100px; z-index: 10; }
    .icn-n-colaboradores { width: 100px; height: 100px; left: 50%; position: relative; float: left; margin-left: -50px; top: -111px; background: url('img/icn-n-colaboradores.webp'); background-size: 100px; z-index: 10; }
    .atv-vagas { display: block; }
    .atv-item-tbnc-regiao { background-color: #fdc92e; color: #A17512; }

    /*Inicio beneficios trabalhe conosco*/
    #s-beneficios-trabalhe-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding-bottom: 128px; background-color: #E7F5FB; z-index: 20; }
    #ornamento-d-trabalhe-conosco { width: 120px; height: 117px; position: absolute; right: 0px; top: -22px; background: url('img/ornamento-organizacao-r.webp'); background-size: 120px; background-repeat: no-repeat; display: none; }
    #ornamento-e-trabalhe-conosco { width: 312px; height: 250px; position: absolute; left: 0px; bottom: 0px; background: url('img/ornamento-bottom-atendimento-fornecedor.webp'); background-size: 312px; display: none; }
    #view-beneficios-trabalhe-conosco { width: 90%; height: auto; position: relative; margin: auto; }
    #view-beneficios-trabalhe-conosco h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 58px; margin-bottom: 2px; color: #2D2C2C; font-size: 20px; text-align: center; font-weight: 700; padding: 0px 17px; }
    #view-beneficios-trabalhe-conosco p { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; margin-bottom: 1px; color: #2D2C2C; font-size: 16px; text-align: center; padding: 0px 20px; }
    #faixa-slides-beneficios-trabalhe-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 34px; margin-bottom: 0px; }
    .item-beneficio-tbnc { width: 230px !important; height: auto; position: relative; float: left; margin-left: 20px !important; margin-right: -10px !important; padding: 100px 20px 30px 20px; color: #2C2B29; text-align: center; font-weight: 600; border-radius: 20px; }

    /*Inicio beneficios trabalhe conosco mobile*/
    #view-faixa-numeros-trabalhe-conosco-mobile { width: 100%; height: auto; position: relative; margin: auto; padding-top: 5px; z-index: 90; display: block; }

    /*Controles beneficios trabalhe conosco*/
    .item-controle-tbn { width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -35px; background-color: #fff; border-radius: 100%; cursor: pointer; z-index: 90; display: none; }
    #legenda-beneficios-tbnc { width: 100%; height: auto; position: relative; float: left; margin-top: 35px; }
    #legenda-beneficios-tbnc-int { width: 90%; height: auto; position: relative; margin: auto; color: #2D2C2C; font-size: 14px; text-align: center; padding: 0px 20px; }
    .faixa-fotos-ilustrativas-int { width: 9000px; height: 100px; position: absolute; left: 0px; top: 0px; background: url('img/faixa-fotos-trabalhe-conosco-mobile.webp'); background-repeat: repeat-x; z-index: 99; }
    #faixa-fotos-ilustrativas-trabalhe-conosco { width: 100%; height: 200px; position: relative; float: left; margin-top: 70px; overflow: hidden; z-index: 10; }

    /*Inicio institucional*/
    #banner-topo-institucional { width: 100%; height: 380px; position: relative; float: left; margin-top: 64px; background: url('img/banner-topo-institucional.webp'); background-size: cover; background-position-x: -670px; }
    #view-topo-institucional { width: 95%; height: 100%; position: relative; margin: auto; z-index: 99; }
    #view-topo-institucional h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 27px; color: #fff; font-weight: 700; text-align: center; }
    #view-topo-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -13px; color: #fff; font-size: 14px; text-align: center; padding: 0px 20px; }
    #cta-institucional-topo { width: 200px; height: auto; position: relative; margin: auto; padding: 12px 0px; background-color: #636EFC; color: #fff; font-size: 18PX; text-align: center; border-radius: 100px; cursor: pointer; }
    .mascara-inversa-sessao-amarela-institucional { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; top: -28px; background: url(img/bg-amarelo-institucional-inverso.svg); background-size: 600px; background-repeat: no-repeat; }
    #ancora-cta-institucional-topo { width: 1px; height: 1px; position: absolute; left: 0px; top: -100px; }

    /*Timeline institucional*/
    #sessao-timeline-institucional { width: 100%; height: 860px; position: relative; float: left; background-color: #FFCB26; z-index: 90; }
    #chamada-timeline-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; z-index: 99; margin-bottom: -40px; }
    #chamada-timeline-institucional h2 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; font-weight: 700; color: #373A44; text-align: center; }
    #chamada-timeline-institucional p { width: 100%; height: 27px; position: relative; float: left; margin-top: -15px; color: #373A44; text-align: center; font-size: 19px; padding: 0px 50px; }
    #faixa-bg-img-timeline { width: 100%; height: 219px; position: absolute; top: 338px; background-color: #505BE3; }
    #sessao-numeros-institucional { width: 100%; height: 520px; position: relative; float: left; background-color: #2B54CC; z-index: 300; }
    .item-numeros-institucional { width: 50%; height: auto; position: relative; float: left; margin-top: 50px; }
    .bg-icn-institucional { width: 120px; height: 120px; position: relative; margin: auto; background-color: #FFDE2B; border-radius: 100%; }
    .icone-int-istitucional { width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px; top: -2px; }
    .item-numeros-institucional h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; color: #FFFFFF; font-size: 16px; text-align: center; font-weight: 600; padding: 0px 20px; }
    .item-numeros-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; color: #fff; font-size: 13px; text-align: center; padding: 0px 20px; }

    /*item slider*/
    .item-slider-timeline { width: 300px !important; height: 900px; position: relative; float: left; margin-left: 0px !important; margin-right: -60px !important; z-index: 50; }
    .bloco-txt-topo-slt { width: 100%; height: 200px; position: relative; float: left; padding: 0px 20px; }
    .bloco-txt-topo-slt p { width: 100%; height: auto; position: relative; float: left; font-size: 15px; color: #313544; }
    .bloco-txt-rodape-slt { width: 100%; height: 200px; position: relative; float: left; padding: 0px 20px; margin-top: -70px; }
    .bloco-txt-rodape-slt p { width: 100%; height: auto; position: relative; float: left; font-size: 15px; color: #313544; }
    .marcador-texto-t-l { width: 6px; height: 80px; left: 50%; position: relative; float: left; margin-left: -3px; margin-top: 0px; background-color: #323646; border-radius: 10px; }
    .ponto-marcador-t-t-l { width: 15px; height: 15px; position: absolute; left: 50%; margin-left: -7.5px; bottom: 0px; border-radius: 100%; background-color: #323646; }
    .marcador-texto-r-l { width: 6px; height: 90px; left: 50%; position: relative; float: left; margin-left: -3px; margin-top: 40px; background-color: #323646; border-radius: 10px; }
    .ponto-marcador-t-r-l { width: 15px; height: 15px; position: absolute; left: 50%; margin-left: -7.5px; top: 0px; border-radius: 100%; background-color: #323646; }
    .bloco-img-slide-slt { width: 300px; height: 290px; position: relative; float: left; overflow: hidden; }
    .bloco-img-int-slide-slt { width: 300px; height: 200px; position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -150px; }
    .ano-topo-bloco-tl { width: 100%; height: auto; position: absolute; top: 20px; text-align: center; font-size: 40px; color: #fff; font-weight: 700; z-index: 99; }
    .ano-rodape-bloco-tl { width: 100%; height: auto; position: absolute; bottom: 90px; text-align: center; font-size: 40px; color: #fff; font-weight: 700; z-index: 99; }
    #ornamento-topo-missao { width: 340px; height: 113px; position: absolute; right: 0px; top: 0px; background: url(img/ornamento-topo-missao.webp); background-size: 340px; display: none; }
    #ornamento-rodape-missao { width: 340px; height: 171px; position: absolute; left: 0px; bottom: 0px; background: url(img/ornamento-rodape-missao.webp); background-size: 340px; display: none; }
    #view-missa-visao { width: 95%; height: auto; position: relative; margin: auto; z-index: 99; padding-top: 20px; }
    #view-missa-visao h2 { width: 100%; height: auto; position: relative; float: left; font-size: 28px; color: #343434; text-align: center; font-weight: 700; }
    #view-missa-visao p { width: 100%; height: auto; position: relative; margin-top: -10px; margin-bottom: -10px; float: left; font-size: 16px; color: #4D4E4F; text-align: center; font-weight: 300; padding: 0px 20px; }
    #view-numeros-institucional { width: 95%; height: auto; position: relative; margin: auto; z-index: 100; }
    #faixa-banner-numeros-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
    #banner-institucional-int-numeros { width: 95%; height: auto; position: relative; margin: auto; cursor: pointer; border-radius: 7px; overflow: hidden; }
    #sessao-missao-visao { width: 100%; height: auto; position: relative; float: left; background-color: #FFF; z-index: 200; padding-bottom: 10px; margin-bottom: 31px; }

    /*Inicio valores institucional*/
    #valores-institucional { width: 100%; height: auto; position: relative; float: left; background: url(img/bg-espaco-fornecedor-int-mobile.webp); background-repeat: repeat; padding-bottom: 120px; }
    #view-valores-institucional h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 128px; font-size: 28px; color: #2C2C2C; text-align: center; padding: 0px 20px; font-weight: 700; }
    #view-valores-institucional p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 16px; color: #2C2B2B; text-align: center; padding: 0px 20px; }
    .mascara-sessao-azul-bottom-institucional { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; margin-top: 7px; background: url(img/bg-azul-institucional-rodape.svg); background-size: 600px; background-repeat: no-repeat; }
    .timeline-telas-menors { display: none; }

    /*Faixa cards valores*/
    #faixa-cards-valores-institucional { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    .card-valor { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; right: 0%; background-color: #fff; border-radius: 20px; margin-bottom: 10px; padding-bottom: 13px; }
    .card-valor h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 20px; text-align: center; font-weight: 700; color: #2C2B2B; padding: 0px 20px; }
    .card-valor-sobre { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 15px; text-align: center; color: #2C2B2B; padding: 0px 30px; }

    /*Início home Blog*/
    #faixa-topo-blog { width: 100%; height: 380px; position: relative; float: left; margin-top: 46px; background-color: #FFD228; overflow: hidden; }
    #view-faixa-topo-blog { width: 100%; height: auto; position: relative; margin: auto; z-index: 99; padding-top: 79px; }
    #logo-blog-dd-int-faixa { width: 140px; height: 139px; position: relative; margin: auto; background: url(img/logo-blog-dd.webp); background-size: 140px; }
    #topo-blogo-video { position: absolute; right: 50%; bottom: 0; top: -200px; min-width: 500px; margin-right: -960px; min-height: 100%; z-index: 1; }

    /*Conteudo destaque home blog*/
    #bloco-conteudo-destaque-blog { width: 100%; height: auto; position: relative; float: left; z-index: 10; display: none; }

    /*Faixa posts populares*/
    #faixa-posts-populares { width: 100%; height: 350px; position: relative; float: left; background-color: #5864E3; margin-top: 120px; display: none; }
    #posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; padding-bottom: 140px; display: none; }

    /*Inicio carrossel posts home blog*/
    #carrossel-posts-home-blog { width: 100%; height: 190px; position: relative; float: left; background-color: #FFD228; z-index: 15; }

    /*Posts carrossel*/
    #faixa-carrossel-posts-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: -80px; margin-bottom: -40px; overflow: hidden; z-index: 90; }
    .item-post-carrossel { width: 220px !important; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 0px; cursor: pointer; }
    .cover-post-carrossel { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
    .titulo-cover-post-carrossel { width: 100%; height: 55px; position: relative; float: left; margin-top: 10px; font-size: 17px; color: #30302F; font-weight: 700; }
    .faixa-tags-post-carrossel-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
    .tag-post-carrossel { width: auto; height: auto; position: relative; float: left; background-color: #4953BB; padding: 5px 15px; color: #fff; font-size: 12px; border-radius: 40px; cursor: pointer; margin-right: 5px; }
    .tag-post-carrossel:hover { background-color: #2332c9; }
    #posts-populares-mobile { width: 100%; height: auto; position: relative; float: left; background-color: #fff; z-index: 10; }
    #view-posts-populares-mobile { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; z-index: 20; }
    #view-posts-populares-mobile h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; margin-bottom: 40px; font-size: 28px; color: #30302F; text-align: center; font-weight: 700; }

    /*  Item post popular mobile */
    .item-post-popular-mobile { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; cursor: pointer; }
    .foto-post-popular-mobile { width: 25%; height: auto; position: relative; float: left; overflow: hidden; border-radius: 10px; }
    .titulo-post-popular-mobile { width: 75%; height: auto; position: relative; float: left; padding-left: 20px; font-size: 17px; color: #3B3B3A; font-weight: 600; }
    .faixa-tags-post-popular-mobile { width: 75%; height: auto; position: relative; float: right; margin-top: 10px; padding-left: 20px; }
    #faixa-posts-recentes-mobile { width: 100%; height: auto; position: relative; float: left; background-color: #EFFFFF; padding-bottom: 120px; }
    #view-faixa-posts-recentes-mobile { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; }
    #view-faixa-posts-recentes-mobile h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; margin-bottom: 40px; font-size: 28px; color: #30302F; text-align: center; font-weight: 700; }
    #view-faixa-posts-recentes-mobile p { width: 100%; height: auto; position: relative; float: left; margin-top: -35px; font-size: 18px; color: #2F2F2D; text-align: center; }
    .item-post-recente-mobile { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; }
    .cover-post-recente-mobile { width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden; }
    .item-post-recente-mobile h5 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #343434; font-weight: 700; word-spacing: 1px; line-height: 22px; margin-top: 10px; }
    .faixa-tags-posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }

    /*Inicio post blog*/
    #artigo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding-bottom: 0px; margin-bottom: -140px; z-index: 90; }
    #view-artigo-blog { width: 100%; height: auto; position: relative; margin: auto; }
    #conteudo-artigo-blog { width: 100%; height: auto; position: relative; float: left; padding-bottom: 0px; z-index: 10; margin-bottom: -50px; }
    #conteudo-artigo-blog h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; margin-bottom: 0px; color: #2D2F2D; font-size: 24px; line-height: 45px; font-weight: 600; display: none; }
    #conteudo-artigo-blog h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 0px; color: #2D2F2D; font-size: 24px; line-height: 32px; font-weight: 600; z-index: 90; padding: 0px 30px; text-align: center; }
    #cover-post-int { width: 100%; height: auto; position: relative; float: left; border-radius: 0px; overflow: hidden; }
    #conteudo-artigo-blog p { width: 100%; height: auto; position: relative; float: left; font-size: 17px; color: #2F2F2D; line-height: 28px; word-spacing: 4px; padding: 0px 30px; }
    #player-video-blog-int { width: 300px; height: 169px; left: 50%; position: relative; float: left; margin-left: -150px; border-radius: px; overflow: hidden; }
    #img-avulsa-artigo { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 30px; margin-bottom: 30px; overflow: hidden; border-radius: 20px; }
    #faixa-galeria-post { width: 90%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: 30px; border-radius: 20px; margin-left: 5%; overflow: hidden; }
    .item-galeria-post { width: 50%; height: auto; position: relative; float: left; }
    #faixa-info-post { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; padding: 0px 20px; }
    #postado-por { width: 80%; height: auto; position: relative; margin-left: 10%; float: left; }
    #reacoes-post { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    #img-emoticons { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px 0px 10px; }

    /*Posts populares artigo*/
    #posts-populares-artigo { width: 25%; height: auto; position: relative; float: left; padding-left: 30px; display: none; }
    .posts-populares-artigo-mobile { height: auto !important; margin-top: 60px; background-color: #E7F5FB !important; padding-bottom: 200px; margin-bottom: -80px; }

    /*Página de categorias*/
    #view-conteudo-destaque-blog { width: 87%; height: auto; position: relative; margin: auto; }
    .card-post-blog { width: 100%; height: auto; position: relative; float: left; margin-right: 3.3%; margin-bottom: 40px; }
    #faixa-outros-posts-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
    .faixa-outros-posts-destaques-cat { margin-top: -80px !important; display: block !important; padding-bottom: 70px; }
    .conteudo-destaque-categoria { display: block !important; }

    /*Inicio arquivo blog*/
    #arquivo-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 110px; padding-bottom: 100px; }
    #view-arquivo-blog { width: 90%; height: auto; position: relative; margin: auto; }
    #lista-arquivo-blog { width: 100%; height: auto; position: relative; float: left; }
    #faixa-paginacao { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; margin-bottom: 30px; }
    .item-bloco-paginacao { width: 15.6%; height: 45px; position: relative; float: left; margin-right: 1%; background-color: #FFCC26; border-radius: 10px; cursor: pointer; }
    #mais-do-arquivo-blog { display: none; }
    .card-post-blog h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 22px; color: #2D2D2D; font-weight: 700; letter-spacing: 1px; word-spacing: 1px; }

    /*Inicio adega*/
    .mascara-tipo-vinhos { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-tipo-vinhos.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-card-vinhos { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-cards-vinhos.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-sessao-card-produtores { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-cards-produtores.svg); background-size: 600px; background-repeat: no-repeat; }
    .mascara-inversa-sessao-adega-topo { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-adega-inverso-2.svg); background-size: 600px; background-repeat: no-repeat; }
    #topo-adega-home { width: 100%; height: 392px; position: relative; float: left; background: url('img/bg-topo-adega.webp'); background-repeat: repeat; margin-top: 62px; }
    #container-rolhas { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0px; left: 0px; overflow: hidden; }
    #rolhas-e { width: 447px; height: 800px; position: absolute; left: 0px; top: 0px; background: url('img/rolhas-e.webp'); background-size: 447px; display: none; }
    #rolhas-d { width: 447px; height: 800px; position: absolute; right: 0px; top: 0px; background: url('img/rolhas-d.webp'); background-size: 447px; display: none; }
    #view-topo-home-adega { width: 95%; height: 100%; position: relative; margin: auto; z-index: 50; }
    #folha-e-topo { width: 250px; height: 229px; position: absolute; left: 50%; margin-left: -190px; top: -50px; background: url('img/folha-e-topo.webp'); background-size: 250px; display: none; }
    #folha-d-topo { width: 250px; height: 229px; position: absolute; left: 50%; margin-left: -50px; top: -50px; background: url('img/folha-d-topo.webp'); background-size: 250px; display: none; }
    #faixa-logo-adega-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 73px; }
    #logo-adega-topo { width: 150px; height: 175px; position: relative; margin: auto; background: url('img/logo-adega.webp'); background-size: 150px; background-repeat: no-repeat; }
    #faixa-busca-adega { width: 100%; height: auto; position: relative; float: left; margin-top: 29px; }
    #faixa-busca-adega-int { width: 258px; height: auto; position: relative; margin: auto; }
    #faixa-busca-adega-int input { width: 100%; height: auto; position: relative; float: left; padding: 14px 50px 14px 20px; background-color: #F6BD44; border-radius: 40px; border: 0px solid #000 !important; font-size: 18px; color: #402424; text-align: center; box-sizing: border-box; }
    #btn-busca-input { width: 40px; height: 40px; position: absolute; right: 8px; top: 4px; background-color: #EDE9E4; border-radius: 100px; z-index: 99; cursor: pointer; }

    /*sessao categoria vinhos*/
    #categoria-vinhos { width: 100%; height: 400px; position: relative; float: left; background-color: #F9F9F9; z-index: 380; }
    .bg-s-top-cat-vinhos { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background-color: #F9F9F9; border-radius: 100%; z-index: 1; display: none; }
    #marca-vinho-e { width: 110px; height: 321px; position: absolute; left: -20px; top: 0px; background: url('img/marca-vinho.webp'); background-size: 110px; background-repeat: no-repeat; opacity: 0.2; display: none; }
    #marca-vinho-d { width: 130px; height: 222px; position: absolute; right: 0px; top: 40px; background: url('img/marca-vinho-2.webp'); background-size: 130px; background-repeat: no-repeat; opacity: 0.2; display: none; }
    #view-categoria-vinhos { width: 95%; height: auto; position: relative; margin: auto; z-index: 99; }
    #view-categoria-vinhos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -35px; font-size: 28px; font-weight: 500; color: #313030; text-align: center; }
    #view-categoria-vinhos p { width: 100%; height: auto; position: relative; float: left; margin-top: -19px; color: #0D0F0F; text-align: center; font-size: 14px; padding: 0px 20px; }
    #slide-categorias-vinhos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; z-index: 30; }
    .fix-titulo-adega { margin-top: 60px !important; }
    .item-categoria-vinho { width: 128px !important; height: auto; position: relative; float: left; margin-left: 20px; cursor: pointer; }
    .bg-categoria-vinho { width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; border-radius: 100%; }
    .item-categoria-vinho:hover .bg-categoria-vinho { width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; border-radius: 100%; }
    .legenda-categoria-vinho { width: 100%; height: auto; position: relative; float: left; margin-top: 11px; font-size: 14px; color: #343333; text-align: center; }

    /*Controles categorias vinho*/
    .bloco-ctrl-cat-vinho { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }

    /*Vinhos mais vendidos*/
    #sessao-vinhos-mais-vendidos { width: 100%; height: 654px; position: relative; float: left; background: url('img/bg-vinhos-vendidos.webp'); background-repeat: repeat; z-index: 310; }
    #view-vinhos-vendidos { width: 95%; height: auto; position: relative; margin: auto; }
    #view-vinhos-vendidos h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 28px; font-weight: 500; color: #313030; text-align: center; }
    #view-vinhos-vendidos p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #0D0F0F; text-align: center; font-size: 17px; padding: 0px 20px; }

    /*Swiper cards vinhos vendidos*/
    #swiper-vinhos-vendidos { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }

    /*Card vinho mais vendido*/
    .card-vinho { width: 286px !important; height: 444px; position: relative; float: left; margin-left: 30px; margin-right: -20px; background-color: #FCF9F5; border-radius: 20px; }
    .card-vinho-foto { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; padding: 0px 80px; box-sizing: border-box; }
    .card-vinho h3 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #343541; text-align: center; padding: 0px 20px; box-sizing: border-box; }
    .card-vinho h4 { width: 100%; height: auto; position: relative; float: left; margin-top: -12px; font-size: 14px; color: #343541; text-align: center; padding: 0px 20px; box-sizing: border-box; }
    .legenda-tipo-vinho { width: 40%; height: auto; position: relative; float: left; font-size: 14px; border-radius: 20px; padding: 5px 20px; text-align: center; }
    .bandeira-vinho { width: 35px; height: 35px; position: relative; float: right; background-color: #dadada; border-radius: 100%; overflow: hidden; margin-top: -3px; }
    .legenda-bandeira-vinho { width: 100px; height: auto; position: relative; float: right; font-size: 14px; text-align: right; color: #656465; margin-right: 45px; margin-top: -28px; }
    .bloco-ctrl-card-vinho { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }

    /*Sessao produtores*/
    #sessao-produtores-vinho { width: 100%; height: 460px; position: relative; float: left; background-color: #F8F8F9; z-index: 250; margin-bottom: -30px; }
    .bg-s-top-card-vinhos { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background-color: #F8F8F9; border-radius: 100%; z-index: 1; display: none; }
    #ornamento-produtor-vinho-e { width: 290px; height: 281px; position: absolute; left: -60px; top: 0px; background: url('img/ornamento-rolhas-e.webp'); background-size: 290px; background-repeat: no-repeat; }
    #ornamento-produtor-vinho-d { width: 450px; height: 421px; position: absolute; right: 0px; top: 0px; background: url('img/ornamento-rolhas-d.webp'); background-size: 450px; display: none; }
    #view-sessao-produtores-vinho { width: 95%; height: auto; position: relative; margin: auto; z-index: 100; margin-top: -60px; }
    #view-sessao-produtores-vinho h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 139px; font-size: 26px; font-weight: 500; color: #313030; text-align: center; }
    #view-sessao-produtores-vinho p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; color: #0D0F0F; text-align: center; font-size: 18px; padding: 0px 20px; }
    #swiper-produtores { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; overflow: hidden; z-index: 110; }
    .bloco-ctrl-card-produtor { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background-color: #fff; border-radius: 20px; z-index: 100; cursor: pointer; -o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; }

    /*item produtor*/
    .item-card-produtor { width: 90px !important; height: auto; position: relative; float: left; margin-left: 30px; margin-right: -25px; background-color: #F3F3F3; border-radius: 10px; padding: 20px 20px 20px 20px; overflow: hidden; }
    #faixa-cta-todos-produtores { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; }
    #cta-todos-produtores-int { width: 160px; height: auto; position: relative; margin: auto; padding: 7px 0px; background-color: #3C4150; color: #fff; text-align: center; font-size: 18px; border-radius: 40px; cursor: pointer; }
    #ornamento-e-cta-produtor { width: 40px; height: 77px; position: absolute; left: -30px; top: -16px; background: url('img/ornamento-cta-produtor-e.webp'); background-size: 40px; background-repeat: no-repeat; }
    #ornamento-d-cta-produtor { width: 40px; height: 75px; position: absolute; right: -30px; top: -15px; background: url('img/ornamento-cta-produtor-d.webp'); background-size: 40px; background-repeat: no-repeat; }

    /* Cards vinhos categorias */
    #categoria-vinhos-card { width: 100%; height: auto; position: relative; float: left; background-color: #F9F9F9; padding-bottom: 110px; z-index: 450; margin-bottom: -30px; }
    #faixa-paginacao-cat-vinhos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; margin-bottom: -60px; }
    #faixa-int-paginacao-cat-vinhos { width: 181px; height: auto; position: relative; margin: auto; }
    .card-vinho-cat { width: 98% !important; height: auto; position: relative; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; background-color: #fff; border-radius: 20px; padding-bottom: 30px; }
    .item-cta-paginacao-cat-vinhos { width: 50px; height: 50px; position: relative; float: left; margin-right: 10px; background-color: #3B404D; border-radius: 50%; cursor: pointer; }
    .seta-l-cat-vinhos { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-l-cat-vinhos.webp'); background-size: 30px; }
    .numero-paginacao-cat-vinhos { width: 100%; height: 20px; position: absolute; top: 50%; margin-top: -14px; font-size: 20px; color: #fff; font-weight: 500; text-align: center; }
    .seta-r-cat-vinhos { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-r-cat-vinhos.webp'); background-size: 30px; }

    /*Inicio listam produtores adega*/
    #s-lista-produtores-adega { width: 100%; height: auto; position: relative; float: left; z-index: 300; margin-top: 20px; }
    .item-card-produtor-listagem { width: 47% !important; height: auto; position: relative; float: left; margin-left: 1.5%; margin-right: 1.5%; margin-bottom: 10px; background-color: #F3F3F3; border-radius: 20px; padding: 20px 20px 20px 20px; overflow: hidden; }
    #sessao-produtores-vinho-lista { width: 100%; height: auto; position: relative; float: left; background-color: #F8F8F9; padding-bottom: 20px; z-index: 220; margin-bottom: -40px; margin-top: -10px; }

    /*Inicio produtor adega*/
    #sobre-produtor-adega { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding-top: 70px; background: unset; background-repeat: repeat; padding-bottom: 10px; z-index: 670; background-color: #f9f9f9;/* display: none; */ }
    .bg-s-top-desktop-produtor-adega { width: 500px; height: 500px; position: absolute; top: -66px; left: 50%; margin-left: -250px; background: url('img/bg-sobre-produtor.webp'); background-repeat: repeat; border-radius: 100%; z-index: 200; display: none; }
    .bg-s-bottom-desktop-produtor-adega { width: 500px; height: 500px; position: absolute; bottom: -66px; left: 50%; margin-left: -250px; background: url('img/bg-sobre-produtor.webp'); background-repeat: repeat; border-radius: 100%; z-index: 19; display: none; }
    #view-sobre-produtor { width: 95%; height: auto; position: relative; margin: auto; z-index: 390; overflow: hidden; }
    #logo-produtor-pagina { width: 180px; height: 180px; position: relative; margin: auto; }
    #view-sobre-produtor h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 26px; color: #313232; text-align: center; font-weight: 500; }
    #view-sobre-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #313231; font-size: 16px; text-align: center; line-height: 28px; padding: 0px 20px; }

    /*Vitrine fornecedor*/
    #vitrine-produtor-adega { width: 100%; height: auto; position: relative; float: left; background-color: #f7f7f7; padding-bottom: 0px; margin-top: 0px;/* overflow: hidden; *//* display: none; */ }
    #view-vitrine-fornecedor { width: 95%; height: auto; position: relative; margin: auto; z-index: 300; }
    #view-vitrine-fornecedor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 49px; text-align: center; color: #323434; font-size: 28px; font-weight: 600; }
    #faixa-destaques-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }

    /*Item destaque produtor*/
    .item-destaque-produtor { width: 50%; height: auto; position: relative; float: left; margin-bottom: 30px; }
    .icone-produtor-destaque { width: 80px; height: 80px; position: relative; margin: auto; border-radius: 100%; overflow: hidden; }
    .legenda-icone-destaque-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 18px; font-weight: 600; color: #343333; text-align: center; }
    .sobre-legenda-destaque-produtor { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 15px; color: #3E3F3E; text-align: center; padding: 0px 10px; }
    #listagem-vinhos-pg-produtor h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; text-align: center; color: #323434; font-size: 28px; font-weight: 600; }
    #listagem-vinhos-pg-produtor p { width: 100%; height: auto; position: relative; float: left; margin-top: -17px; margin-bottom: 60px; color: #0D0F0F; text-align: center; font-size: 20px; padding: 0px 20px; }
    #ornamento-produtor-vinho-e { display: none; }
    .mascara-inversa-galeria-fotos-produtor { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -280px; background: url(img/bg-branco-inverso-produtor.svg); background-size: 600px; background-repeat: no-repeat; }

    /*  Contato enviado  */
    #topo-contato-enviado { width: 100%; height: 350px; position: relative; float: left; margin-top: 65px; background-color: #EBFEFF; }
    .bg-frango-tndd { height: auto !important; padding-bottom: 120px !important; background: url('img/bg-topo-dd-links-frango.webp') !important; background-repeat: repeat !important; }
    #janela-oferta-clube-dd { width: 90%; height: 550px; position: fixed; left: 5%; top: -3250%; margin-top: -265px; margin-left: 0px; background-color: #fff; border-radius: 20px; padding: 30px 10px 0px 20px; z-index: 9998 !important; opacity: 0; }
    #div-foto-oferta-janela { width: 100%; height: auto; position: relative; float: left; }
    #headline-oferta-clube-dd-janela { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; margin-top: 20px; }
    #faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; margin-bottom: 110px; }
    #selo-reclame-aqui { width: 212px; height: 100px; position: relative; margin: auto; }
    #faixa-int-reclame-aqui { width: 800px; height: auto; position: relative; margin: auto; }
    #selo-reclame-aqui { width: 92px; height: 100px; position: relative; margin: auto; }
    #selo-emp-reclame { width: 88px; height: 165px; position: relative; float: left; margin-left: 10px; background: url('img/seloreclame-mobile.png'); background-size: 88px; }
    #faixa-selo-reclame-aqui { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; margin-bottom: 60px; }
    #faixa-int-reclame-aqui { width: 210px; height: auto; position: relative; margin: auto; padding-top: 70px; }
    #selo-emp-reclame { width: 88px; height: 165px; position: relative; float: left; margin-left: 10px; margin-top: -70px; background: url('img/seloreclame-mobile.png'); background-size: 88px; }

    /* ==========================================================================
         Inicio sala de imprensa
      ========================================================================== */

    /*   Interna download  */

    /*   headline mobile  */
    .fix-title-sala-imprensa-mobile { margin-top: 60px !important; }
    #headline-mobile-downloads { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; padding-bottom: 60px; background-color: #E5F7FF; }
    #faixa-icn-download-int-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
    #icn-download-mobile-int { width: 100px; height: 100px; position: relative; margin: auto; background-color: #fff; border-radius: 10px; }
    #icn-download-gif-mobile { width: 90px; height: 90px; position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; background: url('img/icn-celular-imprensa.gif'); background-size: 90px; }
    #nome-dowload-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 16px; color: #000; text-align: center; padding: 0px 80px; }
    #faixa-cta-tds-dowloads-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
    #cta-tds-downloads-mobile { width: 220px; height: auto; position: relative; margin: auto; padding: 9px 0px; background-color: #FFCC26; color: #665c45; text-align: center; font-size: 18px; border-radius: 50px; font-weight: 500; }
    #faixa-blocos-imagens { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding: 15px 0px 15px 0px; }
    .item-bloco-imagem-download { width: 48%; height: 150px; position: relative; float: left; margin-right: 0%; margin-left: 1%; margin-bottom: 2px; background-color: #dadada; overflow: hidden; border-radius: 5px; }
    #faixa-downloads-home-sala-imprensa { width: 100%; height: auto; position: relative; float: left; background-color: #E7F5FB; padding-bottom: 100px; margin-top: 40px; }
    #view-chamada-faixa-downloads-sala-imprensa { width: 100%; height: auto; position: relative; margin: auto; z-index: 90; }
    #view-chamada-faixa-downloads-sala-imprensa h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 34px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
    #view-chamada-faixa-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 16px; color: #010101; text-align: center; padding: 0px 20px; font-weight: 500; }
    #cta-ver-tds-downloads { width: 250px; height: auto; position: relative; margin: auto; padding: 15px 20px; background-color: #FFCC23; color: #5D4100; font-size: 18px; font-weight: 600; text-align: center; border-radius: 50px; cursor: pointer; }
    .cta-download-img-unica { width: 40px; height: 40px; position: absolute; top: unset !important; right: 20px; bottom: 20px !important; background-color: #0055FF; border-radius: 10px; z-index: 99; cursor: pointer; }
    .cta-download-img-icn-unica { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/download-img-icn.png'); background-size: 30px; }
    .bloco-ctrl-downloads { display: none; }
    .bloco-ctrr-downloads { display: none; }
    .icone-link-sala-imprensa { width: 148px; height: 120px; position: absolute; top: 0px; left: 0px; }
    .fix-faixa-mobile-sala-imprensa { padding-bottom: 130px !important; }

       /*    Listagem de downloads*/
    #topo-downloads-sala-imprensa { width: 100%; height: 414px; position: relative; float: left; background-color: #E5F9FD; }
    #view-topo-downloads-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-downloads-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 28px; color: #000; text-align: center; font-weight: 700; }
    #view-topo-downloads-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 15px; color: #000; text-align: center; padding: 0px 20px; font-weight: 500; }
    #view-s-faixa-downlodas-sala-imprensa { width: 100%; height: auto; position: relative; margin: auto; }
    .card-download { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-bottom: 20px; border-radius: 20px; padding-top: 20px; padding-bottom: 30px; background-color: #F3FBFD; }
    #s-faixa-downloads-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: -90px; padding-bottom: 30px; }

       /*  Inicio home sala de imprensa  */
   #topo-sala-imprensa { width: 100%; height: 680px; position: relative; float: left; margin-top: 155px; background-color: #E5F9FD; display: none; }
   .fix-topo-home-sala-imprensa { background-color: #eefffe !important; margin-top: -20px; }
   .fix-title-sala-imprensa { margin-top: 156px !important; }
   #view-faixa-posts-home-sala-imprensa { width: 100%; height: auto; position: relative; margin: auto; z-index: 100; }
   .headline-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 28px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
   .chamada-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; margin-bottom: 140px; max-width: 700; font-size: 16px; color: #010101; text-align: center; padding: 0px 20px; font-weight: 540; }
   #cta-ver-mais-press-releases { width: 255px; height: auto; position: relative; margin: auto; padding: 15px 20px; background-color: #FFCC23; color: #5D4100; font-size: 19px; font-weight: 600; text-align: center; border-radius: 50px; cursor: pointer; }
   
    #faixa-posts-home-sala-imprensa { width: 100%; height: auto; position: relative; float: left; background-color: #fff; padding-bottom: 30px; margin-top: -60px; z-index: 190; }
    .mascara-inversa-sessao-branca { width: 600px; height: 160px; position: absolute; left: 50%; margin-left: -310px; background: url(img/bg-branco-inverso-2.svg); background-size: 600px; background-repeat: no-repeat; }
    .headline-posts-sala-imprensa { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 28px; color: #030305; text-align: center; font-weight: 700; padding: 0px 20px; }
    
    #view-faixa-press-releases-recentes-mobile{width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: -90px;}
    #faixa-cta-ver-mais-press-releases { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }
    .fix-downloads-sala-imprensa{margin-top: 35px !important;}
    .fix-title-press-r-p{margin-top: 50px !important;}

    #topo-blog-sala-imprensa { width: 100%; height: 319px; position: relative; float: left; background-color: #E5F9FD; }
    #view-topo-blog-sala-imprensa { width: 95%; height: auto; position: relative; margin: auto; }
    #view-topo-blog-sala-imprensa h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 140px; font-size: 29px; color: #000; text-align: center; font-weight: 700; }
    #view-topo-blog-sala-imprensa p { width: 100%; height: auto; position: relative; float: left; margin-top: -15px; font-size: 18px; color: #000; text-align: center; padding: 0px 20px; font-weight: 400; }
    
    .fix-title-press-r-p{margin-top: 50px !important;}



}