@import url('structure.css?v=272');
@import url('buttons.css?v=272');
@import url('responsive.css?v=272');
@import url('footer.css?v=272');
@import url('fonts.css?v=272');
@import url('header.css?v=272');
@import url('cards.css?v=272');
@import url('drawer.css?v=272');
@import url('page_home.css?v=272');
@import url('page_about_us.css?v=272');
@import url('page_single_funds.css?v=272');
@import url('page_funds.css?v=272');
@import url('page_single_news.css?v=272');
@import url('page_news.css?v=272');
@import url('page_contact.css?v=272');
@import url('page_cliente_area_funds.css?v=272');
@import url('landing_page.css?v=273');
@import url('page_campaign.css?v=272');
@import url('video.css?v=272');

:root {
    /*Main vars*/
    --background-color-main: #000E1E;
    --background-color-white: #DFE6ED;
    --background-color-bright-white: #F5F5F5;
    /* --background-color-white: #DFE6ED; */
    --background-color-blue: #3970A9;
    --background-color-bright-blue: #006CE0;
    --text-color: #000E1E;
    --text-color-white: #F5F5F5;
    /* --text-color-gray: #6581A0; */
    /* --text-color-black: #000A14; */
    --text-color-blue: #3970A9;
    --text-color-bright-blue: #006CE0;
    --icon-color: #000E1E;
    --border-radius: 16px;
    --padding-card: 24px 26px;
    --max-page: 1246px;
}

.page-content {
    display: flex;
    flex-direction: column;
    gap: 100px;
}

header,
main,
.footer .footer-container {
    /* max-width: var(--max-page);
    margin: 0 auto; */
}


/* Layout para Desktop */
@media (min-width: 1024px) {
    :root {
        --page-padding: 0 72px;
        --page-alt-padding: 0 24px;
    }
}

/* Layout para Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    :root {
        --page-padding: 0 16px;
        --page-alt-padding: 0 16px;
    }
}

/* Layout para Mobile */
@media (max-width: 767px) {
    :root {
        --page-padding: 0 16px;
        --page-alt-padding: 0 16px;
        --padding-card: 16px;
    }
}

body,
input:not([type="text"]):hover,
select:hover,
textarea:hover,
button:hover,
a:hover,
input:hover,
.video-wrapper .video-overlay,
.video-wrapper .play-button,
.page-client.funds .sec-main .funds-container .fund-card .actions button,
.page-client.funds .modal-close,
.login-popup-inner .login-submit,
.login-close,
.boouZO,
.cEVnpF {
  cursor: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'>\
  <circle cx='16' cy='16' r='12' fill='white' fill-opacity='0.6'/>\
  <circle cx='16' cy='16' r='4' fill='none' stroke='black' stroke-width='1'/>\
</svg>") 16 16, auto !important;
}