/* =======================
    TYPOGRAPHY 
======================== */
@font-face {
    font-family: 'Manrope';
    src: url('../webfonts/Manrope-Medium.woff2') format('woff2'),
        url('../webfonts/Manrope-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Publico Headline';
    src: url('../webfonts/PublicoHeadline-Roman.woff2') format('woff2'),
        url('../webfonts/PublicoHeadline-Roman.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Druk'; 
    src: url('../webfonts/Druk-Bold.woff2') format('woff2'),
        url('../webfonts/Druk-Bold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
.fa-brands, .fab, .fa {
    font-style: normal;
}
/* =======================
    GENERAL STYLES
======================== */ 
html {

    --background-color: #F2F2F2;
    --text-color: #494949;

    --dark: #111111;
    --dark-70: #404040;
    --dark-50: #8C8C8C;

    --warm-grey-00: #DBD2C5;
    --warm-grey-05: #EBE8E3;
    --warm-grey-10: #A9A297;
    --warm-grey-20: #7A7468;

    --red: #612A37;

}
html, body {
    position: relative;
    height: 100%;
    width: 100%;
}
body {
    color: var(--text-color);
    background-color: var(--background-color); 
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 0;
    overflow-x: hidden; 
    font-family: 'Manrope', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.35; 
    font-weight: 500;
}
main {
    padding-bottom: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--dark);
    font-family: 'Publico Headline', Helvetica, sans-serif;
    font-weight: 600;
    margin-top: 0;
    display: block; 
    line-height: 1.35;    
    margin-bottom: 1.2rem;  
} 
.h1, h1 { 
    color: var(--red);
    font-size: 52px;
    line-height: 1.2; 
} 
.h2, h2 {
    color: var(--red);
    font-size: 42px;
}
.h3, h3 {
    color: var(--dark);
    font-size: 36px;
}
.h4, h4 {
    color: var(--dark-70);
    font-size: 28px;
}
.h5, h5 {
    color: var(--dark-70);
    font-size: 24px;
}
.h6, h6 {
    color: var(--dark-70);
    font-size: 20px;
}
.featured {
    font-size: 18px;
    font-family: 'Druk', Helvetica, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--red);
}
a {
    text-decoration: none;
    color: var(--red);
    font-weight: 500;
}
a:hover {
    color: var(--red);
    text-decoration: none;
}
a:focus,
a:active {
    outline: 0;
    outline-offset: -2px;
    text-decoration: none;
    box-shadow: none;
}
p {
    font-size: 1em;
    margin-bottom: 1.2rem; 
}
strong {
    font-weight: 900;
}
.kensei_02 {
    -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.kensei_03 {
    -webkit-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
}

blockquote {
    border-left: 3px solid var(--red);
    margin: 1em 0;
    padding: 0.7em 0.9em 0.1em;
}
.clear{
    clear: both;
}
.element_invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    left: 0;
    top: 0;
    opacity: 0;
    max-width: 200px;
    max-height: 200px;
}
.the_button {
    font-family: 'Manrope', Helvetica, sans-serif;
    background-color: var(--red);
    border: 1px solid var(--red);
    border-radius: 0;
    display: inline-block;
    padding: 12px 24px;
    text-transform: uppercase;
    font-weight: 500;
    color: #ffffff;
    text-shadow: none;
    font-size: 14px;
    letter-spacing: 0.8px;
    margin: 8px 0;
    display: flex;
    width: fit-content;
    align-items: center;
    grid-gap: 16px;
}
.the_button:after {
    content: url(../img/arrows/white-arrow.svg);
}
.the_button.outlined:after,
.the_button.naked:after {
    content: url(../img/arrows/beige-arrow.svg);
}
.the_button:after {
    display: inline-block;
}
.the_button:hover, 
.the_button:focus {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--background-color);
    /*grid-gap: 20px;*/
}
.the_button.outlined {
    border: 1px solid var(--warm-grey-10);
    background-color: transparent;
    color: var(--warm-grey-10);
}
.the_button.naked {
    color: var(--warm-grey-10);
    border: none;
    background-color: transparent;
    padding: 0;
}
.the_button.outlined:hover, 
.the_button.outlined:focus {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--warm-grey-10);
}
.the_button.naked:hover,
.the_button.naked:focus {
    grid-gap: 20px;
}
.the_button.disabled,
.the_button.disabled:hover,
.the_button.disabled:focus {
    cursor: not-allowed;
    border: 1px solid var(--warm-grey-00);
    background-color: var(--warm-grey-00);
    color: var(--warm-grey-10);
}
.the_button.disabled:after {
    content: url(../img/arrows/beige-arrow.svg);
}
.naked_link span {
    display: inline-block;
    vertical-align: text-bottom;
} 
.naked_link { 
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    font-family: 'Publico Headline', Helvetica, sans-serif;
}
.naked_link:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
}
.kensei_02 {
    -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.kensei_03 {
    -webkit-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
}
.responsive_image,
.responsive_image img{
    width: 100%;
    height: auto;
}
section,
.section {
    padding: 90px 0 80px; 
    width: 100%;
    background-color: var(--background-color);
    z-index: 9;
    position: relative; 
}
#breadcrumbs {
    display: none!important;
}
#breadcrumb {
    padding-bottom: 1.5em;
    font-weight: 300;
}
#breadcrumb a {
    color: #333333;
}
#breadcrumb a:hover {
    color: var(--red);
}
#flexible_content #breadcrumb {
    padding-bottom: 0;
}
#breadcrumb #home_url {
    color: var(--red);
    font-weight: 700;
}
#flexible_content.has_breadcrumb #the_content {
    padding-top: 20px;
}
body.page-template-default {
    padding-top: 150px;
}
.page-template-default table {
    width: 100%;
    margin-bottom: 1em;
}
.page-template-default tbody {
    border: 1px solid #bec0c2;
}
.page-template-default tr {
    border-bottom: 1px solid #bec0c2;
}
.page-template-default th, .page-template-default td {
    padding: 0.6em;
} 
/* =======================
    HEADER
======================== */
header {
    background-color: var(--background-color);
    position: fixed;
    padding: 12px 0 6px;
    top: 0;
    width: 100%;
    z-index: 999;
    height: auto;
    border-bottom: 0;
    -webkit-transform: translate3d(0px,0px,0px);
            transform: translate3d(0px,0px,0px);
}
header.hide_header {
    top: -120px;
}
header.sticky {
    /*background-color: var(--background-color);*/
    padding: 6px 0;
}
header {
    background-color: transparent;

}
body.page-template-home header #isotype {
    opacity: 0;
}
body.page-template-home header.sticky #isotype {
    opacity: 1;
}
header.sticky {
    background-color: var(--background-color);
}
#logo_wrapper {
    height: auto;
    margin: 0;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
}
#logo_wrapper a {
    text-align: left;
    margin: auto;
    width: 100%;
    display: block;
    position: relative;
}
#logo_wrapper a img,
#logo_wrapper a svg {
    left: 0;
    top: 0;
    width: 120px;
    height: auto;
    position: relative;
    margin-top: 0;
}
#logo_wrapper h1,
#logo_wrapper span { 
    text-indent: -9999999px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
#header_principal {
    -webkit-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
}
#header_principal .container,
#header_principal .container > .row {
    height: 100%;
}
nav#navigation {
    text-align: right;
    margin-top: 0;
}
nav#navigation ul,
nav#navigation ul li  {
    margin: 0;
    padding: 0;
    list-style: none;
}
nav#navigation > div > ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: 16px;
}
nav#navigation > div > ul li a {
    color: var(--warm-grey-10);
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    margin: 8px 0;
    -webkit-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;
}
nav#navigation > div > ul li a:hover,
nav#navigation > div > ul li.current_page_item a {
    color: var(--red);
}
nav#navigation > div#superior_nav ul li a {
    border: 1px solid var(--warm-grey-10);
    padding: 8px;
}
nav#navigation > div#superior_nav ul li:first-child a {
    border: 0;
}
nav#navigation > div#superior_nav a:hover {
    background-color: var(--warm-grey-10);
    color: var(--background-color);
}

nav#navigation > div#superior_nav ul li:last-child a:hover {
    border-color: var(--red);
    background-color: var(--red);
    /*cursor: not-allowed;*/
}
nav#navigation > div#superior_nav ul li:first-child a:hover {
    background-color: transparent;
    color: var(--red);
}
nav#navigation > div#inferior_nav a {
    font-size: 20px;
    letter-spacing: 1px;
    font-family: 'Druk', Helvetica, sans-serif;
}
nav#navigation > div#inferior_nav a br {
    display: none;
}
#app_burguer {
    display: none;
}
/* =======================
    HOMEPAGE
======================== */
.page-template-home {
    padding-top: 0;
} 
#intro {
    background-color: var(--background-color);
    position: relative;
    padding-top: 160px;
    padding-bottom: 0;
}
#the_content {
    padding-bottom: 80px;
}
#intro .overlay {
    background-image: url('../img/brand/pattern.svg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}
#wordmark,
#the_content,
#intro_title,
#intro_content {
    position: relative;
    z-index: 9;
}
body.page-template-home #intro_image * {
    color: #ffffff;
}
#intro_image {
    padding: 200px 0 120px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /*-webkit-mask-image: url(../img/brand/pattern-cropper.svg);
    mask-image: url(../img/brand/pattern-cropper.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center bottom;
    mask-position: center bottom;*/
}
#intro_title {
    padding-bottom: 80px;
}
#intro_title .h2 {
    white-space: nowrap; 
}
#the_homepage section#presentation {
    padding: 80px 0;
}
.presentation_content {
    padding-left: 30px;
    border-left: 2px solid var(--warm-grey-10);
}
#wordmark {
    padding-bottom: 40px;
}
#presentation {
    background-color: var(--background-color);
}
#more_about_us {
    background-color: var(--warm-grey-05);
}
#presentation .presentation_content {
    margin-top: 64px;
}
#more_about_us .presentation_content {
    margin-top: 46px;
}
#presentation .the_button.naked,
#more_about_us .the_button.naked {
    margin-top: 32px;
}
/* =======================
    CONOCE PANZA
======================== */
#has_hero #intro {
    padding: 220px 0 0;
}
#wordmark {
    padding-bottom: 80px;
}
#has_hero #intro_image {
    background-color: var(--warm-grey-05);
    position: relative;
    /*-webkit-mask-image: url(../img/brand/pattern-cropper.svg);
    mask-image: url(../img/brand/pattern-cropper.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center bottom;
    mask-position: center bottom;*/
}
#has_hero #intro_image #secondary_intro_image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    -webkit-mask-image: url(../img/brand/pattern-cropper.svg);
    mask-image: url(../img/brand/pattern-cropper.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
}
#has_hero #intro .overlay {
    /*background-image: url(../img/brand/pattern-cropper.svg);*/
}
#presentation_content {
    position: relative;
}
#presentation_content .presentation_content {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}
#presentation_content .presentation_content.active {
    display: block;
}
#item_list h3 a {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    opacity: 0.4;
}
#item_list h3 a:hover,
#item_list h3 a.active {
    color: var(--dark-70);
    opacity: 1;
}
#item_list h3 a.active {
    grid-gap: 12px;
}
#item_list_title {
    margin-bottom: 32px;
}
#S04_solution {
    background-color: var(--warm-grey-05);
}
#S04_solution ul, 
#S04_solution ul li {
    margin: 0;
    padding: 0;
}
#S04_solution ul > li {
    list-style: none;
    margin-top: 24px; 
}
#S04_solution ul li strong {
    display: block;
    font-weight: 100;
    border-bottom: 1px solid var(--warm-grey-10);
    color: var(--warm-grey-10);
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 8px;

}
#S04_solution ol {
    padding: 0;
    margin: 16px 0;
    list-style-type: none;
    counter-reset: li;
}
#S04_solution ol li:before {
    counter-increment: li;
    content: counter(li, decimal-leading-zero);
    display: inline-block;
    font-size: 14px;
    font-weight: 100;
}
#S04_solution ol li {
    display: flex;
    align-items: center;
    grid-gap: 16px;
    font-size: 16px;
    margin-bottom: 4px;
}
#S04_solution em {
    display: block;
    margin-top: 16px;
    color: var(--warm-grey-10);
    font-size: 13px;
    font-style: normal; 
}
#S05_sustainability .presentation_content p,
#S03_why p {
    font-size: 16px;
}
#S05_sustainability {
    padding: 160px 0;
    position: relative;
}
#half_background {
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#toggle_sustain {
    padding: 16px 0;
    border-top: 1px solid var(--warm-grey-10);
    border-bottom: 1px solid var(--warm-grey-10);
}
#toggle_sustain h2.h4 {
    margin: 0;
}
#toggle_sustain_content {
    display: none;
    padding-top: 40px;
    padding-bottom: 40px;
}
#toggle_sustain_content h6 {
    margin-bottom: 32px;
}
#S06_item_list h3 {
    display: flex;
    align-items: center;
    grid-gap: 16px;
}
#S06_item_list > div {
    margin-bottom: 46px;
} 
#S06_item_list > div:last-child {
    margin-bottom: 0;
}
#S06_item_list > div p {
    font-size: 16px;
}
#toggle_sustain_opener {
    background-color: var(--dark-70);
    border: 1px solid var(--warm-grey-10);
    color: #ffffff;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    display: inline-block;
    opacity: 1;
    text-align: center;
    line-height: 24px;
    font-weight: 100;
    background-image: url(../img/arrows/cross.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
}
#toggle_sustain_opener span {
    display: none;
}
#toggle_sustain_opener.opened {
    opacity: 0.5;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); 
}
#toggle_sustain_opener_container {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/* =======================
    FILOSOFÍA
======================== */
#S02_road {
    padding: 140px 0;
    background-color: var(--warm-grey-05);
    background-image: url(../img/brand/carteras-background.svg);
    background-repeat: no-repeat;
    background-position: left -15px;
    background-size: auto 640px;
}
#S02_road.presentation_content {
    margin-top: 64px;
}
#S03_process h2 {
    margin-bottom: 0;
}
#S03_process article {
    margin-top: 80px;
}
#S03_process article pre {
    display: block;
    background: palevioletred;
}
#S03_process article h3.h4 {
    display: flex;
    align-items: flex-start;
    grid-gap: 16px;
}
#S03_process article h3.h4 span:first-child {
    color: var(--warm-grey-10);
}
.article_content p,
.article_content li {
    font-size: 16px;
}
.process_cell h4 {
    font-family: 'Manrope', Helvetica, sans-serif;
    display: block;
    font-weight: 100;
    border-bottom: 1px solid var(--warm-grey-10);
    color: var(--warm-grey-10);
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 8px;
}
.process_cell {
    margin-bottom: 24px;
}
.col-12 .process_cell:last-child {
    margin-bottom: 0;
}
.process_cell ul li::marker {
    content: '- ';
}
.process_cell ul {
    padding-left: 12px;
}
.article_content ol {
    padding-left: 18px;
}
article li {
    margin-bottom: 3px;
}
#prefooter {
    
}
#prefooter .prefooter_band {
    background-color: var(--red);
}
.prefooter_band .the_button {
    padding: 28px 0;
    margin: 0;
    background-color: transparent;
    border: none;
}
.prefooter_band .the_button:hover {
    grid-gap: 20px;
}
#prefooter_image {
    height: 240px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/default/prefooter-filosofia.jpg);
}
.stage_buttons {
    padding-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 24px;
}
#investment_team {
    padding-top: 90px;
}
#investment_team_title {
    padding-top: 32px;
}
#investment_team_director {
    max-width: 245px;
}
.investment_item .responsive_image,
.investment_item h5 {
    margin-bottom: 16px;
}
.investment_item ul, 
.investment_item ul li {
    padding: 0;
    margin: 0;
    /*text-transform: uppercase;*/
    color: #A9A297;
    list-style: none;
    font-size: 14px;
}
.investment_item ul li {
    margin-bottom: 4px;
    /*padding-bottom: 4px;*/
    /*border-bottom: 1px solid #A9A297;*/
}
.investment_item p {
    margin-bottom: 8px;
    color: #7A7468;
    font-size: 16px;
}
.investment_item {
    margin-bottom: 32px;
}
#investment_team h4 {
    margin-bottom: 46px;
}
/* =======================
    NUESTROS FONDOS
======================== */
#investments_list {
    background-image: url(../img/brand/investments-background.svg); 
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 40%;
}
#investments_intro {
    padding-top: 200px;
    padding-bottom: 20px;
}
#investments_article_list article {
    margin-bottom: 32px;
}
.stage_04 h4 {
    background-color: var(--warm-grey-10);
}
.stage_subtitle {
    font-family: 'Manrope', Helvetica, sans-serif;
    text-transform: uppercase;
    padding-top: 11px;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 0.8px;
    margin-bottom: 8px;
}
.rentabilidad_02 .stage_subtitle {
    font-size: 12px;
}

.stage_01 p {
    font-size: 16px;
}

.stage_02 p {
    font-size: 24px;
}
.stage_02 .rentabilidad_02 p {
    font-size: 20px;
    margin-bottom: 0;
}
.stage_02 .rentabilidad_02 span {
    font-size: 12px;
}


.stage_02 {
    text-align: center;
}
.stage_03 .stage_heading,
.stage_03 .stage_footing {
    display: flex;
    flex-wrap: wrap;
}
.stage_03 .stage_heading > div,
.stage_03 .stage_footing > div {
    flex: 0 0 auto;
    width: 50%;
}
.stage_03 .stage_heading > div:last-child,
.stage_03 .stage_footing > div:last-child {
    text-align: right;
}
.stage_footing {
    font-family: 'Manrope', Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 0.8px;
}
.stage_band {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 24px;
}
.stage_band_indicator {
    height: 20px;
    background-color: var(--warm-grey-00);
    border-radius: 20px;
}
/* =======================
    SINGLE FONDO
======================== */
body.page-template-single-fondo nav#navigation > div#inferior_nav #menu-item-553 a  {
    color: var(--red);
}
#investment_content {
    background-color: var(--warm-grey-05);
}
#investment_content p, 
#investment_content li {
    font-size: 16px;
}
#investment_content .the_button {
    margin-top: 0;
}
#investment_prefooter_band { 
    background-color: var(--red);
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 99999;
}
#investment_prefooter_band.prefooter_band .the_button {
        padding: 24px 0;
}
body.page-template-single-fondo #subfooter {
    padding-bottom: 90px;
}  
#S01_investment {
    padding-bottom: 54px;
} 
#S02_investment,
#S03_investment {
    padding-top: 0;
}
#S02_investment h2.h3,
#S03_investment h2.h3 {
    margin-bottom: 46px;
}
.S02_graphic img {
    margin-bottom: 32px;
}
#S02_table_01 {
    padding-top: 32px;
}
.S02_graphic {
    padding-top: 32px;
}
.S02_graphic dl {
    display: flex;
    flex-wrap: wrap;
}
.S02_graphic dd, 
.S02_graphic dt {
    font-weight: 100;
    flex: 0 0 auto;
    width: 50%;
    color: var(--warm-grey-10);
    font-size: 13px;
    border-bottom: 1px solid var(--warm-grey-10);
    padding: 16px 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

.S02_graphic dt {
    font-weight: 400; 
    color: #A9A297;
}
.S02_graphic dd {
    font-weight: 400; 
    color: #111111;
}
.page-template-single-fondo #prefooter_image {
    background-image: url(../img/default/prefooter-fondo.jpg);
}
#S04_investment_docs h2,
#S04_investment_docs a {
    color: var(--dark);
    font-family: 'Manrope', Helvetica, sans-serif;    
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.8px;
    font-size: 14px;
}
#S04_investment_docs a {
    font-size: 14px;
    color: var(--warm-grey-20);
    margin: 8px 0;
    display: flex;
    width: fit-content;
    align-items: center;
    grid-gap: 16px;
}
#S04_investment_docs a:after {
    position: relative;
    top: 2px;
    content: url(../img/arrows/doc-arrow.svg);
}
#S04_investment_docs a:hover {
    text-decoration: underline; 
}
#S04_investment_docs {
    padding-top: 20px;
}
#not_S01_investment_content {
    height: 80px;
}
/* =======================
    PANZA EN LOS MEDIOS
======================== */
#the_contact.is_blog #intro {
    background-color: var(--warm-grey-05);
}
#news_list .responsive_image { 
    position: relative;  
}
#news_list .responsive_image::before,
#news_list .responsive_image::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
    -webkit-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out; 
}
#news_list .responsive_image::before {
  background-color: #111111;
  mix-blend-mode: color;
}
#news_list .responsive_image::after {
  background-color: var(--warm-grey-05);
  mix-blend-mode: multiply;
}
.news_card {
    cursor: pointer;
}
#news_list .news_card:hover .responsive_image::before,
#news_list .news_card:hover .responsive_image::after {
    opacity: 0;
}
#news_list {
    padding-top: 60px; 
    padding-bottom: 0;
}
.news_card {
    margin-bottom: 60px;
}
.news_card .responsive_image {
    margin-bottom: 24px;
}
.presentation_content {
    padding-left: 20px;
}
.news_card .date {
    font-size: 14px;
    color: var(--warm-grey-10);
    margin-bottom: 8px;
}
/* =======================
    CONTACTO
======================== */
#contact_form {
    padding: 90px 0 60px;
    background-color: var(--warm-grey-05);
}
#contact_form {
    padding: 220px 0 90px;
}
#contact_form h5 {
    color: var(--red);
}
#contact_content {
    padding-top: 16px;
}
#the_contact #intro .overlay {
    background-position: center;
    background-size: cover;
}
body.page-template-contacto footer,
body.page-template-default footer {
    padding: 30px 0;
}
body.page-template-contacto footer .container,
body.page-template-default footer .container {
    display: none;
}
#contact_form_legal * {
    font-size: 11px;
    color: var(--warm-grey-10);
}
#contact_row {

}
#data_list {
    margin-bottom: 24px;
}
#data_list ul,
#data_list ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    letter-spacing: 1px;
    font-family: 'Druk', Helvetica, sans-serif;
    text-transform: uppercase;
}
#data_list ul li a:hover {
    text-decoration: underline;
}
#data_list ul li {
    margin-bottom: 4px;
}
/* =======================
    FORMS
======================== */
#contact_form .form-control { 
    border-radius: 0;
    color: #494949;
    border: 0;
    border-bottom: 1px solid #494949;
    background-color: transparent;
    /* border: 1px solid #d6d6d6; */
    box-shadow: none;
    font-weight: 500;
    padding: 0;
    padding-bottom: 3px;
    font-size: 14px;
}
#contact_form .form-control:focus,
#contact_form .form-control:active {
    outline: 0;
    outline-offset: -2px;
    text-decoration: none;
    box-shadow: none;
    border: 0!important;
    border-bottom: 1px solid #612A37!important; 
} 
#contact_form .nf-error.field-wrap .nf-field-element:after,
#contact_form .nf-pass.field-wrap .nf-field-element:after {
    display: none!important;
}
#contact_form textarea.form-control {
    height: 100px;
}
.two_columns_wrapper {
    float: left;
    width: calc(50% + 7px);
    padding-right: 14px;
}
.two_columns_wrapper_last {
    float: left;
    width: calc(50% - 7px);
    padding-right: 0;

}
.label_right {
    float: left;
    width: 80%;
    padding-right: 14px;
}
.submit_container {
    float: left;
    width: 20%;
    padding-right: 0;
    text-align: right;
}
#contact_form input[type=button] {
    font-family: 'Druk', Helvetica, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #A9A297;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent!important;
    font-size: 19px;
    height: auto;
}
#contact_form input[type=button]:hover {
    color: #262626;
}
#contact_form input[type=button]:before {
    clear:both;
}
#contact_form .checkbox-container.label-right label {
    font-size: 14px;
    text-transform: uppercase;
    color: #262626;
    font-weight: 100;
}  
#contact_form .checkbox-container.label-right label a,
#contact_form .checkbox-container.label-right label a:hover {
    color: #262626;
    font-weight: 100;
} 
#contact_form .checkbox-container.label-right label a:hover {
    text-decoration: underline;
}
#contact_form .nf-error .nf-error-msg,
#contact_form .nf-error-msg {
    color: #494949!important;
}
#contact_form .nf-error .ninja-forms-field {
    border-color: #494949!important;
}
#contact_form #contact_form .checkbox-wrap .nf-field-label label:before {
    font-size: 16px;
    left: -27px;
    top: -1px;
}
#contact_form .checkbox-wrap .nf-field-label label:after {
    background: #F2F2F2;
    border-color: #494949;
}
#contact_form .featured {
    margin-top: 36px;
    font-size: 32px;
    margin-bottom: 46px;
} 
/* =======================
    OVERLAY
======================== */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--background-color);
    z-index: 99999;
    background-image: url(../img/brand/pattern.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#overlay img {
    position: absolute;
    width: 170px;
    height: auto; 
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
}

/* =======================
    PAGE 404
======================== */
main#page_404,
main#page_404 > section,
main#page_404 .row,
main#page_404 .container {
    min-height: calc(100vh - 72px); 
}
main#page_404 > section {
    padding: 0;
}
.error404 header,
.error404 footer,
.error404 #subfooter {
    display: none!important;
}
main#page_404 a.kensei_03 span,
main#page_404 a.kensei_03 i {
    display: inline-block;
    vertical-align: middle;
}
main#page_404 a.kensei_03 {
    display: block;
    margin-top: 1.3em;
    font-size: 1.15em;
}  
/* ======================= 
    COOKIES
======================== */
#cookie-message {
    position: fixed;
    bottom: 1.5em;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: auto;
    display: none;
}
#cookie_card {
    visibility: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    height: auto;
    border-radius: 6px;
    overflow: hidden;
    padding: 0.5em 0.8em 0.6em;
    font-weight: 400;
    background: var(--red);
}
#cookie_card p, #cookie_card a {
    color: #ffffff;
    font-size: 16px;
}
#cookie-message p a {
    text-decoration: underline;
    font-weight: 700;
}
#cookie_card p {
    width: calc(100% - 94px);
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
#close-cookies-container {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 4.5em;
}
#cookie-message #close-cookies {
    margin: 0;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    top: -2px;
}
/* =======================
    FOOTER
======================== */
footer {
    background-color: var(--background-color);
    color: var(--text-color);
    padding: 90px 0 60px;
    margin-top: 0;
    z-index: 99;
    position: relative;
    font-weight: 400;
}
#footer_description {
    padding-top: 10px;
    padding-bottom: 20px;
}
#footer_description .the_button.naked {
    margin-top: 32px;
}
#footer_description ul, 
#footer_description ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}
#footer_description a:not(.the_button) {
    color: var(--text-color);
    -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
#footer_description a:hover {
    text-decoration: underline;
}

#footer_description a.the_button.naked:hover {
    text-decoration: none;
}

#contact_grid {
    /*display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;*/
    margin-left: -15px;
    margin-top: -15px;
}
.contact_card {
    /*flex: 0 0 auto;
    width: 50%;*/
    padding-left: 15px;
    padding-top: 15px;
}
.contact_card h5 {
    margin: 0;
    padding-top: 16px;
    padding-bottom: 8px;
}
.contact_card ul,
.contact_card ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.contact_card ul {
    display: flex;
    /*justify-content: space-between;*/
}
.contact_card ul li a {
    font-size: 16px;
    color: var(--warm-grey-10);
    text-transform: uppercase;
}
.contact_card ul li a:hover {
    color: var(--red);
    text-decoration: underline;
}
.contact_card ul li:last-child {
    padding-left: 46px;
}


#footer_legal hr {
    margin-top: 0;
    background-color: var(--warm-grey-20);
}
#subfooter {
    background-color: var(--background-color);
}
#subfooter * {
    color: var(--warm-grey-20);
    font-size: 14px;
    text-transform: uppercase;
}
#legal_menu {
    text-align: right;
}
#legal_menu ul,
#legal_menu ul li {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0;
    padding: 0;
}
#legal_menu ul li {
    padding: 0 20px 14px;
    font-size: 0.9em;
    font-weight: 300;
}
#legal_menu ul li:last-child {
    padding-right: 0;
}
#legal_menu a {
    display: block;
    margin: 0;
    padding: 0;
    color: var(--warm-grey-20);
}
#legal_menu a:hover {
    text-decoration: underline;
}
/* =======================
    WEBINAR
======================== */
#webinar_section {
    background-color: #F2F2F2;
    background-image: url(../img/brand/investments-background.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 40%;
}
.page-template-webinar footer {
    padding: 20px 0; 
}
#webinar_heading {
    padding-top: 40px;
    padding-bottom: 60px;
}
#webinar_heading h5 {
    font-family: 'Manrope', Helvetica, sans-serif;
    font-size: 18px;
    color: #A9A297;
    text-transform: uppercase;
    font-weight: 100;
}
#webinar_heading h6 {
    font-family: 'Manrope', Helvetica, sans-serif;
    display: block;
    font-weight: 100;
    border-bottom: 1px solid var(--warm-grey-10);
    color: var(--warm-grey-10);
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 32px;
    padding-bottom: 16px;
    letter-spacing: 1px;
}
#webinar_heading ul,
#webinar_heading ul li {
    font-family: 'Publico Headline', Helvetica, sans-serif;
    font-weight: 600;
    font-size: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
#webinar_heading ul {
    display: flex;
    flex-wrap: wrap;
}
#webinar_heading ul li {
    flex: 0 0 auto;
    width: 50%;
    padding-right: 30px;
}
/* =======================
    INTERNET EXPLORER
======================== */
.esploter{

}
/* =======================
    MEDIAQUERIES
======================== */
@media (max-width: 1400px) { 
    #investments_intro {
        padding-top: 140px;
        padding-bottom: 40px;
    }
    #intro_title {
        padding-bottom: 0;
    }
}
@media (max-width: 1200px) { 
    body{

    } 
    main { 
        min-height: auto;
    } 
    header.sticky {
        padding: 6px 0 2px;
    }
    #investments_intro {
        padding-top: 60px;
    }
}
@media (max-width: 1024px) {
    body {
        /*padding-top: 72px;*/
    }
    /* HEADER */
    #header_principal .row{
        text-align: center; 
    }
    header {
    overflow: visible;
    }
    #header_principal, nav#navigation {
        height: 72px;
    }
    /* NAV APP MODE */ 
    nav#navigation {
        display: block;
        background-color: var(--warm-grey-05);
        position: fixed;
        left: 0;
        top: -100vh;
        height: auto;
        width: 100%;
        z-index: -9;
        overflow-y: scroll;
        padding-top: 100px;
        padding-bottom: 50px;
        margin-top: 0;
        box-shadow: 0 -8px 20px 2px var(--warm-grey-10);
        -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
    }
    nav#navigation.open {
        top: 0;
    }
    nav#navigation {
        display: flex;
        flex-wrap: wrap;
    }
    nav#navigation > div {
        flex: 0 0 auto;
        max-width: 960px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    nav#navigation > div > ul {
        flex-wrap: wrap;
        grid-gap: 0;
        padding-top: 32px;
    }
    nav#navigation > div > ul li {
        flex: 0 0 auto;
        width: 100%;
        text-align: left;
    }
    nav#navigation > div > ul li a {
        margin-top: 0; 
    }
    nav#navigation > div#superior_nav ul li a {
        padding: 0;
        border: none;
    }
    #inferior_nav {
        order: 1!important;
    }
    #superior_nav {
        order: 2!important;
    }
    nav#navigation > div > ul {
        justify-content: flex-start;
    }
    /* APP BURGUER */
    header .container {
        position: relative;
    }
    header #menu-icon {
        width: 20px;
        height: 20px;
        margin-top: 0;
        position: relative;
        top: 12px;
        left: 10px;
    }
    header #menu-icon .path {
        width: 100%;
        height: 2px;
        background-color: var(--background-color);
        top: calc(50% - 1px);
        position: relative;
        margin-top: -2px;
    }
    #app_burguer {
        background-color: var(--warm-grey-10);
        display: block;
        height: 40px;
        width: 40px;
        position: absolute;
        top: 14px;
        right: 14px;
        cursor: pointer;
        border-radius: 100%;
    }
    header #app_burguer:hover{
        text-decoration: none;
        border-bottom: 0;
    }
    #menu-icon .top{
        -webkit-transform:  rotate(0deg) translateY(-7px);
        -ms-transform:      rotate(0deg) translateY(-7px);
        transform:          rotate(0deg) translateY(-7px);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer #menu-icon .bottom{
        -webkit-transform:  rotate(0deg) translateY(7px);
        -ms-transform:      rotate(0deg) translateY(7px);
        transform:          rotate(0deg) translateY(7px);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer #menu-icon .middle{
        -webkit-transform:  rotate(0deg);
        -ms-transform:      rotate(0deg);
        transform:          rotate(0deg);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer.open #menu-icon .middle{
        opacity: 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer.open #menu-icon .top{
        -ms-transform-origin:       50% 50%; 
        -webkit-transform-origin:   50% 50%;
        -webkit-transform:  rotate(-45deg);
        -ms-transform:      rotate(-45deg);
        transform:          rotate(-45deg);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    header #app_burguer.open #menu-icon .bottom{
        -ms-transform-origin:     50% 50%; 
        -webkit-transform-origin: 50% 50%;
        -webkit-transform:  rotate(45deg);
        -ms-transform:      rotate(45deg);
        transform:          rotate(45deg);
        -webkit-transition: all 0.2s ease-in-out;
        transition:         all 0.2s ease-in-out;
    }
    /* HOMEPAGE */
    #intro_image {
        background-attachment: initial;
    }
    #intro_title .h2 {
        white-space: initial;
    } 
    /* GENERAL */
    #intro_image {
        padding: 80px 0 80px;
    }
    #has_hero #intro_image #secondary_intro_image {
        background-attachment: initial;
    }
    #our_investments {
        padding-top: 100px;
    }
    #investments_list {
        background-image: none;
    }
    .stage_02 {
        text-align: left;
    }
}
@media (max-width: 992px) {
    .h1, h1 {
        font-size: 46px;
    }
    .h2, h2 {
        font-size: 40px;
    }
    .h3, h3 {
        font-size: 32px;
    }
    .h4, h4 {
        font-size: 28px;
    }
    .h5, h5 {
        font-size: 24px;
    }
    .h6, h6 {
        font-size: 20px;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        line-height: 1.2;
    }
    #header_principal .container {
        width: 100%;
    }
    .inverse.order-first {
        order: 2;
    }
    .inverse.order-last {
        order: 1;
    }
    nav#navigation > div {
        max-width: 720px;
    }
    /* HOMEPAGE */
    #intro_image {
        padding: 140px 0 100px;
    }
    .page-template-home #intro .overlay {
        background-position: center bottom;
        background-size: cover; 
    }
    #more_about_us .responsive_image,
    .article_content {
        margin-bottom: 32px;
    }
    #S03_why .responsive_image,
    #S04_solution .responsive_image {
        margin-top: 32px;
    }
    main br {
        display: none;
    }
    #half_background {
        display: none;
    }
    #S05_sustainability {
        padding: 100px 0;
    }
    .stage_04 {
        margin-top: 32px;
    }
    #data_list {
        margin-top: 24px;
    }
    #contact_grid {
      /*  flex-wrap: nowrap;
        padding-top: 24px;
        width: calc(100% + 35px);
        overflow: scroll;
        padding-right: 20px;
        padding-bottom: 16px;*/
        position: relative;
    }
    #footer_contact_grid {
        position: relative;
    }
    #footer_contact_grid:after {
        /*content: '';
        display: block;
        position: absolute;
        height: 100%;
        width: 90px;
        right: -10px;
        top: -10px;
        pointer-events: none;
        background: rgb(242,242,242);
        background: linear-gradient(90deg, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 100%);*/

    }
    .contact_card {
        /*width: 60%;
        min-width: 240px;*/
    }
    #footer_contact_grid {

    }
    footer#contact {
        overflow: hidden;
    }
    /* FOOTER */
    #footer_description {
       /* padding-top: 40px;
        padding-bottom: 40px;*/
    }
    #legal_menu {
        text-align: left;
        padding-top: 16px;
    }
    #legal_menu ul li:first-child {
        padding-left: 0;
    }
    #presentation_content {
        margin-top: 16px;
        min-height: 100px;
    }
    #presentation_content .presentation_content {
        left: 15px;
        width: calc(80% - 20px);
    }
    #item_list_title {
        margin-bottom: 0;
    }
    #investment_team_director {
        max-width: initial;
    }
}
@media (max-width: 480px) {
    .h1, h1 {
        font-size: 42px;
    }
    .h2, h2 {
        font-size: 36px;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    body {
        
    }
    #app_burguer {
        right: 15px;
    }
    .table-wrapper {
        overflow-x:auto;
    }
    /* HEADER */ 
    #header_principal .row {
        text-align: left;
    }
    nav#navigation {
        right: -110%;
        width: 100%;
    }
    #header_superior_left_wrapper .brand_logo_negative {
        margin-top: 46px;
    }
    /* HOMEPAGE */
    #intro_image {
        padding: 80px 0 60px;
    }
    #presentation .presentation_content {
        margin-top: 32px;
    }
    #intro_title .h2 {
        font-size: 32px;
    }
    /* GENERAL */
    #has_hero #intro .overlay {
        background: none;
    }
    #has_hero #intro_image {
        overflow: hidden;
    }
    #wordmark {
        padding-bottom: 50px;
    }
    #has_hero #intro_image #secondary_intro_image {
        -webkit-mask-image: url(../img/brand/pattern-cropper-mobile.svg);
                mask-image: url(../img/brand/pattern-cropper-mobile.svg);
        left: 40%;
        -webkit-mask-size: auto 360px;
                mask-size: auto 360px;
        -webkit-mask-position: right bottom;
                mask-position: right bottom;
    }
    #has_hero #intro_image {
        padding-top: 40px;
        padding-bottom: 80px;
    }
    #has_hero #intro_image h3,
    #has_hero #intro_image h4 {
        font-size: 24px;
        padding-right: 40%;
    }
    #presentation_content {
        min-height: 160px;
    }
    #presentation_content .presentation_content {
        width: calc(100% - 20px);
    }
    #toggle_sustain_content {
        padding-bottom: 0;
    }
    .stage_subtitle {
        margin-bottom: 16px;
    }
    .stage_buttons {
        grid-gap: 16px;
    }
    .stage_buttons .the_button {
        margin: 0; 
    }
    #S02_investment .row {
        justify-content: center!important;
    }
    .two_columns_wrapper,
    .two_columns_wrapper_last  {
        width: 100%;
        padding-right: 0;
    }
    .page-template-home #the_content h3,
    #toggle_sustain h2.h4 {
        font-size: 24px;
    }
    #investment_content .the_button {
        margin-top: 24px;
    }
    #S03_process article {
        margin-top: 46px;
    }
    .process_cell .article_content {
        margin-bottom: 16px;
    }
    .stage_buttons {
        padding-bottom: 32px;
    }
    #the_homepage section#presentation,
    section, .section,
    #S05_sustainability,
    #S02_road {
        padding: 60px 0;
    }
    footer {
        padding-top: 60px;
    }
    #has_hero #intro,
    #our_investments,
    #the_contact #intro,
    #contact_form {
        padding-top: 160px;
    }
    #the_content,
    #the_contact #intro {
        padding-bottom: 40px;
    }
    #investments_list,
    #investments_intro {
        padding-top: 0;
    }
    #contact_grid .contact_card {
        margin-bottom: 24px;
    }
    /* FOOTER */ 
    #legal_menu ul li {
        width: 100%;
        padding: 0;
        margin: 4px 0;
    }
    #subfooter {
        padding-bottom: 16px;
    }
    #webinar_heading ul li {
        width: 100%;
        padding-right: 0;
    }
    .stage_subtitle {
        margin-bottom: 8px;
    }
    .stage_02 {
        margin-bottom: 16px;
    }

}