* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} html { margin:0;padding:0;overflow-x:hidden;} body { margin:0;padding:0;overflow-x:hidden;text-align:center;background-color: #FFFFFF; position:relative; --green: #00994d; --orange: #ff6d10; --darkblue: #211d70; --lightgrey: #f2f2f2; --lightblue: #00a8ff; --complementary: #4e3213; } * {outline:0 !important;margin: 0;padding: 0;font-family:'Helvetica Neue';} a, a:hover, a:active, a:focus { outline:none;} a, a:hover, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {outline: none;outline: 0; cursor:pointer; } input::-moz-focus-inner { border: 0; } @font-face { font-family: 'Helvetica Neue';src: url('/assets/fonts/helveticaneue.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap; } @font-face { font-family: 'Helvetica Neue';src: url('/assets/fonts/helveticaneue-italic.woff2') format('woff2');font-weight: 400;font-style: italic;font-display: swap; } @font-face { font-family: 'Helvetica Neue';src: url('/assets/fonts/helveticaneue-light.woff2') format('woff2');font-weight: 300;font-style: normal;font-display: swap; } @font-face { font-family: 'Helvetica Neue';src: url('/assets/fonts/helveticaneue-bold.woff2') format('woff2');font-weight: 700;font-style: bold;font-display: swap; } a {position:relative;display:inline-block;text-decoration:none;color:inherit;} a:after {content: '';width: 0%;border-bottom: 1px solid;display: block;height: 0;transition:all 0.4s;} a:hover:after {width:100%;} #header {background-color: #ffffff;position: fixed;width: 100vw;display:flex;z-index:100;} #header .topo {display: flex;width:100%;max-width:1650px;margin:0 auto;align-items: center;padding: 20px 0;justify-content:space-between;position:relative;} #header .logo {padding:0 0 0 3vw;display: flex;align-items: center;} #header .logo a:after { display:none; } #header .spacer {margin:0 1.5vw;width:1px;background-color:var(--green);height:2.4em;} #header .menu {/*flex:1;*/text-align:left;} #header .menu ul {list-style: none;width:100%;} #header .menu ul li {display: inline;padding:10px 8px;text-transform: uppercase;margin: auto;color:#000000;font-size:0.8em;position:relative;} #header .menu ul li a {font-weight:400;} #header .topo .float-block {display: flex;justify-content: space-between;flex: 1;align-items: center;} #header .topo .float-block .block2 {display:flex;align-items:center;} #header .topo .pesquisa form {display:flex;position:relative;margin-right:8px;justify-content: flex-end;} #header .topo .pesquisa input {font-size:0.8em;border:1px solid var(--lightblue);border-radius:50px;padding:5px 2.425em 5px 0.6em;height:2.425em;margin:0 0 0 8px;font-family:'Helvetica Neue';font-weight:300;width: 90%;max-width: 150px;transition:all 0.4s;} #header .topo .pesquisa input:focus, #header .topo .pesquisa input:hover {max-width:90%;box-shadow:0 0 9px var(--lightblue);} #header .topo .pesquisa span {background-color:var(--lightblue);width:1.94em;height:1.94em;margin:0 0;padding:3px;border-radius:50px;position: absolute;top:0;right:0;display: flex;align-items: center;justify-content: center; cursor:pointer; } #header .topo .pesquisa span img {width: 20px;height: 20px;} #header .topo .usuario {display:flex;align-items:center;} #header .topo .usuario a:first-child {display:inline-flex;border:1px solid var(--green);border-radius:50px;margin:0 8px;color:#ffffff;background-color:var(--green);font-weight:700;align-items:center;overflow:hidden;box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.1);height:1.95em;} #header .topo .usuario a:after {display:none;} #header .topo .usuario a:first-child .icon {display: inline-flex;background-color: rgba(0,0,0,0.25);padding:3px;font-size:0.9em;border-radius:50px;height: 2.16em;width: 2.16em;align-items: center;justify-content: center;} #header .topo .usuario a:first-child .icon img {width:20px;height:20px;} #header .topo .usuario a:first-child .txt {display: inline-block;padding:0 .8em 0 .5em;font-weight:400;font-size:0.8em;} #header .topo .usuario a:last-child {font-size: 0.8em;padding:0 0 0 2px;height: 2.34em;line-height: 1.17em;} #header .topo .usuario a:last-child:hover {text-decoration: underline;} #header .padmenu .submenu {list-style: none;} #header .padmenu .submenu li {color:#000000;} #header .usuario-logado > div {font-size:0.9em;} #header .usuario-logado .padmenu ul li:hover {background:#f2f2f2;} #header .usuario-logado .padmenu ul li a {padding-top: 1px;} #header .usuario-logado .padmenu ul li div.icon-amanco {height:30px;width:30px;} /*#header .usuario-logado .padmenu ul li div.icon-amanco:before {background-image:url('/assets/img/icon-conexao-amanco.svg');background-position: center center;background-repeat:no-repeat;background-size:65% 65%;content:'';width:100%;height:100%;display:block;}*/ #header .usuario-logado .padmenu ul li div.icon-amanco:before {content:'\F09ED';color:var(--green);} #header .usuario-logado .padmenu ul li div.icon-menu-logado {font-family:'Material Design Icons';font-size:24px;line-height: 24px;width:30px;height:30px;text-align:center;display: flex;align-items: center;justify-content: center;} #header .usuario-logado .padmenu ul li div.icon-meu-perfil:before {content:'\F0004';color:var(--green);} #header .usuario-logado .padmenu ul li div.icon-sobre-mim:before {color:var(--green);} #header .usuario-logado .padmenu ul li div.icon-preferencias:before {content:'\F0493';color:var(--green);} #header .usuario-logado .padmenu ul li div.icon-logout:before {content:'\F05FD';color:var(--darkblue);} #header .usuario-logado .padmenu ul li div.icon-usuarios:before {content:'\F0849';color:var(--lightblue);} #header .usuario-logado .padmenu ul li div.icon-editor:before {content:'\F09EE';color:var(--lightblue);} .letra-a:before {content:'\F0B08';} .letra-b:before {content:'\F0B09';} .letra-c:before {content:'\F0B0A';} .letra-d:before {content:'\F0B0B';} .letra-e:before {content:'\F0B0C';} .letra-f:before {content:'\F0B0D';} .letra-g:before {content:'\F0B0E';} .letra-h:before {content:'\F0B0F';} .letra-i:before {content:'\F0B10';} .letra-j:before {content:'\F0B11';} .letra-k:before {content:'\F0B12';} .letra-l:before {content:'\F0B13';} .letra-m:before {content:'\F0B14';} .letra-n:before {content:'\F0B15';} .letra-o:before {content:'\F0B16';} .letra-p:before {content:'\F0B17';} .letra-q:before {content:'\F0B18';} .letra-r:before {content:'\F0B19';} .letra-s:before {content:'\F0B1A';} .letra-t:before {content:'\F0B1B';} .letra-u:before {content:'\F0B1C';} .letra-v:before {content:'\F0B1D';} .letra-w:before {content:'\F0B1E';} .letra-x:before {content:'\F0B1F';} .letra-y:before {content:'\F0B20';} .letra-z:before {content:'\F0B21';} @media screen and (min-width:1280px) { #header {height:90px;box-shadow: 0 0 9px 1px gray;} #header .topo {font-size:20px;padding: 20px 0;} #header .logo img {width: 300px;display: block;height:auto;} #header .topo .menu .curvas {display:none;} #header .topo .menu ul.lvl1 > li:first-child {padding-left:0;} #header .padmenu {position: absolute;width: max-content;width: -webkit-max-content;display:none;padding: 10px 0 0 0;left: -10px;} #header .submenu {width: max-content;width: -webkit-max-content;background-color: #ffffff;text-align:left;color:#ffffff;border-radius:4px;box-shadow: 0 0 2px 1px rgba(128,128,128,0.125);} #header ul.lvl1 li:hover .padmenu {display: block;} #header .padmenu .submenu li {display: block; font-size:0.95em;line-height: 1.05em;text-transform:none;padding:8px;} #header .topo .float-block .block2 {flex-direction: row;padding:0 3vw 0 0;flex: 1;justify-content: flex-end;} #header .topo .pesquisa {flex: 1;} #menu-mobile {display: none;} #header .topo .float-block .block2 .textura {display: none;} #header .usuario-logado {padding:0 0 0 10px;} #header .usuario-logado > div {position:relative;} #header .usuario-logado > div .padmenu {right:0;left:unset;} #header .usuario-logado > div:hover .padmenu {display: block;} #header .usuario-logado .icon {display:block;font-weight:700;} #header .usuario-logado .icon img{width:30px;height:30px;display:block;} #header .usuario-logado .padmenu ul li {display: flex;align-items: center;/*border-bottom:1px solid rgba(128,128,128,0.35);padding:2px 8px 2px 0;*/padding: 4px 14px 4px 4px;} #header .usuario-logado .padmenu ul li:last-child {border-top: 1px solid #eee;} #header .usuario-logado ul li img {width:20px;height:20px;display: inline-block;margin:0 3px 0 0;} #webdoor {padding-top:90px;} } @media screen and (min-width:1050px) and (max-width:1279px) { #header {height:75px;box-shadow: 0 0 9px 1px gray;} #header .topo {font-size:17px;padding: 15px 0;} #header .logo img {width: 190px;display: block;height:auto;} #header .topo .menu .curvas {display:none;} #header .topo .menu ul.lvl1 > li:first-child {padding-left:0;} /* #header .menu .padmenu {position: absolute;width: max-content;width: -webkit-max-content;display:none;padding: 8px 0 0 0;left: -8px;} #header .menu .submenu {width: max-content;width: -webkit-max-content;background-color: rgba(241,241,241,0.95);text-align:left;color:#ffffff;border-radius:4px;} #header .menu > ul li:hover .padmenu {display: block;} #header .menu .padmenu li {display: block;font-size:1em;line-height: 1.05em;text-transform:none;}*/ #header .padmenu {position: absolute;width: max-content;width: -webkit-max-content;display:none;padding: 10px 0 0 0;left: -8px;} #header .submenu {width: max-content;width: -webkit-max-content;background-color: #ffffff;text-align:left;color:#ffffff;border-radius:4px;box-shadow: 0 0 2px 1px rgba(128,128,128,0.125);} #header ul.lvl1 li:hover .padmenu {display: block;} #header .padmenu .submenu li {display: block; font-size:1em;line-height: 1.05em;text-transform:none;padding:5px 8px;} #header .topo .float-block .block2 {flex-direction: row;padding:0 3vw 0 0;flex: 1;justify-content: flex-end;} #header .topo .pesquisa {flex: 1;} #menu-mobile {display: none;} #header .topo .float-block .block2 .textura {display: none;} #header .usuario-logado {padding:0 0 0 10px;} #header .usuario-logado > div {position:relative;} #header .usuario-logado > div .padmenu {right:0;left:unset;} #header .usuario-logado > div:hover .padmenu {display: block;} #header .usuario-logado .icon {display:block;font-weight:700;} #header .usuario-logado .icon img{width:30px;height:30px;display:block;} #header .usuario-logado .padmenu ul li {display: flex;align-items: center;/*border-bottom:1px solid rgba(128,128,128,0.35);*/padding: 4px 14px 4px 4px;} #header .usuario-logado ul li img{width:20px;height:20px;display: inline-block;margin:0 3px 0 0;} #webdoor {padding-top:75px;} } @media screen and (max-width:1049px){ #header {height:45px;} #header .topo {font-size:15px;padding: 11px 0;box-shadow: 0 0 9px 1px gray;} #header .logo img {width: 140px;display: block;height:auto;} #header .spacer {display:none;} #header.closed .topo .float-block {height:0;padding:0;transition-delay:0.6s;} #header.open .topo .float-block {height:100vh;padding:45px 0 0 0;transition-delay:0s;} #header .topo .float-block {display: flex;justify-content: space-between;flex: 1;flex-direction: column;position: absolute;top: 0;right:0;width: 100%;overflow:hidden;transition:all 0s;z-index: -1;align-items: flex-start;} #header .topo .float-block .background {background-color:#ffffff;height:100%;position:absolute;top:0;right:0;z-index:0;transition:all 0.3s;} #header.closed .topo .float-block .background {width:0;transition-delay:0.5s;} #header.open .topo .float-block .background {width:100%;} #header .topo .menu {flex:unset;} #header .menu .padmenu {width: max-content;width: -webkit-max-content;padding: 5px 0 0 0;} #header .menu .submenu {width: max-content;width: -webkit-max-content;text-align:left;color:#ffffff;} #header .menu .padmenu li {display: block;font-size:0.9em;line-height: 1.05em;text-transform:none;} #header .topo .float-block .block2 {flex: 1;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;position:relative;overflow: hidden;} #header .topo .float-block .block2 .pesquisa {width: 100%;} #header.closed .topo .float-block .block2 .pesquisa {opacity:0;} #header.open .topo .float-block .block2 .pesquisa {opacity:1;} #header .topo .float-block .block2 .pesquisa form {width: 30%;margin: 0 auto 20px auto;max-width: 300px;transition:all 0.4s} #header .topo .float-block .block2 .pesquisa form:focus-within {width: 80%;} #header .topo .float-block .block2 .pesquisa form input {width:100%;margin:0;max-width:100%;min-width: 95px;} #header .topo .float-block .block2 .pesquisa form input:focus {width:100%;margin:0;} #header .topo .float-block .block2 .usuario {width: 100%;} #header .topo .float-block .block2 .usuario-logado {width: 100%;} #header .topo .usuario {flex-direction:column;} #header .topo .usuario a {display: flex;margin:12px auto;width: max-content;width: -webkit-max-content;} #header .topo .usuario a:last-child {font-size: 1em;} #menu-mobile {position: absolute;background-color:transparent;width:40px;height: 40px;right:3vw;transition: all 0.6s;top:2px;} #menu-mobile .l1 {position: absolute;height: 3px;width: 30px;background-color: var(--darkblue);left: 5px;} #menu-mobile .l2 {position: absolute;height: 3px;width: 30px;background-color: var(--darkblue);left: 5px;} #menu-mobile .l3 {position: absolute;height: 3px;width: 30px;background-color: var(--darkblue);left: 5px;} #header.closed #menu-mobile {transform: rotate(0);} #header.open #menu-mobile {transform: rotate(180deg) translateY(-3px);} #header.closed #menu-mobile .l1 {top:25%;transform: rotate(0);transition: transform 0.3s 0s, top 0.3s 0.3s;} #header.closed #menu-mobile .l2 {top:50%;width: 30px;transition: top 0s 0s,width 0.05s 0.3s;} #header.closed #menu-mobile .l3 {top:75%;transform: rotate(0);transition: transform 0.3s 0s, top 0.3s 0.3s;} #header.open #menu-mobile .l1 {top:50%;transform: rotate(45deg);transition: top 0.3s 0s, transform 0.3s 0.3s;} #header.open #menu-mobile .l2 {top:50%;width: 0px;transition: top 0s 0s,width 0.05s 0.3s;} #header.open #menu-mobile .l3 {top:50%;transform: rotate(-45deg);transition: top 0.3s 0s, transform 0.3s 0.3s;} #webdoor {padding-top:45px;} /* */ #header .topo .menu {position: relative;} #header .topo .menu .curvas .c0 img {opacity:0;} #header .topo .menu .curvas {height: 100%;width: 100%;position:relative;} #header .topo .menu .curvas > div {position:absolute;top:0;transition:all 0.3s;} #header.open .topo .menu .curvas .c1 {transition-delay:0s;} #header.open .topo .menu .curvas .c2 {transition-delay:0.1s;} #header.open .topo .menu .curvas .c3 {transition-delay:0.2s;} #header.closed .topo .menu .curvas .c1 {transition-delay:0.2s;} #header.closed .topo .menu .curvas .c2 {transition-delay:0.1s;} #header.closed .topo .menu .curvas .c3 {transition-delay:0s;} #header .topo .menu > ul {position: absolute;width: max-content;width: -webkit-max-content;transition:all 0.3s;} #header .topo .menu ul li {color:#ffffff;} #header .topo .float-block .block2 {width:100%;} #header .topo .float-block .block2 .pesquisa {transition:all 0.3s;} #header.closed .topo .float-block .block2 .pesquisa {padding:0 0 0 100%;transition-delay:0.1s;} #header.open .topo .float-block .block2 .pesquisa {padding:0;transition-delay:0.2s;} #header .topo .float-block .block2 .usuario,#header .topo .float-block .block2 .usuario-logado {transition:all 0.3s;} #header.closed .topo .float-block .block2 .usuario {padding:0 0 8% 100%;transition-delay:0.2s;} #header.open .topo .float-block .block2 .usuario {padding:0 0 8% 0;transition-delay:0.1s;} #header .topo .float-block .block2 .usuario-logado .icon {display:none;} #header .topo .float-block .block2 .usuario-logado {font-size:18px;} #header.closed .topo .float-block .block2 .usuario-logado {padding:0 0 0 100%;transition-delay:0.2s;} #header.open .topo .float-block .block2 .usuario-logado {padding:0 0 0 0;transition-delay:0.1s;} #header .usuario-logado .padmenu ul {width: max-content;width: -webkit-max-content;margin:2vh auto 0 auto;} #header .usuario-logado .padmenu ul li {display: flex;align-items: center;justify-content:flex-start;font-size:0.9em;margin: 0;width: max-content;width: -webkit-max-content;} #header .usuario-logado ul li img{width:18px;height:18px;display: inline-block;margin:0 3px 0 0;} #header .topo .float-block .block2 .textura {position: absolute;right: 0;bottom: 0;} #header .topo .float-block .block2 .textura .color-block {float:left;overflow:hidden; } #header .topo .float-block .block2 .textura .color-block img {display:block;width:100%;transform-origin: 100% 100%;transition: all 0.3s;margin:auto 0 0 auto;} #header.open .topo .float-block .block2 .textura .color-block img {width:100%;} #header.open .topo .float-block .block2 .textura .color-block.cb1 img {transition-delay:0.7s;} #header.open .topo .float-block .block2 .textura .color-block.cb2 img {transition-delay:0.5s;} #header.open .topo .float-block .block2 .textura .color-block.cb3 img {transition-delay:0.3s;} #header.open .topo .float-block .block2 .textura .color-block.cb4 img {transition-delay:0.1s;} #header.closed .topo .float-block .block2 .textura .color-block img {width:0;} #header.closed .topo .float-block .block2 .textura .color-block.cb4 img {transition-delay:0.6s;} #header.closed .topo .float-block .block2 .textura .color-block.cb3 img {transition-delay:0.4s;} #header.closed .topo .float-block .block2 .textura .color-block.cb2 img {transition-delay:0.2s;} #header.closed .topo .float-block .block2 .textura .color-block.cb1 img {transition-delay:0.0s;} } @media screen and (max-width:1049px) and (orientation:landscape) { #header .topo .float-block {flex-direction:row;} #header .topo .menu {height:100%;width:95vh;position: relative;} #header .topo .menu {height:90%;width:90vh;position: relative;} #header .topo .menu .curvas img {height: 100%;max-height: 82.5vh;width: 100%;} #header .topo .menu .curvas .c0 {height: 100%;} #header.closed .topo .menu .curvas .c1, #header.closed .topo .menu .curvas .c2, #header.closed .topo .menu .curvas .c3 {height:0;} #header.open .topo .menu .curvas .c1, #header.open .topo .menu .curvas .c2, #header.open .topo .menu .curvas .c3 {height:100%;} #header .topo .menu > ul {top: 5.4vh;} #header .topo .menu {font-size:5vh;} #header.closed .topo .menu > ul {left:-95vh;transition-delay:0s;} #header.open .topo .menu > ul {left: 4vh;transition-delay:0.3s;} #header .topo .menu ul li {display: block;padding:2vh;} #header .topo .float-block .block2 {flex:1;} #header .topo .float-block .block2 .textura {height: 15vh;width: 30vh;} #header .topo .float-block .block2 .textura .color-block {height: 7.5vh;width: 7.5vh; } } @media screen and (max-width:1049px) and (orientation:portrait) { #header .topo .float-block {flex-direction:column;width:100vw;} #header .topo .menu {width:90vw;height:90vw;position: relative;} #header .topo .menu > ul {top: 7.2vw;left: 3vw;} #header .topo .menu {font-size:6vw;} #header.closed .topo .menu > ul {left:-95vw;transition-delay:0s;} #header.open .topo .menu > ul {left: 4vw;transition-delay:0.3s;} #header .topo .menu ul li {display: block;padding:2vw;} #header .topo .menu .curvas img {width: 100%;max-width: 90vw;height: auto;} #header .topo .menu .curvas .c0 {height:100%;width:100%} #header.closed .topo .menu .curvas .c1, #header.closed .topo .menu .curvas .c2, #header.closed .topo .menu .curvas .c3 {width:0;} #header.open .topo .menu .curvas .c1, #header.open .topo .menu .curvas .c2, #header.open .topo .menu .curvas .c3 {width:100%;} #header .topo .float-block .block2 .textura {height: 15vw;width: 30vw;} #header .topo .float-block .block2 .textura .color-block {height: 7.5vw;width: 7.5vw; } } #webdoor {width:100%;position:relative;} /*#webdoor.home:after {content:'';width:100%;display:block;height:3vw;background-color:var(--orange);margin-bottom:0;}*/ #webdoor .banner {height:33vw;min-height:280px;background-size:cover;background-position:center center;position:relative;} #webdoor .banner-container {height:33vw;min-height:280px;position:relative;background-color:var(--lightgrey);} #webdoor .banner-container .banner-load {width:100%;height:100%;background-color:var(--lightgrey);position:absolute;display:flex;left:0;top:0;justify-content:center;align-items:center;z-index:25;} #webdoor .banner-container .banner-load.loaded {animation:loaded 0.2s ease-out forwards;} #pathLoad {stroke: var(--green);stroke-dasharray: 250px;stroke-dashoffset: 250px;animation: dash-load 3s linear forwards infinite;} @keyframes loaded { 0% { opacity:1; z-index:25; } 99% { opacity:0; z-index:25; } 100% { opacity:0; z-index:-1; } } @keyframes dash-load { 0% { stroke-dashoffset: 250px; stroke-opacity:1; } 33% { stroke-dashoffset: 0; stroke-opacity:1; } 66% { stroke-dashoffset: 0; stroke-opacity:1; } 100% { stroke-dashoffset: 0; stroke-opacity:0; } } #webdoor .banner-rot {background-size:cover;background-position:center center;position:relative;width:100%;height:100%;;position: absolute;} #webdoor .banner-rot.b-ativo {opacity:1;transform:scale(1);transition:transform 0.4s 0.4s,opacity 0.4s 0s;z-index:20;} #webdoor .banner-rot.b-inativo {opacity:0;transform:scale(0.8);transition:transform 0.4s 0s,opacity 0.4s 0.4s;z-index:1;} #webdoor .banner-rot.b-ativo .link {height: 100%;position: absolute;width: 100%;} #webdoor .banner-rot.b-ativo .link a {display: block;width:100%;height:100%;} #webdoor .banner0a {background-image:url('/assets/img/banner_bg_deumup2.jpg');background-position:center bottom;} #webdoor .banner0a > div img {width:100%;} #webdoor .banner0a .selo {position: absolute;width:21.35416667vw;top:3vw;min-width:185px;} #webdoor .banner0a .rebate {position: absolute;width:13.28vw;bottom:4vw;min-width:140px;} #webdoor .banner0a .premios {position: absolute;width:42.44791667vw;right:23vw;transition:all 0.7s;min-width:265px;} #webdoor .banner0a .txt {position:absolute;width:20vw;font-size:1.8vw;font-weight:700;text-align:left;right:13vw;top:5vw;color:var(--darkblue);} #webdoor .banner0a.b-ativo .premios {opacity:1;bottom:-3vw;} #webdoor .banner0a.b-inativo .premios {opacity:0;bottom:1vw;} @media screen and (min-width:981px) { #webdoor .banner0a .selo {left: 14.3vw;} #webdoor .banner0a .rebate {left:12vw;bottom:4vw;} } @media screen and (min-width:680px) and (max-width:980px) { #webdoor .banner0a .selo {left: 7vw;} #webdoor .banner0a .rebate {left:6vw;bottom:1.5vw;} } @media screen and (min-width:450px) and (max-width:679px) { #webdoor .banner0a .selo {left: 4vw;} #webdoor .banner0a .rebate {left:3vw;bottom:unset;top:165px;} #webdoor .banner0a .premios {right:3vw;} #webdoor .banner0a .txt {width: 38vw;right:3vw;} } @media screen and (min-width:50px) and (max-width:449px) { #webdoor .banner0a .selo {left: 4vw;} #webdoor .banner0a .rebate {left:3vw;bottom:unset;top:165px;} #webdoor .banner0a .premios {right:3vw;min-width:220px;} #webdoor .banner0a .txt {width: 38vw;right:3vw;} } @media screen and (max-width:750px) { #webdoor .banner0a .txt {width: 38vw;font-size: 1.8vw;} } @media screen and (max-width:749px) { #webdoor .banner0a .txt {width: 38vw;font-size: 13px;} } /*#webdoor .banner1 {background-image:url('/assets/img/webdoor-0.jpg');}*/ #webdoor .banner2 {background-image:url('/assets/img/webdoor-app.jpg');} #webdoor .banner3 {background-image:url('/assets/img/webdoor-categoria.jpg');} #webdoor .banner4 {background-image:url('/assets/img/webdoor-faq2.jpg');} #webdoor .banner5 {background-image:url('/assets/img/webdoor-dicas2.jpg');} @media screen and (min-width:1281px) { #webdoor .banner1 {background-image:url('/assets/img/webdoor-banner1-1920.webp');} } @media screen and (min-width:601px) and (max-width:1281px) { #webdoor .banner1 {background-image:url('/assets/img/webdoor-banner1-1280.webp');} } @media screen and (min-width:451px) and (max-width:600px) { /* #webdoor .banner1 {background-image:url('/assets/img/webdoor-banner1-600.webp');} */ #webdoor .banner1 {background-image:url('/assets/img/site-banner-apresentacao-mobile.jpg');} #webdoor .banner-container .banner-load, #webdoor .banner-container .textura-e, #webdoor .banner-container .textura-d { display:none; } } @media screen and (max-width:450px) { /* #webdoor .banner1 {background-image:url('/assets/img/webdoor-banner1-450.webp');} */ #webdoor .banner1 {background-image:url('/assets/img/site-banner-apresentacao-mobile.jpg');} #webdoor .banner-container .banner-load, #webdoor .banner-container .textura-e, #webdoor .banner-container .textura-d { display:none; } } #webdoor .banner .textura-e {width: 16vw;height: 33vw;position: absolute;bottom: 0;background-image: url('/assets/img/l-tex.webp');left: 0;background-size: contain;background-repeat: no-repeat;} #webdoor .banner .textura-d {width: 16vw;height: 33vw;position: absolute;top: 0;background-image: url('/assets/img/r-tex.webp');right: 0;background-size: contain;background-repeat: no-repeat;background-position:right top;transform:scaleY(-1);} #webdoor .banner-container .textura-e {width: 16vw;height: 33vw;position: absolute;bottom: 0;background-image: url('/assets/img/l-tex.webp');left: 0;background-size: contain;background-repeat: no-repeat;} #webdoor .banner-container .textura-d {width: 16vw;height: 33vw;position: absolute;top: 0;background-image: url('/assets/img/r-tex.webp');right: 0;background-size: contain;background-repeat: no-repeat;background-position:right top;transform:scaleY(-1);} #webdoor .banner2 .txt {color: #ffffff;font-size: 1.7vw;width: 24vw;position: absolute;top: 10vw;right: 25vw;font-weight: 700;} #webdoor .banner2 .foto {position: absolute;left: 33vw;bottom: -2vw;transform: rotate(15deg);width:14.2164781906vw;height:26.9251480883vw;} #webdoor .banner2 .txt .texto {font-size:0.6em;font-weight:400;padding-top:1em;} #webdoor .banner2.b-ativo .foto {transform: rotate(15deg);transition:transform 0.4s 0.4s;} #webdoor .banner2.b-inativo .foto {transform: rotate(-5deg);transition:transform 0.4s 0s;} #webdoor .banner2 .foto img {width:100%;} #webdoor #txt-abertura {position: absolute;text-align: left;bottom: 8vw;left: 21vw;} #webdoor #txt-abertura a::after {display:none;} #webdoor #txt-abertura p {text-transform: uppercase;font-size: 0.8em;} #webdoor #txt-abertura p.banner-titulo { font-size: 1.1em; font-weight:600; color:var(--darkblue); } @media screen and (min-width:850px) { #webdoor #txt-abertura {font-size: 1.975vw;width:25vw;} } @media screen and (max-width:849px) { #webdoor #txt-abertura {font-size: 17px;width:212px;text-shadow: 0 0 7px rgb(255, 255, 255,1);} } #webdoor .banner-interno {height:25vw;min-height:280px;background-size:cover;background-position:center 30%;position:relative;display:flex;justify-content:flex-start;align-items:flex-start;color:#ffffff;} #webdoor .banner-interno:before {width: 25vw;height: 25vw;background-color: rgba(33,29,112,1);position: absolute;content: '';left: 0;top:0;border-bottom-right-radius: 600px;} /*#webdoor .banner-interno:after {content:'';width:25vw;height:10vw;position:absolute;right:0;bottom:0;background-image:url('/assets/img/modulos_webdoor.png');background-size:contain;}*/ #webdoor .banner-interno .txt {position: relative;font-size: 2vw;padding:3vw 0 0 2vw;text-align:left;} #webdoor .banner-interno .txt h2 {text-transform:unset;font-size:1.15em;padding-bottom:0.25em;letter-spacing:0.04em;font-weight:400;color:#ffffff;} #webdoor .banner-interno .txt .titulo {text-transform:unset;font-size:1.15em;padding-bottom:0.25em;letter-spacing:0.04em;font-weight:400;color:#ffffff;} #webdoor .banner-interno .txt p.subtitulo {font-size:0.6em;letter-spacing:0.05em;font-weight:300;} #webdoor .banner0 {background-image:url('/assets/img/webdoor-interno.jpg');} #webdoor .banner-termos {background-image:url('/assets/img/webdoor-categoria.jpg');} #webdoor .banner-privacidade {background-image:url('/assets/img/webdoor-categoria.jpg');} @media screen and (min-width:1281px) { #webdoor .banner-categoria {background-image:url('/assets/img/webdoor-categoria-1920.webp');} #webdoor .banner-faq {background-image:url('/assets/img/webdoor-faq-1920.webp');} #webdoor .banner-meu-perfil {background-image:url('/assets/img/webdoor-meu-perfil-1920.webp');background-position:center 45%;} #webdoor .banner-meus-conteudos {background-image:url('/assets/img/webdoor-meus-conteudos-1920.webp');background-position:center 20%;} #webdoor .banner-dicas {background-image:url('/assets/img/webdoor-dicas-1920.webp');} #webdoor .banner-blog {background-image:url('/assets/img/webdoor-blog-1920.webp');background-position: center 10%;} #webdoor .banner-termos {background-image:url('/assets/img/webdoor-categoria-1920.webp');} #webdoor .banner-privacidade {background-image:url('/assets/img/webdoor-categoria-1920.webp');} } @media screen and (min-width:601px) and (max-width:1281px) { #webdoor .banner-categoria {background-image:url('/assets/img/webdoor-categoria-1280.webp');} #webdoor .banner-faq {background-image:url('/assets/img/webdoor-faq-1280.webp');} #webdoor .banner-meu-perfil {background-image:url('/assets/img/webdoor-meu-perfil-1280.webp');background-position:center 45%;} #webdoor .banner-meus-conteudos {background-image:url('/assets/img/webdoor-meus-conteudos-1280.webp');background-position:center 20%;} #webdoor .banner-dicas {background-image:url('/assets/img/webdoor-dicas-1280.webp');} #webdoor .banner-blog {background-image:url('/assets/img/webdoor-blog-1280.webp');background-position: center 10%;} #webdoor .banner-termos {background-image:url('/assets/img/webdoor-categoria-1280.webp');} #webdoor .banner-privacidade {background-image:url('/assets/img/webdoor-categoria-1280.webp');} } @media screen and (max-width:600px) { #webdoor .banner-categoria {background-image:url('/assets/img/webdoor-categoria-600.webp');} #webdoor .banner-faq {background-image:url('/assets/img/webdoor-faq-600.webp');} #webdoor .banner-meu-perfil {background-image:url('/assets/img/webdoor-meu-perfil-600.webp');background-position:center 45%;} #webdoor .banner-meus-conteudos {background-image:url('/assets/img/webdoor-meus-conteudos-600.webp');background-position:center 20%;} #webdoor .banner-dicas {background-image:url('/assets/img/webdoor-dicas-600.webp');} #webdoor .banner-blog {background-image:url('/assets/img/webdoor-blog-600.webp');background-position: center 10%;} #webdoor .banner-termos {background-image:url('/assets/img/webdoor-categoria-600.webp');} #webdoor .banner-privacidade {background-image:url('/assets/img/webdoor-categoria-600.webp');} } h2 {color:var(--darkblue);font-size:2.2em;text-transform:uppercase;font-weight:400;max-width:1000px;margin:0 auto;} @media screen and (min-width:1125px) { #webdoor .banner-interno:before {width: 25vw;height: 25vw;} #webdoor .banner-interno .txt {font-size: 2vw;padding:3vw 0 0 2vw;} #webdoor .banner-interno .txt p.subtitulo {width: 17vw;padding-top:1vw;} } @media screen and (max-width:1124px) { #webdoor .banner-interno:before {width: 280px;height: 280px;} #webdoor .banner-interno .txt {font-size: 22px;padding:33px 0 0 22px;} #webdoor .banner-interno .txt p.subtitulo {width: 182px;padding-top:11px;} } #content {padding:5vw 0;} .section {display:flex;width:100%;} .section .mod-2col {width:10vw;display:flex;flex-wrap:wrap;height: max-content;} .section .mod-2col .mod-single {width:50%;} .section .mod-2col .mod-double {width:100%;} .section .mod-2col img {width:100%;display: block;} .section .mod-3col {width:10vw;display:flex;flex-wrap:wrap;height: max-content;} .section .mod-3col .mod-single {width:33.3333333%;} .section .mod-3col .mod-double {width:66.6666666%;} .section .mod-3col img {width:100%;display: block;} .section .principal {flex:1;width:100%;} .section .mod-rot1 {transform: rotate(90deg);} .section .mod-rot2 {transform: rotate(180deg);} .section .mod-rot3 {transform: rotate(270deg);} .mod1-1 {background-image:url('/assets/img/mod1-1.svg');background-size:cover;background-repeat:repeat;width:5vw;height:5vw;} .mod1-2 {background-image:url('/assets/img/mod1-2.svg');background-size:cover;background-repeat:repeat;width:5vw;height:5vw;} .mod1-3 {background-image:url('/assets/img/mod1-3.svg');background-size:cover;background-repeat:repeat;width:5vw;height:5vw;} .mod2-1 {background-image:url('/assets/img/mod2-1.svg');background-size:cover;background-repeat:repeat;width:5vw;height:5vw;} .mod2-2 {background-image:url('/assets/img/mod2-2.svg');background-size:cover;background-repeat:repeat;width:5vw;height:5vw;} .mod2-3 {background-image:url('/assets/img/mod2-3.svg');background-size:cover;background-repeat:repeat;width:5vw;height:5vw;} .mod3-1 {background-image:url('/assets/img/mod3-1.svg');background-size:cover;background-repeat:repeat;width:5vw;height:5vw;} .mod3-2 {background-image:url('/assets/img/mod3-2.svg');background-size:cover;background-repeat:repeat;width:5vw;height:5vw;} .mod3-3 {background-image:url('/assets/img/mod3-3.svg');background-size:cover;background-repeat:repeat;width:5vw;height:5vw;} #content .principal h1 { color: var(--darkblue); font-size: 2.2em; text-transform: uppercase; font-weight: 400; max-width: 1000px; margin: 0 auto; } #content .section .logo-intro {width:30vw;margin:3vw auto;display:block;height: auto;} #content .section .cardholder {width:80vw;margin:1vw auto;display:flex;justify-content:center;flex-wrap:wrap;} #content .section .cardholder .card {width:15.5em;display:flex;flex-direction:column;font-size:21px;border-radius: 1.1em;overflow: hidden;margin:2vw;box-shadow:0 0 9px 3px rgba(0,0,0,0.1);background-color: var(--darkblue);} #content .section .cardholder .card .topo {height:7.5em;background-color:var(--darkblue);display: flex;justify-content:center;align-items:flex-end;} #content .section .cardholder .card .topo .icon {height:4.5em;width:4.5em;background-color: var(--green);border-radius:500px;margin-bottom:-2.25em;/*! box-shadow:0px 3px 5px 2px rgba(0,0,0,0.17); */color:#ffffff;display:flex;justify-content: center;align-items: center;border: 6px solid #fff;position: relative;} #content .section .cardholder .card .topo .icon i {font-size:2em;} #content .section .cardholder .card .topo .icon img {width:2em;} #content .section .cardholder .card .txt {padding:4em 1em 3em 1em;background-color:var(--darkblue);color:#ffffff;} #content .section .cardholder .card .txt h2 {font-size:1em;padding:0 0 0.5em 0; color: #fff; text-transform: none; font-weight: bold;} #content .section .cardholder .card .txt h2 span {color:var(--lightblue);font-size:1.5em;display:block;} #content .section .cardholder .card .txt p {font-size:0.85em;} #content .section .cardholder .card .card-personalizacao {background-image: url('/assets/img/conteudo-personalizado.webp');background-size: cover;background-position: center center;background-repeat: no-repeat;} #content .section .cardholder .card .card-dicas {background-image: url('/assets/img/dicas-especiais.webp');background-size: cover;background-position: center center;background-repeat: no-repeat;} #content .section .cardholder .card .card-material-exclusivo {background-image: url('/assets/img/material-exclusivo.webp');background-size: cover;background-position: center center;background-repeat: no-repeat;} @media screen and (min-width:1550px) { #content .section .cardholder .card {font-size:21px;} #content .section .cardholder .card:first-child {margin-left:0;} #content .section .cardholder .card:last-child {margin-right:0;} .bt-cta {font-size:20px;} } @media screen and (min-width:1280px) and (max-width:1549px) { #content .section .cardholder .card {font-size:18px;} #content .section .cardholder .card:first-child {margin-left:0;} #content .section .cardholder .card:last-child {margin-right:0;} .bt-cta {font-size:19px;} } @media screen and (min-width:768px) and (max-width:1279px) { #content .section .cardholder .card {font-size:16px;} .principal .bt-cta {font-size:18px;} } @media screen and (max-width:767px) { #content .section .cardholder .card {font-size:16px;margin:18px;} .principal .bt-cta {font-size:16px;} } @media screen and (max-width:680px) and (orientation:landscape){ #content .section .cardholder .card {flex-direction:row;width:25em;} #content .section .cardholder .card .topo {height:unset;width:19em;justify-content: flex-end;align-items: center;} #content .section .cardholder .card .topo .icon {margin-bottom: unset;margin-right:-2.25em;} #content .section .cardholder .card .txt {padding: 4em 1em 3em 2.8em;} } .section .box {display: flex;max-width: 1000px;width: 100%;margin: 0 auto 5vw auto;font-size:18px;border-radius: 1.1em;overflow: hidden;box-shadow:0 0 9px 3px rgba(0,0,0,0.1);} .section .box .foto {width: 40%;background-color: var(--darkblue);display: flex;justify-content:flex-end;background-size:cover;background-position:center center;} .section .box .foto .icon {height:4.5em;width:4.5em;background-color: var(--green);border-radius:500px;margin: 4.5em -2.25em 0 0;color:#ffffff;display:flex;justify-content: center;align-items: center;border: 6px solid #fff;} .section .box .foto .icon i {font-size:2em;} .section .box .foto-login {background-image:url('/assets/img/foto_login.jpg');} .section .box .foto-cadastro {background-image:url('/assets/img/foto_cadastro.jpg');} .section .box .foto-exclusivo {background-image:url('/assets/img/foto_conteudo_exclusivo.jpg');} .section .box .txt {padding: 3vw 1.5em;text-align:left;width:60%;font-size: 1.9em;} .section .box .txt .logo-login {width:100%;margin:0 0 2vw 0;} .section .box .txt p {font-weight: 400;font-size:1em;margin-bottom:1em; } .section .box .txt form {/*font-size:18px;*/ margin:1em 0; } .section .box .txt form label {font-weight: 700;font-size: 1.1em;} .section .box .txt form input {display: block;border:1px solid #c9c9c9;padding:0.5em 1em;border-radius: 0.4em;margin: 0.5em 0 1em 0;font-size: 1.1em;width: 100%;transition:all 0.4s;} .section .box .txt form select {display: block;border:1px solid #c9c9c9;padding:.4em .6em;border-radius: 0.4em;margin: 0.5em 0 1em 0;font-size: 1.1em;width: 100%;transition:all 0.4s; background-color: transparent;} .section .box .txt form input:focus {box-shadow:0 0 9px var(--lightblue);} .section .conteudo-exclusivo .box .txt .bt-cta span:first-child { display:none; } .section .box .txt form p {font-weight: 400;font-size:1em;} .section .box .txt form .fancy-checkbox input[type="checkbox"] {display: none;} .section .box .txt form .fancy-checkbox {display: inline-block;font-weight: 400;font-size:1em; margin-bottom:1em;} .section .box .txt form .fancy-checkbox .icon-checkbox {font-family:'Material Design Icons';font-size:1.1em;width: 1em;height: 1em;display: inline-block;font-style: normal;margin: 0 0.2em 0 0;position: relative;} .section .box .txt form .fancy-checkbox input[type="checkbox"] + .icon-checkbox::before {content: '\F0131';color:#ccc;position: absolute;opacity:1;transition:all 0.4s;} .section .box .txt form .fancy-checkbox input[type="checkbox"] + .icon-checkbox::after {content: '\F0135';color:var(--green);opacity:0;transition:all 0.4s;} .section .box .txt form .fancy-checkbox input[type="checkbox"]:checked + .icon-checkbox::before {content: '\F0131';color:#ccc;position: absolute;opacity:0;transition:all 0.4s;} .section .box .txt form .fancy-checkbox input[type="checkbox"]:checked + .icon-checkbox::after {content: '\F0135';color:var(--green);opacity:1;transition:all 0.4s;} .section .box .txt form .fancy-radio input[type="radio"] {display: none;} .section .box .txt form .fancy-radio {display: inline-block;font-weight: 400;font-size:1em; margin-bottom:1em;} .section .box .txt form .fancy-radio .icon-radio {font-family:'Material Design Icons';font-size:1.1em;width: 1em;height: 1em;display: inline-block;font-style: normal;margin: 0 0.2em 0 0;position:relative;} .section .box .txt form .fancy-radio input[type="radio"] + .icon-radio::before {content: '\F043D';color:#ccc;position: absolute;opacity:1;transition:all 0.4s;} .section .box .txt form .fancy-radio input[type="radio"] + .icon-radio::after {content: '\F043E';color:var(--darkblue);opacity:0;transition:all 0.4s;} .section .box .txt form .fancy-radio input[type="radio"]:checked + .icon-radio::before {content: '\F043D';color:#ccc;opacity:0;transition:all 0.4s;} .section .box .txt form .fancy-radio input[type="radio"]:checked + .icon-radio::after {content: '\F043E';color:var(--darkblue);opacity:1;transition:all 0.4s;} .section .box .txt form .fancy-toggle input[type="checkbox"] {display: none;} .section .box .txt form .fancy-toggle {display: inline-flex;font-weight: 400;font-size:1em; margin-bottom:1em;align-items: center} .section .box .txt form .fancy-toggle > span {height:1.15em;width:2em;border-radius:500px;border:0.1em solid grey;display:inline-flex;margin: 0 6px 0 0;padding:0.1em;transition:all 0.4s;} .section .box .txt form .fancy-toggle input[type="checkbox"] + span {padding:0.15em;} .section .box .txt form .fancy-toggle input[type="checkbox"]:checked + span {padding:0.15em;} .section .box .txt form .fancy-toggle > span img {border-radius:500px;transition:all 0.4s;height:100%;width:auto;transition: all 0.4s} .section .box .txt form .fancy-toggle input[type="checkbox"] + span img {background-color:lightgrey;margin:0 0 0 0;} .section .box .txt form .fancy-toggle input[type="checkbox"]:checked + span img {background-color:var(--lightblue);margin:0 0 0 0.85em;} .section .box .txt form button {border:none;background-color: var(--lightblue);border-radius: 600px;height: 2.5em;display: flex;width: max-content;width: -webkit-max-content;margin: 2vw auto 0 auto;transition: all 0.4s;font-size: 1.25em;font-weight: 300;color: #ffffff;padding: 0 1.5em 0 1.5em;position:relative;align-items: center;transition:all 0.4s;overflow:hidden;} .section .box .txt form button:before {font-family:'Material Design Icons';content: "\F012C";position: absolute;background-color: rgba(0,0,0,0.17);border-radius: 500px;color: #ffffff;height: 1.66666em;width: 1.66666em;display: inline-flex;justify-content: center;align-items: center;font-size: 1.5em;left:-1.7em;top:0;transition:all 0.4s;} .section .box .txt form button:hover {background-color: var(--green);padding:0 1.5em 0 3.75em;} .section .box .txt form button:hover:before {left:0;} @media screen and (min-width:1280px) { .section .box {font-size:18px;} } @media screen and (min-width:1000px) and (max-width:1279px) { .section .box {font-size:16px;} } @media screen and (max-width:999px){ .section .box {font-size:15px;} } @media screen and (max-width:999px) and (orientation:portrait){ .section .box {flex-direction: column;} .section .box .foto {width: 100%;justify-content: center;align-items:flex-end;height: 45vw;} .section .box .foto-login {background-position:50% 70%;} .section .box .foto-cadastro {background-position:50% 0%;} .section .box .foto .icon {margin: 0 0 -2.25em 0;} .section .box .txt {padding: 2.5em 2em;width:100%;} } /*#content-interno .title-txt {width:90%;color:var(--darkblue);position: relative;font-size: 36px;padding:0.5em 2em;background-color:#ffffff;border-radius:0.25em;margin:-3vw auto 2vw auto;} #content-interno .title-txt p:first-child {text-transform:uppercase;font-size:1.25em;padding-bottom:0.25em;letter-spacing:0.04em;font-weight:700;} #content-interno .title-txt p.bread {font-size:0.6em;letter-spacing:0.05em;}*/ #content-interno {/* padding-bottom:10vw; */ width:100%;} @media screen and (min-width:1280px) { #content-interno {font-size: 36px;} #content-interno.nowebdoor {padding-top: 90px;} } @media screen and (min-width:1000px) and (max-width:1279px) { #content-interno {font-size: 30px;} #content-interno.nowebdoor {padding-top: 75px;} } @media screen and (max-width:999px){ #content-interno {font-size: 28px;} #content-interno.nowebdoor {padding-top: 45px;} #content-interno .single {flex-direction:column;} } #content-interno h1 {color:var(--darkblue);font-weight:400;font-size:1.5em;padding:1em 0;} #content-interno .principal .topo.closed { height:0 !important; padding:0 !important; margin:0 !important; overflow: hidden; } #content-interno .principal .topo p { margin: 0 12vw 1vh; font-size: .7em; } #content-interno .principal .topo h1 { margin: 3vh auto 1vh; padding: 0; font-weight: 700; font-size: 1.3em; } #content-interno .principal .topo h1 span{ color: var(--lightblue); } #content-interno .principal .topo h2 { color: var(--lightblue); font-size: .7em; margin: 0 auto 1vh; } #content-interno .principal .section-topo { margin: 4vh auto 0; max-width: 1000px; font-size:18px; } #content-interno .principal .section-topo h2 { color: var(--darkblue); font-size: 2.2em; text-transform: uppercase; font-weight: 400; } #content-interno .principal .section-topo h1 { color: var(--lightblue); font-size: 1.6em; text-transform: uppercase; letter-spacing: 0.05em; margin:0; padding:0; } #content-interno #navPaginacao { font-size: 20px } #content-interno #navPaginacao a::after { display:none; } /*#content .section .principal .bt-cta {background-color: var(--lightblue);border-radius: 600px;height:80px;display: flex;width: max-content;width: -webkit-max-content;margin: 2vw auto;transition:all 0.4s;} #content .section .principal .bt-cta:after {display:none;} #content .section .principal .bt-cta span:first-child {background-color: rgba(0,0,0,0.17);border-radius:500px;color:#ffffff;height:80px;width:80px;display: inline-flex;justify-content:center;align-items:center;font-size:2em;} #content .section .principal .bt-cta span:last-child {font-size:1.5em;font-weight:300;color:#ffffff;padding:0 40px 0 20px;display: inline-flex; justify-content: center;align-items: center;} #content .section .principal .bt-cta:hover {background-color: var(--green);} #content .section .principal .bt-cta {background-color: var(--lightblue);border-radius: 600px;height:4em;display: flex;width: max-content;width: -webkit-max-content;margin: 2vw auto;transition:all 0.4s;} #content .section .principal .bt-cta:after {display:none;} #content .section .principal .bt-cta span:first-child {background-color: rgba(0,0,0,0.17);border-radius:500px;color:#ffffff;height:2em;width:2em;display: inline-flex;justify-content:center;align-items:center;font-size:2em;} #content .section .principal .bt-cta span:last-child {font-size:1.5em;font-weight:300;color:#ffffff;padding:0 1.4em 0 0.7em;display: inline-flex; justify-content: center;align-items: center;} #content .section .principal .bt-cta:hover {background-color: var(--green);}*/ /* .bt-cta {background-color: var(--lightblue);border-radius: 600px;height:80px;display: flex;width: max-content;width: -webkit-max-content;margin: 2vw auto;transition:all 0.4s;} .bt-cta:after {display:none;} .bt-cta span:first-child {background-color: rgba(0,0,0,0.17);border-radius:500px;color:#ffffff;height:80px;width:80px;display: inline-flex;justify-content:center;align-items:center;font-size:2em;} .bt-cta span:last-child {font-size:1.5em;font-weight:300;color:#ffffff;padding:0 40px 0 20px;display: inline-flex; justify-content: center;align-items: center;} .bt-cta:hover {background-color: var(--green);}*/ .bt-cta {background-color: var(--lightblue);border-radius: 600px;height:4em;display: flex;width: max-content;width: -webkit-max-content;margin: 2vw auto;transition:all 0.4s;} .bt-cta:after {display:none;} .bt-cta span:first-child {background-color: rgba(0,0,0,0.17);border-radius:500px;color:#ffffff;height:2em;width:2em;display: inline-flex;justify-content:center;align-items:center;font-size:2em;} .bt-cta span:last-child {font-size:1.5em;font-weight:300;color:#ffffff;padding:0 1.4em 0 0.7em;display: inline-flex; justify-content: center;align-items: center;width: max-content;width: -webkit-max-content;} .bt-cta:hover {background-color: var(--green);} .bt-cta span img {width:1em;} /* BLOG */ #content-interno .single {display: block;padding: 3vw 3vw 0 3vw;max-width: 1400px;margin: 0 auto;width: 100%;} #content-interno .single .sided {display:flex;} #content-interno .single article {text-align:left;padding: 0 4vw 0 1vw; max-width:920px; } #content-interno .single article p.data {text-align:left;font-size:0.45em !important; padding: 7px 8px 7px; width: max-content;width: -webkit-max-content; background: #00994d; color: #fff; border-radius: 0 10px 10px 0; margin:0 0 3.5vh 0;} #content-interno .single article p.data i { margin-right:.35em} #content-interno .single article p.data span.autoria { margin-left:.6em} #content-interno .single article .breadcrumbs ul { font-size: .5em; margin: 0 0 1em !important; padding: 0 !important; list-style: none; display: flex; align-items: center; } #content-interno .single article .breadcrumbs ul li { white-space:nowrap; font-size: 1em !important;} #content-interno .single article .breadcrumbs ul li + li::before { content:"‣"; margin:0 .4em; } #content-interno .single article .breadcrumbs ul li.start + li::before { content:""; margin:0 .1em; } #content-interno .single article .breadcrumbs ul li a { font-weight: 100; color:#444; } #content-interno .single article .breadcrumbs ul li:last-child { color:#333; } #content-interno .single article .breadcrumbs ul li a:hover { color:var(--lightblue); } #content-interno .single article .breadcrumbs ul li i { font-size:1.5em; color:#444; } @media screen and (max-width:920px){ #content-interno .single article .breadcrumbs ul li.atual span { display:none; } } #content-interno .single article .article-cats { margin: 4vh 0 0; } #content-interno .single article .article-cats ul { margin: 0; padding: 2px 0 !important; list-style: none; font-size: .48em; width: 100%; border-top: 1px solid #aaa; color: #333; } #content-interno .single article .article-cats ul li { display: inline-block; font-size:1em !important } #content-interno .single article .article-cats ul li:first-child { color:var(--darkblue); font-weight: 600; } #content-interno .single article .article-cats ul li a { padding: 0.35em; display: inline-block; border-radius: 50px; transition:250ms } #content-interno .single article .article-cats ul li a:hover { padding: .35em .8em; background: var(--green); color:#fff } #content-interno .single article .article-cats ul li a::after { display:none; } #content-interno .single article span {font-size:1em !important; } #content-interno .single article > span {font-size:1em !important; margin-bottom: 1.2em !important; text-align: justify !important; } #content-interno .single article h1 {font-size:1.3em !important; padding: 0 0 .35em 0 !important; font-weight: 700 !important;} #content-interno .single article h2 {font-family: 'Helvetica Neue',sans-serif !important;font-size: 1em !important; margin-bottom: .5em !important; color: var(--darkblue) !important; text-transform: initial !important; font-weight: 400 !important;} #content-interno .single article h3 {font-family: 'Helvetica Neue',sans-serif !important;font-size: .65em !important; margin-bottom: .5em !important; color: #222 !important; text-transform: initial !important;} #content-interno .single article h4 {font-family: 'Helvetica Neue',sans-serif !important;font-size: .55em !important; margin-bottom: 1em !important; color: #222 !important; text-transform: initial !important;} #content-interno .single article > p {font-size: .5em !important; margin-bottom: 1.2em !important; text-align: justify !important; } #content-interno .single article > span p, #content-interno .single article > div p {font-size: .5em !important; margin-bottom: 1.2em !important; text-align: justify !important;} #content-interno .single article > p span, #content-interno .single article p span, #content-interno .single article > h1 span, #content-interno .single article > h2 span, #content-interno .single article > h3 span, #content-interno .single article > h4 span {font-family: 'Helvetica Neue',sans-serif !important; color:inherit !important; text-decoration: none !important; font-size:1em !important; white-space: initial !important; } #content-interno .single article span br, #content-interno .single article h1 br, #content-interno .single article h1 span br, #content-interno .single article span h1 span br, #content-interno .single article h2 br, #content-interno .single article h2 span br, #content-interno .single article span h2 span br, #content-interno .single article h3 br, #content-interno .single article h3 span br, #content-interno .single article span h3 span br, #content-interno .single article h4 br, #content-interno .single article h4 span br, #content-interno .single article span h4 span br { display:none !important;} #content-interno .single article > p > br, #content-interno .single article > p span br, #content-interno .single article > p b br { display:none !important; } #content-interno .single article > p a { color:#006aaa !important; } #content-interno .single article > p a::after { color:#006aaa !important; } #content-interno .single article p a span { color:#006aaa !important; font-family: 'Helvetica Neue',sans-serif !important; text-decoration: none !important; font-size:1em !important; white-space: initial !important; } #content-interno .single article ul { padding-left:1em !important;margin-bottom:.5em !important; } #content-interno .single article ol { padding-left:1em !important;margin-bottom:.5em !important; } #content-interno .single article ol li { font-family: 'Helvetica Neue',sans-serif !important; font-size:1em !important } #content-interno .single article span ul, #content-interno .single article span ol { margin-bottom:.5em !important; margin-left:1em !important; } #content-interno .single article span ul li, #content-interno .single article span ol li { font-family: 'Helvetica Neue',sans-serif !important; font-size:1em !important } #content-interno .single article ul li, #content-interno .single article ol li {font-size: 0.5em !important; line-height: 1em !important;} #content-interno .single article > ul li, #content-interno .single article > ol li {font-size: 0.5em !important; line-height: 1.5em !important;} #content-interno .single article ul li::marker, #content-interno .single article ol li::marker {font-size: 1em !important; color: var(--darkblue) !important; font-weight: 700; font-family: 'Helvetica Neue',sans-serif !important;} #content-interno .single article > p img { margin: 1.2em 0; border-radius: 10px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; max-width:100%; } #content-interno .single article > p img.note-float-right { margin: 0 0 1.2em 1.3em; border-radius: 10px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; } #content-interno .single article > p img.note-float-left { margin: 0 1.2em 1.3em 0; border-radius: 10px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; } #content-interno .single article .conteudo-exclusivo p {font-size: 1em;} #content-interno .single article .conteudo-exclusivo {position: relative;z-index: 1;margin-top:2em;} #content-interno .single article .conteudo-exclusivo p.blurry { padding: 0.35em; -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);position:absolute;z-index:-1;margin-top:-2em;font-size: 0.72em; } #content-interno .single article .conteudo-exclusivo .viewcontent { border-radius:10px; /*position: absolute; top: 2.4vh;*/ background: var(--lightgrey); padding: 0 0 1vw; text-align: center; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);width:100%;} #content-interno .single article .conteudo-exclusivo .viewcontent h2 { background: var(--darkblue); color: #fff; padding: .7vh 0;font-size:1.3em } #content-interno .single article .conteudo-exclusivo .viewcontent h2 i { margin-right:.35em } #content-interno .single article .conteudo-exclusivo .viewcontent p { padding: 0 2vw; text-align: center;font-size:0.8em;margin-bottom:0.9em;} #content-interno .single article .conteudo-exclusivo .viewcontent .bt-cta {font-size: .7em;} #content-interno .single article .vidcontainer { max-width: 680px; width:100%; } #content-interno .single article .vidcontainer .vidbox { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom:1em; } #content-interno .single article .vidcontainer .vidbox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width:1280px){ #content-interno .single article {padding: 0 4vw 0 1vw;} #content-interno .single article .conteudo-exclusivo {font-size:25px;} } @media screen and (min-width:1000px) and (max-width:1279px){ #content-interno .single article {padding: 0 4vw 0 1vw;} #content-interno .single article .conteudo-exclusivo {font-size:19px;} } @media screen and (max-width:999px){ #content-interno .single article {padding: 0 1vw;} #content-interno .single article .conteudo-exclusivo {font-size:19px;} #content-interno .single article .conteudo-exclusivo .viewcontent .bt-cta {font-size: .65em;} } @media screen and (max-width:900px){ #content-interno .single .sided { display:block; } } #content-interno .single .submenu {font-size: 0.4em;text-align: left;width: 35vw;min-width:320px;} @media screen and (max-width:999px){ #content-interno .single .submenu { width: 100%; font-size: .45em; } } /*#content-interno .single .submenu h3 {padding:8px;font-weight:400;}*/ #content-interno .single .submenu p.sidebar-h {padding:8px; font-size: 1.55em; font-weight:700;color:var(--darkblue);} #content-interno .single .submenu p.sidebar-h::before { color:var(--green); content: "."; height: 2em; width: 5px; border-radius: 10px; background-color: var(--green); margin-right: .4em; } #content-interno .single .submenu .cta-article .bt-cta { width:100%; max-width:380px;width: max-content; } #content-interno .single .submenu .cta-article .bt-cta span:last-child {font-size: 18px;} /* #content-interno .single .submenu h3.sidebar-h.categoria:before {font-family:'Material Design Icons'; content:'\F04F9';margin:0 5px 0 0;font-size:1.2em;color: var(--darkblue);} #content-interno .single .submenu h3.sidebar-h.leiamais:before {font-family:'Material Design Icons'; content:'\F10BB';margin:0 5px 0 0;font-size:1.2em;color: var(--lightblue);} #content-interno .single .submenu h3.sidebar-h.ebook:before {font-family:'Material Design Icons'; content:'\F05DA';margin:0 5px 0 0;font-size:1.2em;color: var(--green);} #content-interno .single .submenu h3.sidebar-h.video:before {font-family:'Material Design Icons'; content:'\F0567';margin:0 5px 0 0;font-size:1.2em;color: var(--orange);} */ #content-interno .single .submenu ul.categoria-drops { margin: 0 0.5em 1.6em 0; display: flex; width: 100%; align-items: center; justify-content: flex-start; flex-wrap: wrap; } #content-interno .single .submenu ul.categoria-drops li { display: inline-block; margin: 0.4em 0.2em 0.4em 0;} #content-interno .single .submenu ul.categoria-drops li a { padding: 0.35em; display: inline-block; border-radius: 50px; transition:250ms } #content-interno .single .submenu ul.categoria-drops li a:hover { padding: .35em .5em; background: var(--green); color:#fff } #content-interno .single .submenu ul.categoria-drops li a::after { display:none; } #content-interno .single .submenu ul.ultpub li { display: block; min-height: 80px; height: 6.5vw; margin: 1em 1em 0.2em 0; padding: 0 0 0 7px; } #content-interno .single .submenu ul.ultpub li a {display: flex; align-items: center; justify-content: flex-start; height: 100%; width: 100%; padding: 0; border-radius: 0.5em; overflow: hidden; box-shadow: 2px 2px 5px #ddd; } #content-interno .single .submenu ul.ultpub li a span:first-child { display: block; height: 100%; width: 30%; overflow: hidden; } /*#content-interno .single .submenu ul.ultpub li a span:first-child img { width: 7em; height: 5em; object-fit: cover; min-height: 10vw; }*/ #content-interno .single .submenu ul.ultpub li a span:first-child img { width: 7em;height: 100%;object-fit: cover;min-height: 10vw; } #content-interno .single .submenu ul.ultpub li a span:last-child { width: 70%; padding: 0 0.5em; font-weight: 400; } #content-interno .single #pubrelacionadas { display: block; width: 100%; padding: 4vh 0.4em } #content-interno .single #pubrelacionadas p.titulos { padding: 0 0 1em 0; font-size: .7em; font-weight: 700; color: var(--darkblue); text-align: left; } #content-interno .single #pubrelacionadas p.titulos::before { color: var(--green); content: "."; height: 2em; width: 5px; border-radius: 10px; background-color: var(--green); margin-right: 0.4em; } /*#content-interno .single #pubrelacionadas ul.ultpub { display: flex; align-items: center; justify-content: space-between; width: 100%; } #content-interno .single #pubrelacionadas ul.ultpub li { display: block; min-height: 80px; height: 6.5vw; max-width: 32%; }*/ #content-interno .single #pubrelacionadas ul.ultpub { display: flex;align-items: center;justify-content: flex-start;width: 100%;flex-wrap: wrap; } #content-interno .single #pubrelacionadas ul.ultpub li { display: block;min-height: 80px;height: 6.5vw;max-width: 30%;min-width: 300px;margin: 0.35em 0.25em; } #content-interno .single #pubrelacionadas ul.ultpub li a { display: flex; align-items: center; justify-content: flex-start; height: 100%; width: 100%; padding: 0; border-radius: 0.5em; overflow: hidden; box-shadow: 2px 2px 5px #ddd; transition:250ms} #content-interno .single #pubrelacionadas ul.ultpub li a::after { display:none } #content-interno .single #pubrelacionadas ul.ultpub li a:hover { background: var(--green); color: #fff; } #content-interno .single #pubrelacionadas ul.ultpub li a span:first-child { display: block; height: 100%; width: 30%; overflow: hidden; } /*#content-interno .single #pubrelacionadas ul.ultpub li a span:first-child img { width: 7em; height: 5em; object-fit: cover; min-height: 10vw; }*/ #content-interno .single #pubrelacionadas ul.ultpub li a span:first-child img {width: 100%;height: 100%;object-fit: cover;min-height: 10vw;} #content-interno .single #pubrelacionadas ul.ultpub li a span:last-child { width: 70%; padding: 0 0.5em; font-weight: 400; font-size:.5em } @media screen and (max-width:400px){ #content-interno .single article p.data {background-color:transparent;color:#000000;} #content-interno .single article p.data span.autoria {margin:0.5em 0 0 0;display:block} #content-interno .single .submenu {min-width:unset;} #content-interno .single .submenu .cta-article .bt-cta span:last-child { font-size: 1.32em; } #content-interno .single #pubrelacionadas ul.ultpub li {margin: 0.35em 0;max-width: 310px;min-width: unset; } } @media screen and (max-width:900px){ #content-interno .single .submenu ul.ultpub { display: flex;flex-wrap: wrap;justify-content: flex-start; } #content-interno .single .submenu ul.ultpub li { display: block; min-height: 80px; height: 6.5vw; margin: 1em 1em 0.2em 0; padding: 0 0 0 7px; flex: 1 0 100%;max-width: 310px;} } #content-interno .single .submenu ul {list-style: none;margin:0 0 1.6em 0;} #content-interno .single .submenu ul li { margin: .4em 0 .4em 12px; display:flex; align-items:center; font-size: 1.1em; } #content-interno .single .submenu ul li i { font-size: 1.05em; vertical-align: middle; margin-right: .4em; color: #444; } #content-interno .single .submenu ul li a { padding: 10px 14px; transition: 300ms; border-radius: 1em; } #content-interno .single .submenu ul li a::after { display:none; } #content-interno .single .submenu ul li a:hover { /*box-shadow: 0 0 10px rgba(33, 29, 113, .3); color: var(--darkblue);*/ background: var(--green); color: #fff; } #content-interno .single .submenu ul li a:hover i { color: #fff; } #content-interno .single .submenu .ctabox { position: relative; height: 340px; width: 300px; margin: 5vh auto; } #content-interno .single .submenu .ctabox a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; } #content-interno .single .submenu .ctabox a img { width: 100%; object-fit: cover; height: 100%; display: block; } #content-interno .single .submenu .ctabox a .desc { background: rgb(255 255 255); color: #2196f3; position: absolute; bottom: 0; padding: 10% 5%; width: 100%; text-align: center; } #content-interno .single .submenu .ctabox a .desc p { color:red; } #content-interno .single .submenu .ctabox.full { width:100%; max-width:300px; height:auto; } #content-interno .single .submenu .ctabox.full a { position:relative; display:block; transition:300ms} #content-interno .single .submenu .ctabox.full a:hover {transform: scale(1.15);} #content-interno .single .submenu .ctabox.full a::after { display:none; } #content-interno .single .submenu .ctabox.full a img { object-fit: initial; } /* CARROSSEL */ #destaque {padding:5vw 2vw 10vw 2vw;background-color: var(--lightgrey);font-size:18px;} #destaque p.titulo-detalhe {color:var(--lightblue);font-size:1.2em;text-transform:uppercase;letter-spacing:0.05em;} #destaque .carrossel-container {width:94%;max-width:1450px;margin:4vw auto;} #destaque .carrossel-container .draggable {padding: 15px 0;} #destaque .carrossel-item {text-align: left;margin:0 auto;position: relative;box-shadow: 0 0 9px 3px rgba(0,0,0,0.1);border-radius: 20px;overflow: hidden;background-color:#ffffff;} #destaque .carrossel-item .carr-img {position: absolute;height: 100%;top: 0px;overflow: hidden;} #destaque .carrossel-item .carr-img img {width:100%;object-fit: cover;width: 100%;display: block;} #destaque .carrossel-item .carr-txt {padding: 1.25em;margin: 17em 0 30px 0;position: relative;background-color: #ffffff;min-height: 21em;display: flex;flex-direction: column;} #destaque .carrossel-item .carr-txt h3 {color:var(--darkblue);font-size:1.5em;padding:0.5em 0;font-weight:700;} #destaque .carrossel-item .carr-txt h3 a:hover { text-decoration: underline; } #destaque .carrossel-item .carr-txt h3 a::after { display:none; } #destaque .carrossel-item .carr-txt p.data {font-size: 0.85em !important;padding: 0 0 1em 0;} #destaque .carrossel-item .carr-txt p.data:before {font-family:'Material Design Icons'; content:'\F0E17';margin:0 5px 0 0;font-size:1em;} #destaque .carrossel-item .carr-txt p {font-size: 0.9em;} #destaque .carrossel-item .carr-txt p:last-child a {overflow:hidden;display:inline-block;background-color:var(--lightblue);width: max-content;width: -webkit-max-content;padding:0.6em 1.25em;color:#ffffff;font-size:1.1em;margin:0.5em 0 0 auto;border-radius:500px;transition:all 0.4s;} #destaque .carrossel-item .carr-txt p:last-child a:after {display:none;} #destaque .carrossel-item .carr-txt p:last-child a:hover {background-color:var(--green);} #destaque .carrossel-item .carr-txt p:last-child a:before {display:none;} #destaque .carrossel-item .carr-txt p:last-child a:hover:before {left:0;} /* #destaque .carrossel-item .carr-txt p:last-child a:hover {background-color:var(--green);padding:0.6em 1.25em 0.6em 2.5em;} #destaque .carrossel-item .carr-txt p:last-child a:before {transition:all 0.4s;font-family:'Material Design Icons';content: '\F0142';position: absolute;left: -2.5em;top: 0;padding: 0.6em;background-color: rgba(0,0,0,0.1);border-radius: 500px;} #destaque .carrossel-item .carr-txt p:last-child a:hover:before {left:0;} */ #destaque .carrossel-item .carr-txt p:last-child {display: flex;flex-direction: column;justify-content: space-between;flex: 1;} #destaque .carrossel-item .novidade-blog:before {content: 'BLOG';position: absolute;right: 0;background-color: var(--lightblue);color: #ffffff;padding: 0 1em 0 1.5em;top: -1.5625em;border-top-left-radius: 1.5625em;border-bottom-left-radius: 1.5625em;height: 3.125em;display: flex;align-items: center;border-top: 5px solid #ffffff;border-left: 5px solid #ffffff;border-bottom: 5px solid #ffffff;box-sizing: border-box !important;} #destaque .carrossel-item .novidade-dicas:before {content: 'DICAS';position: absolute;right: 0;background-color: var(--green);color: #ffffff;padding: 0 1em 0 1.5em;top: -1.5625em;border-top-left-radius: 1.5625em;border-bottom-left-radius: 1.5625em;height: 3.125em;display: flex;align-items: center;border-top: 5px solid #ffffff;border-left: 5px solid #ffffff;border-bottom: 5px solid #ffffff;box-sizing: border-box !important;} #destaque .carrossel-item .novidade-faq:before {content: 'FAQ';position: absolute;right: 0;background-color: var(--darkblue);color: #ffffff;padding: 0 1em 0 1.5em;top: -1.5625em;border-top-left-radius: 1.5625em;border-bottom-left-radius: 1.5625em;height: 3.125em;display: flex;align-items: center;border-top: 5px solid #ffffff;border-left: 5px solid #ffffff;border-bottom: 5px solid #ffffff;box-sizing: border-box !important;} @media screen and (min-width:1550px) { #destaque {font-size:18px;} #destaque .carrossel-item {width:420px;} } @media screen and (min-width:1280px) and (max-width:1549px) { #destaque {font-size:16px;} #destaque .carrossel-item {width:400px;} } @media screen and (min-width:768px) and (max-width:1279px) { #destaque {font-size:15px;} #destaque .carrossel-item {width:340px;} } @media screen and (max-width:767px) { #destaque {font-size:14px;} #destaque .carrossel-item {width:280px;} #destaque .carrossel-item .carr-txt p:last-child a { width:100%; text-align:center; margin:1em 0 0 0; } } #footer {background-color:var(--darkblue);color:#ffffff;border-top-right-radius: 5vw;padding:4vw 0 0 0;position:relative;margin-top:5vw;} #footer:before {content: '';position: absolute;bottom: 100%;left: 0;background-color: transparent;width: 10vw;height: 10vw;box-shadow: -5vw 1px 0 0 var(--darkblue);border-bottom-left-radius: 5vw; } #footer .colunas {display: flex;width: 94%;margin: 0 auto;max-width: 1600px;} #footer .colunas .logo {text-align: left;align-items: flex-end;display: flex;} #footer .colunas .logo .bloco {width: max-content;width: -webkit-max-content;} #footer .colunas .logo p {font-size:0.67em;width: max-content;width: -webkit-max-content;margin: 0 auto;font-weight:400;} #footer .colunas .logo img {margin: 25px auto;display: inline;} #footer .colunas {display: flex;} #footer .colunas .menu-itens {display: flex;flex:1;} #footer .colunas .c0, #footer .colunas .c1, #footer .colunas .c2, #footer .colunas .c3 {text-align:left;} #footer .titulo {text-transform:uppercase;font-weight:700;font-size:0.9em;} #footer .titulo a {font-weight:700;} #footer .pad {padding-bottom:0.6em;} #footer .semipad {padding-bottom:0.25em;} #footer ul {padding:0.25em 0 0.6em 0;list-style:none;} #footer li {font-size:0.85em;padding:0 15px 0.5em 0;} #footer li a {font-weight:400;} #footer .assinatura {padding:2vw 0;border-top:1px solid #ffffff;} #footer .assinatura .bloco {width:96%;margin:0 auto;display:flex;align-items:center;} #footer .assinatura .empresas {font-size: 0.7em;text-align: left;line-height:1em;} #footer .assinatura .copyright {flex:1;font-size: 0.7em;text-align: left;line-height:1em;} #footer .assinatura .termos {font-size: 0.7em;text-align: right;line-height:1em;} @media screen and (min-width:1280px) { #footer {font-size:18px;} #footer .colunas .logo,#footer .assinatura .empresas {width: 40%;} #footer .colunas .logo img {width:130px;height: auto;} #footer .colunas .c0, #footer .colunas .c1, #footer .colunas .c2, #footer .colunas .c3 {flex:1;} #footer .assinatura .copyright .break1:after {content: ' ';} } @media screen and (min-width:970px) and (max-width:1279px) { #footer {font-size:17px;} #footer .colunas .logo,#footer .assinatura .empresas {width: 30%;} #footer .colunas .logo img {width:115px;height: auto;} #footer .colunas .c0, #footer .colunas .c1, #footer .colunas .c2, #footer .colunas .c3 {flex:1;} #footer .assinatura .copyright .break1:after {content: ' ';} } @media screen and (min-width:850px) and (max-width:969px) { #footer {font-size:16px;} #footer .colunas .logo,#footer .assinatura .empresas {width: 27%;} #footer .colunas .logo img {width:105px;height: auto;} #footer .colunas .c0, #footer .colunas .c1, #footer .colunas .c2, #footer .colunas .c3 {flex:1;} #footer .assinatura .copyright .break1:after {content: ' ';} } @media screen and (min-width:650px) and (max-width:849px) { #footer {font-size:16px;} #footer .colunas .logo img {width:105px;height: auto;} #footer .colunas .menu-itens {flex-wrap: wrap;padding: 0 0 0 25px;} #footer .colunas .menu-itens .c0, #footer .colunas .menu-itens .c1,#footer .colunas .menu-itens .c2, #footer .colunas .menu-itens .c3 {width:50%; margin-bottom:2vh;} #footer .colunas .menu-itens ul {padding-bottom:25px;} /* #footer .colunas .c3 {display:flex;width:100%;} #footer .colunas .c3 > div {width:50%} */ #footer .assinatura {justify-content: space-between;} #footer .assinatura .bloco > div {flex:1;} #footer .assinatura .copyright .break1:after {content: '';display:block;} } @media screen and (max-width:649px) { #footer {font-size:16px;} #footer .colunas {flex-direction:column;} #footer .colunas .logo img {width:105px;height: auto;} #footer .colunas .logo .bloco {margin:0 auto;} #footer .colunas .menu-itens {flex-direction:column;/*width: max-content;width: -webkit-max-content;*/margin:0 auto;} #footer .assinatura .bloco {flex-direction:column;} #footer .assinatura .bloco > div {padding-bottom:15px;} #footer .assinatura .copyright .break1:after {content: '';display:block;} #footer .colunas .menu-itens .c0, #footer .colunas .menu-itens .c1, #footer .colunas .menu-itens .c2, #footer .colunas .menu-itens .c3 { width:100%; margin-bottom:2vh; text-align:center;} #footer li { padding: 0;} #footer li a{ padding: 0.65em 0 0.65em 0;} #footer p.titulo.pad a { padding: 0.65em 0 0.65em 0;} } #fale-conosco {width:94%;margin: 0 auto;max-width: 1140px;} #fale-conosco h1 {font-size:1.3em;} #fale-conosco p {font-size:0.5em;} #faq {/*font-size: 22px;*/border-top: 1px solid var(--lightgrey);} #faq h2 {font-size:1.3em;padding:1em 0;} #faq > p {font-size:0.5em;width: 94%;margin:0 auto;} #faq .faq-block {width: 94%;margin: 0.5em auto;max-width: 1140px;padding: 0 3% 0 0;} #faq .faq-block .visually-hidden {display: none;max-width:1400px;} #faq .faq-block .control-me {border: 1px solid var(--lightgrey);border-top: none;overflow:hidden;transition:all 0.4s;font-size:1em;} #faq .faq-block .control-me p {font-size:0.5em;text-align:justify;} #faq .faq-block .control-me h3 {font-size:0.6em;text-align:justify;} #faq .faq-block .control-me img {padding:0.5em;} #faq .faq-block input[type=checkbox] ~ .control-me {padding:0 0.75em;max-height:0;width:98%;margin:0 auto;} #faq .faq-block input[type=checkbox] ~ .control-me p {padding:0 0;} #faq .faq-block input[type=checkbox]:checked ~ .control-me {padding:0.75em;max-height:1000px;} #faq .faq-block input[type=checkbox]:checked ~ .control-me p {padding:0.5em 0;} #faq .faq-block label {width: 100%;display: block;padding: 0.75em;position:relative;border: 1px solid var(--lightgrey);border-radius:8px;font-size: 0.6em;font-weight: 700;} #faq .faq-block label:hover { cursor:pointer; } #faq .faq-block label:after {display:flex;align-items:center;position:absolute;background-color:var(--lightblue);width:1em;height:1em;right:-0.75em;top:0.25em;content:'\F0140';border-radius:500px;font-family:'Material Design Icons';color: #ffffff;font-size: 1.5em;transition:all 0.4s;border: 0.18em solid #ffffff;} #faq .faq-block input[type=checkbox] ~ label {background-color:#ebebeb;} #faq .faq-block input[type=checkbox]:checked ~ label {background-color:var(--green); color:#fff; box-shadow: 0 4px 8px -8px black;} #faq .faq-block input[type=checkbox]:checked ~ label:after {background-color:var(--darkblue);transform: rotate(180deg);} /**/ #content-interno .sugestao {display:flex;/*height:30vw;*/width: 70vw;min-width:1200px;margin: 4vw auto;font-size:0.4em;} #content-interno .sugestao-heading {font-size:0.75em; margin-top:8vh; } #content-interno .sugestao_cards {/*border:1px solid red;*/display:flex;flex-direction:column;flex:1;justify-content:space-between;font-size:20px !important;margin-top:0 !important;} #content-interno .sugestao_cards .sugestao-item {height:100%;width:30%;text-align: left;margin: 0 auto;position: relative;box-shadow: 0 0 9px 3px rgba(0,0,0,0.1);border-radius: 20px;overflow: hidden;background-color: #ffffff;display:flex;} #content-interno .sugestao_cards .sugestao-item .sugestao-img {position: absolute;height: 100%;top: 0px;overflow: hidden;} #content-interno .sugestao_cards .sugestao-item .sugestao-img img {width: 100%;object-fit: cover;display: block;} #content-interno .sugestao_cards .sugestao-item .sugestao-txt {padding: 1.25em;margin: 14em 0 3px 0;position: relative;background-color: #ffffff;min-height: 21em;display: flex;flex-direction: column;} #content-interno .sugestao_cards .sugestao-item .sugestao-txt h3 {color: var(--darkblue);font-size: 1.5em;font-weight: 700;padding: 0.5em 0;} #content-interno .sugestao_cards .sugestao-item .sugestao-txt a:after {display:none;} #content-interno .sugestao_cards .sugestao-item .sugestao-txt p.data {font-size: 0.95em !important;padding: 0 0 1em 0;} #content-interno .sugestao_cards .sugestao-item .sugestao-txt p.data::before {font-family: 'Material Design Icons';content: '\F0E17';margin: 0 5px 0 0;font-size: 1em;} #content-interno .sugestao_cards .sugestao-item .sugestao-txt p:last-child {display: flex;flex-direction: column;justify-content: space-between;flex: 1;} #content-interno .sugestao_cards .sugestao-item .sugestao-txt p:last-child a {overflow: hidden;display: block;background-color: var(--lightblue);width: max-content;width: -webkit-max-content;padding: 0.6em 1.25em;color: #ffffff;font-size: 1.1em;margin: 0.5em 0 0 auto;border-radius: 500px;transition: all 0.4s;} #content-interno .sugestao_cards .sugestao-item .sugestao-txt p:last-child a:hover {background-color: var(--green);} #content-interno .sugestao_cards .sugestao-item .novidade-dicas::before {content: 'DICAS';position: absolute;right: 0;background-color: var(--green);color: #ffffff;padding: 0 1em 0 1.5em;top: -1.5625em;border-top-left-radius: 1.5625em;border-bottom-left-radius: 1.5625em;height: 3.125em;display: flex;align-items: center; border-top: 5px solid #ffffff;border-left: 5px solid #ffffff;border-bottom: 5px solid #ffffff;box-sizing: border-box !important;} #content-interno .sugestao_cards .sugestao-item .novidade-blog::before {content: 'BLOG';position: absolute;right: 0;background-color: var(--lightblue);color: #ffffff;padding: 0 1em 0 1.5em;top: -1.5625em;border-top-left-radius: 1.5625em;border-bottom-left-radius: 1.5625em;height: 3.125em;display: flex;align-items: center;border-top: 5px solid #ffffff;border-left: 5px solid #ffffff;border-bottom: 5px solid #ffffff;box-sizing: border-box !important;} #content-interno .sugestao_sidebar {/*border:1px solid blue;*/display:flex;flex-direction:column;width: 320px;justify-content:flex-start;text-align:left;margin:1em 0 0 0;} #content-interno .sugestao_sidebar p.sidebar-h {padding: 8px;font-size: 1.55em;font-weight: 700;color: var(--darkblue);} #content-interno .sugestao_sidebar p.sidebar-h::before {color: var(--green);content: ".";height: 2em;width: 5px;border-radius: 10px;background-color: var(--green);margin-right: .4em;} #content-interno .sugestao_sidebar .submenu ul {list-style: none;margin: 0 0 1.6em 0;} #content-interno .sugestao_sidebar ul li {margin: .4em 0 .4em 12px;display: flex;align-items: center;font-size: 1.1em;} #content-interno .sugestao_sidebar ul li a {padding: 10px 14px;transition: 300ms;border-radius: 1em;} #content-interno .sugestao_sidebar ul li a:hover {/*box-shadow: 0 0 10px rgba(33, 29, 113, .3);*/color: var(--darkblue);background: var(--green);color: #fff;} #content-interno .sugestao_sidebar ul li a:after {display:none;} #content-interno .sugestao_sidebar ul li i {font-size: 1.05em;vertical-align: middle;margin-right: .4em;color: #444;} #content-interno .sugestao_sidebar ul li a:hover i {color: #fff;} #content-interno .sugestao_sidebar .cta {/*border:1px solid green;*/transform: scale(0.75);transform-origin: center left;} /*termos-de-uso*/ #content-interno #termos-de-uso { margin: 0 auto; max-width: 1140px; padding:1vh 8vw; } #content-interno #termos-de-uso h3 { text-align: left; font-size: .7em; margin: 3.5vh auto 1vh; } #content-interno #termos-de-uso h3::before { display: inline-block; content: '\F0B2A'; font-family: 'Material Design Icons'; font-size: .9em; margin: 0 .3vw 0 0; color: var(--green); } #content-interno #termos-de-uso p { text-align: justify; font-size: .45em; margin-bottom: 1.4em; } #content-interno #termos-de-uso p b { color:var(--darkblue);} /*politica-de-privacidade*/ #content-interno #politica-de-privacidade { margin: 0 auto; max-width: 1140px; padding:1vh 8vw; } #content-interno #politica-de-privacidade h3 { text-align: left; font-size: .7em; margin: 3.5vh auto 1vh; } #content-interno #politica-de-privacidade h3::before { display: inline-block; content: '\F0B2A'; font-family: 'Material Design Icons'; font-size: .9em; margin: 0 .3vw 0 0; color: var(--green); } #content-interno #politica-de-privacidade p { text-align: justify; font-size: .45em; margin-bottom: 1.4em; } #content-interno #politica-de-privacidade p b { color:var(--darkblue);} #content-interno #politica-de-privacidade p a { color:var(--lightblue); } #content-interno #politica-de-privacidade ul { margin-bottom:2em; font-size: .45em; } #content-interno #politica-de-privacidade ul li { margin-left:1.5em; text-align:justify; } #content-interno #politica-de-privacidade ul li span { color:var(--lightblue); font-weight: 700;} #content-interno #politica-de-privacidade ul li b { color:var(--darkblue);} #content-interno #politica-de-privacidade table { font-size: .45em; text-align: left; border-collapse: collapse; margin-bottom:2em; } #content-interno #politica-de-privacidade table tr { border-bottom:1px solid #ddd; } #content-interno #politica-de-privacidade table tr:last-child { border:none; } #content-interno #politica-de-privacidade table tr td { padding: .8em 0; } #content-interno #politica-de-privacidade table tr td ul { font-size: 1em; } #content-interno #politica-de-privacidade table tr th { padding: .8em 0; } #content-interno #politica-de-privacidade table tr td b { color:var(--lightblue); } #content-interno #politica-de-privacidade table tr td:last-child b { color:var(--darkblue); } #content-interno #politica-de-privacidade table tr td:last-child { text-align:justify; padding-left:.5em; } /* .lista-artigos {font-size: 22px;} .lista-artigos .lista-block {width: 94%;margin: 1em auto 2em auto;max-width: 1140px;border-radius:1em;box-shadow:0 0 7px rgba(0,0,0,0.15);} .lista-artigos .lista-block .artigo-titulo {background-color: var(--darkblue);color:#ffffff;text-align: left;padding:0.5em 1em;border-top-left-radius: 1em;border-top-right-radius: 1em;} .lista-artigos .lista-block .artigo-content {padding: 0.75em;display: flex;} .lista-artigos .lista-block .artigo-content .artigo-foto {width: 13em;height:13em;} .lista-artigos .lista-block .artigo-content .artigo-foto img{width: 13em;height:13em;object-fit: cover;} .lista-artigos .lista-block .artigo-content .artigo-txt {padding:0 0 0 1em;display: flex;flex-direction: column;justify-content: space-between;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-categorias {text-align: right;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-tag {background-color: var(--lightblue);color:#ffffff;border-radius: 500px;font-size: 0.7em;width: max-content;width: -webkit-max-content;padding: 0.3em 0.75em;display: inline;margin:0 0.5em 1em 0.5em;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-data {font-size: .75em;text-transform: uppercase;text-align: left;padding:1.2em 0;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-texto {font-size: 0.8em;text-align: left;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt {font-size: 0.8em;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a {overflow:hidden;display:inline-block;background-color:var(--lightblue);width: max-content;width: -webkit-max-content;padding:0.6em 1.25em;color:#ffffff;font-size:1.25em;margin:0.5em 0 0 auto;border-radius:500px;transition:all 0.4s;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a:after {display:none;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a:hover {background-color:var(--green);padding:0.6em 1.25em 0.6em 2.5em;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a:before {transition:all 0.4s;font-family:'Material Design Icons';content: '\F0142';position: absolute;left: -2.5em;top: 0;padding: 0.6em;background-color: rgba(0,0,0,0.1);border-radius: 500px;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a:hover:before {left:0;} */ /* BLOG/DICAS */ .destaque-interno-container {padding:2vw;background-color: var(--lightgrey);font-size:18px;} .destaque-interno-container p.titulo-detalhe {color:var(--lightblue);font-size:1.2em;text-transform:uppercase;letter-spacing:0.05em;} .destaque-interno-container .destaque-interno {width:100%;max-width:1450px;margin:4vw auto;display: flex;justify-content: center;flex-wrap: wrap;} .destaque-interno-container .destaque-interno .outer-card {margin:1.5em;} .destaque-interno-container .destaque-interno-item {text-align: left;margin:0 auto;position: relative;box-shadow: 0 0 9px 3px rgba(0,0,0,0.1);border-radius: 20px;overflow: hidden;} .destaque-interno-container .destaque-interno-item .destaque-i-img {position: absolute;height: 100%;top: 0px;overflow: hidden;} .destaque-interno-container .destaque-interno-item .destaque-i-img img {width:100%;object-fit: cover;height: 100%;display: block;} .destaque-interno-container .destaque-interno-item .destaque-i-txt {padding: 1.25em;margin: 14em 0 30px 0;position: relative;background-color: #ffffff;min-height:19em;display: flex;flex-direction: column;} .destaque-interno-container .destaque-interno-item .destaque-i-txt h4 {color:var(--darkblue);font-size:1.5em;padding:0 0 0.5em 0;font-weight:700;} .destaque-interno-container .destaque-interno-item .destaque-i-txt p.data {font-size: 0.85em !important;padding: 0 0 1em 0;} .destaque-interno-container .destaque-interno-item .destaque-i-txt p.data:before {font-family:'Material Design Icons'; content:'\F0E17';margin:0 5px 0 0;font-size:1em;} .destaque-interno-container .destaque-interno-item .destaque-i-txt p {font-size: 0.9em;} .destaque-interno-container .destaque-interno-item .destaque-i-txt p:last-child a {overflow:hidden;display:inline-block;background-color:var(--lightblue);width: max-content;width: -webkit-max-content;padding:0.6em 1.25em;color:#ffffff;font-size:1.25em;margin:0.5em 0 0 auto;border-radius:500px;transition:all 0.4s;} .destaque-interno-container .destaque-interno-item .destaque-i-txt p:last-child a:after {display:none;} .destaque-interno-container .destaque-interno-item .destaque-i-txt p:last-child a:hover {background-color:var(--green);padding:0.6em 1.25em 0.6em 2.5em;} .destaque-interno-container .destaque-interno-item .destaque-i-txt p:last-child a:before {transition:all 0.4s;font-family:'Material Design Icons';content: '\F0142';position: absolute;left: -2.5em;top: 0;padding: 0.6em;background-color: rgba(0,0,0,0.1);border-radius: 500px;} .destaque-interno-container .destaque-interno-item .destaque-i-txt p:last-child a:hover:before {left:0;} .destaque-interno-container .destaque-interno-item .destaque-i-txt p:last-child {display: flex;flex-direction: column;justify-content: space-between;flex: 1;} .destaque-interno-container .destaque-interno-item .novidade-blog:before {content: 'BLOG';position: absolute;right: 0;background-color: var(--lightblue);color: #ffffff;padding: 0 1em 0 1.5em;top: -1.5625em;border-top-left-radius: 1.5625em;border-bottom-left-radius: 1.5625em;height: 3.125em;display: flex;align-items: center;border-top: 5px solid #ffffff;border-left: 5px solid #ffffff;border-bottom: 5px solid #ffffff;box-sizing: border-box !important;} .destaque-interno-container .destaque-interno-item .novidade-dicas:before {content: 'DICAS';position: absolute;right: 0;background-color: var(--green);color: #ffffff;padding: 0 1em 0 1.5em;top: -1.5625em;border-top-left-radius: 1.5625em;border-bottom-left-radius: 1.5625em;height: 3.125em;display: flex;align-items: center;border-top: 5px solid #ffffff;border-left: 5px solid #ffffff;border-bottom: 5px solid #ffffff;box-sizing: border-box !important;} .destaque-interno-container .destaque-interno-item .novidade-faq:before {content: 'FAQ';position: absolute;right: 0;background-color: var(--orange);color: #ffffff;padding: 0 1em 0 1.5em;top: -1.5625em;border-top-left-radius: 1.5625em;border-bottom-left-radius: 1.5625em;height: 3.125em;display: flex;align-items: center;border-top: 5px solid #ffffff;border-left: 5px solid #ffffff;border-bottom: 5px solid #ffffff;box-sizing: border-box !important;} @media screen and (min-width:1550px) { .destaque-interno-container {font-size:18px;} .destaque-interno-container .destaque-interno-item {width:21.33333em;} } @media screen and (min-width:1280px) and (max-width:1549px) { .destaque-interno-container {font-size:16px;} .destaque-interno-container .destaque-interno-item {width:340px;} } @media screen and (min-width:768px) and (max-width:1279px) { .destaque-interno-container {font-size:15px;} .destaque-interno-container .destaque-interno-item {width:340px;} } @media screen and (max-width:767px) and (orientation:portrait) { .destaque-interno-container {font-size:14px;} .destaque-interno-container .destaque-interno-item {max-width:290px;} .destaque-interno-container .destaque-interno-item .destaque-i-txt {margin: 15em 0 30px 0;} } @media screen and (max-width:767px) and (orientation:landscape) { .destaque-interno-container {font-size:14px;} .destaque-interno-container .destaque-interno-item {height:290px;} .destaque-interno-container .destaque-interno-item .destaque-i-txt {margin: 0 30px 0 15em;min-height:100%;} .destaque-interno-container .destaque-interno-item .destaque-i-img {width: 100%;} } .lista-artigos { margin-top:5vh } .lista-artigos.empty { margin-top:5vh; min-height:18vh; } .lista-artigos .lista-block {width: 94%;margin: 1em auto 2em auto;max-width: 1140px;/*border-radius:1em;box-shadow:0 0 3px rgba(0,0,0,0.15);*/} .lista-artigos .lista-block .artigo-content {padding: 0.75em;display: flex;border-radius:1em;box-shadow:0 0 3px rgba(0,0,0,0.15);} .lista-artigos .lista-block .artigo-content .artigo-foto {width: 13em;height:13em;flex-shrink: 0;} .lista-artigos .lista-block .artigo-content .artigo-foto img{width: 13em;height:13em;object-fit: cover;} .lista-artigos .lista-block .artigo-content .artigo-txt {/*padding:0 0 0 1em;*/display: flex;flex-direction: column;justify-content: space-between;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-titulo {color: var(--darkblue);text-align: left;padding:0 0 0.5em 0;font-size: 1.5em;font-weight:700; text-transform: initial; margin:0; max-width: 100%;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-titulo a:hover { text-decoration: underline; } .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-titulo a::after { display:none; } .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-categorias {text-align: right;display: flex;justify-content: flex-end;align-items: center;flex-wrap:wrap;} /*.lista-artigos .lista-block .artigo-content .artigo-txt .artigo-categorias:before {content:'\F04F9';font-family: 'Material Design Icons';margin: 0 5px 0 0;}*/ .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-tag {background-color: var(--green);color:#ffffff;border-radius: 500px;font-size: 0.7em;width: max-content;width: -webkit-max-content;padding: 0.3em 0.75em;display: inline;margin:0 .35em .3em;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-tag:before {font-family:'Material Design Icons';content: '\F04F9';color:#ffffff;margin:0 3px 0 0;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-tag:after {display:none;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-texto {font-size: 0.85em;text-align: justify;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt {font-size: 0.8em;height: max-content;display:flex;justify-content:space-between;align-items:flex-end;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt .artigo-data {font-size: 0.8em;text-transform: uppercase;text-align: left;padding: 0;color:#555555;font-style:italic;line-height: 0.8em;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a {overflow:hidden;display:block;background-color:var(--lightblue);width: max-content;width: -webkit-max-content;padding:0.6em 1.25em;color:#ffffff;font-size:1.25em;margin:0.5em 0 0 auto;border-radius:500px;transition:all 0.4s;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a:after {display:none;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a:hover {background-color:var(--green);padding:0.6em 1.25em 0.6em 2.5em;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a:before {transition:all 0.4s;font-family:'Material Design Icons';content: '\F0142';position: absolute;left: -2.5em;top: 0;padding: 0.6em;background-color: rgba(0,0,0,0.1);border-radius: 500px;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a:hover:before {left:0;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a.incard {overflow:hidden;display:block;background-color:var(--lightblue);width: max-content;width: -webkit-max-content;padding:0.6em 1.25em;color:#ffffff;font-size:1.25em;margin:0.5em 0 0 auto;border-radius:500px;transition:all 0.4s;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a.incard:after {display:none;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a.incard:hover {background-color:var(--green);} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a.incard:before {display:none;} @media screen and (min-width:1280px) { .lista-artigos {font-size: 22px;} .lista-artigos .lista-block {padding-left:1em;} .lista-artigos .lista-block .artigo-content .artigo-foto {margin-left: -1em;} .lista-artigos .lista-block .artigo-content .artigo-foto img {margin-left:-2em;border-top-left-radius:1em;border-bottom-left-radius:1em;} } @media screen and (min-width:768px) and (max-width:1279px) { .lista-artigos {font-size: 20px;} .lista-artigos .lista-block {padding-left:1em;} .lista-artigos .lista-block .artigo-content .artigo-foto {margin-left: -1em;} .lista-artigos .lista-block .artigo-content .artigo-foto img {margin-left:-2em;border-top-left-radius:1em;border-bottom-left-radius:1em;} } @media screen and (max-width:767px) { .lista-artigos {font-size: 19px;} .lista-artigos .lista-block {max-width: 540px;} .lista-artigos .lista-block .artigo-content {flex-direction:column;margin-top:2em;} .lista-artigos .lista-block .artigo-content .artigo-txt {padding:1em 0 0 0;} .lista-artigos .lista-block .artigo-content .artigo-foto {width: 100%;height:11em;margin-top:-2em;} .lista-artigos .lista-block .artigo-content .artigo-foto img {width: 100%;height:11em;border-top-left-radius:1em;border-top-right-radius:1em;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-categorias {order:3;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-categorias .artigo-tag {margin:0.5em;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-titulo {order:1;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-texto {order:2;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt {order:4;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt {flex-direction:column;padding:0.75em 0 0 0;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt .artigo-data {margin:0 auto 0 0;} .lista-artigos .lista-block .artigo-content .artigo-txt .artigo-bt a {margin: 1em auto 0 auto;} } /*@media screen and (max-width:767px) and (orientation:landscape) { .lista-artigos {font-size: 19px;} .lista-artigos .lista-block .artigo-content {flex-row:row;} .lista-artigos .lista-block {padding-left:1em;} .lista-artigos .lista-block .artigo-content .artigo-foto img {margin-left:-2em;border-top-left-radius:1em;border-bottom-left-radius:1em;} }*/ /* TO ORGANIZE ------------------------------- */ /* form inscrição (fancy-select) */ div.fancy-select p { display: block; border: 1px solid #c9c9c9; padding: 0.5em 1em; border-radius: 0.4em; margin: 0.5em 0 1em 0; font-size: 1.1em; width: 100%; transition: 250ms; cursor:pointer; } div.fancy-select p i { margin: 0; display: inline; padding: 0; margin-left: .4em; float: right; } div.fancy-select div.dynamicfield { width: 100%; display: block; position:relative; } div.fancy-select div.opt { background: #fff; margin: -1em 0 1em 0; border: 1px solid #bbb; border-top: none; border-radius: 0 0 .4em .4em; width: 100%; transition: 250ms; display: none; position: absolute; z-index: 100; } div.fancy-select div.opt a { color: #000; display: block; padding: .5em 1em; } div.fancy-select div.opt a::after { display:none; } div.fancy-select div.opt a:hover { cursor:pointer; background: var(--lightblue); color:#fff; } .preferencias h3 {font-size:0.7em;} form.form-preferencias {overflow:auto visible;width:100%;margin:0 auto;} .tabela-preferencias {font-size:0.45em;margin:1em 0 0;border: none;border-spacing: 0px;width:100%;max-width: max-content;width: -webkit-max-content;} .tabela-preferencias th {background-color:var(--lightblue);color:#ffffff;padding:0.2em 0.5em;white-space: nowrap;border-right: 4px solid #ffffff;text-align:center;} .tabela-preferencias td {border-bottom:1px solid lightgrey;padding:0.2em 0.5em;background-color:#ffffff;z-index:2;border-right: 4px solid transparent;border-top: 4px solid transparent;text-align:center;} .tabela-preferencias th:first-child,.tabela-preferencias td:first-child {position: -webkit-sticky;position: sticky;left:0;top:auto;width: 7.5em;text-align: left;white-space: nowrap;background-color:#ffffff;} .tabela-preferencias th:nth-child(2),.tabela-preferencias td:nth-child(2) {left:7.5em;top:auto;} form .fancy-checkbox input[type="checkbox"] {display: none;} form .fancy-checkbox {display: inline;font-weight: 400;font-size:1em;width: 100%;} form .fancy-checkbox:hover {cursor:pointer} form .tabela-preferencias .fancy-checkbox {display: inline-block;} form .fancy-checkbox .icon-checkbox {font-family:'Material Design Icons';font-size:1.1em;width: 1em;height: 1em;display: inline-block;font-style: normal;margin: 0 0.2em 0 0;position: relative;} form .fancy-checkbox input[type="checkbox"] + .icon-checkbox::before {content: '\F0131';color:#ccc;position: absolute;opacity:1;transition:all 0.4s;} form .fancy-checkbox input[type="checkbox"] + .icon-checkbox::after {content: '\F0135';color:var(--green);opacity:0;transition:all 0.4s;} form .fancy-checkbox input[type="checkbox"]:checked + .icon-checkbox::before {content: '\F0131';color:#ccc;position: absolute;opacity:0;transition:all 0.4s;} form .fancy-checkbox input[type="checkbox"]:checked + .icon-checkbox::after {content: '\F0135';color:var(--green);opacity:1;transition:all 0.4s;} /* fnxck */ /*cookieconsent*/ .fnxcksetup { bottom: 0; left: 0; right: 0; position: fixed; z-index: 9999; /*box-shadow: 0px -1px 8px rgba(0, 0, 0, .9);*/ border-top: 4px solid var(--lightblue); } .fnxcksetup div.overlay { position: absolute; width: 100%; height: 100%; background: var(--darkblue); opacity: .98; } .fnxcksetup div.content { position: relative; padding: 24px; text-align: center; display: flex; align-items: center; justify-content: center; } .fnxcksetup div.content .sec { padding:0 1em; } .fnxcksetup div.content .sec i.mdi-shield-check{ background: var(--green); width: 5vh; height: 5vh; display: block; border-radius: 50px; line-height: 5vh; color: #fff; font-size: 1.6em; } .fnxcksetup div.content .sec img {background: var(--green);width: 5vh;height: 5vh;display: block;border-radius: 50px;line-height: 5vh;width:1.6em;padding: 2px;height:1.6em;} .fnxcksetup div.content .txt { padding:0 1em; } .fnxcksetup div.content .ctl { padding:0 1em; } .fnxcksetup div.content p { margin: 0 0 .7em; font-size: .9em; color: #fff; } .fnxcksetup button.agree { background: var(--lightblue); padding: .4em 1em; color: #fff; font-weight: bold; text-transform: uppercase; margin: .3em auto; border-radius: 5em; border:none; width: 100%; } .fnxcksetup button.disagree { background: #444; padding: .4em 1em; color: #fff; font-weight: bold; text-transform: uppercase; margin: .3em auto; border-radius: 5em; border:none; width: 100%; white-space: nowrap; } .fnxcksetup button:hover { /*opacity:.8; cursor: pointer;*/ background: var(--green); cursor:pointer; } @media screen and (max-width:600px) { .fnxcksetup div.content { display: block; } .fnxcksetup div.content .sec { padding: 0 1em 1em; text-align: center; display: inline-block; } .fnxcksetup button.agree, .fnxcksetup button.disagree { max-width:150px; width:100%; margin:.4em; } } /* forms */ #content-interno .section .principal .form_acesso { max-width: 1000px; margin: 2vh auto 0; font-size: 1.1em; } #content-interno .section .form_acesso .box .txt form { font-size: 18px; } #content-interno .section .principal .form_acesso .box { margin: 3vw auto 5vw auto; } #content-interno .section .principal .form_acesso h1 { padding: 1em 0 .5em; } #content-interno .section .principal .form_acesso p { font-size: .55em; margin-bottom: .5em; } #content-interno .section .principal .form_acesso .fancy-select p, #content-interno .section .principal .form_acesso .forms p { font-size: 1em; }