.mvp-post-soc-wrap {
margin: 0;
float: none;
width: 17%;
}
.mvp-post-soc-wrap .mvp-post-soc-list > * > li {
margin-right: 10px;
}
.simulador-carteira-copa {
display: grid;
grid-template-columns: 1fr 1fr;
width: auto;
max-width: 100%;
min-width: 200px;
margin: auto;
padding-top: 48px;
align-content: start;
justify-content: start;
}
.simulador-carteira-copa > div {
}
.simulador-carteira-copa .simulador-campo {
grid-column-start: 1;
grid-row: 1 / span 2;
align-self: start;
}
.simulador-carteira-copa .share-box {
grid-row: 2;
grid-column: 1;
width: 386px;
margin-top: auto;
margin-bottom: 24px;
}
.simulador-carteira-copa .guias__container {
grid-column-start: 2;
grid-row-start: 2;
}
.simulador-carteira-copa .select-area {
grid-column-start: 2;
grid-row-start: 1;
margin: auto;
}
.simulador-carteira-copa .guias__container-text__card.desempenho_box {
border: 0;
box-shadow: 0 0 0;
}
.select-area {
min-width: 358px;
width: 85%;
}
.select-area .select-box {
padding: 8px;
margin-bottom: 8px;
}
.select-area .select-box h3,
.select-area .select-box h2 {
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #636363;
}
.select-area .select-box > h3:not(:first-child),
.select-area .select-box > h2:not(:first-child) {
margin-top: 32px;
margin-bottom: 24px;
}
.select-estrategia-holder {
border: 1px solid #e5e5e5;
margin-top: 8px;
width: calc(100% - 2px);
min-height: 45px;
border-radius: 0.25em;
font-size: 1.25rem;
cursor: pointer;
line-height: 1.1;
background-color: #fff;
background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
display: grid;
grid-template-areas: "select";
align-items: center;
position: relative;
}
.select-estrategia-holder select {
appearance: none;
background-color: transparent;
border: none;
min-height: 45px;
padding: 0.25em 0.5em;
margin: 0;
width: 100%;
font-family: inherit;
font-size: inherit;
cursor: inherit;
line-height: inherit;
outline: none;
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
@-moz-document url-prefix() {
.select-estrategia-holder select {
min-height: auto;
}
}
.select-estrategia-holder select,
.select-estrategia-holder:after {
grid-area: select;
}
.select-estrategia-holder::after {
content: "";
width: 12px;
height: 12px;
justify-self: end;
border: solid #9e3595;
border-width: 0 1px 1px 0;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-top: -5px;
margin-right: 12px;
box-sizing: border-box;
}
.select-estrategia-holder select:focus + .focus {
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: inherit;
}
.search-holder {
border: 1px solid #e5e5e5;
margin-top: 8px;
width: 100%;
min-height: 45px;
max-height: 45px;
border-radius: 0.25em;
font-size: 1.25rem;
cursor: pointer;
line-height: 1.1;
background-color: #fff;
background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
display: grid;
position: relative;
}
.search-holder::after {
content: "";
width: 12px;
height: 12px;
justify-self: end;
padding: 3px;
background: url(../images/search_roxo.svg) center no-repeat;
box-sizing: border-box;
position: absolute;
top: 18px;
right: 12px;
}
.search-holder input {
padding: 10px;
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.share-box {
padding-top: 32px;
margin: auto;
}
.share-box .share-title p {
color: #5500ff;
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 16px;
}
.share-box ul {
margin-top: 12px;
}
.share-box ul a li {
margin: 8px;
}
.share-box ul a:first-child li {
margin-left: 0;
}
.disclaimer_campo {
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #636363;
margin: auto;
padding: 20px 20px 0 20px;
}
.simulador-campo {
width: 613px;
height: 386px;
background: url('data:image/svg+xml,')
center no-repeat;
background-size: cover;
-webkit-box-shadow: 2px 15px 16px -2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 2px 15px 16px -2px rgba(0, 0, 0, 0.25);
box-shadow: 2px 15px 16px -2px rgba(0, 0, 0, 0.25);
position: relative;
margin: auto;
}
.ticker_campo {
position: absolute;
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15.2115px;
line-height: 22px;
color: #5c3b95;
padding: 5px 8px;
background-color: white;
border: 1px solid #5c3b95;
border-radius: 12px;
cursor: pointer;
}
.simulador-campo-select-bg {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 10;
top: 0;
left: 0;
display: none;
}
.simulador-campo-select-holder {
position: absolute;
width: 94%;
left: 2.9%;
top: 18%;
max-height: 80%;
min-height: 155px;
background: white;
border: 1px solid #e5e5e5;
border-radius: 3px;
z-index: 11;
display: none;
}
.simulador-campo .simulador-campo-select-holder {
overflow-y: scroll;
}
.selecao_list .simulador-campo-select-holder {
position: relative;
width: 95%;
max-height: 300px;
min-height: 200px;
margin: 24px 0 24px 0;
left: 0;
}
.simulador-campo-select {
color: #636363;
overflow-y: scroll;
max-height: 300px;
min-height: 200px;
}
.simulador-campo-search {
background-color: #fafafa;
position: sticky;
position: -webkit-sticky;
top: 0;
z-index: 10;
box-shadow: 0px 8px 8px -7px #888888;
}
.simulador-campo-search::after {
content: "";
width: 12px;
height: 12px;
padding: 3px;
background: url(../images/search_roxo.svg) center no-repeat;
box-sizing: border-box;
position: absolute;
top: 18px;
right: 12px;
}
.simulador-campo-search-input {
height: 30px;
border: 0;
border-bottom: 1px solid #e5e5e5;
padding: 12px 40px 8px 16px;
width: calc(100% - 56px);
background-color: #fafafa;
color: #636363;
opacity: 1; /* Firefox */
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.simulador-campo-search-input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #939393;
opacity: 1; /* Firefox */
}
.simulador-campo-search-input:-ms-input-placeholder, /* Internet Explorer 10-11 */
.simulador-campo-search-input::-ms-input-placeholder {
/* Microsoft Edge */
color: #939393;
}
.simulador-campo .close-select {
position: absolute;
z-index: 10100;
width: 40px;
height: 40px;
top: 69px;
right: -40px;
cursor: pointer;
display: none;
background: white;
border-radius: 50%;
}
.simulador-campo .close-select i {
color: #e6258b;
position: absolute;
top: 10px;
left: 12px;
font-size: 20px;
font-weight: 100;
}
.simulador-campo-result {
background-color: white;
border-bottom: 1px solid #e5e5e5;
padding: 16px;
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
cursor: pointer;
position: relative;
padding-right: 40px;
}
.simulador-campo-result .ticker-result {
color: #e6258b;
}
.simulador-campo-result .select-alert {
font-size: 10px;
line-height: 16px;
color: #e64040;
}
.simulador-campo-result .select-button {
position: absolute;
right: 16px;
top: 16px;
width: 16px;
height: 16px;
border: 1px solid #cccccc;
background-color: transparent;
border-radius: 4px;
}
.simulador-campo-result .select-button::after {
content: "\f00c";
font-family: FontAwesome;
font-size: 10px;
font-weight: 300;
position: absolute;
top: -2px;
left: 3px;
color: transparent;
}
.simulador-campo-result .select-button.selected::after {
color: white;
}
.simulador-campo-result .select-button.selected {
background-color: #8a05be;
border-color: #cccccc;
}
.simulador-campo-result:hover {
background-color: #fafafa;
}
.simulador-campo-result:hover .select-button {
border-color: #8a05be;
}
.separator {
padding: 2px 6px;
cursor: default;
border-top: 1px solid #8a05be;
color: #a5a5a5;
font-size: 10px;
}
.separator:hover {
background-color: transparent;
}
.guias__container-text {
width: 100%;
}
.guias__container-text__card .accordion > h2 {
font-family: "Crimson Text" !important;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
}
.guias__container-text__card
button.accordion.accordeon_desempenho.active
i.fa.fa-plus,
.guias__container-text__card
button.accordion.accordeon_desempenho.active
i.fa.fa-minus.desactive {
display: none;
}
.guias__container-text__card button.accordeon_desempenho.accordion {
cursor: default;
}
.whitebox {
background: white;
padding: 24px;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
border-radius: 4px;
display: grid;
grid-template-columns: 1fr;
}
.whitebox.no-flex {
display: block;
}
.desempenho_list {
width: 100%;
margin-bottom: 40px;
}
.desempenho_list .desempenho_item {
position: relative;
margin-bottom: 8px;
}
.desempenho_list .desempenho_item > p {
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-size: 12px;
line-height: 24px;
}
.desempenho_list .desempenho_item > p.destaque {
font-weight: 700;
}
.desempenho_list .desempenho_item > * {
display: inline-block;
}
.desempenho_list .desempenho_item .desempenho_smallball {
width: 6px;
height: 6px;
border-radius: 50%;
margin-right: 5px;
margin-bottom: 2px;
}
.desempenho_smallball.purple {
background-color: #e6258b;
}
.desempenho_smallball.blue {
background-color: #1e8195;
}
.desempenho_smallball.green {
background-color: #267d3c;
}
.desempenho_smallball.red {
background-color: #f66666;
}
.desempenho_list .desempenho_item .div__altas {
position: absolute;
right: 0;
top: 0;
}
.desempenho_list .desempenho_item .div__altas.grayscale .ativos__variacao {
background-color: #eeeeee;
color: #2b2a2a;
}
.desempenho_list
.desempenho_item
.div__altas.grayscale
.ativos__variacao.ativos__variacao--positivo {
color: #1eb980;
}
.desempenho_list
.desempenho_item
.div__altas.grayscale
.ativos__variacao.ativos__variacao--negativo {
color: #e54040;
}
.ativos__variacao {
color: #fff;
border-radius: 15px;
padding: 5px;
vertical-align: top;
align-self: flex-start;
min-width: 70px;
text-align: center;
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 30px;
}
.ativos__variacao--positivo {
background: #4bce9f;
}
.ativos__variacao--negativo {
background: #ff5656;
}
.ativos__variacao--neutro {
background: rgba(255, 255, 255, 0.7);
color: #9f9f9f;
}
.desempenho_box .desempenho_disclaimer {
color: #636363;
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 8px;
line-height: 12px;
text-align: right;
padding-right: 8px;
}
.desempenho_list_holder {
width: 100%;
}
.desempenho_graph {
width: 100%;
height: 150px;
}
.desempenho_graph .show_on_mobile {
display: none !important;
}
.desempenho_graph .show_on_desk {
display: block !important;
}
.selecao_list {
width: 100%;
}
.selecao_list .selecao_item {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.selecao_list .selecao_item .selecao_ticker {
width: 50%;
}
.selecao_list .selecao_item p {
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 500;
display: inline;
}
.selecao_list .selecao_item > div {
width: 30%;
}
.selecao_list .selecao_item .selecao_cta p {
text-align: center;
font-size: 12px;
line-height: 16px;
color: #afafaf;
}
.selecao_list .selecao_item .selecao_cta p a {
padding: 0 16px;
color: #afafaf;
}
.selecao_list .selecao_item .selecao_ticker p {
color: #6b64d6;
font-size: 14px;
line-height: 24px;
}
.selecao_list .selecao_item .selecao_name {
color: black;
}
.selecao_list .selecao_item .selecao_value p {
text-align: center;
font-size: 14px;
line-height: 16px;
color: #e54040;
}
.selecao_list .selecao_item .selecao_value p.green {
color: #20b980;
}
.selecao_list .selecao_separator {
width: 100%;
border-bottom-width: 1px;
border-bottom-style: dashed;
font-size: 16px;
line-height: 18px;
margin-bottom: 12px;
}
.selecao_list .selecao_separator:not(:first-child) {
margin-top: 24px;
}
.selecao_list .selecao_warn {
font-size: 16px;
}
.selecao_list .selecao_item .select_inside {
font-family: Crimson Text;
font-size: 14px;
font-weight: 500;
line-height: 16px;
color: #6a6a6a;
text-align: right;
cursor: pointer;
}
.selecao_list .selecao_item .select_inside i {
font-size: 14px;
color: #6a6a6a;
line-height: 16px;
}
.selecao_list .selecao_item .select_inside:hover {
color: #86027a;
}
.selecao_list .selecao_item .select_inside:hover i {
color: #86027a;
}
.selecao_disclaimer {
font-weight: 400;
font-size: 11px;
line-height: 16px;
}
.caracteristicas_colums {
display: flex;
justify-content: space-between;
width: calc(100% - 40px);
padding: 0 20px;
}
.caracteristicas_colums p,
.caracteristicas_colums li {
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 500;
}
.caracteristicas_colums .caracteristicas_title {
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #470c4d;
}
.caracteristicas_colums .caracteristicas_subtitle {
margin: 8px 0;
font-size: 14px;
line-height: 20px;
color: #86027a;
}
.caracteristicas_colums .caracteristicas_list {
margin: 8px 0;
list-style-position: inside;
list-style-type: disc;
}
.caracteristicas_colums .caracteristicas_list li {
font-size: 14px;
line-height: 20px;
color: #000000;
}
.simple_text {
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-size: 16px;
line-height: 24px;
color: #111111;
}
.simple_text > p {
margin-bottom: 8px;
}
.simple_text ul {
list-style: disc inside;
margin-bottom: 16px;
}
.simulador_copa_discalimer {
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-size: 12px;
line-height: 16px;
color: black;
margin: 48px 2% 0 2%;
width: 96%;
}
.tutorial_block {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10000;
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 34px;
color: white;
text-align: center;
display: none;
}
.tutorial_block .close_geral_tutorial {
position: fixed;
z-index: 10100;
width: 40px;
height: 40px;
top: 20px;
right: 20px;
cursor: pointer;
}
.tutorial_block .close_geral_tutorial i {
color: #e6258b;
position: absolute;
top: 5px;
left: 8px;
font-size: 30px;
}
.tutorial_block .tutorial_bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(17, 17, 17, 0.95);
}
.tutorial_fases {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.tutorial_fases > * {
position: relative;
margin: 0 auto;
margin-top: 20%;
display: none;
max-width: 100%;
width: 500px;
}
.tutorial_bt_area {
width: 100%;
margin-top: 48px;
display: flex;
justify-content: space-between;
position: relative;
}
.tutorial_bt_area.centered {
justify-content: center;
}
.tutorial_bt_area .tutorial_close,
.tutorial_bt_area .tutorial_next {
border: 1px solid #ffffff;
border-radius: 4px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
background: transparent;
width: 36%;
cursor: pointer;
}
.tutorial_bt_area .tutorial_next {
border-color: #5500ff;
background: #5500ff;
}
.click-blocker {
position: absolute;
width: 100%;
height: 100%;
background-color: transparent;
top: 0;
left: 0;
z-index: 10002;
display: none;
}
.tutorial_fases .feedback_share_selectionar_todos {
padding-top: 100px;
}
.tutorial_fases .feedback_share_selectionar_todos .red_text {
color: #e54040;
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-size: 18px;
line-height: 24px;
margin-top: 32px;
}
.tutorial_fases .feedback_share_selectionar_todos .ticker_feedback {
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15.2115px;
line-height: 22px;
color: #5c3b95;
padding: 5px 8px;
background-color: white;
border: 1px solid #5c3b95;
border-radius: 12px;
position: relative;
margin: auto;
margin-top: 16px;
width: 175px;
}
.tutorial_fases .tutorial_text_box_inside {
max-width: 500px;
margin: auto;
display: block;
}
.tutorial_fases .tutorial_img_s2 {
background-color: white;
border-radius: 10px;
margin-bottom: 40px;
max-width: 300px;
padding-top: 20px;
}
.tutorial_fases .tutorial_img_s3 {
background: url(../images/simulador_copa_campo.svg) top no-repeat;
width: 200px;
background-position-y: 0;
background-size: 500px;
border-radius: 50%;
margin-bottom: 40px;
}
.tutorial_fases .fase_4 {
margin-top: 5%;
}
.tutorial_fases .tutorial_img_s4 {
margin-bottom: 40px;
}
.tutorial_fases .fase_5 {
margin-top: 5%;
}
.tutorial_fases .tutorial_img_s5 {
margin-bottom: 40px;
}
.tutorial_fases .fase_6 {
margin-top: 5%;
width: 728px;
}
.tutorial_fases .tutorial_img_s6_d,
.tutorial_fases .tutorial_img_s6_m {
margin: auto;
margin-bottom: 40px;
width: 500px;
}
.tutorial_fases .tutorial_img_s6_d {
display: block;
}
.tutorial_fases .tutorial_img_s6_m {
display: none;
}
.tutorial_fases .tutorial_img_s4,
.tutorial_fases .tutorial_img_s5 {
width: 230px;
}
.dont_show_on_desk {
display: none;
}
.guias__container-text__card button.accordion i {
margin-top: 5px;
}
.guias__container-text__card button.accordion {
cursor: pointer;
}
.second_container .guias__container-text {
margin-top: 40px;
}
.close_select_accordeon {
position: absolute;
right: -30px;
color: #636363;
}
.close_select_accordeon svg {
width: 11px;
height: 11px;
}
@media screen and (min-width: 1201px) {
.simulador-carteira-copa {
display: inline-block;
}
.simulador-carteira-copa .simulador-campo {
float: left;
}
.simulador-carteira-copa .simulador-campo-holder {
float: left;
top: 0;
width: 55%;
}
.select-area .select-box h3,
.select-area .select-box h2 {
font-family: "Crimson Text", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #636363;
padding-bottom: 8px;
}
.select-estrategia-holder {
margin-top: 0;
width: auto;
min-height: 40px;
font-size: 16px;
}
.simulador-carteira-copa > div {
display: inline-block;
width: 40%;
}
.simulador-carteira-copa .share-box {
direction: ltr;
width: 100%;
margin-bottom: 8px;
padding-top: 0;
}
.simulador-carteira-copa .share-box .share-title {
vertical-align: top;
float: left;
}
.simulador-carteira-copa .share-box .share-title p {
padding: 20px;
}
.simulador-carteira-copa .share-box .mvp-post-soc-list {
width: 50%;
margin-top: 0;
float: none;
}
.simulador-carteira-copa .share-box > * {
display: inline-block;
}
.simulador-carteira-copa .guias__container {
margin-left: 0;
}
.desempenho_box.guias__container-text__card button.accordion {
padding: 0;
margin: 16px 0 24px 0;
}
.desempenho_box.guias__container-text__card button.accordion h2 {
font-size: 18px !important;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
font-family: "Crimson Text" !important;
}
.desempenho_box.guias__container-text__card .panel {
padding: 0;
}
.desempenho_box .whitebox {
padding: 0;
box-shadow: none;
background: transparent;
}
.desempenho_list_holder {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 14px;
}
.desempenho_list {
margin-bottom: 16px;
}
.desempenho_list .desempenho_item {
margin-bottom: 16px;
}
.simulador-carteira-copa .guias__container-text__card.desempenho_box {
margin-left: 8px;
}
}
@media screen and (max-width: 1200px) {
.simulador-carteira-copa {
grid-template-columns: 1fr;
}
.simulador-carteira-copa .select-area {
grid-column: 1;
grid-row: 1;
}
.simulador-carteira-copa .simulador-campo {
grid-column: 1;
grid-row: 2;
}
.simulador-carteira-copa .share-box {
grid-column: 1;
grid-row: 3;
}
.simulador-carteira-copa .guias__container {
grid-column: 1;
grid-row: 4;
margin-right: 1.8181818182%;
}
.simulador-carteira-copa .guias__container-text__card.desempenho_box {
border: 1px solid #d8d8d8;
box-sizing: border-box;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
border-radius: 3px;
margin-bottom: 32px;
}
.second_container .guias__container-text {
margin-top: 0;
}
.guias__container-text__card
button.accordion.accordeon_desempenho.active
i.fa.fa-minus.desactive {
display: block;
}
.guias__container-text__card button.accordeon_desempenho.accordion {
cursor: pointer;
}
.simulador-campo {
width: 386px;
height: 613px;
background-image: url('data:image/svg+xml,');
}
.guias__container-text {
margin-top: 64px;
}
.select-area {
width: auto;
}
.simulador-campo .simulador-campo-select-holder {
max-height: 80%;
min-height: 435px;
}
}
@media screen and (max-width: 1000px) {
.whitebox {
display: block;
}
.desempenho_list_holder {
width: 300px;
margin: auto;
}
.simulador-carteira-copa .share-box {
width: 342px;
}
.selecao_list .selecao_item .selecao_name {
display: none;
}
/*.simulador-carteira-copa{
grid-template-columns: 1fr;
}*/
}
@media screen and (max-width: 810px) {
.select-area .select-box > *:not(.show_on_mobile) {
display: none;
}
.select-area .select-box > .show_on_mobile {
margin-top: 32px;
}
.caracteristicas_colums {
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.caracteristicas_colums > div {
min-width: 250px;
margin-bottom: 48px;
}
.dont_show_on_desk {
display: block;
}
.tutorial_bt_area {
flex-direction: column;
gap: 20px;
}
.tutorial_bt_area .tutorial_close,
.tutorial_bt_area .tutorial_next {
padding: 10px 16px;
width: calc(100% - 36px);
font-size: 16px;
}
.tutorial_fases > * {
max-width: 100%;
position: relative;
top: 20%;
}
.tutorial_fases .fase_2 {
top: 10%;
}
.tutorial_fases .fase_3 {
top: 10%;
}
.tutorial_fases .fase_4 {
top: 10%;
}
.tutorial_fases .fase_5 {
top: 10%;
}
.tutorial_fases .fase_6 {
top: 10%;
}
.tutorial_fases .tutorial_img_s3 {
width: 120px;
background-size: 306px;
}
.tutorial_fases .tutorial_img_s4 {
margin-bottom: 8px;
}
.tutorial_fases .tutorial_img_s5 {
margin-bottom: 8px;
}
.tutorial_fases .tutorial_img_s6_d {
display: none;
}
.tutorial_fases .tutorial_img_s6_m {
display: block;
margin: auto;
margin-bottom: 12px;
max-width: 50%;
}
.tutorial_fases .tutorial_text_box {
width: calc(100% - 30px);
}
.desempenho_graph .show_on_mobile {
display: block !important;
}
.desempenho_graph .show_on_desk {
display: none !important;
}
.selecao_list .selecao_item .selecao_cta p {
font-size: 10px;
}
.selecao_list .selecao_item .selecao_value p {
font-size: 12px;
}
.selecao_list .selecao_item .selecao_ticker p {
font-size: 12px;
}
}
@media screen and (max-width: 810px) and (max-height: 700px) {
.tutorial_bt_area {
margin-top: 12px;
}
.tutorial_fases .tutorial_text_box p {
font-size: 14px;
line-height: 22px;
}
.desempenho_list {
margin-bottom: 20px;
}
.desempenho_list .desempenho_item {
margin-bottom: 2px;
}
.ativos__variacao {
padding: 2px 4px;
}
.guias__container-text__card button.accordion {
padding: 12px 24px;
}
}
@media screen and (max-width: 792px) {
.mvp-flex-ad {
margin-top: 40px;
}
.simulador-campo .close-select {
top: 56px;
right: 8px;
}
.simulador-campo {
width: 340px;
height: 543px;
}
.selecao_list .selecao_item {
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: 16px;
}
.selecao_list .selecao_item .select_inside p {
display: none;
}
.selecao_list .selecao_item > div {
width: 100%;
}
.selecao_list .selecao_item .selecao_cta p {
text-align: left;
}
.selecao_list .selecao_item .selecao_cta p a {
padding: 0;
}
.selecao_list .selecao_item .selecao_value p {
text-align: right;
}
}
@media screen and (max-width: 500px) {
.desempenho_list_holder {
width: 225px;
}
.desempenho_list .desempenho_item > p:not(:first-child) {
font-size: 10px;
}
.desempenho_list .desempenho_item .desempenho_smallball {
margin-bottom: 0px;
}
.disclaimer_campo {
max-width: 90%;
}
.selecao_list .selecao_item .selecao_ticker {
width: 33%;
}
.tutorial_fases .tutorial_img_s6_m {
max-width: 35%;
}
}
@media screen and (max-width: 479px) {
#mvp-post-head {
margin-bottom: 40px;
}
.tutorial_block {
font-size: 18px;
line-height: 30px;
}
.tutorial_fases > * {
padding: 16px;
margin-top: 5%;
}
.tutorial_bt_area .tutorial_close,
.tutorial_bt_area .tutorial_next {
padding: 10px 16px;
}
.mvp-post-soc-wrap .mvp-post-soc-list > * > li {
margin-right: 0;
}
.simulador-carteira-copa {
padding-top: 0;
}
}
@media screen and (max-height: 1280px) {
.tutorial_block {
font-size: 16px;
line-height: 24px;
}
.tutorial_bt_area .tutorial_close,
.tutorial_bt_area .tutorial_next {
padding: 8px 24px;
}
}
@media screen and (max-height: 1000px) {
.tutorial_fases .tutorial_img_s4,
.tutorial_fases .tutorial_img_s5 {
width: 180px;
}
}
.guias__resume-text {
font-size: 14px;
line-height: 16px;
}
.guias__content {
height: 100%;
padding: 40px 0px 36px;
width: 100%;
}
.guias__title {
font-size: 18px;
line-height: 24px;
font-weight: 700;
position: relative;
margin-bottom: 20px;
}
.guias__title::before {
content: "";
display: inline-block;
position: absolute;
left: 0px;
bottom: 40px;
width: 41px;
background: #50f;
height: 1px;
z-index: 0;
}
.guias__list {
list-style: none;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.guias__list__item {
display: block;
}
.guias__list__item a {
display: inline-block;
padding: 8px 0;
border-bottom: 1px solid #eee;
width: 100%;
}
.guias__list__item a h3 {
font-size: 14px;
line-height: 20px;
color: #50f;
font-weight: 500;
}
.guias__list__item:last-child {
border-bottom: 0;
}
.guias__list__item h3:hover {
color: #000;
}
.guias__container {
background-color: #fff;
display: flex;
flex-direction: column;
}
.guias__container-text__card {
border: 1px solid #d8d8d8;
box-sizing: border-box;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
border-radius: 3px;
margin-bottom: 32px;
}
.guias__container-text__card button.accordion {
background-color: transparent;
width: 100%;
display: flex;
padding: 24px;
border: none;
}
.guias__container-text__card button.accordion.active i.fa.fa-plus {
display: none;
}
.guias__container-text__card button.accordion.active i.fa.fa-minus.desactive {
display: block;
}
.guias__container-text__card button.accordion h2 {
width: 80%;
text-align: initial;
text-transform: uppercase;
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #111;
}
.guias__container-text__card button.accordion i {
width: 20%;
text-align: end;
cursor: pointer;
font-size: 20px;
color: #50f;
font-weight: 300;
}
.guias__container-text__card button.accordion i.desactive {
display: none;
}
.guias__container-text__card .panel {
display: none;
padding: 0px 24px 24px;
font-size: 18px;
line-height: 24px;
font-weight: 400;
}