@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600&family=Inter:wght@400;500;600&display=swap); #livesearch a, #rodape, #subir, .copyright, .rodape { background-color: var(--blue-color-one) } #categoria-menu, #menu, .menu, p { font-family: var(--font-family-p) } #livesearch a, #redacao, .copyright, .d, .direita, .esconde__label, .label, h3 a, option { font-family: var(--font-family-clean) } #categoria-menu a, #menu, .esconde__input, .menu, .voltar-ao-topo { display: none } .cabecalho, .menu ul { width: 100% } #app-intro p, .questoes-questoes, body { font-weight: 400 } *, option { margin: 0 } #livesearch a, #rodape, #subir, .artigo-tag p, .copyright, .lista-icones-grupo, .rodape, h3.titulo { background-color: var(--blue-color-one) } .artigo, .cabecalho, .esconde, .inner-width, .menu ul, .pe { overflow: hidden } .p-name, .team-section h1, p:first-letter { text-transform: uppercase } #rodape_redesocial, ins { margin-bottom: 10px } * { padding: 0; font-size: 100%; outline: 0 } :root { --font-family-p: Inter, sans-serif; --font-family-title: Inter, sans-serif; --font-family-clean: 'Baloo 2', cursive; --blue-color: #035ea0; --blue-color-one: #036eb7; --red-color-one: #e53935; --red-color-two: #e84040 } body { background-color: #fff; line-height: 1.5; color: rgba(0, 0, 0, .87) } #categoria-menu, #livesearch a:hover, #menu, .assitir a, .center a, .menu, .menu ul li a, .menu-materias a, .menu-materias-beta a { color: #fff } h1, h2, h3, h4, h5, h6 { font-weight: 500; font-family: var(--font-family-title) } p b, p strong { font-weight: 500 !important; color: #303840 !important; font-size: 1em !important } #app-intro p { color: #606060; font-size: 1.15em !important; text-align: justify !important; margin-bottom: 7px } #app-intro p a { font-size: 1em } h1.linha { border-bottom: 1px solid #aaa } h3.linha { border-bottom: 1px solid #428bca } .d, .direita { padding-left: 12%; font-size: .8em !important; word-break: break-all } #app-intro h1, .inner h1 strong, h1.linha { font-size: 2.5em; font-weight: 300 !important; color: #428bca !important } main.conteudo { min-height: 30vh; padding: 10px } main.conteudo h1 { text-align: center; font-size: 2.2em; color: #036eb7 } main.conteudo h2 { text-align: center; font-size: 1.8em; padding: 0 20px } .label, .topo, option, ul li { font-size: 1.1em } abbr { margin-left: 20px } ul { list-style: none } h3 a:hover { transition-duration: 1s } .topo { padding: 10px 0 20px; margin-left: 80px } .capsula { background-color: #f9f9f9; margin-top: -20px } #tab button, .cabecalho, .content .warn-icon, .warn-icon .icon i, .wrapper { background: var(--blue-color) } .menu { top: 0; left: 0; border: 1px solid #fff !important } .menu ul { background-color: var(--blue-color) } .menu ul li a:hover { transition-duration: 2s; color: #3e3e3e; background-color: #fff } #livesearch a:hover, #rodape ul li a:hover, .label, .lista-icones-grupo:hover, .menu ul li .alfa { background-color: var(--red-color-one) } @media screen and (min-width: 100px) and (max-width:959px) { .cabecalho { width: 100%; padding: .9% 3% .3% 0; margin-bottom: 5% } .logo { background: url(https://www.redescobrindoosvales.tur.br/distribuicao/images/redescobrindo_os_vales.png) no-repeat; margin: 5px 0 0 10px!important; width: 80px; height: 70px!important; } #menu { display: block !important; float: right; text-align: center; border-radius: 10px; border: 1px solid #fff; cursor: pointer; font-size: 1.1em; padding: 5px; margin-top: -55px } #menu .fa:hover, #menu:hover { background-color: #f0f8ff; color: var(--red-color-one) } #categoria-menu ul a, .menu ul { display: grid !important } #categoria-menu ul li, .menu ul li { padding: 10px; font-size: 1.2em } #categoria-menu ul li a { color: #fff; border: 1px solid #fff !important; padding: 5px } #categoria-menu ul li a:hover, .menu ul li a:hover { background-color: #fff; transition-duration: 1s; color: var(--red-one-color) } .topo { color: #868686; padding: 10px 0; margin-left: 10px !important; font-size: 1em } } @media screen and (min-width: 960px) { .menu { width: auto; height: 56px; line-height: 54px; float: right; display: block !important; position: static } .menu li { padding: 0; float: left } .menu li a { font-size: 1em; padding: 13px } .menu li a:hover { border: 0 } .logo { float: left; font-size: 0 } #entrar { background: #00695c; color: #fff } #entrar:hover { background: var(--blue-color) } } h3 a { padding: .4%; color: #428bca } .menu-materias, .menu-materias-beta { background-color: #035ea0; margin-top: -2%; margin-bottom: 25px; width: 100%; box-shadow: none } .menu-materias ul, .menu-materias-beta ul { display: flex; padding: 10px 8px } .menu-materias li, .menu-materias-beta li { margin-left: 10px; border: 1px solid #fff; padding: 6px 10px; border-radius: 5px } .menu-materias li:hover, .menu-materias-beta li:hover { border: 0 solid #fff; padding: 7px 11px; background-color: var(--red-color-one) } .menu-materias li:first-child, .menu-materias-beta li:first-child { margin-left: 30px } @media screen and (max-width: 900px) { .menu-materias, .none { display: none } .menu-materias-beta { margin-top: -5% } .menu-materias-beta li { font-size: .85em; margin-left: 6px; border: 1px solid #fff; padding: 5px } .menu-materias-beta li:first-child { margin-left: 8px } } h3 a:hover, u { text-decoration: underline } #livesearch a, #subir, a, button { text-decoration: none } #livesearch a, input { width: 50% } .esconde, img { max-width: 100% } .cabecalho, .esconde, .menu ul { overflow: hidden } .copyright, body { font-weight: 400 } #livesearch a, .rodape, input { text-align: center } #adsense, #livesearch a { margin-left: auto; margin-right: auto } #rodape_redesocial, ins { margin-bottom: 10px; /* background: #000; */ } @font-face { font-display: optional } * { margin: 0; padding: 0; font-size: 100%; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box } :root { --font-family-p: Inter, sans-serif; --font-family-title: Inter, sans-serif; --font-family-clean: Inter, sans-serif; --blue-color: #035ea0; --blue-color-one: #036eb7; --red-color-one: #e53935 } body { background-color: #fff; line-height: 1.5; color: rgba(0, 0, 0, .87) } #categoria-menu, #menu, .menu, figcaption { font-family: var(--font-family-p) } #livesearch a, #rodape ul li a, .d, .direita, h3 a { font-family: var(--font-family-clean) } h1, h2, h3, h4, h5, h6 { font-weight: 500; font-family: var(--font-family-title) } h3 a { padding: .4%; color: #428bca } #livesearch a, #rodape { display: -ms-grid } .d, .direita { padding-left: 12%; font-size: .8em !important; word-break: break-all } .topo, ul li { font-size: 1.1em } abbr { margin-left: 20px } ul { list-style: none } h3 a:hover { -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s } p.topo, p.topo strong { color: #606060; font-size: 1.1em; font-weight: 400 !important; margin-left: 0 } .topo { padding: 10px 0 20px; margin-left: 80px } .capsula { background-color: #f9f9f9; margin-top: -20px } .cabecalho { width: 100%; padding: .9% 1.4% 3% 0; margin-bottom: 2%; background: var(--blue-color); -webkit-box-shadow: 0 1px 6px 0; box-shadow: 0 1px 6px 0 } .logo { background: url(https://www.redescobrindoosvales.tur.br/distribuicao/images/redescobrindo_os_vales.png) no-repeat; margin: 1px 0 0 50px; width: 220px; height: 80px } #rodape, #rodape ul li a, #subir, #subir:before { color: #fff !important } p:first-letter { text-transform: uppercase } figcaption { background-color: #096ee9; padding: 12px; color: #fff; text-align: justify; font-size: .9em } button { background: #096ee9; padding: 1% 3%; margin: 1% 0; display: inline-block; cursor: pointer; border: 1px solid; color: #fff } button:hover { background: #428bca; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s } .desativado { opacity: .6; opacity: .4; cursor: default; background-color: transparent !important } #subir { position: fixed; bottom: 1em; right: 1.5em; font-size: 1em; padding: 15px 18px; display: -webkit-box; display: -ms-flexbox; display: flex } #subir:before { font-family: FontAwesome; content: "\f102"; font-size: 1em; padding: 0 !important } #subir:after, .esconde { font-family: sans-serif } #subir:after { content: "Topo"; font-size: 1em; color: #fff; padding: 0 !important; margin-left: 5px } @media screen and (min-width: 100px) and (max-width:767px) { #subir:before { font-family: FontAwesome; content: "\f102"; font-size: 12em; color: #fff !important; padding: 0 !important; margin-left: 10px !important; margin-right: -10px !important } #subir { color: var(--blue-color-one) !important; font-size: .18em; display: none } a#subir:hover { background-color: var(--blue-color-one) !important } } #livesearch a { font-size: 1em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--blue-color-one); border-radius: 5px; display: grid; padding: 5px 2px 5px 5px; color: #fff; margin-bottom: -15px } #livesearch a:first-child { margin-top: 15px } #livesearch a:hover { color: #fff; background-color: var(--red-color-one) } input { height: 50px; font-size: 1.3em; border: 1px solid var(--blue-color-one); border-radius: 5px } @media screen and (min-width: 100px) and (max-width:600px) { #livesearch a { width: 90%; display: -ms-grid; display: grid; padding: 2px 1px 4px 2px; color: #fff; margin-bottom: -15px } input { width: 90%; font-size: 1.1em } } #rodape { font-family: 'Baloo 2', cursive !important; width: 100%; display: grid; -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; padding: 25px 0 20px 15px; background: #000 } #rodape h4 { font-size: 1.3em; margin: 15px 0 15px 10px } #rodape ul li { font-size: 1em; margin: 10px 5px 10px 0 } #rodape ul li a { padding: 4px } #rodape ul li a:hover { -webkit-transition: 2s; -o-transition: 2s; transition: 2s; background-color: var(--red-color-one); padding: 4px; border-radius: 8px } .esconde { border-radius: 5px; background: #097dea; margin-bottom: 15px } .copyright, .esconde__label { font-family: var(--font-family-clean); color: #fff } .esconde__content, .esconde__label { padding: 5px } .esconde__label { display: block; cursor: pointer; position: relative; transition: background .1s } .esconde__label:hover { background: rgba(0, 0, 0, .1) } .esconde__label::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 12px; height: 6px; background-size: contain; transition: transform .4s; background-image: url('data:image/svg+xml;utf8,<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 100,0 50,50" style="fill:%23FFFFFF99;" /></svg>') } .esconde__content { padding: 15px; line-height: 1.6; display: none; background: var(--blue-color-one); color: #fff } .yt-lazyload-content, .yt-lazyload-playbtn { background-position: 50%; background-repeat: no-repeat } .esconde__input:checked ~ .esconde__content { display: block } .esconde__input:checked ~ .esconde__label::after { transform: translateY(-50%) rotate(.5turn) } .copyright { font-size: 1em; margin-bottom: 15px !important; display: inline } .lado-cinco, .lado-dois, .lado-quatro, .lado-tres { border-right: 1px solid var(--blue-color); border-bottom: 1px solid var(--blue-color) } @media screen and (max-width: 800px) { #rodape { margin: 0 auto; display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(40%, 1fr)); grid-gap: 20px !important; padding: 20px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--blue-color-one); color: #fff } } @media screen and (max-width: 768px) { .capsula { background-color: #fff; margin-top: -20px } .some { display: none !important } } .some { background-color: #fff !important } #adsense { width: 90% } .yt-lazyload { width: 100%; position: relative !important; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; margin-bottom: 50px } .yt-lazyload::before { content: ''; width: 100%; display: block; position: relative; padding-top: 51.3%; background-color: #000 } .yt-lazyload-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: inherit } .yt-lazyload-content { width: 100%; height: 100%; position: relative; background-color: #000; background-image: var(--yt-lazyload-img); background-size: cover } .yt-lazyload-playbtn { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='%23212121' fill-opacity='.8' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E"); background-size: calc(35px + 10%) auto } .yt-lazyload-playbtn:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath fill='red' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z'/%3E%3Cpath fill='%23fff' d='m45 24-18-10v20'/%3E%3C/svg%3E") } .yt-lazyload-logo:hover { opacity: 1; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .yt-lazyload iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; z-index: 3; border: 0 } #rodape_redesocial a { color: #fff; margin-left: 10px } ins { margin-top: 10px }