/*!
Theme Name: CBC
Theme URI: https://them.es/starter
Author: TPPeMarketing
Author URI: https://tppemarketing.com/
Description:CBC
Version: 3.0.3
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: cbc-the-central-america-bottling-corporation
*/
/* Don't overwrite this file. Compile "/assets/main.(less|scss)" to "/assets/css/main.css" */
/* From http://codex.wordpress.org/CSS */
@import url('https://fonts.cdnfonts.com/css/sofia-pro'); :root {
    --gris: #e7e7e7;
    
    --amarillo: #FECA29;
    --azul: #1B96D4;
    --azul-oscuro: #303F49;
    --celeste: #A5DDED;
    --verde: #72C055;
    --morado: #7A5BA6;
    --naranja: #F47D32;
}

::-webkit-scrollbar {
    width: 9px;
}

::-webkit-scrollbar-track {
    background-color: #dedfdf;
}


::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #303F49;
    border-radius: 6px
}

/* Chrome/Opera/Safari */
::-webkit-input-placeholder {
    font-size: 0.9em;
}

/* Firefox 19+ */
::-moz-placeholder {
    font-size: 0.9em;
}

/* IE 10+ */
:-ms-input-placeholder {
    font-size: 0.9em;
}

/* Firefox 18- */
:-moz-placeholder {
    font-size: 0.9em;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Sofia Pro', sans-serif !important;
}

body #wrapper {
    display: flex;
    min-height: 97vh;
    flex-direction: column;
    color: var(--azul-oscuro);
}

body #wrapper #main {
    flex: 1;
    margin: 30px 0 0;
}

body #wrapper #footer .menu-item a[aria-current=page] {
    background: #fff;
    color: var(--azul-oscuro);
    font-weight: 700;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

body>#wrapper>header {
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 999999;
    width: 100%;
    box-shadow: 0 1px 10px #000;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 50%;
}

.gallery-item a, .gallery-item a:hover, .gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
    max-width: 100%;
}

.gallery-item a img {
    display: block;
    -webkit-transition: -webkit-filter 0.2s ease-in;
    transition: -webkit-filter 0.2s ease-in;
    transition: filter 0.2s ease-in;
    transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gallery-item a:hover img, .gallery-item a:focus img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

.gallery-caption {
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none;
}

.bypostauthor {
    font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

#navbar {
    flex: 0 0 83%;
}

#menu-main-menu, #menu-menu-principal {
    width: 75%;
    display: flex;
    justify-content: space-between;
}

#menu-main-menu li, #menu-menu-principal li {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
}

.languaje nav ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0 10px 0 0px;
    width: 83px;
    justify-content: space-around;
}

.languaje nav ul li a {
    width: 35px;
    height: 35px;
    padding: 3px 0 0 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    color: #303F49;
    transition: all 0.3s ease-in;
}

form.search-form div button {
    line-height: 1;
    color: var(--azul-oscuro);
    border-color: #fff;
    display: block;
    margin: 0 -2px 0 0;
}

.btn-outline-secondary:hover {
    background: #303F49 !important;
}

.languaje nav ul li.current-lang a, .languaje nav ul li a:hover {
    background: #1896D3;
    color: #fff;
}

.languaje nav ul li.lang-item-first:after {
    content: '';
    border-right: 1px solid;
    margin-left: 5px;
}

header .container-fluid, .page.container, footer .container-fluid {
    width: 95%;
    max-width: 1800px;
}

.navbar-light .navbar-nav .nav-link {
    color: #303F49 !important;
    transition: all 0.2s ease-in;
}

.navbar-nav .menu-item.current_page_item .nav-link {
    color: #1896d3 !important;
}

.navbar-brand img {
    height: 40px !important;
}

#header .search-form {
    min-width: auto !important;
    max-width: 200px !important;
}

nav#header {
    --bs-bg-opacity: 0;
}

.homeSlider {
    width: 100%;
    overflow: hidden;
    margin: 65px auto 0;
}

#wpadminbar{
    display: none;
}

.homeSlider .slick-slide {
    display: inline-block;
    position: relative;
}

.sliderCont {
    position: absolute;
    max-width: 380px;
    top: 20%;
    right: 10%;
}

.homeSlider .slick-dots {
    display: flex;
    list-style: none;
    justify-content: center;
    margin: -50px 0 0;
    z-index: 9999;
    position: relative;
    padding: 0 0 20px;
}

.homeSlider .slick-dots li button {
    font-size: 0px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 5px;
    color: #fff;
    border: 1px solid;
    background: transparent;
}

.homeSlider .slick-dots li.slick-active button {
    background: #fff;
}

.homeSlider .slick-slide[data-slick-index="1"] .sliderCont, .homeSlider .slick-slide[data-slick-index="2"] .sliderCont, .homeSlider .slick-slide[data-slick-index="3"] .sliderCont {
    right: auto;
    left: 15%;
}

.homeSlider .slick-slide[data-slick-index="6"] .sliderCont {
    max-width: 450px;
    top: 43%;
}

.sliderCont p {
    font-size: 2em;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-shadow: 0 0 1px black;
}

.sliderCont a:hover, .sliderCont a {
    color: #fff;
    text-decoration: underline;
    font-size: 1.3em;
    font-weight: 100;
    text-shadow: 0px 0px 6px black;
}

.homeSlider .slick-slide img {
    width: 100%;
    min-height: 400px;
    object-fit: cover;
}

.footer-menu ul li .dropdown-menu {
    display: block;
    position: relative;
    background: none;
    border: 0;
}

.footer-menu ul li .dropdown-menu a {
    color: #fff;
    font-size: 0.85em;
    font-weight: 200;
    text-transform: uppercase;
}

.footer-menu .nav {
    justify-content: space-around;
    width: 94%;
    margin: 0 auto;
}

.footer-menu ul.menu.nav li {
    flex: 0 0 15%;
    width: 100%;
}

.footer-menu ul.menu.nav>li.menu-item-has-children>a {
    color: #fff;
    border: 1px solid;
    font-size: 0.9em;
    font-weight: 600;
}

footer .footer-menu {
    background: #303f49;
    padding: 20px 0;
}

footer .footerCopyRight {
    padding: 20px 0;
}

.footer-slogan {
    max-width: 90%;
    margin: 0 auto;
    border-bottom: 2px solid #303f49;
    font-weight: 700;
    font-size: 1.1em;
    color: #303f49;
    padding: 0 20px 10px;
}

.footer-copy {
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    color: #303f49;
    padding: 0 20px 10px;
}

.footer_logo {
    width: 85%;
    max-width: 1800px;
    margin: 10px auto 30px;
    display: flex;
    justify-content: flex-end;
}

.footer_logo a img {
    width: 120px;
}

.sectionWrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    max-width: 94%;
    margin: 0 auto;
    position: relative;
}

section[class^="section"] {
    margin: 0 0 50px;
}

.sectionCard {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.sectionCard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sectionCard p {
    background: #cbcbcb;
    color: #303f49;
    margin: 0;
    font-size: 1.5em;
    font-weight: 900;
    padding: 20px 10px;
    line-height: 1.1;
}

section>h1:first-child, section>h2:first-child {
    text-indent: 3%;
    border-bottom: 2px solid;
    margin: 30px 0 30px;
    font-weight: 300;
    color: var(--azul-oscuro);
    font-size: 2em;
}

.section1 .columna1 {
    width: 30%;
    display: flex;
    justify-content: space-between;
}

.section1 .columna1 .sectionCard {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.section1 .columna2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: space-between;
    width: 67.666%;
    gap: 30px 20px;
}

.section1 .columna2 .sectionCard {
    width: 48%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.section1 .columna3 .sectionCard {
    width: 47%;
}

.section1 .columna3 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 48%;
}

.section1 .columna2 .sectionCard img {
    object-fit: cover;
    object-position: top;
    height: 100%;
}

.section2 .columna1 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: space-between;
    width: 72%;
    gap: 30px 20px;
}

.section2 .columna1 .sectionCard {
    width: 48%;
    display: flex;
    flex-flow: column;
}

.section2 .columna1 .sectionCard img {
    object-fit: cover;
    object-position: top;
    height: 100%;
}

.section2 .columna2 {
    width: 25%;
}

.section2 .columna2 .sectionCard {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: space-between;
}

.section2 .columna2 .sectionCard img {
    height: 100%;
    object-fit: cover;
}

.section3 .columna2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: space-between;
    width: 72%;
    gap: 30px 20px;
}

.section3 .columna2 .sectionCard {
    width: 48%;
    display: flex;
    flex-flow: column;
}

.section3 .columna2 .sectionCard img {
    object-fit: cover;
    object-position: top;
    height: 100%;
}

.section3 .columna1 {
    width: 25%;
}

.section3 .columna1 .sectionCard {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: space-between;
}

.section3 .columna1 .sectionCard img {
    height: 100%;
    object-fit: cover;
}

.section4 .columna1 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: space-between;
    width: 71%;
    gap: 30px 20px;
}

.section4 .columna1 .sectionCard {
    width: 48%;
    display: flex;
    flex-flow: column;
}

.section4 .columna1 .sectionCard img {
    object-fit: cover;
    object-position: top;
    height: 100%;
}

.section4 .columna2 {
    width: 26.333%;
    justify-content: space-between;
    flex-flow: column;
    display: flex;
    gap: 30px 20px;
}

.section4 .columna2 .sectionCard img {
    height: 100%;
}

.section5 .columna1 {
    width: 37%;
}

.section5 .columna1 .sectionCard {
    height: 100%;
}

.section5 .columna2 {
    width: 33%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    gap: 30px 20px;
}

.section5 .columna2 .sectionCard {
    height: 100%;
}

.section5 .columna3 {
    width: 25%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    gap: 30px 20px;
}

.section5 .columna3 .sectionCard img {
    object-fit: cover;
    object-position: top;
    height: 100%;
}

.section6 .columna1 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
}

.section6 .columna1 .sectionCard:nth-child(1) {
    width: 25%;
}

.section6 .columna1 .sectionCard:nth-child(2) {
    width: 35%;
}

.section6 .columna1 .sectionCard:nth-child(3) {
    width: 35%;
}

.section6 .columna1 .sectionCard img {
    object-fit: cover;
}

/*pag acerca de*/
div#acerca_de {
    display: flex;
    flex-flow: row wrap;
}

div#acerca_de img {
    object-fit: cover;
    width: 55%;
}

div#acerca_de img:first-child {
    display: block;
}

div#acerca_de img:last-child {
    display: none;
}

.acercaDe_titulo {
    width: 45%;
    background: var(--gris);
    display: flex;
    align-items: center;
    justify-content: center;
}

.acercaDe_titulo p {
    color: var(--azul-oscuro);
    width: 66%;
    font-size: 1.8em;
    line-height: 1.5;
    font-weight: 600;
}

.acercaDe_titulo p span {
    font-weight: 900;
}

div#vision_mision {
    padding: 50px 0;
}

.wrapVisionMision {
    display: flex;
    flex-flow: row wrap;
    width: 85%;
    margin: 0 auto;
    justify-content: space-between;
}

.wrapVisionMision>div {
    width: 50%;
    display: flex;
    align-items: center;
    padding: 30px 0;
}

.wrapVisionMision>div:first-child {
    border-right: 1px solid #3b3b3b;
}

.wrapVisionMision>div p {
    margin: 0;
    font-size: 1.7em;
    padding: 0 10% 0 0;
    line-height: 1.6;
    font-weight: 600;
}

.wrapVisionMision>div p span {
    font-size: 1.3em;
    font-weight: 900;
    padding: 3px 6px;
}

.wrapVisionMision div.vision p span {
    background: var(--amarillo);
    color: var(--azul-oscuro);
}

.wrapVisionMision div.mision p span {
    background: var(--azul);
    color: #fff;
}

.wrapVisionMision .mision p {
    padding: 0 10% 0;
}

div#valores {
    background: var(--gris);
    padding: 0 7.5% 30px;
}

div#valores h1 {
    display: inline-block;
    background: var(--verde);
    color: var(--azul-oscuro);
    font-weight: 900;
    font-size: 2em;
    padding: 3px 6px;
    margin: 40px 0;
}

.listaValore {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    row-gap: 25px;
    margin: 0 0 30px;
}

.itemListaValores {
    width: 47%;
    font-size: 1.7em;
    font-weight: 600;
}

.itemListaValores span:first-child {
    border-bottom: 5px solid var(--verde);
}

.strValores {
    background: #fff;
    padding: 20px 4%;
}

.strValores p {
    font-size: 1.7em;
    font-weight: 600;
}

.wrapHeaderHistoria {
    display: flex;
    justify-content: space-between;
    margin: 0 0 7vh;
}

.wrapHeaderHistoria img {
    width: 55%;
    object-fit: cover;
}

.tituloHeaderHistoria {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tituloHeaderHistoria p {
    width: 66%;
    font-size: 1.7em;
    line-height: 1.5;
    font-weight: 600;
}

.tituloHeaderHistoria p span {
    display: inline-block;
    background: var(--morado);
    color: #fff;
    font-weight: 900;
    font-size: 1.2em;
    padding: 3px 6px;
    margin: 0 0;
}

.wrapTimelineHistoria {
    width: 85%;
    max-width: 1700px;
    margin: 0 auto;
}

.listHistoria {
    display: flex;
    flex-flow: row wrap;
}

.listHistoria>div {
    display: flex;
    flex-direction: row;
}

.listHistoria>div img {
    width: 50%;
    object-fit: cover;
}

.listHistoria>div .historyCont {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listHistoria>div .historyCont p {
    font-size: 1.7em;
    line-height: 1.5;
    font-weight: 700;
    padding: 0 0 0 10%;
}

.listHistoria>div .historyCont p a {
    color: var(--azul-oscuro);
}

.wrapTimelineHistoria>p {
    background: var(--gris);
    font-size: 1.7em;
    font-weight: 600;
    padding: 2% 5%;
    margin: 50px 0;
}

div#cbc_en_el_mundo {
    background: var(--gris);
    padding: 0 0 9vh;
}

.wrapHeaderMundo {
    display: flex;
    justify-content: space-between;
    margin: 0 0 7vh;
    align-items: center;
}

.wrapHeaderMundo>img {
    width: 55%;
    object-fit: cover;
}

.tituloHeaderMundo {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-flow: column;
}

.tituloHeaderMundo p {
    padding: 0 7% 0 17%;
    font-size: 1.7em;
    font-weight: 600;
    line-height: 1.5;
    margin: 20px 0;
}

.tituloHeaderMundo ul {
    width: 66%;
    opacity: 0;
    list-style: none;
    font-size: 1.5em;
    display: none;
}

.tituloHeaderMundo p span {
    display: table;
    background: var(--amarillo);
    color: var(--azul-oscuro);
    font-weight: 900;
    font-size: 1.3em;
    padding: 3px 6px;
    margin: 0 0;
}

.tituloHeaderMundo ul li {
    position: relative;
    height: 35px;
    margin: 0 0 0 10px;
}

.tituloHeaderMundo ul li:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    left: -40px;
    top: 3px;
    background: red;
}

.tituloHeaderMundo ul li:nth-child(1):before {
    background: var(--verde);
}

.tituloHeaderMundo ul li:nth-child(2):before {
    background: var(--amarillo);
}

.tituloHeaderMundo ul li:nth-child(3):before {
    background: var(--azul);
}

.gridPaises {
    width: 80%;
    margin: 0 auto 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.colPaises {
    width: 24.6%;
    border-left: 1px solid;
    padding: 0 0 0 2%;
}

.colPaises:first-child {
    border: 0px;
}

.colPaises b {
    font-size: 1.5em;
    margin: 20px 0;
    display: block;
    padding: 0 6%;
}

.pais {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin: 0 0 30px;
}

.pais img {
    width: 50px;
}

.pais p {
    margin: 0 0 0 20px;
    font-size: 1.3em;
    border-bottom: 0px solid;
    border-color: var(--azul);
    max-width: 45%;
}

.pais p.verde {
    border-color: var(--verde);
}

.pais p.amarillo {
    border-color: var(--amarillo);
}

.pais p.azul {
    border-color: var(--azul);
}

.colPaises .innerCol {
    border-top: 1px solid;
    margin: 45px 0 0;
    padding: 30px 0 0;
}

.listPaises {
    padding: 0 0 0 6%;
}

.wrapHeaderAdnCbc {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 7vh;
}

.wrapHeaderAdnCbc img {
    width: 55%;
}

.tituloHeaderAdnCbc {
    width: 45%;
    display: flex;
    align-items: center;
}

.tituloHeaderAdnCbc p {
    padding: 0 10% 0 17%;
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1.5;
}

.tituloHeaderAdnCbc p span {
    display: inline-block;
    background: var(--naranja);
    color: #fff;
    font-weight: 900;
    font-size: 1.3em;
    padding: 3px 6px;
    margin: 0 0;
}

.gridADN {
    display: flex;
    flex-flow: row wrap;
    padding: 0 0 7vh;
}

.adn {
    display: flex;
    flex-flow: row;
}

.adn:nth-child(3) span.titulo_adn, .adn:nth-child(4) span.titulo_adn, .adn:nth-child(5) span.titulo_adn {
    display: table;
}

.adn:nth-child(even) {
    flex-direction: row-reverse;
}

.adn img {
    width: 50%;
    object-fit: cover;
}

.cont_adn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cont_adn p {
    width: 89%;
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1.7;
}

span.titulo_adn {
    border-bottom: 5px solid var(--naranja);
    line-height: 1.2;
    display: inline-block;
    padding: 0 6px;
    margin: 0 9px 0 -6px;
}

.wrapHeaderGobCorp {
    display: flex;
    flex-flow: row wrap;
}

.wrapHeaderGobCorp img {
}

div#gob_corp {
    background: var(--gris);
    padding: 0 0 7vh;
}

.wrapHeaderGobCorp img {
    width: 55%;
    object-fit: cover;
}

.tituloHeaderGobCorp {
    width: 45%;
    display: flex;
    padding: 40px 0;
    align-items: center;
    justify-content: center;
}

.tituloHeaderGobCorp p {
    width: 70%;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.7em;
}

.tituloHeaderGobCorp p span {
    background: var(--azul);
    color: #fff;
    font-weight: 800;
    padding: 0 10px;
    font-size: 1.1em;
}

.contGobCorp {
    width: 87%;
    margin: 30px auto;
    max-width: 1800px;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.7;
}

.wrapHeaderEtica {
    width: 87%;
    margin: 0 auto;
    padding: 7vh 0;
    max-width: 1800px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.colEtica {
    width: 48%;
}

.colEtica h2 {
    background: var(--azul);
    color: #fff;
    display: table;
    padding: 3px 9px;
    height: 50px;
    line-height: 45px;
}

.colEtica p {
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.7em;
}

.colEtica p strong {
    display: inline-block;
    background: var(--amarillo);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    color: var(--azul-oscuro);
    line-height: 45px;
    font-size: 1.2em;
}

.colEtica h3 {
    display: table;
    border-bottom: 5px solid var(--azul);
    font-weight: 600;
    line-height: 1.5;
}

.wrapPoliticasGlobales {
    width: 86%;
    margin: 0 auto;
    max-width: 1800px;
}

.wrapPoliticasGlobales>img {
    width: 100%;
}

.tituloPoliticasGlobales {
    background: var(--gris);
    padding: 50px 0;
}

.tituloPoliticasGlobales p {
    background: var(--azul);
    display: table;
    color: #fff;
    font-size: 1.7em;
    font-weight: 700;
    padding: 3px 9px;
    margin: 0 0 0 -10px;
}

.gripdPoliticasGlobales {
    display: flex;
    flex-flow: row wrap;
    background: var(--gris);
    padding: 0 0 9vh;
}

.gripdPoliticasGlobales>div {
    width: 33.33%;
    text-transform: uppercase;
    padding: 3% 5%;
    background: var(--celeste);
    font-size: 1.6em;
    font-weight: 700;
}

.gripdPoliticasGlobales>div:nth-child(even) {
    background: #fff;
}

.gripdPoliticasGlobales>div span {
    font-size: 1.7em;
    font-weight: 900;
}

.derechosHumanos>img {
    width: 100%;
    margin: 0 0 7vh;
    object-fit: cover;
}

.textoDerechosHumanos {
    column-count: 2;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.7;
    margin: 0 3% 7vh 3%;
    column-gap: 9%;
}

.derechosHumanos h2 {
    display: table;
    background: var(--azul);
    color: #fff;
    font-weight: 700;
    padding: 3px 9px;
    font-size: 2em;
    margin: 0 0 20px 3%;
}

.headerCartaPresidente>img {
    width: 100%;
}

.headerCartaPresidente>img.presidenteMobile {
    display: none
}

div#carta_presidente {
    background: var(--gris);
    padding: 0 0 7vh;
}

.contMsjPresidente {
    column-count: 2;
    column-gap: 30px;
    width: 85%;
    margin: 0 auto;
    max-width: 1800px;
    font-size: 1.6em;
    line-height: 1.7;
    font-weight: 700;
}

.headerCartaPresidente {
    position: relative;
    margin: 0 0 5vh;
}

.headerCartaPresidente p {
    position: absolute;
    font-size: 2.5em;
    font-weight: 700;
    top: 16%;
    left: 10%;
    margin: 0;
    max-width: 450px;
    display: flex;
    flex-flow: row wrap;
}

.headerCartaPresidente p span {
    background: var(--naranja);
    color: #fff;
    display: block;
    padding: 3px 6px;
    margin: 5px -3px;
}

.headerCartaPresidente p.nombrePresidente {
    background: transparent;
    position: absolute;
    top: auto;
    bottom: 20%;
    font-weight: 500;
    font-size: 2em;
}

.gridPDF {
    width: 85%;
    margin: 3vh auto 0;
    max-width: 1620px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.gridPDF a {
    width: 32.666%;
    display: flex;
    position: relative;
}

.gridPDF a img {
    width: 100%;
}

.gridPDF a span {
    position: absolute;
    width: 60%;
    border: 1px solid;
    top: 45%;
    left: 15%;
    text-align: center;
    font-size: 1.3em;
    padding: 10px 0px;
    font-weight: 200;
    color: #fff;
    background: var(--azul);
    border-color: var(--azul);
}

.gridPDF a span:before {
    content: '';
    top: -1px;
    right: -50px;
    border: 1px solid;
    height: 104%;
    width: 50px;
    position: absolute;
}

.gridPDF a span:after {
    content: '';
    top: -1px;
    right: -50px;
    height: 105%;
    width: 50px;
    background: url(assets/img/pdf_blanco.png)no-repeat center center /auto 75% var(--azul);
    position: absolute;
    border-color: var(--azul);
    border-left: 1px solid #fff;
}

.gridPDF a:first-child span:after {
    -webkit-filter: invert(0%);
    filter: invert(0%);
}

#strategy {
    background: var(--gris);
}

.strategyHead {
    display: flex;
    flex-direction: row;
}

.strategyHead p {
    width: 45%;
    padding: 20px 4% 20px 7.5%;
    display: flex;
    margin: 0;
    justify-content: center;
    align-items: center;
    font-size: 1.7em;
    color: var(--azul-oscuro);
    font-weight: 700;
}

.strategyHead p span {
    display: contents;
    font-weight: 900;
    font-size: 1.2em;
}

.videoMask {
    width: 55%;
    min-height: 450px;
    position: relative;
    overflow: hidden;
}

.videoMask iframe {
    width: 100%;
    height: 100%;
    min-height: inherit;
}

.videoMask img {
    position: absolute;
    width: 100%;
    right: 0;
    object-fit: cover;
    height: 100%;
    top: 0;
    opacity: 1;
    transition: all 0.5s ease;
}

.videoMask i {
    position: absolute;
    font-size: 3em;
    color: #fff;
    z-index: 999;
    left: calc(50% - 21px);
    top: 40%;
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.5s ease;
}

.strategyHead iframe {
    width: 100%;
    min-height: 450px;
}

.strategyCont {
    padding: 50px 7.5%;
    font-size: 2em;
    column-count: 2;
    color: var(--azul-oscuro);
    font-weight: 700;
}

.strategyCont p:first-child:empty {
    display: none;
}

.strategyCont p strong {
    background: var(--amarillo);
    padding: 3px 6px;
    font-size: 1.3em;
    font-weight: 900;
}

#esg_projects {
    background: var(--gris);
    margin: -1px 0 0;
}

#esg_projects h2 {
    padding: 3px 6px;
    display: table;
    margin: 0 0 50px 7.5%;
    background: var(--amarillo);
    font-weight: 900;
    color: var(--azul-oscuro);
    font-size: 2.3em;
}

#esg_projects .gridVideos {
    display: flex;
    flex-flow: row wrap;
    width: 85%;
    margin: 0 auto;
    gap: 30px 1%;
    justify-content: space-between;
}

#esg_projects .gridVideos .wrapVideo {
    width: 32.333%;
}

#esg_projects .gridVideos .wrapVideo .infoVideo {
}

#esg_projects .gridVideos .wrapVideo .infoVideo p {
    margin: 0;
    padding: 10px;
    background: var(--azul-oscuro);
    color: #fff;
    font-size: 1.3em;
}

#esg_projects .gridVideos .wrapVideo .infoVideo span {
    display: block;
    padding: 10px;
    font-size: 1.2em;
    line-height: 1;
}

#esg_projects .gridVideos .video {
    width: 100%;
    overflow: hidden;
    position: relative;
    min-height: 300px;
    z-index: 0;
}

#esg_projects .gridVideos .video img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    object-fit: cover;
}

#esg_projects .gridVideos .video img:focus {
    width: 0;
}

#esg_projects .gridVideos .video i {
    position: absolute;
    font-size: 3em;
    color: #fff;
    z-index: 999;
    left: calc(50% - 21px);
    top: 40%;
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.5s ease;
    z-index: 9999;
}

#esg_projects .gridVideos .video iframe {
    width: 100%;
    height: 100%;
    min-height: 300px;
    z-index: 1;
}

#goals_progress {
    background: var(--gris);
    padding: 60px 0;
    margin: -2px 0 0;
}

#goals_progress h2 {
    padding: 3px 6px;
    display: table;
    margin: 0px 0 60px 7.5%;
    background: var(--amarillo);
    font-weight: 900;
    color: var(--azul-oscuro);
    font-size: 2.3em;
}

#goals_progress .gridProgress {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

#goals_progress .gridProgress>div {
    width: 20%;
    border-right: 1px solid;
    padding: 10px 0 40px;
    margin: 0 0 50px;
}

#goals_progress .gridProgress>div:last-child {
    border-right: 0;
}

#goals_progress .gridProgress div img {
    width: 70%;
    height: 160px;
    object-fit: contain;
    margin: 10px auto;
    display: block;
}

#goals_progress .gridProgress div .progresoCont {
    width: 100%;
    text-align: center;
}

#goals_progress .gridProgress div .progresoCont b {
    font-size: 1.7em;
}

#goals_progress .gridProgress div .progresoCont p {
    font-size: 1.1em;
    width: 89%;
    margin: 0 auto;
}

#amazing_news {
    padding: 0 0 50px;
}

.titleNews {
    display: flex;
    align-items: center;
}

.titleNews h2 {
    padding: 3px 6px;
    display: table;
    margin: 50px 0 50px 7.5%;
    background: var(--amarillo);
    font-weight: 900;
    color: var(--azul-oscuro);
    font-size: 2.3em;
}

.titleNews span {
    margin: 0 0 0 10px;
    font-size: 2em;
    font-weight: 700;
}

.gridNoticias {
    padding: 0;
    display: flex;
    gap: 30px 2%;
    flex-flow: row wrap;
    width: 85%;
    margin: 0 auto;
    max-width: 1700px;
    overflow: hidden;
}

.gridNoticias .slick-dots {
    padding: 0;
    list-style: none;
    display: flex;
    width: 30%;
    margin: 0 auto;
    justify-content: space-around;
}

.gridNoticias .slick-dots li button {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border-color: var(--azul-oscuro);
    background: #fff;
    color: #fff;
    transition: all 0.5s ease;
}

.gridNoticias .slick-dots li.slick-active button {
    background: var(--azul-oscuro);
    color: var(--azul-oscuro);
}

.gridNoticias div {
    width: 48%;
    background: var(--gris);
}

.gridNoticias div a {
    color: var(--azul-oscuro);
    font-size: 1.7em;
    font-weight: 900;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.gridNoticias div a img {
    width: 100%;
    object-fit: cover;
    max-height: 300px;
}

.gridNoticias div a p {
    margin: 20px 0px 20px 4%;
    text-transform: uppercase;
    width: 69%;
    line-height: 1;
    font-size: 0.7em;
}

.gridNoticias div a span {
    margin: 20px 3%;
    display: flex;
    text-align: right;
    text-decoration: underline;
    font-weight: 200;
    width: 21%;
    align-items: end;
    justify-content: flex-end;
    font-size: 0.7em;
}

#sustainability_report {
    background: var(--gris);
    padding: 50px 7.5%;
}

#sustainability_report h2 {
    padding: 3px 6px;
    width: 26%;
    display: table;
    margin: 50px 0 20px 0;
    background: var(--amarillo);
    font-weight: 900;
    color: var(--azul-oscuro);
    font-size: 2.3em;
}

#sustainability_report .contSustainabilityReport {
    column-count: 2;
    font-size: 2em;
    font-weight: 700;
    gap: 0px 70px;
}

#sustainability_report .contSustainabilityReport .pdfSustainabilityReport {
    position: relative;
}

#sustainability_report .contSustainabilityReport .pdfSustainabilityReport a {text-align: center;}

#sustainability_report .contSustainabilityReport .pdfSustainabilityReport a img {
    width: 100%;
    object-fit: cover;
}

#sustainability_report .contSustainabilityReport .pdfSustainabilityReport a p {
    position: absolute;
    width: 60%;
    border: 1px solid;
    top: 45%;
    left: 16%;
    text-align: center;
    font-size: 0.8em;
    padding: 10px 0px;
    font-weight: 200;
    color: #fff;
    margin: 0;
    background: url(assets/img/pdf_mejor_futuro.png) no-repeat 0 0 /contain;
    color: transparent;
}

html[lang="es-ES"] #sustainability_report .contSustainabilityReport .pdfSustainabilityReport a p {
    background: url(/wp-content/uploads/2023/07/boton_comunicacionyprogreso.png) no-repeat 0 0 /contain;
}

.pdfSustainabilityReport a p:before {
    content: '';
    top: -1px;
    right: -50px;
    border: 1px solid;
    height: 105%;
    width: 50px;
    position: absolute;
    display: none;
}

.pdfSustainabilityReport a p:after {
    content: '';
    top: -1px;
    right: -50px;
    height: 105%;
    width: 50px;
    background: url('assets/img/pdf.png')no-repeat center center /auto 70%;
    position: absolute;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    display: none;
}

.tituloHeaderMarcas {
    background: var(--gris);
    padding: 50px 6% 30px;
    color: var(--azul-oscuro);
}

.tituloHeaderMarcas h2 {
    font-weight: 900;
    font-size: 2.3em;
}

.tituloHeaderMarcas span {
    font-size: 1.7em;
    font-weight: 600;
}

#strategic_partners {
    background: var(--gris);
    padding: 20px 0 90px;
    margin: -1px 0 0;
}

#strategic_partners h2 {
    display: table;
    margin: 0 6% 50px;
    background: var(--verde);
    color: #fff;
    padding: 3px 6px;
    font-size: 2.3em;
    font-weight: 900;
}

#strategic_partners .gridMarcas {
    display: flex;
    flex-flow: row;
}

#strategic_partners .gridMarcas .marca {
    width: 33.33%;
    position: relative;
}

#strategic_partners .gridMarcas .marca img {
    width: 100%;
    object-fit: cover;
}

#strategic_partners .gridMarcas .marca p {
    position: absolute;
    top: 40%;
    left: calc(50% - 125px);
    font-size: 3em;
    color: #fff;
    width: 250px;
    border: 2px solid;
    text-align: center;
    text-shadow: 0 0 1px #333;
}

#way_we_work {
}

#way_we_work .headerWayWeWork {
    display: flex;
}

#way_we_work .headerWayWeWork img {
    width: 55%;
    object-fit: cover;
    object-position: left;
}

#way_we_work .headerWayWeWork .tituloWayWeWork {
    width: 45%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 40px 0;
}

#way_we_work .headerWayWeWork .tituloWayWeWork h1 {
    background: var(--azul);
    display: table;
    width: fit-content;
    padding: 6px 6px;
    color: #fff;
    font-size: 1.9em;
    font-weight: 900;
    margin: 0 0 0 12%;
}

#way_we_work .headerWayWeWork .tituloWayWeWork span {
    width: 75%;
    display: flex;
    margin: 0 auto;
    font-size: 1.7em;
    font-weight: 600;
    align-items: center;
}

#way_we_work .contWayWeWork {
    padding: 60px 6%;
    /*column-count: 2;*/
    font-weight: 600;
}

.wrapCanales {
}

.wrapCanales .tradicional {
}

.wrapCanales .moderno {
}

.wrapCanales .gridCanal {
    position: relative;
    padding: 0 0 0 50px;
    height: 300px;
    margin: 0 0 30px;
}

.wrapCanales .gridCanal .tituloCanal {
    position: absolute;
    border: 1px solid var(--azul-oscuro);
    left: -150px;
    top: 110px;
    width: 300px;
    transform: rotate(270deg);
    text-indent: 0px;
    font-size: 1.6em;
    line-height: 30px;
    padding: 10px;
}

.tituloCanal {
    font-weight: bolder;
}

.wrapCanal {
    font-weight: bolder;
}

.wrapCanales .gridCanal .wrapCanal {
    display: flex;
    height: 100%;
}

.wrapCanales .gridCanal .wrapCanal .canal {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    background: var(--celeste);
}

.wrapCanales .gridCanal.moderno .wrapCanal .canal:nth-child(even), .wrapCanales .gridCanal.tradicional .wrapCanal .canal:nth-child(odd) {
    background: var(--gris);
}

.wrapCanales .gridCanal .wrapCanal .canal img {
    height: 40%;
    max-width: 60%;
    object-fit: contain;
}

.wrapCanales .gridCanal .wrapCanal .canal p {
    font-size: 1.3em;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
    text-align: center;
    padding: 0 20px;
}

#contact {
    background: var(--gris);
}

#contact .wrapContacto {
    width: 88%;
    margin: 0px auto;
    padding: 50px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

#contact .wrapContacto h2 {
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    font-size: 2em;
    font-weight: 900;
    color: var(--azul-oscuro);
    margin: 0 0 30px;
}

#contact .wrapContacto .gridPaisContacto {
    width: 62%;
    display: flex;
    flex-flow: row wrap;
}

#contact .wrapContacto .gridPaisContacto>div.numPais {
    width: 33.33%;
    color: var(--azul-oscuro);
    font-size: 1.3em;
    border-right: 1px solid;
    border-bottom: 1px solid;
    padding: 20px;
}

#contact .wrapContacto .gridPaisContacto div.numPais:nth-child(3n+1) {
    border-right: 0px;
}

#contact .wrapContacto .gridPaisContacto div.numPais:nth-child(9), #contact .wrapContacto .gridPaisContacto div.numPais:nth-child(8), #contact .wrapContacto .gridPaisContacto div.numPais:nth-child(10) {
    border-bottom: 0px;
}

#contact .wrapContacto .gridPaisContacto>div img {
    width: 70px;
    margin: 0 0 20px;
}

#contact .wrapContacto .gridPaisContacto>div .pais_contactoCont a {
    color: var(--azul-oscuro)
}

#contact .wrapContacto .gridPaisContacto>div .pais_contactoCont b {
}

#contact .wrapContacto .gridPaisContacto>div.Guatemala .pais_contactoCont b span:last-child {
    display: block;
    margin: 0 0 0 0;
}

#contact .wrapContacto .gridPaisContacto>div .pais_contactoCont b .sac {
}

#contact .wrapContacto .gridPaisContacto>div .pais_contactoCont b .gt_num {
}

#contact .wrapContacto .gridPaisContacto>div:not(.Guatemala) .pais_contactoCont b .gt_num {
    display: none;
}

#contact .wrapContacto .gridPaisContacto>div .pais_contactoCont p {
}

.gridPaisContacto>div.Jamaica .pais_contactoCont p span.pbx, .gridPaisContacto>div.Puerto_rico .pais_contactoCont p span.pbx, .gridPaisContacto>div.Argentina .pais_contactoCont p span.pbx, .gridPaisContacto>div.Jamaica .pais_contactoCont b .sac, .gridPaisContacto>div.Puerto_rico .pais_contactoCont b .sac, .gridPaisContacto>div.Argentina .pais_contactoCont b .sac {
    display: none;
}

.gridPaisContacto>div.Jamaica .pais_contactoCont b, .gridPaisContacto>div.Puerto_rico .pais_contactoCont b , .gridPaisContacto>div.Argentina .pais_contactoCont b {
    font-weight: 500;
}

#contact .wrapContacto .gridPaisContacto>div .pais_contactoCont p span.pbx {
}

#contact .wrapContacto .formContacto {
    width: 35%;
    background: #fff;
    padding: 30px 40px;
}

#contact .wrapContacto .formContacto h2 {
    font-size: 2em;
    font-weight: 600;
}

#contact .wrapContacto .formContacto .wpcf7 {
}

#contact .wrapContacto .formContacto .wpcf7 form {
}

#contact .wrapContacto .formContacto .wpcf7 form p {
    display: flex;
    justify-content: center;
    flex-flow: column;
    position: relative;
}

#contact .wrapContacto .formContacto .wpcf7 form p input[type="submit"] {
    margin: 0;
    border: 0;
    background: var(--verde);
    color: var(--azul-oscuro);
    font-size: 1.7em;
    font-weight: 900;
    width: 230px;
    height: 70px;
    text-transform: uppercase;
    margin: 0 auto;
}

.wpcf7-spinner {
    position: absolute;
    left: 25%;
}

#contact .wrapContacto .formContacto .wpcf7 form p label {
    width: 100%;
    display: flex;
    flex-flow: column;
    padding: 1px;
}

#contact .wrapContacto .formContacto .wpcf7 form p label span {
    padding: 2px;
}

#contact .wrapContacto .formContacto .wpcf7 form p label span input {
    width: 100%;
    height: 60px;
    border: 1px solid #333;
    font-size: 1.5em;
    text-indent: 10px;
}

#contact .wrapContacto .formContacto .wpcf7 form p label span textarea {
    width: 100%;
    margin: 1px 0 0;
    border: 1px solid #333;
    height: 350px;
    font-size: 1.5em;
    text-indent: 10px;
}

.marca {
    background: var(--gris);
    padding: 0 0 50px;
}

.marca.beliv {
    background: #fff;
}

.wrapMarca {
    width: 86%;
    margin: 0 auto;
    background: #fff;
}

.marca.beliv .wrapMarca {
    background: var(--gris);
}

.wrapMarca .headerMarca {
}

.wrapMarca .headerMarca div img {
    width: 100%;
}

.wrapMarca .headerMarca .headerDesktop {
}

.wrapMarca .headerMarca .headerMobile {
    display: none;
}

.wrapMarca .contMarca {
    width: 90%;
    margin: 30px auto 0;
}

.wrapMarca .contMarca>b {
    display: table;
    border-bottom: 3px solid var(--verde);
    font-size: 2em;
    font-weight: 900;
    padding: 3px 6px;
    margin: 0 0 10px;
}

.wrapMarca .contMarca .contenidoMarca {
    column-count: 2;
    font-size: 1.7em;
    font-weight: 600;
    gap: 0 70px;
}

.wrapMarca .contMarca .gridPortafolio {
    padding: 50px 0;
}

.wrapMarca .contMarca .gridPortafolio img {
    width: 100%;
}

.wrapMarca .contMarca .gridPortafolio .producto {
}

.wrapMarca .contMarca .gridPortafolio .producto img {
    width: 100%;
}

.wrapMarca .contMarca .footerActions {
    text-align: center;
    margin: 0 auto;
    padding: 0 0 50px;
}

.wrapMarca .contMarca .footerActions a {
    font-size: 3em;
    color: #fff;
    font-weight: 700;
    padding: 3px 16px;
}

.wrapMarca .contMarca .footerActions a:first-child {
    background: var(--verde);
    margin: 0 10px 0 0;
}

.wrapMarca .contMarca .footerActions a:last-child {
    background: var(--azul);
    margin: 0 0 0 10px;
}

.inicio_mobile {
    display: none;
}

.colEtica img {
    display: none;
}

.colEtica p {
    padding: 0 0 0 50px;
    text-indent: -50px;
}

.colEtica:last-child p:nth-child(3), .colEtica p:nth-child(2) {
    padding: 0 0 0 0px !important;
    text-indent: 0px !important;
}

.colEtica p strong {
    padding: 0;
    text-indent: 0;
}

form.search-form input.form-control {
    width: 0;
    padding: 5px 0;
    text-indent: 10px;
    border-color: transparent;
}

form.search-form input.form-control.active {
    width: 90px;
    border-color: var(--azul-oscuro);
}

.single-post #main {
    background: var(--gris);
}

.single-post #main article {
    width: 85%;
    margin: 0 auto;
    max-width: 1800px;
}

.single-post #main article .entry-title {
    display: table;
    background: var(--amarillo);
    color: var(--azul-oscuro);
    margin: 30px 0;
    max-width: 86%;
    padding: 5px 10px;
    font-weight: 600;
}

.single-post #main article .entry-content {
    font-size: 1.5em;
    font-weight: 600;
}

.single-post #main article .entry-content iframe {
	min-height: 600px;
	width: 100%;
}

.single-post #main article .post-thumbnail {
    margin: 0;
}

.single-post #main article .post-thumbnail img {
    width: 100%;
}

.single-post #main #comments {
    width: 76.6%;
    margin: 0 auto 50px;
    max-width: 1800px;
}

.logged-in-as {
    display: none;
}

.addtoany_content {
    display: none;
    align-items: center;
}

.single .addtoany_content {
    display: flex;
}

.prependCompartir {
    display: flex;
    align-items: center;
    border: 1px solid;
    padding: 5px 15px;
    justify-content: space-between;
    width: 210px;
    height: 48px;
}

.prependCompartir p {
    margin: 0 0 0 6px;
}

#comments .btnRegresar {
    color: var(--azul-oscuro);
    border: 1px solid;
    padding: 5px 10px;
    font-size: 1.6em;
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-weight: 600;
    margin: 0 0;
}

.addtoany_list.a2a_kit_size_32 a:hover, .addtoany_list.a2a_kit_size_32 a {
    color: var(--azul-oscuro);
    font-size: 32px;
    border: 1px solid var(--azul-oscuro);
    padding: 5px 10px;
}

#commentform #comment {
    background: transparent;
    border: 1px solid;
    min-height: 160px;
    border-radius: 0;
    font-size: 1.3em;
}

#commentform .form-floating input {
    background: transparent;
    border: 1px solid var(--azul-oscuro);
    border-radius: 0;
}

#commentform #submit {
    background: var(--azul-oscuro);
    border-color: var(--azul-oscuro);
    font-size: 1.5em;
    margin: 0 0 30px;
}

#comments .commentlist {
    width: 100%;
    padding: 0;
}

#comments .commentlist>.comment {
    border: 1px solid;
}

#comments .commentlist .comment {
    width: 100%;
}

#comments .commentlist .avatar {
    position: relative;
    left: 0;
    margin: 0 10px 0 0;
}

#comments .comment-author.vcard a, #comments .comment-author.vcard span a {
    color: var(--azul-oscuro) !important;
    font-size: 1.3em;
}

#comments .comment-content {
    margin: 30px 0 0 0;
    font-size: 1.5em;
}

#respond #reply-title {
    display: none;
}

#commentform {
    margin: 20px 0 0;
}

a.comment-reply-link.btn.btn-outline-secondary {
    font-size: 1.3em
}

#welcome {
    display: flex;
}

#welcome .tituloBienvenida {
    width: 45%;
    padding: 20px 2% 20px 7.5%;
    font-size: 1.7em;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    align-content: center;
    display: inline-grid;
}

#welcome .tituloBienvenida span {
    font-size: 1.3em;
}

#welcome img {
    width: 55%;
    object-fit: cover;
}

#explore {
    background: var(--gris);
}

#explore .wrapExplore {
    width: 85%;
    margin: 0px auto;
    padding: 50px 0;
}

#explore .wrapExplore button {
    background: var(--naranja);
    border: 0px;
    color: #fff;
    box-shadow: 0 10px 0px #D15F11;
    font-size: 1.4em;
    padding: 10px 25px;
    margin: 30px 0 0 10%;
}

#explore .wrapExplore h2 {
    display: table;
    padding: 3px 10px;
    background: var(--azul);
    color: #fff;
    font-size: 2.3em;
    font-weight: 600;
}

#explore .wrapExplore p {
    font-size: 1.7em;
    font-weight: 600;
    margin: 0;
}

#carreer_oportunities {
    background: var(--gris);
}

#carreer_oportunities .wrapCarrer_oportunities {
    width: 85%;
    margin: -1px auto -1px;
    padding: 50px 0;
}

#carreer_oportunities .wrapCarrer_oportunities h2 {
    display: table;
    padding: 3px 6px;
    background: var(--verde);
    color: var(--azul-oscuro);
    font-weight: 700;
    font-size: 2.3em;
}

#tab_carreer_oportunities {
    display: flex;
    background: var(--gris);
}

#tab_carreer_oportunities .tabContent {
    width: 66.6%;
}

#tab_carreer_oportunities .tabContent .oportunity {
    display: none;
    opacity: 0;
    transition: all 0.5s ease;
}

#tab_carreer_oportunities .tabContent .oportunity.active {
    display: flex;
    opacity: 1;
}

#tab_carreer_oportunities .tabContent .oportunity img {
    width: 60%;
    min-height: 710px;
    object-fit: cover;
    object-position: right;
    margin: -1px 0 0;
}

#tab_carreer_oportunities .tabContent .oportunity .carrerOportunityCont {
    width: 40%;
    display: flex;
    flex-flow: row wrap;
}

#tab_carreer_oportunities .tabContent .oportunity .carrerOportunityCont p {
    font-size: 1.7em;
    padding: 40px 70px 10px 70px;
    line-height: 2;
    margin: 0;
    font-weight: 600;
}

#tab_carreer_oportunities .tabContent .oportunity .carrerOportunityCont button {
    background: var(--azul-oscuro);
    color: #fff;
    font-size: 1.5em;
    margin: 0 auto;
    width: 200px;
    height: 70px;
    border: 0px;
    text-decoration: underline;
    display: none;
}

#tab_carreer_oportunities .tabMenu {
    width: 33.3%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

#tab_carreer_oportunities .tabMenu .tabMenuItem {
    display: flex;
    width: 100%;
    flex: 0 0 20%;
    background: #ccc;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in;
}

#tab_carreer_oportunities .tabMenu .tabMenuItem.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem:hover:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 30px;
    left: -60px;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    transition: all 0.5s ease-in;
}

#tab_carreer_oportunities .tabMenu .tabMenuItem.item1.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item1:hover:before {
    border-right: 40px solid var(--amarillo);
}

#tab_carreer_oportunities .tabMenu .tabMenuItem.item2.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item2:hover:before {
    border-right: 40px solid var(--azul);
}

#tab_carreer_oportunities .tabMenu .tabMenuItem.item3.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item3:hover:before {
    border-right: 40px solid var(--morado);
}

#tab_carreer_oportunities .tabMenu .tabMenuItem.item4.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item4:hover:before {
    border-right: 40px solid var(--naranja);
}

#tab_carreer_oportunities .tabMenu .tabMenuItem.item5.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item5:hover:before {
    border-right: 40px solid var(--verde);
}

#tab_carreer_oportunities .tabContent .oportunity.item1, #tab_carreer_oportunities .tabMenu .tabMenuItem.item1.active, #tab_carreer_oportunities .tabMenu .tabMenuItem.item1:hover {
    color: var(--azul-oscuro);
    background: var(--amarillo);
}

#tab_carreer_oportunities .tabContent .oportunity.item2, #tab_carreer_oportunities .tabMenu .tabMenuItem.item2.active, #tab_carreer_oportunities .tabMenu .tabMenuItem.item2:hover {
    color: #fff;
    background: var(--azul);
}

#tab_carreer_oportunities .tabContent .oportunity.item3, #tab_carreer_oportunities .tabMenu .tabMenuItem.item3.active, #tab_carreer_oportunities .tabMenu .tabMenuItem.item3:hover {
    color: #fff;
    background: var(--morado);
}

#tab_carreer_oportunities .tabContent .oportunity.item4, #tab_carreer_oportunities .tabMenu .tabMenuItem.item4.active, #tab_carreer_oportunities .tabMenu .tabMenuItem.item4:hover {
    color: #fff;
    background: var(--naranja);
}

#tab_carreer_oportunities .tabContent .oportunity.item5, #tab_carreer_oportunities .tabMenu .tabMenuItem.item5.active, #tab_carreer_oportunities .tabMenu .tabMenuItem.item5:hover {
    color: var(--azul-oscuro);
    background: var(--verde);
}

#tab_carreer_oportunities .tabMenu .tabMenuItem:nth-child(even) {
    background: #fff;
}

#tab_carreer_oportunities .tabMenu .tabMenuItem b {
    width: 100%;
    display: flex;
    align-items: center;
    text-indent: 45px;
    font-size: 2em;
}

#tab_carreer_oportunities .tabMenu .tabMenuItem:not(.active) b {
    color: gray;
}

.formAplicar {
    display: none;
}

.formAplicar[class*="item"] {
    display: flex;
}

.formAplicar .wrapFormAplicar {
    width: 55%;
    display: flex;
    align-items: center;
    padding: 50px 0;
}

.formAplicar .formImageTitle {
    width: 45%;
    position: relative;
}

.formAplicar .formImageTitle img {
    width: 100%;
    height: 710px;
    object-fit: cover;
    object-position: right;
}

.formAplicar .formImageTitle .formTitle {
    position: absolute;
    bottom: 50px;
    left: 70px;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 600;
}

.formAplicar .formImageTitle p, .formAplicar .formImageTitle span {
    color: #fff;
    font-size: 2em;
    display: table;
    margin: 0 0 10px;
    padding: 3px 6px;
}

.formAplicar .formImageTitle p, .formAplicar .formImageTitle span {
    background: var(--amarillo);
}

.formAplicar.item2 .formImageTitle p, .formAplicar.item2 .formImageTitle span {
    background: var(--azul);
}

.formAplicar.item3 .formImageTitle p, .formAplicar.item3 .formImageTitle span {
    background: var(--morado);
}

.formAplicar.item4 .formImageTitle p, .formAplicar.item4 .formImageTitle span {
    background: var(--naranja);
}

.formAplicar.item5 .formImageTitle p, .formAplicar.item5 .formImageTitle span {
    background: var(--verde);
}

.wrapFormularioAplicar {
    display: flex;
    flex-flow: row wrap;
    width: 85%;
    margin: 0 auto;
    justify-content: space-between;
}

.wrapFormularioAplicar div {
    margin: 0 0 20px;
}

.wrapFormularioAplicar div p {
    margin: 0;
}

.wrapFormularioAplicar div p span.pais {
    margin: 0;
}

.wrapFormularioAplicar div p label, .wrapFormularioAplicar div:first-child {
    width: 100%
}

.wrapFormularioAplicar div {
    width: 48%;
}

.wrapFormularioAplicar div.getCV p label span input {
    display: none;
}

.wrapFormularioAplicar div.getCV p label .cv_ico {
    width: 100%;
    height: 54px;
    border: 1px solid;
    display: block;
    text-indent: 65px;
    line-height: 50px;
    background: url(assets/img/clip.webp)no-repeat 10px center /45px;
    font-size: 1.5em;
}

.wrapFormularioAplicar div input {
    width: 100%;
    height: auto;
    border: 1px solid gray;
    text-indent: 10px;
    padding: 6px 0;
    font-size: 1.5em;
}

.formAplicar .wrapFormAplicar input[type="submit"] {
    display: block;
    margin: 30px auto 0;
    background: var(--verde);
    border: 0px;
    font-size: 1.5em;
    padding: 6px 24px;
}

.wrapFormularioAplicar div:nth-child(2) p:nth-child(2) {
    width: 100%;
}

.wrapFormularioAplicar div:nth-child(2) p:nth-child(2) span:nth-child(1) input {
    width: 30%;
}

.wrapFormularioAplicar div:nth-child(2) p:nth-child(2) span:nth-child(2) input {
    width: 68%;
}

.wrapTabCarrer_oportunities {
    min-height: 710px;
    transition: all 0.5s ease;
}

.formImageTitle {
    position: relative;
}

.formImageTitle i {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--azul-oscuro);
    font-size: 2em;
    cursor: pointer;
    background: #fff;
    height: 37px;
    margin: 0 0 0 0;
    width: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

#investors_header {
    display: flex;
}

#investors_header .investorsHead {
    width: 45%;
    padding: 20px 3% 20px 7.5%;
    font-size: 1.7em;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    align-content: center;
    display: inline-grid;
    background: var(--gris);
}

#investors_header .investorsHead p {
    font-size: 1.3em;
}

#investors_header .investorsHead p span {
    display: block;
}

#investors_header .investorsHeaderImg {
    width: 55%;
    object-fit: cover;
}

#investors_header .investorsHeaderImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#aspecto {
}

#aspecto .wrapTitulo {
    width: 85%;
    margin: 0 auto;
    max-width: 1700px;
}

#aspecto .wrapTitulo h2 {
    display: table;
    margin: 0;
    background: var(--naranja);
    color: #fff;
    font-weight: 600;
    padding: 3px 10px;
    margin: 50px 0;
}

#aspecto .gridAspectos {
    width: 85%;
    margin: 0 auto;
    max-width: 1700px;
    gap: 50px;
    display: flex;
    flex-flow: column;
    padding: 0 0 60px;
}

#aspecto .gridAspectos .itemAspecto {
    display: flex;
    justify-content: space-between;
}

.itemAspecto .leftSide {
    width: 48%;
    display: flex;
    background: var(--gris);
}

.itemAspecto .leftSide img {
    width: 40%;
    object-fit: cover;
}

.itemAspecto .leftSide .tituloGris {
    width: 60%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    padding: 20px 0px 20px 40px;
}

.itemAspecto .leftSide .tituloGris p {
    margin: 0;
    font-size: 4em;
    font-weight: 600;
}

.itemAspecto .leftSide .tituloGris p span {
}

.itemAspecto .leftSide .tituloGris>span {
    font-size: 1.5em;
}

.itemAspecto .rightSide {
    width: 48%;
    font-size: 1.7em;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.itemAspecto .rightSide span {
    display: table;
    border-bottom: 5px solid var(--naranja);
    width: fit-content;
    font-weight: 600;
}

.rightSide .infoBox {
    display: flex;
    margin: 20px 0 0;
}

.rightSide .infoBox>div {
    padding: 20px;
    border: 1px solid #777;
    width: 50%;
}

.rightSide .infoBox>div p {
    font-size: 0.8em;
    height: 65px;
    display: flex;
    align-items: center;
}

.rightSide .infoBox>div span {
    border: 0;
    font-weight: 500;
    font-size: 0.7em;
}

#reporteFinanciero {
    display: flex;
}

#reporteFinanciero .tituloReporte {
    width: 45%;
    padding: 0 5% 0 7.5%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

#reporteFinanciero .tituloReporte p {
    font-size: 1.7em;
}

#reporteFinanciero .tituloReporte p span {
    display: table;
    background: var(--naranja);
    padding: 3px 6px;
    color: #fff;
    font-size: 1.3em;
    font-weight: 600;
}

#reporteFinanciero .tituloReporte a {
    background: var(--azul);
    color: #fff;
    font-size: 1.7em;
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 30px auto 0;
}

#reporteFinanciero img {
    width: 55%;
}

#mundo_mejor {
}

#mundo_mejor .headerMundoMejor {
    display: flex;
}

#mundo_mejor .headerMundoMejor img {
    width: 55%;
}

#mundo_mejor .headerMundoMejor .tituloHeaderMundoMejor {
    width: 45%;
    padding: 0 5% 0 7.5%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.tituloHeaderMundoMejor h2 {
    display: table;
    background: var(--amarillo);
    width: fit-content;
    padding: 3px 6px;
    color: var(--azul-oscuro);
    font-weight: 700;
    margin: 0 0 20px;
}

.tituloHeaderMundoMejor p {
    font-size: 1.7em;
}

.tituloHeaderMundoMejor p span {
    display: table;
    border-bottom: 3px solid var(--amarillo);
    width: fit-content;
    padding: 3px 6px;
    color: var(--azul-oscuro);
    font-weight: 700;
}

#mundo_mejor .mundoMejorCont {
    background: var(--gris);
    padding: 50px 0;
}

#mundo_mejor .mundoMejorCont .wrapMundoMejorCont {
    width: 85%;
    margin: 0 auto;
    column-count: 2;
    font-size: 1.7em;
}

#mundo_mejor .marco_bonos {
}

#mundo_mejor .marco_bonos .wrapBonos {
    width: 85%;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
}

#mundo_mejor .marco_bonos .wrapBonos .logoSide {
    width: 46%;
    display: flex;
    justify-content: space-between;
}

#mundo_mejor .marco_bonos .wrapBonos .logoSide .imgMarco {
    width: 30%;
    display: flex;
}

#mundo_mejor .marco_bonos .wrapBonos .logoSide .imgMarco img {
    width: 100%;
    object-fit: contain;
}

#mundo_mejor .marco_bonos .wrapBonos .marcoBonoSostenibilidad {
    width: 46%;
    background: var(--amarillo);
}

#mundo_mejor .marco_bonos .wrapBonos .marcoBonoSostenibilidad img {
    width: 100%;
}

#mundo_mejor .marco_bonos .wrapBonos .marcoBonoSostenibilidad .verMarco {
    padding: 30px 30px 60px 30px;
}

#mundo_mejor .marco_bonos .wrapBonos .marcoBonoSostenibilidad .verMarco p {
    font-size: 1.7em;
    font-weight: 600;
    width: 280px;
}

#mundo_mejor .marco_bonos .wrapBonos .marcoBonoSostenibilidad .verMarco a {
    float: right;
    text-decoration: underline;
    color: var(--azul-oscuro);
    font-size: 1.7em;
}

#liderazgo {
    background: var(--gris);
}

#liderazgo .wrapLiderazgo {
    width: 85%;
    margin: 0 auto;
}

#liderazgo .wrapLiderazgo>img {
    width: 100%;
    margin: 100px auto 50px auto;
}

#liderazgo .wrapLiderazgo>h2 {
    background: var(--azul);
    width: fit-content;
    padding: 3px 6px;
    color: #fff;
    font-weight: 600;
}

#liderazgo .wrapLiderazgo .wrapLideres {
    display: flex;
    justify-content: space-between;
    margin: 0 0 40px;
}

#liderazgo .wrapLiderazgo .wrapLideres>div {
    width: 46%;
}

#liderazgo .wrapLiderazgo .wrapLideres>div>h2 {
    text-decoration: underline;
    text-decoration-color: var(--azul);
    margin: 50px 0 50px;
}

#liderazgo .wrapLiderazgo .wrapLideres>div>img {
    width: 100%;
}

#liderazgo .wrapLiderazgo .comitesEjecutivos h2 {
    border-bottom: 5px solid var(--azul);
    width: fit-content;
    font-weight: 600;
    margin: 0;
}

#liderazgo .wrapLiderazgo .comitesEjecutivos>div {
    padding: 20px 0 50px 0;
    font-size: 1.7em;
    column-count: 2;
}

#finance {
    background: var(--gris);
    padding: 60px 0;
}

#finance .wrapFinance {
    width: 85%;
    margin: 0 auto;
    max-width: 1700px;
}

#finance .wrapFinance>h2 {
    width: fit-content;
    background: var(--morado);
    color: #fff;
    padding: 3px 6px;
    font-weight: 600;
    margin: 0 0 30px;
}

#finance .wrapFinance .financeData {
    display: flex;
    justify-content: space-between;
}

.financeData .financeDataLeft {
    width: 40%;
}

.financeData .financeDataLeft .aspectosFinancieros {
    margin: 0 0 40px;
}

.financeData .financeDataLeft .aspectosFinancieros h3 {
    width: fit-content;
    border-bottom: 5px solid var(--morado);
}

.financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos {
}

.financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table {
    width: 100%;
    font-size: 1.7em;
    margin: 30px 0 0;
}

.financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table thead {
}

.financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table thead tr {
    border: 2px solid var(--morado);
}

.financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table thead tr th {
    text-align: center;
    padding: 5px 10px;
}

.financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table thead tr th:first-child {
    text-align: left;
    padding: 0 0 0 20px;
}

.financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table tbody tr {
}

.financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table tbody tr:nth-child(even) {
    background: #fff;
}

.financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table tbody tr td {
    text-align: right;
    border-right: 1px solid;
    padding: 10px 20px;
}

.financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table tbody tr td:last-child {
    border-right: 0;
}

.financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table tbody tr td:first-child {
    text-align: left;
    padding: 0 0 0 20px;
}

.financeData .financeDataLeft .tablaAspectosFinancieros {
    background: #fff;
    padding: 30px;
}

.financeData .financeDataLeft .tablaAspectosFinancieros span {
    font-size: 1.3em;
    display: block;
    margin: 0 0 10px;
}

.financeData .financeDataLeft .tablaAspectosFinancieros .wrapTablaAspectosFinancieros {
}

.tablaAspectosFinancieros .wrapTablaAspectosFinancieros .tableController {
    display: flex;
    position: relative;
}

.tablaAspectosFinancieros .wrapTablaAspectosFinancieros .tableController select {
    background: var(--morado);
    color: #fff;
    font-size: 1.7em;
    padding: 5px 10px;
    appearance: none;
    position: relative;
}

.tablaAspectosFinancieros .wrapTablaAspectosFinancieros .tableController:after, .tablaAspectosFinancieros .wrapTablaAspectosFinancieros .tableController:before {
    content: "\f078";
    right: 30px;
    top: 4px;
    position: absolute;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 10px;
    height: 10px;
    color: #fff;
    z-index: 999;
    font-size: 2em;
}

.tablaAspectosFinancieros .wrapTablaAspectosFinancieros .tableController:before {
    right: auto;
    left: 22%
}

.tablaAspectosFinancieros .wrapTablaAspectosFinancieros .tableController select#year {
    width: 30%;
    border-right: 2px solid;
}

.tablaAspectosFinancieros .wrapTablaAspectosFinancieros .tableController select#month {
    width: 70%;
}

.tablaAspectosFinancieros .wrapTablaAspectosFinancieros table {
    width: 100%;
    font-size: 1.6em;
}

.tablaAspectosFinancieros .wrapTablaAspectosFinancieros table tr:nth-child(odd) {
    background: var(--gris);
}

.tablaAspectosFinancieros .wrapTablaAspectosFinancieros table tr td {
    border-right: 1px solid;
    padding: 5px 10px;
    text-align: right;
}

.tablaAspectosFinancieros .wrapTablaAspectosFinancieros table tr td:first-child {
    text-align: left;
}

.tablaAspectosFinancieros .wrapTablaAspectosFinancieros table tr td:last-child {
    border-right: 0;
}

.financeData .financeDataRight {
    width: 48%;
}

.financeData .financeDataRight .ingresosTotales {
}

.financeData .financeDataRight .ingresosTotales h3 {
    width: fit-content;
    border-bottom: 5px solid var(--morado);
}

.financeData .financeDataRight .ingresosTotales .gridIngresoPaises {
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0 0;
}

.financeData .financeDataRight .ingresosTotales .gridIngresoPaises .ingresoPais {
    width: 50%;
    display: flex;
    padding: 70px 0;
    justify-content: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.financeData .financeDataRight .ingresosTotales .gridIngresoPaises .ingresoPais:nth-child(even) {
    border-right: 0;
}

.financeData .financeDataRight .ingresosTotales .gridIngresoPaises .ingresoPais:nth-child(7), .financeData .financeDataRight .ingresosTotales .gridIngresoPaises .ingresoPais:nth-child(8) {
    border-bottom: 0;
}

.financeData .financeDataRight .ingresosTotales .gridIngresoPaises .ingresoPais img {
}

.financeData .financeDataRight .ingresosTotales .gridIngresoPaises .ingresoPais .dataIngreso {
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 110px;
    margin: 0 0 0 20px;
}

.financeData .financeDataRight .ingresosTotales .gridIngresoPaises .ingresoPais .dataIngreso p {
    margin: 0;
    font-size: 1.1em;
}

.financeData .financeDataRight .ingresosTotales .gridIngresoPaises .ingresoPais .dataIngreso span {
    font-size: 2em;
}

.soyDeClaseMundial {
    padding: 50px 0;
}

.wrapSoyDeClaseMundial {
    width: 88%;
    margin: 0 auto;
    max-width: 1700px;
    display: flex;
    justify-content: space-between;
}

.wrapSoyDeClaseMundial>img {
    width: 31%;
}

.wrapSoyDeClaseMundial .columnaClaseMundial {
    width: 34%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.wrapSoyDeClaseMundial .columnaClaseMundial img {
    width: 100%;
}

.overlayAmbev {
    background: #303f49f2;
    position: fixed;
    z-index: 99999;
    top: 0px;
    width: 100%;
    height: 100vh;
    opacity: 0;
    display: none;
    transition: all 0.5s ease;
}

.dialogAmbev {
    position: absolute;
    width: 350px;
    left: calc(50% - 175px);
    top: 40%;
}

.ambevLogo {
    background: url('assets/img/ambev_logo.webp')no-repeat center center /contain;
    width: 300px;
    height: 70px;
    margin: 0 auto;
}

.dialogAmbev p {
    color: #fff;
    font-size: 2em;
    margin: 10px auto;
    text-align: center;
}

.dialogAmbev .dialogController {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 30px 0 0;
}

.dialogAmbev .dialogController a {
    width: 48%;
    display: flex;
    height: 70px;
    background: var(--amarillo);
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 1.7em;
    font-weight: 500;
}

.dialogAmbev .dialogController .enterPage {
}

.dialogAmbev .dialogController .exitPage {
}

#header_cultura {
    display: flex;
}

#header_cultura .tituloHeaderCultura {
    width: 45%;
    padding: 20px 5% 20px 7.5%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

#header_cultura .tituloHeaderCultura p {
    font-size: 1.7em;
    font-weight: 700;
}

#header_cultura .tituloHeaderCultura h1 {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 700;
}

#header_cultura .imgHeaderCultura {
    width: 55%;
}

#header_cultura .imgHeaderCultura img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#header_cultura .imgHeaderCultura img.mobile_image {
    display: none;
}

#potencial {
    background: var(--gris);
    display: flex;
    flex-direction: row;
}

#gente {
    display: flex;
    flex-direction: column;
    background: var(--gris);
    padding: 50px 0;
}

#gente .tituloGente {
    width: 45%;
    padding: 20px 5% 20px 7.5%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

#gente .tituloGente h2 {
    font-size: 2em;
    font-weight: 600;
    background: var(--morado);
    color: var(--gris);
    width: max-content;
    padding: 10px 15px;
    margin: 0;
    text-align: center;
}

#gente .tituloGente p span {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
}

.wrapTitulo {
    width: 85%;
    max-width: 1700px;
    margin: 50px auto;
}

.wrapTitulo h2 {
    width: fit-content;
    padding: 10px;
    background: var(--morado);
    color: #fff;
    font-weight: 700;
    font-size: 2em;
}

.dobleCol {
    font-size: 1.7em;
    gap: 90px;
    max-width: 1700px;
    font-weight: 700;
    width: 85%;
    margin: 0 auto;
    column-count: 2;
    padding: 0px 0 50px;
}

.dobleCol p strong {
    border-bottom: 6px solid var(--morado);
    text-transform: uppercase;
}

#gestion {
}

#gestion .wrapGestion {
}

#gestion .wrapGestion>img {
    width: 100%;
}

#gestion .wrapGestion {
    width: 100%;
}

#cultura {
    padding: 50px 0;
    background: var(--gris);
}

#tecnologia {
}

#tecnologia .wrapTec {
    width: 100%;
}

#tecnologia .wrapTec>img {
    width: 100%;
}

#potencial {
}

#potencial .tituloPotencial {
    width: 50%;
    display: flex;
    align-items: center;
}

#potencial .tituloPotencial div {
    width: 80%;
    margin: 0 0 0 15%;
    font-size: 1.7em;
    font-weight: 600;
}

#potencial .tituloPotencial div h2 {
    display: table;
    background: var(--morado);
    color: var(--gris);
    padding: 5px 10px;
    font-weight: 600;
    margin: 0 -10px 30px;
    height: 55px;
    line-height: 50px;
    font-size: 1.1em;
}

#potencial .maskVideoPotencial {
    width: 50%;
    position: relative;
}

#potencial .maskVideoPotencial iframe {
    width: 100%;
    min-height: 400px;
}

#potencial .maskVideoPotencial img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#potencial .maskVideoPotencial i {
    position: absolute;
    cursor: pointer;
    color: #fff;
    z-index: 99;
    top: 45%;
    left: calc(50% - 21px);
    font-size: 3em;
}

#gente_cbc {
}

.section2GenteCbc {
    background: var(--gris);
    padding: 100px 0;
}

#gente_cbc .section3GenteCbc .genteDobleCol .gente {
    width: 100%;
    font-size: 1em;
    padding: 50px 0;
    gap: 50px;
    column-count: 2;
}

#gente_cbc .genteDobleCol {
    width: 85%;
    margin: 0 auto;
    max-width: 1700px;
    display: flex;
    justify-content: space-between;
    padding: 0px 0 50px;
}

#gente_cbc .genteDobleCol .gente {
    width: 47%;
    font-size: 1.7em;
}

#gente_cbc .genteDobleCol .gente>img {
    width: 100%;
    margin: 0 0 40px;
}

#gente_cbc .genteDobleCol .gente>h2 {
    display: table;
    border-bottom: 10px solid var(--morado);
    line-height: 1;
}

#gente_cbc .genteDobleCol .gente>h2 span {
    display: table;
    border-bottom: 10px solid var(--morado);
    margin: 0 0 10px;
}

#gente_cbc .genteDobleCol .gente>p {
    font-weight: 300;
    margin: 0 0 30px;
}

#gente_cbc .genteDobleCol .gente .contGenteCbc {
    font-weight: 600;
}

#plan_carrera {
    background: var(--gris);
    padding: 0 0 50PX;
}

#plan_carrera .headerPlanCarrera {
    display: flex;
}

#plan_carrera .contPlanCarrera {
    font-size: 1.7em;
    padding: 50px 7.5%;
    column-count: 2;
    font-weight: 700;
}

#plan_carrera .headerPlanCarrera .tituloMentalidad {
    width: 50%;
    display: flex;
    align-items: center;
    padding: 40px 0;
}

#plan_carrera .headerPlanCarrera .tituloMentalidad div {
    width: 80%;
    margin: 0 0 0 15%;
    font-size: 1.7em;
    font-weight: 700;
}

#plan_carrera .headerPlanCarrera .tituloMentalidad div h2 {
    display: table;
    background: var(--naranja);
    color: #fff;
    padding: 5px;
    font-weight: 700;
    margin: 0 0 20px;
    font-size: 1.2em;
    text-transform: uppercase;
}

#plan_carrera .headerPlanCarrera .imgMentalidad {
    width: 50%;
}

#plan_carrera .headerPlanCarrera .imgMentalidad img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div[aria-describedby="slick-slide05"] .sliderCont p, div[aria-describedby="slick-slide05"] .sliderCont a {
    color: var(--azul-oscuro) !important;
    text-shadow: none;
    max-width: 320px;
}

#bottling_corporation {
}

.bottlingCorpWrap {
    width: 85%;
    margin: 0 auto;
    padding: 50px 0;
}

.wrapTituloBottlingCorp {
}

.wrapTituloBottlingCorp h2 {
}

.wrapTituloBottlingCorp h2 br {
    display: none
}

.wrapTituloBottlingCorp h2 span {
    background: var(--naranja);
    color: #fff;
    padding: 10px;
    margin: 0 0 10px;
    display: table;
    text-transform: uppercase;
}

.bottlingCorpContent {
    column-count: 2;
    font-size: 1.7em;
    font-weight: 600;
    gap: 6%;
}

.bottlingCorpContent p a{
    color: var(--azul-oscuro);
}

.bottlingCorpContent p strong {
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-color: var(--naranja);
    text-decoration-thickness: 8px;
    line-height: 2;
}

.bottlingCorpContent img {
    width: 100%;
}

#regional_footprint {
    background: #e3e3e3;
    padding: 50px 0;
}

.regionalFootprintWrap {
    width: 85%;
    margin: 0 auto;
}

.wrapTituloRegionalFootprint {
}

.wrapTituloRegionalFootprint h2 {
    display: table;
    border-bottom: 8px solid var(--naranja);
    text-transform: uppercase;
}

.contentRegionalFootprint {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}

.leftSideContetRegionalFootprint {
    width: 24%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.tipoDePais {
    font-size: 1.6em;
}

.tipoDePais li {
    list-style: none;
    position: relative;
    width: 72%;
    margin: 0 0 20px;
}

.tipoDePais li:before {
    content: '';
    width: 25px;
    height: 5px;
    background: var(--amarillo);
    position: absolute;
    left: -35px;
    top: 45%;
}

.tipoDePais li:last-child:before {
    background: var(--verde);
}

.presence_outside {
    background: #fff;
}

.presence_outside.desktopVersion {
    display: block;
}

.presence_outside.mobileVersion {
    display: none;
}

.presence_outside p {
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 1.5em;
}

ul.listaPaisesPresenceOutside {
    list-style: none;
    padding: 0 0 30px;
    width: 65%;
    margin: 0 auto;
    gap: 20px;
    display: flex;
    flex-flow: column;
}

ul.listaPaisesPresenceOutside li {
    display: flex;
}

ul.listaPaisesPresenceOutside li img {
    width: 70px;
}

ul.listaPaisesPresenceOutside li p {
    font-size: 1.2em;
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.rightSideContetRegionalFootprint {
    width: 74%;
}

.rightSideContetRegionalFootprint img {
    width: 100%;
    margin: 30px 0;
}

#highlights {
}

.highlightsWrap {
    width: 85%;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 35px;
}

.financialHighlights {
    width: 100%;
	display: none;
}

.financialHighlights h2 {
    font-size: 2em;
    display: inline-block;
    border-bottom: 5px solid var(--naranja);
    margin: 0 0 40px;
}

.financialHighlights h2 span {
    font-size: 0.7em;
    display: inline-block;
    position: absolute;
    margin: 10px 0 0;
}
.financialHighlightsTableWrap{
    background: var(--gris);
    padding: 10px;
}
.financialHighlights table {
    width: 100%;
    font-size: 1.5em;
    background: var(--gris);
}

.financialHighlights table thead {
    border: 0px solid var(--morado);
    border-bottom: 1px solid #939393;
}

.financialHighlights table thead tr {padding: 10px 0;}

.financialHighlights table thead tr th {
    padding: 10px 15px;
    text-align: center;
    font-size: 1.2em;
}
.financialHighlights table thead tr th:last-child {
    background: #fff;
}

.financialHighlights table tbody {
}

.financialHighlights table tbody tr {border-bottom: 1px solid #939393;}
.financialHighlights table tbody tr:last-child {border-bottom: 0px solid #939393;}

.financialHighlights table tbody tr:nth-child(even) {
    background: var(--gris);
}

.financialHighlights table tbody tr td {
    padding: 5px 15px;
    max-width: 220px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 900;
}

.financialHighlights table tbody tr td:first-child {
    text-align: left;
    font-weight: 600;
    line-height: 1;
}
.financialHighlights table tbody tr td span {
    font-size: 0.8em;
}
.financialHighlights table tbody tr td:last-child {
    border: 0;
    background: #fff;
}

.operationalHighlights {
    width: 100%;
}

.operationalHighlights h2 {
    font-size: 2em;
    display: table;
    border-bottom: 5px solid var(--naranja);
    margin: 0 0 30px;
    /* text-transform: uppercase; */
}

.gridOperationalHighlights {
    display: flex;
    flex-flow: row wrap;
    gap: 10px 1.333%;
}

.gridOperationalHighlights .operationalHighlightsItem {
    width: 24%;
    display: flex;
    align-items: center;
    position: relative;
}

.gridOperationalHighlights .operationalHighlightsItem img {
    width: 100%;
}

.gridOperationalHighlights .operationalHighlightsItem p {
    line-height: 1;
    padding: 0 5px 0 20px;
    font-size: 1.3em;
    margin: 0;
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 45px;
}
.gridOperationalHighlights .operationalHighlightsItem p b {
    font-size: 1.3em;
    display: block;
}
#leading_bottling {
    background: var(--gris);
    padding: 0px 0 50px;
}

.wrapLeadingBottling {
    width: 85%;
    margin: 0 auto;
}

.wrapLeadingBottling>img {
    width: 100%;
}

.wrapTituloLeadingBottling {
}

.wrapTituloLeadingBottling h2 {
    display: table;
    border-bottom: 6px solid var(--azul);
    margin: 30px 0;
}

.LeadingBottlingDesktop {
    display: block;
}

.LeadingBottlingMobile {
    display: none;
}

.LeadingBottlingDesktop>img {
    width: 100%;
}

.cajasArriba {
    display: flex;
    position: relative;
    padding: 0 0 55px;
    align-items: flex-end;
    justify-content: flex-end;
}

.cajasAbajo {
    display: flex;
    position: relative;
    padding: 40px 0 0;
}

.cajasArriba .cajaAzul {
    margin-left: 10%;
}

.cajasAbajo .cajaAzul {
    margin-right: 12%;
}

.cajaAzul:before {
    content: '';
    position: absolute;
    top: -30px;
    left: calc(50% - 15px);
}

.cajaAzul:after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: calc(50% - 15px);
}

.LeadingBottlingMobile .cajaAzul:before {
    left: -20px;
    top: 15%;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #1b96d4;
}

.LeadingBottlingMobile .cajaAzul:after {
    width: 120px;
    height: 120px;
    background: var(--morado);
    left: -145px;
    top: 20px;
}

.LeadingBottlingMobile .cajaAzul:nth-child(1):after {
    background: url('assets/img/leading_ico1.webp')no-repeat center /contain;
}

.LeadingBottlingMobile .cajaAzul:nth-child(2):after {
    background: url('assets/img/leading_ico2.webp')no-repeat center /contain;
    top: -10px;
}

.LeadingBottlingMobile .cajaAzul:nth-child(3):after {
    background: url('assets/img/leading_ico3.webp')no-repeat center /contain;
}

.LeadingBottlingMobile .cajaAzul:nth-child(4):after {
    background: url('assets/img/leading_ico4.webp')no-repeat center /contain;
    top: -20px;
}

.LeadingBottlingMobile .cajaAzul:nth-child(5):after {
    background: url('assets/img/leading_ico5.webp')no-repeat center /contain;
    top: -30px;
}

.LeadingBottlingMobile .cajaAzul:nth-child(6):after {
    background: url('assets/img/leading_ico6.webp')no-repeat center /contain;
    top: -20px;
}

.cajasAbajo .cajaAzul:before {
    content: '';
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #1b96d4;
}

.cajasArriba .cajaAzul:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #1b96d4;
}

.cajaAzul {
    background: #fff;
    border: 3px solid var(--azul);
    max-width: 21.666%;
    padding: 10px;
    border-radius: 10px;
    height: fit-content;
    position: relative;
}

.cajaAzul p {
    text-align: center;
    margin: 0;
    font-weight: 400;
}

.cajaAzul p span {
    border-bottom: 3px solid var(--azul);
}

.cajaAzul>img {
    width: 90%;
    margin: 20px auto;
}

.circuloAzul {
    width: 110px;
    height: 110px;
    background: var(--azul);
    color: #fff;
    text-align: center;
    border-radius: 50%;
    display: flex;
    line-height: 1;
    align-items: center;
    margin: 20px 0;
}

.circuloAzul p {
    font-size: 0.8em;
    display: flex;
    height: 100%;
    width: 100%;
    margin: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
    flex-direction: column;
}

.circuloAzul p b {
    font-size: 1.9em;
}

.circuloAzul.mini p b {
    font-size: 1.5em;
}

.circuloAzul p span {
    font-size: 0.9em;
    line-height: 0.8;
}

.cajaCirculos {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    width: 100%;
}

.cajaCirculos .circuloAzul {
}

.cajaCirculos .circuloAzul p {
    display: flex;
    flex-flow: column;
}

.cajaCirculos b {
    font-size: 2em;
}

.cajaCirculos span {
    font-size: 0.9em;
    line-height: 1;
    margin: 6px 0 0px;
    text-align: center;
    width: 100%;
}

#investment_highlights {
    padding: 0 0 50px;
}

.investmentHighlightsWrap {
    width: 85%;
    margin: 0 auto;
}

.investmentHighlightsWrap img {
    width: 100%;
}

.investmentHighlightsWrap h2 {
    width: fit-content;
    background: var(--morado);
    color: #fff;
    padding: 10px;
    display: block;
    margin: 50px 0;
    text-transform: uppercase;
}

.investmentHighlightsWrap .investmentGrid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.investmentHighlightsWrap .investmentGrid .investment {
    width: 47%;
    margin: 0 0 20px;
    height: fit-content;
}

.investmentHighlightsWrap .investmentGrid .investment img {
    max-height: 320px;
    height: 300px;
    object-fit: cover;
    object-position: top;
}

.investmentHighlightsWrap .investmentGrid .investment p {
    font-size: 1.3em;
    margin: 20px 0 10px;
}

.investmentHighlightsWrap .investmentGrid .investment p b {
    border-bottom: 5px solid var(--morado);
    margin: 0 10px 0 0px;
    line-height: 1.5;
}

.investmentHighlightsWrap .investmentGrid .investment p span {
}

.investmentHighlightsWrap .highlights_brands_title {
    background: #fff;
}

.investmentHighlightsWrap .highlights_brands_title span {
    background: var(--naranja);
    display: block;
    padding: 10px;
    margin: 0 0 10px;
    text-transform: uppercase;
    width: fit-content;
}

.investorsBrandsGrid {
    display: flex;
    gap: 30px;
}

.investorBrand {
    background: #e3e3e3;
}

.investorsBrandsGrid .investorBrand p {
    font-size: 2em;
    text-align: center;
    width: 90%;
    margin: 10px auto;
    border: 0px solid;
    border-bottom: 1px solid #000;
    border-style: dashed;
}

.investorsBrandsGrid .investorBrand p:first-child {
    
}

.investorsBrandsGrid .investorBrand .unitCaseSales {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 1.2em;
}

.investorsBrandsGrid .investorBrand .netSales {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 1.2em;
}

.investorsBrandsGrid .investorBrand .selectedBrands {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 1em;
}

.investorsBrandsGrid .investorBrand img:first-child {
    max-width: 200px;
    margin: 40px auto;
    display: block;
    height: 115px;
    object-fit: contain;
}

.investorsBrandsGrid .investorBrand img:last-child {width: 90%;margin: 10px  auto;display: block;}

div#pieChart {
    background: var(--gris);
	display:none;
}

.wrapPieChart {
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 50px 0;
}

.wrapPieChart div b {
    width: 100%;
    display: none;
    position: absolute;
    top: 15px;
    text-align: center;
    font-size: 2em;
}

.wrapPieChart div p {
    margin: 10px 0;
    font-size: 0.9em;
    display: none;
}

.wrapPieChart div img {
    width: 100%;
}

.pieChartByCountry {
    width: 48%;
    position: relative;
}

.pieChartByCategory {
    width: 48%;
    position: relative;
}

div#annual_report {
    display: flex;
    flex-flow: row wrap;
}
div#annual_report .annualReportController {
    width: 86%;
    margin: 0 auto;
    display: flex;
    font-size: 1.4em;
    justify-content: space-between;
    padding: 40px 0;
}
.annualReportCont {
    width: 45%;
    padding: 40px 3% 40px 7%;
}

div#annual_report>img {
    width: 55%;
    object-fit: cover;
}

.annualReportCont b {
    background: var(--verde);
    color: #fff;
    font-size: 1.7em;
    padding: 5px 10px;
    display: table;
    text-transform: uppercase;
}

.annualReportCont span {
    font-size: 1.5em;
}

.annualReportCont>a {
    display: block;
    background: var(--azul);
    width: fit-content;
    color: #fff;
    font-size: 1.5em;
    padding: 10px 15px;
    margin: 20px auto;
}

.annualReportCont span:last-child {
    width: 87%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.annualReportCont span:last-child a {
    background: var(--amarillo);
    color: #fff;
    padding: 10px 10px;
    width: 120px;
    text-align: center;
}

div#management_team {
    background: var(--gris);
    padding: 50px 0;
}

.wrapManagemenTeam {
    width: 85%;
    margin: 0 auto;
}

.wrapManagemenTeam img:not(.mobile_image) {
    width: 100%;
}

.wrapManagemenTeam img.mobile_image {
    width: 100%;
    display: none;
}

.wrapManagemenTeam img {
    width: 100%;
}

.wrapManagemenTeam h2 {
    margin: 0 0 50px;
}

.wrapManagemenTeam h2 span {
    display: block;
    width: fit-content;
    background: var(--azul);
    color: #fff;
    margin: 0 0 10px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.wrapBoardDirectos {
    width: 85%;
    margin: 0 auto;
}

.wrapBoardDirectos h2 {
    width: fit-content;
    background: var(--amarillo);
    color: var(--azul-oscuro);
    padding: 5px 10px;
    margin: 0 0 50px;
    text-transform: uppercase;
}

div#board_of_directors {
    padding: 50px 0;
}

.gridDirectors {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 30px;
}

.director {
    width: 31%;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
}

.director img {
    width: 50%;
    max-width: 150px;
}

.director p {
    margin: 0 0 0 10px;
}

.director p b {
    display: block;
    font-size: 1.5em;
    line-height: 1;
    font-weight: 400;
}

.director p span {
    line-height: 1;
}

.directorsInfo {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0;
}

.members {
    width: 48%;
    display: flex;
    justify-content: space-between;
}

.committees {
    width: 48%;
    display: flex;
    justify-content: space-between;
}

.memberData {
    width: 30%;
    display: flex;
    width: 180px;
    height: 180px;
    max-width: 32%;
}

.memberData p {
    margin: 0;
    background: var(--amarillo);
    color: var(--azul-oscuro);
    border-radius: 50%;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.memberData p b {
    font-size: 5em;
    height: 85px;
    margin: 5px 0 15px;
}

.memberData p span {
    display: block;
    width: 90%;
    text-align: center;
    line-height: 1.1;
    font-size: 0.9em;
    margin: 0 0px 10px;
}

.selectionProcess {
    width: 49%;
    background: var(--verde);
    border-radius: 20px 0px 0px 20px;
    display: flex;
    padding: 10px 20px;
}

.fiveCommittees {
    width: 49%;
    background: var(--verde);
    border-radius: 0px 20px 20px 0px;
    display: flex;
    padding: 0 20px;
}

.selectionProcess p {
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.fiveCommittees p {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.selectionProcess p span, .fiveCommittees p span {
    margin: 0 0 6px;
}

.selectionProcess p br, .fiveCommittees p br {
    display: none
}

.cajaAzul.sales_marketing .circuloAzul {
    margin: 10px auto -30px;
}

.cajaAzul.distribution_transport {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

.cajaAzul.distribution_transport .circuloAzul {
    margin: 10px 0 -30px;
}

.cajaAzul.product_portafolio {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

div#a_better_future {
    background: var(--gris);
}

.a_better_future_header {
    width: 100%;
    display: flex;
}

.a_better_future_headerCont {
    width: 45%;
    display: flex;
    align-items: center;
    padding: 40px 0;
}

.a_better_future_header img {
    width: 55%;
    object-fit: cover;
}

.a_better_future_headerCont p {
    width: 75%;
    margin: 0 17.5%;
    font-size: 1.3em;
}

.a_better_future_headerCont p span {
    background: var(--naranja);
    text-transform: uppercase;
    color: #fff;
    padding: 5px 10px;
    display: table;
}

.a_better_future_content {
    width: 85%;
    margin: 50px auto;
    column-count: 2;
    gap: 50px;
    font-size: 1.3em;
}

div#a_better_future>a {
    position: relative;
    border: 1px solid;
    left: calc(50% - 200px);
    text-align: center;
    font-size: 1.3em;
    padding: 10px 0px;
    font-weight: 200;
    color: transparent;
    /* background: var(--azul); */
    border-color: var(--azul);
    padding: 10px;
    background: url(assets/img/pdf_mejor_futuro.png);
}

div#a_better_future>a:before {
    content: '';
    top: -1px;
    right: -50px;
    border: 1px solid;
    height: 104%;
    width: 50px;
    position: absolute;
    display: none;
}

div#a_better_future>a:after {
    content: '';
    top: -1px;
    right: -50px;
    height: 105%;
    width: 50px;
    background: url(assets/img/pdf_blanco.png)no-repeat center center /auto 75% var(--azul);
    position: absolute;
    border-color: var(--azul);
    border-left: 0px solid #fff;
    display: none;
}

div#amazing_news.investorVersion {
    margin: 50px 0 0;
}

div#amazing_news.investorVersion .gridNoticias div {
    background: #fff;
}

div#documents {
    display: flex;
    /* display: none; */
    width: 100%;
}

.docSide {
    width: 45%;
}

div#documents .wrapImgDocs {
    width: 55%;
    position: relative;
    max-height: 320px;
}

div#documents .wrapImgDocs h2 {
    position: absolute;
    left: 3%;
    top: 30%;
    line-height: 1;
}

div#documents .wrapImgDocs h2 span {
    display: table;
    width: fit-content;
    margin: 10px;
    padding: 10px;
    background: var(--verde);
    color: #fff;
}

.wrapImgDocs img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.docsWrap {
    display: flex;
    width: 75%;
    margin: 30px 0 0 15%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.docsWrap h2 {
    width: 100%;
    display: table;
    background: var(--naranja);
    display: block;
    padding: 10px;
    margin: 20px 0 30px;
    text-transform: uppercase;
    width: fit-content;
    color: #fff;
}

.docsWrap ul {
    list-style: none;
    padding: 0;
}

.docsWrap ul li {
    margin: 0 0 30px;
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
}

.docsWrap ul li:first-child, .docsWrap ul li:nth-child(4) {
    display: none;
}

.docsWrap ul li a {
    color: var(--azul-oscuro);
    font-weight: 500;
    line-height: 1;
    font-size: 1.5em;
}

.docsWrap ul li:before {
    content: '';
    top: -1px;
    left: -50px;
    border: 0px solid;
    height: 104%;
    width: 50px;
    position: absolute;
}

.docsWrap ul li:after {
    content: '';
    top: -1px;
    left: -50px;
    height: 105%;
    width: 50px;
    background: url(assets/img/pdf.png)no-repeat center center /auto 75%;
    position: absolute;
    border-color: var(--azul);
    border-left: 1px solid #fff;
}

.docsWrap ul li:nth-child(3):after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f35d";
    background: none;
    font-size: 2em;
    text-align: center;
}

.creditRatings{
    position: relative;
    margin: 30px auto;
}
.creditRatings h2{
        font-size: 2em;
    display: inline-block;
    border-bottom: 5px solid var(--naranja);
    margin: 0 0 40px;
}

.creditRatings img.magic_fields {
    width: 100%;
    display: block;
}
.creditRatings img.mobile_image {
    display: none;
}

.questionController {
    width: 48%;
}

.alreadyInvestor {
    border: 2px solid;
    padding: 20px;
    position: relative;
    width: 45%;
}
.alreadyInvestor span {
    text-transform: uppercase;
    width: 70%;
    display: block;
    font-size: 1.5em;
}
.alreadyInvestor span a {
    position: absolute;
    text-transform: capitalize;
    background: var(--amarillo);
    color: #fff;
    padding: 10px;
    right: 20px;
    bottom: 20px;
    font-size: 0.8em;
}
.questionController a {
    background: var(--azul);
    color: #fff;
    padding: 10px;
    margin: 20px 0 0;
    display: table;
}

div#annual_report .annualReportController.mobileVersion {
    display: none;
}

@media (max-width: 1600px) {
    .wrapMarca .contMarca .contenidoMarca, #way_we_work .headerWayWeWork .tituloWayWeWork span, #header_cultura .tituloHeaderCultura p,#investors_header .investorsHead, .financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table, .tablaAspectosFinancieros .wrapTablaAspectosFinancieros table, #reporteFinanciero .tituloReporte p, #liderazgo .wrapLiderazgo .comitesEjecutivos>div, .tituloHeaderMundoMejor p, #mundo_mejor .mundoMejorCont .wrapMundoMejorCont, .itemAspecto .rightSide, #welcome .tituloBienvenida, .acercaDe_titulo p, .wrapVisionMision>div p, .itemListaValores, .strValores p, .tituloHeaderHistoria p, .listHistoria>div .historyCont p, .wrapTimelineHistoria>p, .tituloHeaderMundo p, .tituloHeaderMundo ul, .tituloHeaderAdnCbc p, .cont_adn p, .tituloHeaderGobCorp p, .contGobCorp, .colEtica p, .gripdPoliticasGlobales>div, .textoDerechosHumanos, .contMsjPresidente, .colPaises b, .strategyHead p, .strategyCont, .gridNoticias div a, #sustainability_report .contSustainabilityReport, .dobleCol {
        font-size: 1.6em;
    }

    .itemAspecto .leftSide .tituloGris p {
        font-size: 3em;
    }

    #tab_carreer_oportunities .tabMenu .tabMenuItem b {
        font-size: 1.7em;
    }

    .tituloHeaderGobCorp p, .contGobCorp, .colEtica p, .textoDerechosHumanos, .contMsjPresidente {
        line-height: 1.6;
    }

    .cont_adn p {
        line-height: 1.3;
    }

    .derechosHumanos h2, .headerCartaPresidente p {
        font-size: 2em;
    }

    .pais p, .gridPDF a span {
        font-size: 1em;
    }

    #sustainability_report h2 {
        width: auto;
        max-width: 40%;
        font-size: 2em;
    }

    .strategyHead iframe {
        min-height: 450px;
    }

    .gridNoticias div a img {
        height: 220px;
    }

    #sustainability_report .contSustainabilityReport .pdfSustainabilityReport a p {
        width: 360px;
        font-size: 0.75em;
        margin: 0 auto;
        display: block;
        left: 20%;
    }

    #tab_carreer_oportunities .tabContent .oportunity .carrerOportunityCont p {
        line-height: 2;
        padding: 40px 40px 10px 70px;
    }

    #tab_carreer_oportunities .tabContent .oportunity .carrerOportunityCont {
        width: 45%;
    }

    #tab_carreer_oportunities .tabContent .oportunity img {
        width: 55%;
    }
}

@media (max-width: 1450px) {
    .financialHighlights table {
        font-size: 1em;
        font-weight: 400;
    }

    .wrapTituloBottlingCorp h2 {
        font-size: 1.7em;
    }

    #investors_header .investorsHead p span {
        display: block;
        font-size: 1em;
    }

    #investors_header .investorsHead p {
        font-size: 1em;
    }

    .selectionProcess p, .fiveCommittees p {
        font-size: 0.9em;
    }

    .director p b {
        display: block;
        font-size: 1.222em;
        line-height: 1;
        font-weight: 400;
    }

    .director p span {
        line-height: 1;
        font-size: 0.9em;
    }

    .titleNews h2 {
        font-size: 2em;
    }

    section.section4 .sectionWrap .columna2 a.sectionCard:first-child {
        height: 35% !important;
    }

    #navbar {
        flex: 0 0 85%;
    }

    .annualReportCont b {
        background: var(--verde);
        color: #fff;
        font-size: 1.5em;
        padding: 5px 10px;
    }

    .annualReportCont span {
        font-size: 1.3em;
    }

    .annualReportCont>a {
        display: block;
        background: var(--azul);
        width: fit-content;
        color: #fff;
        font-size: 1.3em;
        padding: 10px 15px;
        margin: 20px auto 40px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 0.9em;
    }

    #header .search-form {
        min-width: 130px !important;
        max-width: 130px !important;
    }

    #menu-menu-principal {
        width: 75%;
    }

    .sliderCont {
        right: 3%;
        max-width: 390px;
    }

    .section5 .columna2 {
        width: 30%;
    }

    .section5 .columna3 {
        width: 30%;
    }

    .bottlingCorpContent, .wrapMarca .contMarca .contenidoMarca, #way_we_work .headerWayWeWork .tituloWayWeWork span, #header_cultura .tituloHeaderCultura p, #mentalidad .tituloMentalidad p, .financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table, .tablaAspectosFinancieros .wrapTablaAspectosFinancieros table, #investors_header .investorsHead, #welcome .tituloBienvenida, #explore .wrapExplore p, .acercaDe_titulo p, .wrapVisionMision>div p, .itemListaValores, .strValores p, .tituloHeaderHistoria p, .listHistoria>div .historyCont p, .wrapTimelineHistoria>p, .tituloHeaderMundo p, .tituloHeaderMundo ul, .tituloHeaderAdnCbc p, .cont_adn p, .tituloHeaderGobCorp p, .contGobCorp, .colEtica p, .gripdPoliticasGlobales>div, .textoDerechosHumanos, .contMsjPresidente, .colPaises b, div#valores h1, .strategyHead p, .strategyCont, .gridNoticias div a, #sustainability_report .contSustainabilityReport {
        font-size: 1.5em;
    }
    .bottlingCorpContent {
        font-size: 1.35em;
    }

    ul.listaPaisesPresenceOutside li img {
        width: 50px;
    }

    .cont_adn p, .tituloHeaderGobCorp p, .contGobCorp, .colEtica p, .textoDerechosHumanos, .contMsjPresidente {
        line-height: 1.1;
    }

    .headerCartaPresidente p {
        font-size: 1.5em;
    }

    .footer-menu ul.menu.nav>li.menu-item-has-children>a {
        padding: 9px 5px;
    }

    .footer-menu ul li .dropdown-menu a {
        padding: 10px 9px;
    }

    .headerCartaPresidente p.nombrePresidente {
        bottom: 15%;
        font-size: 1.3em;
    }

    div#valores h1 {
        margin: 25px 0;
    }

    .footer-slogan, .footer-copy,#contact .wrapContacto .gridPaisContacto>div.numPais {
        font-size: 0.9em;
        padding: 15px 0px 15px 15px;
    }

    .gridPDF a span {
        font-size: 0.8em;
        width: 70%;
        left: 10%;
    }

    .strategyHead iframe {
        min-height: 360px;
    }

    #goals_progress .gridProgress {
        width: 85%;
    }

    #carreer_oportunities .wrapCarrer_oportunities h2, #explore .wrapExplore h2 {
        font-size: 2em;
    }

    #tab_carreer_oportunities .tabMenu .tabMenuItem b {
        text-indent: 0;
        font-size: 1.5em;
        padding: 0 10px 0 20px;
    }

    #tab_carreer_oportunities .tabMenu {
        width: 30.3%;
    }

    #tab_carreer_oportunities .tabContent {
        width: 69.6%;
    }

    #tab_carreer_oportunities .tabContent .oportunity .carrerOportunityCont p {
        line-height: 2;
        padding: 40px 10px 0px 40px;
        font-size: 1.5em;
    }

    #carreer_oportunities .wrapCarrer_oportunities {
        padding: 10px 0 30px;
    }
}

@media (max-width: 1300px) {
    #header_cultura .tituloHeaderCultura p,#investors_header .investorsHead, .financeData .financeDataLeft .aspectosFinancieros .tablaVentaIngresos table, .tablaAspectosFinancieros .wrapTablaAspectosFinancieros table, #reporteFinanciero .tituloReporte p, #liderazgo .wrapLiderazgo .comitesEjecutivos>div, .tituloHeaderMundoMejor p, #mundo_mejor .mundoMejorCont .wrapMundoMejorCont, .itemAspecto .rightSide, #welcome .tituloBienvenida, .acercaDe_titulo p, .wrapVisionMision>div p, .itemListaValores, .strValores p, .tituloHeaderHistoria p, .listHistoria>div .historyCont p, .wrapTimelineHistoria>p, .tituloHeaderMundo p, .tituloHeaderMundo ul, .tituloHeaderAdnCbc p, .cont_adn p, .tituloHeaderGobCorp p, .contGobCorp, .colEtica p, .gripdPoliticasGlobales>div, .textoDerechosHumanos, .contMsjPresidente, .colPaises b, .strategyHead p, .strategyCont, .gridNoticias div a, #sustainability_report .contSustainabilityReport, .dobleCol {
        font-size: 1.5em;
    }

    .single-post #main article .entry-content {
        font-size: 1.2em;
        max-width: 90%;
        margin: 0 auto;
    }

    .single-post #main article .entry-content p em {
        font-weight: 300;
    }

    .headerCartaPresidente p {
        top: 15%;
    }
}

@media (max-width: 1200px) {
    .headerCartaPresidente p {
        top: 10%;
    }
}

@media (max-width: 1025px) {
    .memberData p b {
        font-size: 3em;
        height: auto;
    }

    .director p, .annualReportCont span {
        font-size: 0.9em !important;
    }

    .wrapPieChart div p {
        font-size: 0.75em;
    }

    .investorsBrandsGrid .investorBrand img:first-child {
        max-width: 150px;
        margin: 40px auto;
        display: block;
        height: 75px;
        object-fit: contain;
    }

    .investmentHighlightsWrap h2 {
        font-size: 1.5em;
    }

    .circuloAzul p {
        font-size: 0.6em;
    }

    .circuloAzul {
        width: 70px;
        height: 70px;
        background: var(--azul);
        color: #fff;
        text-align: center;
        border-radius: 50%;
        display: flex;
        line-height: 1;
        align-items: center;
        margin: 20px 0;
    }

    .gridOperationalHighlights .operationalHighlightsItem p {
        line-height: 1;
        padding: 0 0px 0 5px;
        font-size: 1.5em;
        margin: 0;
        font-weight: 400
    }

    .financialHighlights table tbody tr td {
        max-width: 130px;
        padding: 5px 5px;
    }

    .wrapTituloBottlingCorp h2 {
        font-size: 1.5em;
    }

    .a_better_future_headerCont p, .investmentHighlightsWrap .investmentGrid .investment p, .tipoDePais, .presence_outside p, .bottlingCorpContent {
        font-size: 1.3em !important;
        line-height: 1;
    }

    #esg_projects .gridVideos .wrapVideo {
        width: 48%;
    }

    .gridPDF a span {
        font-size: 0.9em;
        width: 70%;
        left: 7%;
        top: 40%;
    }

    #menu-menu-principal {
        font-size: 0.84em;
    }

    .languaje nav ul li a {
        width: 30px;
        height: 30px;
        line-height: 1;
        padding: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        border-radius: 50%;
        color: #303F49;
        transition: all 0.3s ease-in;
    }

    .tituloHeaderMundo ul li {
        position: relative;
        height: 40px;
        margin: 0 0 0 10px;
        line-height: 36px;
    }

    .pais p {
        max-width: 65%;
        margin: 0 0 0 10px;
    }

    .pais img {
        max-width: 25%;
    }

    .footer-menu ul.menu.nav>li {
        flex: 0 0 30%;
        max-width: 47%;
        margin: 0 0 10px;
    }

    .footer-menu ul.menu.nav>li a {
        padding: 5px 0px 5px 5px;
        width: 100%;
        display: block;
    }

    #header_cultura .tituloHeaderCultura p, #mentalidad .tituloMentalidad p, #gente .tituloGente p, #investors_header .investorsHead, .acercaDe_titulo p, .wrapVisionMision>div p, .itemListaValores, .strValores p, .tituloHeaderHistoria p, .listHistoria>div .historyCont p, .wrapTimelineHistoria>p, .tituloHeaderMundo p, .tituloHeaderMundo ul, .tituloHeaderAdnCbc p, .cont_adn p, .tituloHeaderGobCorp p, .contGobCorp, .colEtica p, .gripdPoliticasGlobales>div, .textoDerechosHumanos, .contMsjPresidente, .colPaises b,div#valores h1, .strategyHead p, .strategyCont, .gridNoticias div a, #sustainability_report .contSustainabilityReport {
        font-size: 1.1em;
    }

    .gridPaises {
        width: 90%;
    }

    .pais img {
        max-width: 45px;
    }

    #esg_projects .gridVideos {
        flex-flow: row wrap;
    }

    #esg_projects .gridVideos .video {
        width: 100%;
        height: 320px;
        margin: 0;
    }

    #sustainability_report h2 {
        width: 43%;
    }

    #sustainability_report .contSustainabilityReport {
        column-count: 1 !important;
    }

    .tituloHeaderMarcas h2, .tituloHeaderMarcas span, #strategic_partners h2, #strategic_partners .gridMarcas .marca p, #way_we_work .headerWayWeWork .tituloWayWeWork span, #way_we_work .headerWayWeWork .tituloWayWeWork h1, #contact .wrapContacto .formContacto .wpcf7 form p input[type="submit"] {
        font-size: 1.5em;
        line-height: 1.3;
    }

    #way_we_work .headerWayWeWork .tituloWayWeWork h1 {
        width: 255px;
    }

    #contact .wrapContacto .gridPaisContacto>div.Guatemala .pais_contactoCont b span:last-child {
        margin: 0 0 0 33px;
    }

    .formAplicar .formImageTitle .formTitle {
        font-size: 1em;
    }
}

@media (max-width: 991px) {
    #sustainability_report .contSustainabilityReport .pdfSustainabilityReport a p {
        width: 360px;
        font-size: 0.75em;
        margin: 50px auto 0;
        display: block;
        left: 25%;
    }

    .wrapManagemenTeam h2 span {
        display: block;
        width: fit-content;
        background: transparent;
        color: var(--azul-oscuro);
        margin: 0 0 10px;
        padding: 5px 10px;
        text-transform: uppercase;
        text-decoration: underline;
        text-decoration-color: var(--azul);
        text-decoration-thickness: 5px;
    }
    .investmentHighlightsWrap .highlights_brands_title span {
        background: #fff;
        display: block;
        padding: 10px;
        margin: 0 0 10px;
        text-transform: uppercase;
        width: fit-content;
        color: var(--azul-oscuro);
        text-decoration: underline;
        text-decoration-color: var(--naranja);
        text-decoration-thickness: 5px;
    }
    .alreadyInvestor {
        margin: 20px 0 0;
    }
    .alreadyInvestor span {
    text-transform: uppercase;
    width: 70%;
    display: block;
    font-size: 1.2em;
}
    .alreadyInvestor,
.questionController {
    width: 100%;
}

    div#annual_report .annualReportController.mobileVersion {
    display: block;
}
    .gridOperationalHighlights {
        justify-content: space-between;
    }
    .gridOperationalHighlights .operationalHighlightsItem {
        width: 48%;
    }
    .creditRatings img.magic_fields {
        display: none;
    }
    .creditRatings img.mobile_image {
        display: block;
        width: 100%;
    }
    .docsWrap ul li a {
        font-size: 1em;
    }
    .docsWrap ul li {
        margin: 20px 0;
    }
    div#documents .wrapImgDocs {
        width: 100%;
        height: 200px;
    }

    .docsWrap {
        width: 320px;
        margin: 20px auto 0;
    }

    .wrapManagemenTeam img:not(.mobile_image) {
        width: 100%;
        display: none;
    }

    .wrapManagemenTeam img.mobile_image {
        width: 115%;
        display: block;
        margin: -20px 0 0 -7%;
    }

    .director p span {
        line-height: 1 !important;
    }

    .director img {
        width: 100%;
        max-width: 200px;
    }

    .pieChartByCountry {
        width: 100%;
        position: relative;
        margin: 0 0 30px;
    }

    .director p {
        margin: 0;
    }

    .pieChartByCategory {
        width: 100%;
        position: relative;
    }

    .wrapPieChart {
        flex-direction: column;
    }

    .LeadingBottlingDesktop {
        display: none;
    }

    .LeadingBottlingMobile {
        display: flex;
        flex-flow: column;
        align-items: flex-end;
        position: relative;
    }

    .LeadingBottlingMobile:before {
        content: '';
        width: 3px;
        height: 100%;
        position: absolute;
        left: 60px;
        background: var(--azul);
    }

    .LeadingBottlingMobile .cajaAzul {
        width: 100%;
        max-width: 60%;
        margin: 0 0 50px;
    }

    div#annual_report>img {
        width: 100%;
    }

    .annualReportCont span:last-child {
        width: 100%;
        max-width: 300px;
    }

    div#annual_report, div#documents {
        display: flex;
        flex-direction: column-reverse;
    }
    div#annual_report 
 .annualReportController.desktopVersion {
     display: none;
 }

    .a_better_future_content {
        width: 85%;
        margin: 0px auto 30px;
        column-count: 1;
        gap: 0px;
        font-size: 1.3em;
    }

    .a_better_future_headerCont p {
        width: 85% !important;
        margin: 0 auto;
        line-height: 1.5;
    }

    .a_better_future_header {
        flex-flow: column-reverse;
    }

    .directorsInfo, .contentRegionalFootprint {
        flex-flow: column;
    }

    .docSide, div#documents>img, .a_better_future_header img, .a_better_future_headerCont, .directorsInfo .committees, .directorsInfo .members {
        width: 100%;
    }

    .directorsInfo .members {
        flex-flow: row;
        margin: 0 0 20px;
    }

    .rightSideContetRegionalFootprint {
        width: 100%;
    }

    .presence_outside.desktopVersion {
        display: none;
    }

    .presence_outside.mobileVersion {
        display: block;
    }

    .presence_outside.mobileVersion ul.listaPaisesPresenceOutside {
        list-style: none;
        padding: 0 0 30px;
        width: 90%;
        margin: 0 auto;
        gap: 20px;
        display: flex;
        flex-flow: row wrap;
    }

    ul.listaPaisesPresenceOutside li {
        width: 27%;
    }

    #investors_header {
        flex-direction: column;
    }

    .headerCartaPresidente>img:not(.presidenteMobile) {
        display: none;
    }

    .headerCartaPresidente>img.presidenteMobile {
        display: block;
    }

    .dispNoneMobile {
        display: none !important;
    }

    .wrapMarca {
        width: 100%;
        margin: 0 auto;
        background: #fff;
    }

    .strategyCont p strong {
        font-size: 1em;
    }

    .gridNoticias .slick-dots {
        padding: 0;
        list-style: none;
        display: flex;
        width: 30%;
        margin: -25px auto 0;
        justify-content: space-around;
    }

    .gridNoticias .slick-dots li button {
        width: 16px;
        height: 16px;
        border-radius: 50px;
        border-color: var(--azul-oscuro);
        background: #fff;
        color: #fff;
        font-size: 0;
        transition: all 0.5s ease;
    }

    .gridNoticias div a p {
        margin: 20px 4% 0px 4%;
        width: 100%;
        line-height: 1;
        font-size: 0.9em;
    }

    .gridNoticias div a span {
        margin: 0px 3% 20px;
        display: flex;
        text-align: right;
        text-decoration: underline;
        font-weight: 200;
        width: 100%;
        align-items: end;
        justify-content: flex-end;
    }

    #plan_carrera .contPlanCarrera {
        font-size: 1.3em;
        padding: 20px 7.5% 0;
        column-count: 1;
    }

    #plan_carrera .headerPlanCarrera .tituloMentalidad p span {
        background: var(--morado);
    }

    .dobleCol p strong {
        margin: 0 0 10px !important;
        display: table;
    }

    .dobleCol p, #gente_cbc .genteDobleCol .gente .contGenteCbc p {
        margin: 0 !important;
    }

    #gente_cbc .genteDobleCol .gente>p {
        margin: 0 0 10px !important;
    }

    #plan_carrera .headerPlanCarrera .tituloMentalidad p {
        margin: 20px 7.5%;
        width: 85%;
    }

    #potencial .tituloPotencial p {
        width: 80%;
        margin: 0 0 0 10%;
        font-size: 1.3em;
        padding: 0 10px;
    }

    #potencial .tituloPotencial {
        width: 100%;
        position: relative;
        padding: 50px 0;
    }

    #potencial .maskVideoPotencial {
        width: 100%;
        position: relative;
    }

    #potencial {
        flex-direction: column-reverse;
    }

    #gente_cbc .section3GenteCbc .genteDobleCol .gente {
        padding: 0;
        margin: 50px 7.5% 50px;
        width: 85%;
    }

    #gente_cbc .section3GenteCbc .genteDobleCol .gente, #gente_cbc .section2GenteCbc .genteDobleCol .gente {
        background: #fff !important;
    }

    #gente_cbc .section2GenteCbc .genteDobleCol .gente:last-child, #gente_cbc>.genteDobleCol .gente:last-child, #cultura {
        background: var(--gris) !important;
        padding: 10px 0;
    }

    #gente_cbc>.genteDobleCol .gente:last-child h2 {
        margin: 0 7.5% 10px;
    }

    #gente_cbc>.genteDobleCol .gente:last-child>p {
        margin: 0 7.5% 10px !important;
    }

    #gente_cbc>.genteDobleCol .gente:last-child div {
        margin: 0 7.5% 10px;
    }

    #plan_carrera .headerPlanCarrera .tituloMentalidad p, .wrapTitulo h2 {
        font-size: 1.3em;
    }

    #tecnologia .wrapTec>img {
        height: 120px;
        object-fit: cover;
    }

    #gestion .wrapGestion>img {
        width: 100%;
        height: 150px;
        object-fit: cover;
        object-position: 70% 0px;
    }

    #gente_cbc .genteDobleCol .gente>h2 {
        font-size: 1.2em;
    }

    .section2GenteCbc {
        padding: 0px 0;
    }

    #gente_cbc .genteDobleCol {
        width: 100%;
        margin: 0 auto;
        max-width: 1700px;
        display: flex;
        justify-content: space-between;
        padding: 0px 0 0px;
        flex-direction: column;
    }

    #gente_cbc .genteDobleCol .gente {
        width: 100%;
        font-size: 1.1em;
        margin: 0;
        column-count: 1 !important;
        padding: 0 7.5% 50px;
    }

    #gente_cbc .section2GenteCbc .genteDobleCol .gente:last-child h2 {
        margin: 0 7.5% 10px;
    }

    #gente_cbc .section2GenteCbc .genteDobleCol .gente:last-child>p {
        margin: 0 7.5% 10px !important;
    }

    #gente_cbc .section2GenteCbc .genteDobleCol .gente:last-child div {
        margin: 0 7.5% 10px;
    }

    .dobleCol {
        font-size: 1.2em;
        max-width: 1700px;
        width: 80%;
        margin: 0 auto;
        column-count: 1;
        padding: 0px 0 50px;
    }

    .wrapCanales .gridCanal .wrapCanal .canal p {
        padding: 0 5px;
        line-height: 1.1;
        font-size: 1em;
    }

    .wrapCanales .gridCanal.moderno .wrapCanal .canal:nth-child(odd), .wrapCanales .gridCanal.tradicional .wrapCanal .canal:nth-child(3), .wrapCanales .gridCanal.moderno .wrapCanal .canal:nth-child(4), .wrapCanales .gridCanal.tradicional .wrapCanal .canal:nth-child(even) {
        background: var(--gris);
    }

    .wrapCanales .gridCanal.moderno .wrapCanal .canal:nth-child(3), .wrapCanales .gridCanal.tradicional .wrapCanal .canal:nth-child(4) {
        background: var(--celeste);
    }

    .wrapCanales .gridCanal {
        position: relative;
        padding: 0;
        height: auto;
        margin: 0 0 30px;
    }

    .wrapCanales .gridCanal .tituloCanal {
        position: relative;
        border: 1px solid var(--azul-oscuro);
        left: 0;
        top: 0;
        width: 100%;
        transform: rotate(0deg);
        text-indent: 10px;
        font-size: 1.7em;
        padding: 5px 0;
    }

    .wrapCanales .gridCanal .wrapCanal {
        display: flex;
        height: 100%;
        flex-flow: row wrap;
    }

    .wrapCanales .gridCanal .wrapCanal .canal {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: column;
        background: var(--celeste);
    }

    #tab_carreer_oportunities .tabMenu .tabMenuItem b {
        text-indent: 0px;
        font-size: 1em;
        padding: 0 0 0 10px;
    }

    #plan_carrera .headerPlanCarrera, .formAplicar[class*="item"] {
        flex-direction: column-reverse;
    }

    #header_cultura, #gente, #esg_projects .gridVideos, #welcome {
        flex-direction: column;
    }

    #investors_header .investorsHead, .videoMask, #plan_carrera .headerPlanCarrera .imgMentalidad, #plan_carrera .headerPlanCarrera .tituloMentalidad, #esg_projects .gridVideos .wrapVideo, .formAplicar .wrapFormAplicar, .formAplicar .formImageTitle, #header_cultura .tituloHeaderCultura, #header_cultura .imgHeaderCultura, #gente .tituloGente, #welcome img, #welcome .tituloBienvenida, #tab_carreer_oportunities .tabContent .oportunity .carrerOportunityCont, #tab_carreer_oportunities .tabContent .oportunity img {
        width: 100%;
    }

    #header_cultura .tituloHeaderCultura {
        background: var(--gris);
    }

    #tab_carreer_oportunities .tabContent .oportunity .carrerOportunityCont button {
        margin: 30px auto;
        font-size: 1.2em;
        width: 150px;
        height: 50px;
    }

    #tab_carreer_oportunities .tabContent .oportunity .carrerOportunityCont p {
        padding: 40px 40px 0px 40px;
    }

    #tab_carreer_oportunities .tabContent .oportunity.active {
        flex-direction: column;
    }

    #tab_carreer_oportunities .tabContent .oportunity .carrerOportunityCont p {
        line-height: 1.3;
        font-size: 1.2em;
    }

    #tab_carreer_oportunities .tabContent .oportunity img {
        min-height: auto;
        height: 470px;
        object-position: top;
    }

    #tab_carreer_oportunities .tabMenu .tabMenuItem.item2.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item2:hover:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item3.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item3:hover:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item1.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item1:hover:before {
        border-right: 30px solid #fff;
    }

    #tab_carreer_oportunities .tabMenu .tabMenuItem.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem:hover:before {
        left: -40px;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
    }

    #tab_carreer_oportunities .tabMenu .tabMenuItem.item4.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item4:hover:before {
        left: -40px;
        border-right: 30px solid var(--naranja);
    }

    #tab_carreer_oportunities .tabMenu .tabMenuItem.item5.active:before, #tab_carreer_oportunities .tabMenu .tabMenuItem.item5:hover:before {
        left: -40px;
        border-right: 30px solid var(--verde);
    }

    #comments .comment-content {
        margin: 50px 0 0 0;
        font-size: 1.5em;
    }

    .addtoany_list.a2a_kit_size_32 a:hover, .addtoany_list.a2a_kit_size_32 a {
        padding: 4px 5px 0;
    }

    .prependCompartir {
        font-size: 0.75em;
        width: auto;
        padding: 5px 5px;
    }

    .single-post #main article .entry-content {
        width: 85%;
        margin: 0 auto;
    }

    #menu-main-menu li, #menu-menu-principal li {
        display: block;
        text-align: left;
        font-size: 1.2em;
        padding: 0 10px;
        border-bottom: 1px solid #ccc;
    }

    .gridPDF a span {
        font-size: 1em;
        width: 73%;
        left: 7%;
        top: 40%;
    }

    section[class^="section"], .homeSlider {
        display: none;
    }

    #header_cultura .imgHeaderCultura img.mobile_image, .inicio_mobile {
        display: block;
    }

    .gridPDF a, .home .page.container {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    #header_cultura .imgHeaderCultura img.magic_fields, .wrapPoliticasGlobales>img {
        display: none;
    }

    .colEtica img {
        display: block;
        width: 100%;
        margin: 10px 0 20px;
    }

    .inicio_mobile {
    }

    .wrapContentMobileHome {
        position: relative;
    }

    .wrapContentMobileHome img {
        width: 100%;
    }

    .wrapContentMobileHome .mobileHomeCont {
        position: absolute;
        color: #fff;
        text-shadow: 1px 0px 1px #333;
    }

    .wrapContentMobileHome:nth-child(6) .mobileHomeCont, .wrapContentMobileHome:nth-child(6) .mobileHomeCont a {
        color: var(--azul-oscuro) !important;
        text-shadow: none;
    }

    .wrapContentMobileHome:nth-child(1) .mobileHomeCont {
        top: 100px;
        left: 50px;
    }

    .wrapContentMobileHome:nth-child(2) .mobileHomeCont {
        bottom: 50px;
        left: 50px;
    }

    .wrapContentMobileHome:nth-child(3) .mobileHomeCont {
        bottom: 100px;
        left: 50px;
    }

    .wrapContentMobileHome:nth-child(4) .mobileHomeCont {
        bottom: 100px;
        right: 50px;
        text-align: right;
    }

    .wrapContentMobileHome:nth-child(5) .mobileHomeCont {
        top: 100px;
        right: 50px;
        text-align: right;
    }

    .wrapContentMobileHome:nth-child(6) .mobileHomeCont {
        top: 100px;
        left: 50px;
    }

    .wrapContentMobileHome .mobileHomeCont p {
        font-size: 2em;
        text-transform: uppercase;
        font-weight: 700;
        max-width: 323px;
    }

    .wrapContentMobileHome .mobileHomeCont a {
        color: #fff;
        font-size: 1.3em;
        font-weight: 200;
        text-decoration: underline;
    }

    .wrapMarca .contMarca .contenidoMarca {
        column-count: 1;
    }

    .wrapMarca .contMarca .gridPortafolio {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #contact .wrapContacto .gridPaisContacto>div img {
        width: 50px;
    }

    #contact .wrapContacto .formContacto h2 {
        font-size: 1.2em;
        margin: 20px 0 30px;
    }

    #contact .wrapContacto .gridPaisContacto>div.numPais {
        font-size: 1em;
    }

    .wrapMarca .headerMarca .headerMobile {
        display: block;
    }

    .wrapMarca .headerMarca .headerDesktop, #way_we_work .headerWayWeWork img {
        display: none;
    }

    #way_we_work .headerWayWeWork .tituloWayWeWork {
        display: block;
        padding: 30px 6%;
    }

    #contact .wrapContacto .gridPaisContacto div.numPais:nth-child(3n+1) {
        border-right: 1px solid;
    }

    #contact .wrapContacto .gridPaisContacto div.numPais:nth-child(2n+1) {
        border-right: 1px !important;
    }

    #contact .wrapContacto .gridPaisContacto div.numPais:nth-child(2n+2) {
        padding: 15px 5px 15px 0px;
    }

    #contact .wrapContacto .gridPaisContacto div.numPais:nth-child(9), #contact .wrapContacto .gridPaisContacto div.numPais:nth-child(8) {
        border-bottom: 1px solid !important;
    }

    .wrapContacto, #strategic_partners .gridMarcas {
        flex-direction: column !important;
    }

    .navbar-brand {
        margin-left: calc(50% - 45px);
    }

    .acercaDe_titulo p, .wrapVisionMision>div p, .itemListaValores, .strValores p, .tituloHeaderHistoria p, .listHistoria>div .historyCont p, .wrapTimelineHistoria>p, .tituloHeaderMundo p, .tituloHeaderMundo ul, .tituloHeaderAdnCbc p, .cont_adn p, .tituloHeaderGobCorp p, .contGobCorp, .colEtica p, .gripdPoliticasGlobales>div, .textoDerechosHumanos, .contMsjPresidente, div#valores h1, .strategyHead p, .strategyCont, .gridNoticias div a, #sustainability_report .contSustainabilityReport {
        font-size: 1.3em;
    }

    .strValores p {
        padding-left: 10px;
    }

    .colPaises b {
        font-size: 1em;
    }

    div#vision_mision {
        padding: 20px 0;
    }

    .navbar-expand-md .collapse:not(.show) {
        display: none !important;
    }

    .navbar-expand-md .navbar-toggler {
        display: block !important;
        position: absolute;
        top: 12px;
    }

    .navbar-light .navbar-toggler {
        color: #fff !important;
        border: 0;
        margin: -3px 0 0 20px;
    }

    .navbar-brand img {
        height: 33px !important;
        margin: 3px 0;
    }

    .navbar-light .navbar-toggler span {
        height: 20px;
        background-position: top;
        margin: -5px 0 0;
    }

    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        margin: 10px auto 30px;
        width: 100% !important;
    }

    .navbar>.container-fluid {
        flex-flow: row wrap !important;
    }

    #navbar {
        flex: 0 0 100%;
        flex-flow: column;
        display: flex;
        flex-flow: row-reverse wrap-reverse;
        position: relative;
        padding: 0 35px;
        background: var(--gris);
        position: relative;
    }

    #navbar:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #fff;
        top: 0;
        left: 27px;
    }

    form.search-form input.form-control {
        border-radius: 20px 0px 0px 20px;
        border: 1px solid #fff;
        display: none;
    }

    form.search-form div button {
        background: transparent;
        border-radius: 0 20px 20px 0;
        border: 0;
    }

    nav#header {
        padding: 0;
    }

    #header .search-form {
        max-width: 250px !important;
        margin: 0 0;
        /* display: none; */
        min-width: 0 !important;
    }

    .languaje {
        position: absolute;
        top: 10px;
        right: 70px;
    }

    .section1 .columna1, .section1 .columna2, .section4 .columna2 .sectionCard, .section5 .columna3 .sectionCard, .section5 .columna2, .section5 .columna1, .section2 .columna1, .section2 .columna2, .section3 .columna1, .section3 .columna2 {
        width: 48%;
    }

    #contact .wrapContacto .gridPaisContacto>div.numPais {
        width: 50%;
    }

    .section1 .columna2>.sectionCard, .section1 .columna3, .section4 .columna1, .section4 .columna2, .section5 .columna3, .section2 .columna1 .sectionCard, .section3 .columna1 .sectionCard, .section3 .columna2 .sectionCard, #strategic_partners .gridMarcas .marca, #contact .wrapContacto .gridPaisContacto, #contact .wrapContacto .formContacto, #way_we_work .headerWayWeWork .tituloWayWeWork {
        width: 100% !important;
    }

    #contact .wrapContacto .formContacto {
        padding: 15px
    }

    #contact .wrapContacto .formContacto .wpcf7 form p input[type="submit"] {
        width: auto;
        padding: 15px 30px;
        height: auto;
        font-size: 1.1em;
    }

    #way_we_work .headerWayWeWork .tituloWayWeWork h1, #way_we_work .headerWayWeWork .tituloWayWeWork span {
        margin: 0;
        margin: 0 auto;
        display: inline;
        line-height: 1.3;
    }

    .gridMarcas .marca img {
        max-height: 30vh;
    }

    .section6 .columna1 .sectionCard {
        width: 30%;
        flex: 0 0 30%;
    }

    .section5 .columna3, .section4 .columna2 {
        flex-flow: row wrap;
        margin: 30px 0;
    }

    .section6 .columna1 {
        gap: 30px 0px;
    }

    .languaje nav ul li a {
        width: 25px;
        height: 25px;
        font-size: 0.9em;
        background: transparent;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 0.7em;
    }

    .pais img {
        max-width: 35px;
    }

    .acercaDe_titulo p {
        width: 85%;
        margin: 30px 0;
    }

    div#cbc_en_el_mundo, .wrapHeaderMundo {
        margin: 0;
        padding: 0 0 40px;
    }

    .strategyHead {
        flex-direction: column;
    }

    .strategyHead p {
        width: 100%;
        padding: 40px 7.5%;
    }

    .strategyHead iframe, .strategyHead .videoMask {
        min-height: auto;
        width: 100%;
    }

    #way_we_work .contWayWeWork, .strategyCont {
        column-count: 1;
    }

    #way_we_work .contWayWeWork {
        padding: 15px 6%;
        line-height: 1.3;
    }

    #esg_projects .gridVideos .video {
        width: 100%;
        height: auto;
        margin: 0 0 -6px;
    }

    #goals_progress .gridProgress {
        justify-content: space-between;
    }

    #goals_progress .gridProgress>div {
        width: 50%;
        border-bottom: 1px solid;
        margin: 0;
    }

    #goals_progress .gridProgress>div:nth-child(even) {
        border-right: 0;
    }

    #goals_progress .gridProgress>div:last-child {
        border-right: 1px solid;
        border-bottom: 0;
    }

    .gridNoticias div {
        width: 100%;
        display: flex;
    }

    #sustainability_report h2 {
        width: auto;
    }

    #sustainability_report {
        padding: 50px 0
    }

    #sustainability_report .contSustainabilityReport p {
        padding: 0 7.5% !important;
        /* left: 10% !important; */
        top: 30% !important;
        background-size: 100% !important;
    }

    #sustainability_report h2 {
        width: 85%;
        max-width: 90%;
        margin: 0 auto 20px;
        font-size: 1.3em;
    }

    .titleNews {
        flex-flow: column;
        align-items: flex-start;
    }

    .titleNews h2 {
        margin: 50px 0 10px 7.5%;
        font-size: 1.3em;
    }

    .titleNews span {
        display: block;
        padding: 0 0 30px 6.5%;
        font-size: 1em;
    }

    #esg_projects h2, #goals_progress h2 {
        font-size: 1.25em;
        display: table;
        max-width: 70%;
    }

    .formContacto {
        margin: 30px 0;
    }

    .single-post #main article {
        width: 100%;
    }

    .navbar>.container-fluid {
        padding: 0;
        width: 100%;
    }

    div#acerca_de img:last-child {
        display: block !important;
    }

    div#acerca_de img {
        display: none;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 1em !important;
    }

    div#acerca_de, .wrapVisionMision, .listaValore {
        flex-flow: column;
    }

    .acercaDe_titulo, div#acerca_de img, .wrapVisionMision>div, .itemListaValores, .tituloHeaderHistoria, .wrapHeaderHistoria img, .listHistoria>div img, .listHistoria>div .historyCont, .wrapTimelineHistoria, .wrapHeaderMundo>img, .tituloHeaderMundo, .tituloHeaderAdnCbc, .wrapHeaderAdnCbc img, .wrapHeaderGobCorp img, .tituloHeaderGobCorp, .colEtica, .gripdPoliticasGlobales>div, .wrapPoliticasGlobales, .gridPDF {
        width: 100%;
    }

    .listHistoria>div img {
        margin: 20px auto;
    }

    .itemListaValores {
        padding-left: 10px;
    }

    div#valores, .wrapVisionMision>div p, .wrapVisionMision .mision p, .listHistoria>div .historyCont p, div#carta_presidente {
        padding: 0;
    }

    .wrapVisionMision>div:first-child {
        border: 0px;
    }

    div#valores h1 {
        margin: 40px 7.5% 30px;
    }

    .listaValore, .listHistoria, .tituloHeaderMundo p, .tituloHeaderMundo ul {
        padding: 0 7.5%;
    }

    .tituloHeaderMundo p {
        padding-top: 20px;
    }

    .strValores {
        padding: 20px 7.5%;
    }

    .tituloHeaderAdnCbc p {
        padding: 20px 7.5% 0;
        margin: 0;
    }

    .wrapHeaderHistoria, .wrapHeaderMundo, .wrapHeaderAdnCbc, .wrapHeaderGobCorp {
        flex-flow: column-reverse;
    }

    .wrapHeaderAdnCbc {
        margin: 0 0 30px;
    }

    .tituloHeaderHistoria p, .tituloHeaderMundo ul, .tituloHeaderGobCorp p {
        width: 85%;
        margin: 30px auto 0;
    }

    .tituloHeaderMundo ul, .tituloHeaderGobCorp p br {
        display: none;
    }

    .listHistoria>div, .adn:nth-child(even), .adn, .wrapHeaderEtica {
        flex-direction: column;
    }

    .adn img {
        width: 85%;
        object-fit: cover;
        margin: 0 auto 30px;
        height: 170px;
        object-position: top;
    }

    .cont_adn p {
        width: 85%;
    }

    .listHistoria>div .historyCont p {
        margin: 15px 0;
    }

    .gripdPoliticasGlobales>div:nth-child(even), #nuestra_historia, #adn_cbc, #etica {
        background: var(--gris);
    }

    .derechosHumanos>img {
        width: 85%;
        margin: 4vh auto;
        object-fit: cover;
        display: block;
    }

    .derechosHumanos h2 {
        display: table;
        padding: 3px 9px;
        margin: 0 auto 20px;
        width: 85%;
        font-size: 1.5em;
    }

    .textoDerechosHumanos {
        column-count: 1;
        padding: 0 5%;
        margin-bottom: -20px;
    }

    .contMsjPresidente {
        column-count: 1;
    }

    .headerCartaPresidente p, .headerCartaPresidente p.nombrePresidente {
        position: relative;
    }

    .headerCartaPresidente p {
        left: 0;
        margin: 30px 7.5% 0;
        font-size: 1.2em;
        display: flex;
        flex-flow: row wrap;
        width: 300px;
    }

    .headerCartaPresidente p.nombrePresidente {
        font-size: 1em;
        margin: 0 7.5% 20px;
    }

    .headerCartaPresidente {
        margin: 0px 0 0 0;
        padding: 30px 0 0;
    }

    .wrapTimelineHistoria>p {
        background: #fff;
        padding: 7% 7.5%;
        margin: 0px 0;
    }

    .colPaises {
        width: 50%;
    }

    .colPaises:nth-child(1), .colPaises:nth-child(2) {
        border-bottom: 1px solid;
    }

    .colPaises:nth-child(3) {
        border-left: 0px;
    }

    .cont_adn p, .tituloHeaderGobCorp p, .contGobCorp, .colEtica p, .textoDerechosHumanos, .contMsjPresidente {
        line-height: 1.5;
    }

    .wrapHeaderEtica {
        padding: 0 0 10px;
    }

    .tituloPoliticasGlobales {
        background: #fff;
        padding: 20px 7.5%;
    }

    .gripdPoliticasGlobales {
        background: #fff;
        padding: 0 7.5% 9vh;
    }

    .single-post #main article .entry-title {
        max-width: 85%;
        margin: 10px auto;
    }

    /*Nuevos cambios*/
    #investors_header .investorsHead {
        height: 350px;
    }

    #investors_header .videoMask {
        min-height: 350px;
        display: flex;
    }

    .bottlingCorpContent {
        column-count: 1;
    }

    .leftSideContetRegionalFootprint {
        font-size: 0.6em;
        width: 100%;
        max-width: 200px;
    }

    ul.listaPaisesPresenceOutside li img {
        width: 40px;
        margin: 10px 0 10px;
    }

    .gridOperationalHighlights {
        font-size: 1em;
    }

    .gridOperationalHighlights .operationalHighlightsItem img {
        width: 100%;
    }

    .financialHighlights table {
        font-size: 1em;
    }

    .financialHighlights h2 {
        font-size: 1.6em;
        margin: 28px 0 30px;
    }

    .highlightsWrap {
        justify-content: space-around;
        flex-flow: column;
    }

    .financialHighlights, .operationalHighlights {
        width: 100%;
        margin: 0 0 20px;
    }

    .cajaAzul p span {
        font-size: 1em;
    }

    .investmentHighlightsWrap .investmentGrid {
        font-size: 0.9em;
        flex-flow: column;
    }

    .investmentHighlightsWrap .investmentGrid .investment {
        width: 100%;
    }

    .investorsBrandsGrid {
        font-size: 0.7em;
        flex-direction: column;
    }

    .wrapPieChart div b {
        font-size: 1em;
    }

    .annualReportCont {
        font-size: 0.9em;
        width: 100%;
    }

    .members {
        align-items: center;
        flex-direction: column;
        align-items: center;
    }

    .memberData {
        width: 100px;
        height: 100px;
    }

    .memberData p {
    margin: 0;
    background: var(--amarillo);
    color: var(--azul-oscuro);
    border-radius: 50%;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

    .memberData p b {
        font-size: 3em;
        height: 30px;
        line-height: 1;
    }

    .memberData p span {
        font-size: 0.6em;
    }

    .director {
        width: 40px;
    }

    .gridDirectors .director {
        width: 26%;
        flex-flow: column;
        align-items: center;
    }

    div#a_better_future {
        font-size: 0.9em;
    }
}

@media (max-width: 541px) {
     #sustainability_report .contSustainabilityReport .pdfSustainabilityReport a p {
        width: 320px;
        font-size: 1em;
        margin: 20px auto 0;
        display: block;
        left: 14%;
    }
     .gridOperationalHighlights .operationalHighlightsItem p {
        line-height: 1;
        padding: 0 0px 0 5px;
        font-size: 1em;
        margin: 0;
         bottom: 20px;
        font-weight: 400
    }
    .wrapPieChart div p {
        font-weight: 400;
        font-size: 0.6em;
        text-align: center;
    }
    .wrapPieChart div p i {
    }
    div#a_better_future>a {
        position: relative;
        border: 1px solid;
        left: calc(50% - 180px);
        text-align: center;
        font-size: 1.3em;
        padding: 10px 0px;
        font-weight: 200;
        color: #fff;
        background: var(--azul);
        border-color: var(--azul);
        padding: 10px;
    }

    #investors_header .investorsHead {
        height: auto;
    }

    .circuloAzul p {
        font-size: 0.8em;
    }

    .circuloAzul {
        width: 90px;
        height: 90px;
        background: var(--azul);
        color: #fff;
        text-align: center;
        border-radius: 50%;
        display: flex;
        line-height: 1;
        align-items: center;
        margin: 20px 0;
    }

    .gridOperationalHighlights .operationalHighlightsItem {
        margin: 0 0 10px;
    }

    .gridOperationalHighlights .operationalHighlightsItem img {
    }

    ul.listaPaisesPresenceOutside li p {
        font-size: 1em!important;
    }

    body #wrapper {
        overflow: hidden;
    }

    #header_cultura .tituloHeaderCultura p span {
        font-size: 1.1em;
    }

    .wrapMarca .contMarca .footerActions a {
        font-size: 1.6em;
    }

    .dialogAmbev {
        width: 300px;
        left: calc(50% - 150px);
    }

    .footer-menu ul.menu.nav>li {
        flex: 0 0 30%;
        max-width: 30%;
        margin: 0 0 10px;
        font-size: 0.6em;
        position: relative;
    }

    .footer-menu ul li .dropdown-menu {
        font-size: 1.5em;
        width: 100%;
        min-width: auto;
    }

    .footer-menu ul.menu.nav>li.menu-item-has-children>a {
        font-size: 1em;
    }

    .wrapContentMobileHome:nth-child(1) .mobileHomeCont {
        top: 50px;
        left: 30px;
    }

    .wrapContentMobileHome:nth-child(2) .mobileHomeCont {
        bottom: 50px;
        left: 30px;
    }

    .wrapContentMobileHome:nth-child(3) .mobileHomeCont {
        bottom: 60px;
        left: 30px;
    }

    .wrapContentMobileHome:nth-child(4) .mobileHomeCont {
        bottom: 50px;
        right: 30px;
        text-align: right;
    }

    .wrapContentMobileHome:nth-child(5) .mobileHomeCont {
        top: 50px;
        right: 30px;
        text-align: right;
    }

    .wrapContentMobileHome:nth-child(6) .mobileHomeCont {
        top: 50px;
        left: 30px;
    }

    .wrapContentMobileHome:nth-child(6) .mobileHomeCont p {
        width: 200px;
    }

    .wrapContentMobileHome:nth-child(7) .mobileHomeCont {
    right: 30px;
    top: 50%;
    text-align: right;
    }

    .wrapContentMobileHome .mobileHomeCont p {
        font-size: 1.5em;
        max-width: 243px;
    }

    .wrapContentMobileHome .mobileHomeCont a {
        font-size: 1.1em;
    }

    #tab_carreer_oportunities .tabContent .oportunity img {
        height: auto;
    }

    .wrapTabCarrer_oportunities {
        height: auto;
    }
}

@media (max-width: 450px) {
    .section1 .columna1, .section1 .columna2, .section4 .columna2 .sectionCard, .section5 .columna3 .sectionCard, .section5 .columna2, .section5 .columna1, .section2 .columna1, .section2 .columna2, .section3 .columna1, .section3 .columna2, .section4 .columna1 .sectionCard, .section6 .columna1 .sectionCard {
        width: 100% !important;
        flex: 0 0 100%;
    }

    .section3 .columna1, .section1 .columna1, .section5 .columna1 {
        margin: 0 0 30px;
    }

    .section2 .columna2 {
        margin: 30px 0 0;
    }

    .sliderCont {
        top: 16%;
        max-width: 60%;
    }

    .sliderCont p {
        font-size: 1.1em;
    }

    .sliderCont a:hover, .sliderCont a {
        font-size: 1em;
    }

    .homeSlider .slick-slide img {
        object-position: 56% 0;
    }

    #tab_carreer_oportunities .tabContent .oportunity img {
        height: auto;
    }

    .wrapTabCarrer_oportunities {
        height: auto;
    }
}

@media(max-width: 375px) {
    .single .addtoany_content {
        flex-flow: column;
        height: 100px;
        justify-content: space-between;
        align-items: flex-start;
    }

    #tab_carreer_oportunities .tabContent .oportunity img {
        height: auto;
    }

    .wrapTabCarrer_oportunities {
        height: auto;
    }
}

@media(max-width: 335px) {
    body #wrapper {
        overflow: hidden;
    }
}

.leadership{
    background-color: #feca29;
    width: 200px;
}
div#a_better_future>a{
    width: 500px;
    height: 61px;
    display: inline-block;
    left: calc(50% - 250px);
    background-size: 498px;
    background-repeat: no-repeat;
}

.pieChartByCountry::before{
    content: 'NET SALES BY COUNTRY';
    width: auto;
    height: 50px;
    position: absolute;
    top: 25px;
    background-color: #f7f7f7;
    left: calc(50% - 125px);
    font-size: 1.5em;
    font-weight: normal;
}
.pieChartByCategory::before{
    content: 'NET SALES BY CATEGORY';
    width: auto;
    height: 50px;
    position: absolute;
    top: 25px;
    background-color: #f7f7f7;
    left: calc(50% - 125px);
    font-size: 1.5em;
    font-weight: normal;
}
@media screen and (max-width: 640px) {
    .pieChartByCountry::before{
        font-size: 1.2em;
        top: 10px;
        left: calc(50% - 107px);
        height: 30px;
    }
    .pieChartByCategory::before{
        font-size: 1.2em;
        top: 10px;
        left: calc(50% - 107px);
        height: 30px;
    }
    .operationalHighlightsItem p{
        font-size: 0.8em !important;
    }
    .annualReportCont span {
        font-size: 1.5em !important;
    }
    .questionController a{
        margin: 20px auto 0;
    }
    .leadership{
        width: 143px;
    }
    .alreadyInvestor span{
        font-size: 1em;
    }
    div#a_better_future>a{
        width: 310px;
        height: 42px;
        display: inline-block;
        left: calc(50% - 155px);
        background-size: 310px 40px !important;
        background-repeat: no-repeat !important;
        background: url(assets/img/pdf_mejor_futuro.png);
        color: transparent;
    }
    .docsWrap h2 {
        font-size: 1.3em;
        margin: 50px 0 0;
    }
    .circuloAzul p b{
        font-size: 1.2em !important; 
    }
    .bottlingCorpContent p:nth-of-type(6){
        margin-bottom: 2.8rem;
    }
    .distribution_transport .circuloAzul:nth-of-type(1){
        margin-bottom: 10px;
    }
	.single-post #main article .entry-content figure{
		height: 650px;
	}
}

.alreadyInvestor span a{
    text-decoration: underline;
    font-weight: normal;
    color: #333;
}

.wrapImgDocs img {
    width: 100%;
    object-fit: cover;
    height: 123%;
    position: relative;
    z-index: -1;
}

@media (max-width: 1365px){
	.single-post #main article .entry-content figure{
		height: 650px;
	}
}