/*Stylesheet settings*/
@font-face {
    font-family: Circular;
    src: url("../fonts/CircularStd-Medium.otf") format("otf");
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    width: 100%;
    font-family: Roboto, sans-serif;
}

/*General Styles*/

.container {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    scroll-behavior: smooth;
    overflow: hidden;
}

.row {
    width: 100%;
}

.rowContainer,
.rowContainer>.row {
    padding: 0px;
}

.mensaje-desktop>h2 {
    font-size: 24px;
}

.col-100 {
    width: 100%;
    padding: 0 15px;
}

.t-center {
    text-align: center;
}

.pd-15 {
    padding: 15px;
}

.contenedor {
    padding: 10px;
    font-family: Circular, sans-serif;
    margin: 0 0 10px;
}

.t-size-48 {
    font-size: 48px;
}

.t-size-22 {
    font-size: 22px;
}

.content {
    max-width: 1170px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.max-width {
    width: 100%;
}

.t-simple {
    color: #5b5b5b;
    font-size: 16px;
    line-height: 23px;
    /* font-family: Roboto, sans-serif; */
    font-family: Circular, sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: 0.35px;
}

.t-simple.bold {
    font-weight: 700;
}

.subtitle {
    color: #333;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 16px;
}

.mensaje-desktop {
    display: none;
}

.hidden-text-control {
    display: none;
}

label.hidden-text-label {
    cursor: pointer;
}

label.hidden-text-label::before {
    color: #255ba2;
    text-decoration: underline;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 400;
}
label.hidden-text-label.ES::before {
    content: "Leer más";
}
label.hidden-text-label.EN::before {
    content: "Read more";
}

#principal,
#historia,
#valores {
    scroll-margin-top: 90px;
}

#cumplimiento,
#politicas {
    scroll-margin-top: 40px;
}

#principal-hidden-text-control:checked~.mensaje-movil .hidden-text-label.ES::before,
#principal-hidden-text-control2:checked~.mensaje-movil .hidden-text-label.ES::before,
#historia-hidden-text-control:checked~.mensaje-movil .hidden-text-label.ES::before,
#historia-hidden-text-control2:checked~.mensaje-movil .hidden-text-label.ES::before,
#cumplimiento-hidden-text-control:checked~.hidden-text-label.ES::before,
#cumplimiento-hidden-text-control2:checked~.hidden-text-label.ES::before {
    content: "Leer menos";
}

#principal-hidden-text-control:checked~.mensaje-movil .hidden-text-label.EN::before,
#principal-hidden-text-control2:checked~.mensaje-movil .hidden-text-label.EN::before,
#historia-hidden-text-control:checked~.mensaje-movil .hidden-text-label.EN::before,
#historia-hidden-text-control2:checked~.mensaje-movil .hidden-text-label.EN::before,
#cumplimiento-hidden-text-control:checked~.hidden-text-label.EN::before,
#cumplimiento-hidden-text-control2:checked~.hidden-text-label.EN::before {
    content: "Read less";
}

.hidden-text-content {
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
    overflow: hidden;
}

#principal-hidden-text-control:checked~.mensaje-movil .hidden-text-content,
#principal-hidden-text-control2:checked~.mensaje-movil .hidden-text-content,
#historia-hidden-text-control:checked~.mensaje-movil .hidden-text-content,
#historia-hidden-text-control2:checked~.mensaje-movil .hidden-text-content,
#cumplimiento-hidden-text-control:checked~.hidden-text-content,
#cumplimiento-hidden-text-control2:checked~.hidden-text-content {
    max-height: 1000px;
    transition: max-height 0.5s ease-in-out;
}

.no-padding {
    padding: 0;
}

.show-desk {
    display: none;
}

.va-top {
    vertical-align: top;
}

/*Special*/
#header {
    display: none;
}

#header2 {
    height: 60px;
}

#header2 .content {
    position: fixed;
    padding: 10px;
    background: #1C42E8;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 13%), 0 -0.5px 0 0 rgb(0 0 0 / 50%);
    width: 100%;
    z-index: 9999;
    max-height: 60px;
}

.img-container img {
    width: 100%;
}

.main-menu {
    position: fixed;
    left: calc(100% + 20px);
    background: white;
    z-index: 2;
    top: 59px;
    height: calc(100vh - 60px);
    transition: left 0.5s ease-in-out;
    display: block;
    width: 100%;
}

.menu-desktop {
    display: none;
}

.main-menu li {
    display: block;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    line-height: 50px;
    border-right: 0;
    padding: 0 15px;
}

.main-menu a {
    height: 58px;
    font-size: 20px;
    color: #5b5b5b;
    display: block;
    padding: 0 20px;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-weight: 300;
    text-align: center;
    line-height: 58px;
    border-bottom: 1px solid #e1e1e1;
    font-family: Circular, sans-serif;
}

.main-menu li:first-child a {
    padding: 0;
}

.main-menu li a.linea-etica {
    background: #e1f3ff;
    margin: 50px 0 20px 0;
    color: #006fb9;
    height: 60px;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

.linea-etica span {
    font-weight: bold;
}

svg.svg-inline--fa.fa-headset.fa-w-16.fa-3x {
    width: 25px;
    margin: 6px;
}

.logo {
    width: 50%;
}

.boton-menu {
    /* width: 50%; */
    display: block;
    height: 40px;
    margin-left: auto;
}

.boton-container {
    position: relative;
    top: 9px;
    /* left: 80%; */
    transition: all 0.5s linear;
}

.logo img {
    width: 160px;
}

#menu-control {
    display: none;
}

.icon-menu {
    background: #0063ae;
    width: 24px;
    height: 3px;
    display: block;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.icon-menu::before {
    background: #0063ae;
    width: 24px;
    height: 3px;
    display: block;
    position: absolute;
    content: "";
    top: 10px;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.icon-menu::after {
    background: #0063ae;
    width: 24px;
    height: 3px;
    display: block;
    position: absolute;
    content: "";
    top: 20px;
    left: 0;
    transition: all 0.5s ease-in-out;
}

#menu-control:checked~.content .icon-menu {
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}

#menu-control:checked~.content .icon-menu::before {
    top: 0;
    transition: all 0.2s ease-in-out;
}

#menu-control:checked~.content .icon-menu::after {
    transform: rotate(90deg);
    top: 0;
    transition: all 0.2s ease-in-out;
}

#menu-control:checked~.content .boton-container {
    top: 20px;
    transform: all 0.5 linear;
}

#menu-control:checked+.content+.menu-container .main-menu {
    left: 0;
    transition: left 0.5s ease-in-out;
}

#principal {
    margin: 32px 0 64px;
    font-family: Circular, sans-serif;
}

#fundacion {
    background: #056cba;
    color: #fff;
}

#fundacion .counter {
    margin: 17px;
}

#fundacion .texto-grande {
    margin-bottom: 10px;
}

#historia {
    margin-top: 65px;
    margin-bottom: 43px;
}

#integridad {
    background: #dfebf4;
}

#integridad .img-container {
    text-align: center;
}

#integridad .empresarial {
    max-width: 470px;
    margin: auto;
}

#integridad img {
    max-width: 556px;
    position: relative;
    width: 100%;
    padding: 0 15px;
    top: -32px;
}

.integridad .subtitle {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 29px;
    color: #111;
}

.integridad .t-simple {
    font-weight: 500;
}

.cuadro-azul {
    background-color: #056cba;
    color: #fff;
    border-right: 8px solid #043e68;
    padding: 32px 10px 32px 16px;
}

#integridad .empresarial .cuadro-azul.margin {
    margin: 0 -10px 16px -10px;
}

.cuadro-azul-subtitle {
    font-size: 22px;
    margin: 0 0 8px 0;
}

.cuadro-azul-text {
    font-size: 16px;
    color: #fff;
    margin: 0;
}

#valores .subtitle {
    margin-top: 32px;
    font-size: 31px;
    line-height: 1;
    font-family: Circular, sans-serif;
}

#valores .max-width {
    padding: 0 15px;
}

.accordion {
    list-style: none;
}

.ac-control {
    display: none;
}

.ac-label {
    display: flex;
    align-items: center;
    background-color: #dfebf4;
    border-radius: 0;
    color: #111111;
    font-size: 22px;
    font-family: Circular, sans-serif;
    padding: 5px 15px 5px 0;
}

.ac-icon {
    width: 48px;
}

.accordion-item {
    background: #dfebf4;
}

.ac-label-title {
    width: calc(80% - 20px);
    padding: 0 10px;
}

#valores svg.flotante {
    transition: transform 0.5s linear;
}

#valores svg.flotante path {
    fill: #056cba;
}

.ac-body {
    color: #111111;
    display: flex;
    align-items: center;
    border: none;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    /* border: 3px solid #056cba; */
    /* animation: accordion-collapse 0.5s ease-in-out both; */
    animation: accordion-collapse;
}

.ac-control:checked~.ac-head~.ac-body {
    background-color: #056cba;
    color: #fff;
}

.ac-control:checked~.ac-head .ac-label {
    background-color: #056cba;
    color: #fff;
}

.ac-control:checked~.ac-head .ac-label .ac-icon {
    display: none;
}

#valores #ac-control-1:checked~.ac-head .ac-label svg.flotante,
#valores #ac-control-2:checked~.ac-head .ac-label svg.flotante,
#valores #ac-control-3:checked~.ac-head .ac-label svg.flotante,
#valores #ac-control-4:checked~.ac-head .ac-label svg.flotante,
#valores #ac-control-5:checked~.ac-head .ac-label svg.flotante {
    transform: rotate(180deg);
    transition: transform 0.2s linear;
}

#valores #ac-control-1:checked~.ac-head .ac-label svg.flotante path,
#valores #ac-control-2:checked~.ac-head .ac-label svg.flotante path,
#valores #ac-control-3:checked~.ac-head .ac-label svg.flotante path,
#valores #ac-control-4:checked~.ac-head .ac-label svg.flotante path,
#valores #ac-control-5:checked~.ac-head .ac-label svg.flotante path {
    fill: #fff;
}

.ac-content {
    background: #fff;
    color: #5b5b5b;
    font-size: 16px;
    font-family: Circular, sans-serif;
    margin: 0;
    padding: 25px;
    border: 3px solid #056cba;
}

#ac-control-1:checked~.ac-head~.ac-body,
#ac-control-2:checked~.ac-head~.ac-body,
#ac-control-3:checked~.ac-head~.ac-body,
#ac-control-4:checked~.ac-head~.ac-body,
#ac-control-5:checked~.ac-head~.ac-body {
    max-height: 1000px;
    border: 3px solid #056cba;
    /* animation: accordion-expand 0.5s ease-in-out both; */
    animation: accordion-expand;
}

#ac-control-1:checked~.ac-head .ac-label::before {
    content: url("../images/ConfianzaSelect3.svg");
    margin-right: 8px;
    height: 48px;
}

#ac-control-2:checked~.ac-head .ac-label::before {
    content: url("../images/ResponsabilidadSelect2.svg");
    margin-right: 8px;
    height: 48px;
}

#ac-control-3:checked~.ac-head .ac-label::before {
    content: url("../images/AtencionSelect2.svg");
    margin-right: 8px;
    height: 48px;
}

#ac-control-4:checked~.ac-head .ac-label::before {
    content: url("../images/EficienciaSelect2.svg");
    margin-right: 8px;
    height: 48px;
}

#ac-control-5:checked~.ac-head .ac-label::before {
    content: url("../images/InnovacionSelect2.svg");
    margin-right: 8px;
    height: 48px;
}

#cumplimiento {
    background: #006cba;
    padding-bottom: 52px;
}

#cumplimiento .max-width {
    max-width: 840px;
    margin: 0 auto;
}

#cumplimiento .logo {
    width: calc(100% - 5px);
    padding: 5px;
    text-align: center;
}

#cumplimiento .logo img {
    width: 290px;
    margin: 32px 0;
}

#cumplimiento .max-width .mensaje {
    margin-bottom: 32px;
}

#cumplimiento2 {
    padding-top: 15px;
}

#cumplimiento2 .t-simple {
    padding: 0 15px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

#cumplimiento .owl-carousel .card .subtitle {
    color: #111111;
    font-size: 22px;
    font-family: Circular, sans-serif;
    text-align: center;
    min-height: 100px;
    display: flex;
    align-items: center;
    padding: 20px 0 10px;
    margin: 0 0 20px;
}

#cumplimiento .owl-carousel .card .cuerpo .texto {
    margin: 0;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #5b5b5b;
}

#cumplimiento .owl-carousel .card .cuerpo::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 4px;
}

#cumplimiento .owl-carousel .card .cuerpo::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

#cumplimiento .owl-carousel .card .cuerpo::-webkit-scrollbar-thumb {
    background-color: #bebebe;
}

.owl-carousel .owl-nav {
    position: relative;
    top: -269px;
    display: flex;
    justify-content: space-between;
}

.owl-carousel .owl-nav .owl-prev {
    background: #fff !important;
    height: 48px;
    width: 48px;
    border-radius: 25px;
    position: relative;
    left: -29px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel .owl-nav .owl-next {
    background: #fff !important;
    height: 48px;
    width: 48px;
    border-radius: 25px;
    position: relative;
    left: 29px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel .owl-nav span {
    font-size: 39px;
    line-height: 44px;
    height: 48px;
}

.owl-carousel .owl-dots {
    text-align: center;
    position: relative;
    top: -55px;
    margin-top: 0;
}

.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background: #869791;
}

.cumplimiento-text {
    color: #fff;
    padding: 0 15px;
    font-weight: 600;
}

.cumplimiento-hidden-text-label {
    padding: 0 15px;
}

label.cumplimiento-hidden-text-label:before {
    color: #fff;
}

#cumplimiento label.hidden-text-label::before {
    font-weight: 600;
}

.card {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 505px;
    padding: 44px 32px 32px 32px;
}

.card img {
    height: 65px;
}

.owl-item {
    padding: 15px;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    display: flex;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

#cumplimiento .owl-carousel {
    height: 516px;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

#cumplimiento .owl-carousel .card .cuerpo {
    overflow: auto;
}

#politicas {
    padding: 64px 0;
}

#politicas .card-header,
#politicas .card-header .collapsed {
    font-size: 22px;
    color: #111;
    font-family: Circular, sans-serif;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #ffe143;
    text-decoration: none;
    line-height: 1;
}

#politicas .collapsed .img {
    width: 48px;
}

#politicas img.hombre {
    width: 100%;
    max-width: 373px;
    display: none;
}

#politicas .escritorio {
    display: none;
}

#politicas .addon-yellow,
#politicas .addon-blue {
    font-weight: 700;
}

.card-control {
    display: none;
}

#politicascollapse2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-in-out;
}

#card-control-1:checked~#politicascollapse2 {
    max-height: 1000px;
    transition: max-height 1s ease-in-out;
}

#politicas .mobile .card-body {
    padding: 20px;
}

#politicas .card-body {
    color: #111111;
    padding: 40px 70px;
    align-items: center;
    border: 3px solid #056cba;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#politicas .card-body .lista {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
}

#politicas .card-body .lista p {
    margin: 17px 0;
    color: #5b5b5b;
    font-size: 16px;
    font-family: Circular, sans-serif;
}

#politicas .card-body .lista .item {
    display: flex;
}

#politicas .card-body .lista .item a {
    width: 48px;
    height: 48px;
}

#politicas .card-body .lista .item svg g {
    pointer-events: none;
}

#politicas .card-body .lista .item svg path {
    fill: #006cba;
}

#canales {
    /*background-color: #dfebf4;*/
    padding: 0px 15px 22px 15px;
    margin-bottom: 64px;
}

#canales .subtitle {
    font-size: 32px;
    margin-bottom: 8px;
    font-family: Circular, sans-serif;
    display: flex;
    align-items: center;
}

#canales .text-simple {
    color: #5b5b5b;
    font-size: 16px;
    margin: 0 0 10px;
}

/* Lenguaje */

body[language="ES"] .EN {
    display: none;
}

body[language="EN"] .ES {
    display: none;
}

body[language="ES"] .ES {
    display: block;
}

body[language="EN"] .EN {
    display: block;
}

p {
    margin: 5px 0;
}

#header2 .switch-lang {
    position: absolute;
    right: 50px;
    top: 15px;
    /* width: 55px; */
}

#header2 .switch-lang .active-lang {
    cursor: pointer;
    /* padding: 5px 7px; */
    border: 1px solid #eee;
    background-color: #fafafa;
}

#header2 .switch-lang .active-lang div {
    display: flex;
}

#header2 .switch-lang .active-lang svg {
    width: 14px;
    margin-right: 3px;
    padding-bottom: 1px;
}

#header2 .switch-lang .active-lang span {
    pointer-events: none;
}

.lang-list {
    display: none;
}

.switch-lang .lang-list ul {
    border: 1px solid #eee;
    border-top: none;
}

.switch-lang .lang-buttons ul li {
    display: inline-block;
    padding: 3px 5px !important;
    transition: 0.1s;
}

#header2 .switch-lang .lang-list ul li {
    list-style: none;
    padding: 5px 7px;
    text-align: center;
    background-color: #fff;
}

#header2 .switch-lang .lang-list ul li:hover {
    background-color: #006cba;
    color: #fff;
}

#header2 .help-line-link {
    line-height: 20px;
}

.toggle-lang-list {
    display: block;
    cursor: pointer;
}

.focus {
    background-color: #ddd;
}

/* Lenguaje end */

#footer {
    background-image: none !important;
    padding: 0 !important;
}

#footerRow1 {
    display: block !important;
}

#footer .ir {
    background-color: #192c39;
    padding: 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#footer .privacidad {
    background-color: #243543;
    padding: 25px 15px 0;
    display: flex;
    justify-content: space-around;
}

#footer a {
    color: #fff;
    text-decoration: underline;
}

#footer .ir svg.flotante {
    transform: rotate(180deg);
    margin-left: 10px;
}

#footer .ir svg.flotante path {
    fill: #fff;
}

#footer .max-width a {
    margin-bottom: 16px;
}

#footer .max-width p {
    margin-bottom: 32px;
    color: #fff;
}

#footer .max-width {
    flex-direction: column;
    align-items: center;
    display: flex;
    text-align: center;
    width: 100%;
}

@keyframes accordion-expand {
    0% {
        max-height: 0;
        border: none;
    }

    10% {}

    100% {
        max-height: 1000px;
    }
}

@keyframes accordion-collapse {
    0% {
        max-height: 1000px;
    }

    90% {}

    100% {
        border: none;
        max-height: 0;
    }
}

/*Acordeon en linea de denuncia*/
.acordion-content {
    margin-bottom: 20px;
}

#canales p {
    margin: 15px 0px;
}

.acordion-content a {
    color: #006cba;
}

.acordion-content ul {
    list-style: inside;
    margin-left: 10px;
}

.acordion-heading {
    display: flex;
    margin: 0;
    padding: 10px 0px;
    color: #000;
    border-bottom: 1px solid #000;
    justify-content: space-between;
    cursor: pointer;
}

.acordion-heading .fa-chevron-down {
    transform: rotate(0deg);
    transition: all 0.2s;
}

.acordion-body {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
}

.acordion-checkbox {
    display: none;
}

.acordion-checkbox:checked+.acordion-heading+.acordion-body {
    max-height: 9999px;
    transition: max-height 1s ease-in;
}

.acordion-checkbox:checked+.acordion-heading .fa-chevron-down {
    transform: rotate(180deg);
}

/*Acordeon en linea de denuncia*/

@media only screen and (min-width: 768px) {
    #header2 .content {
        width: 100%;
    }

    #principal img {
        float: right;
        margin-right: 30px;
        max-width: 370px;
    }

    .w768-50 {
        display: inline-block;
        width: 49%;
    }

    #pincipal .hidden-text-content,
    #historia .hidden-text-content {
        max-height: 1000px;
    }

    #pincipal .hidden-text-label,
    #historia .hidden-text-label {
        display: none;
    }

    #fundacion .counter {
        width: calc(49% - 35px);
        display: inline-block;
        margin: 75px 0;
    }

    #historia img {
        max-width: 648px;
        margin: auto;
        margin-bottom: 36px;
    }

    #integridad img {
        top: 50px;
        padding: 0 20px 0 0;
    }

    #integridad .img-container {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

    #integridad .empresarial {
        width: 49%;
        display: inline-block;
        margin-top: 40px;
    }

    #integridad .empresarial .cuadro-azul {
        padding: 16px 40px 18px 38px;
    }

    #integridad .empresarial .cuadro-azul.margin {
        margin: 38px 0 20px 0;
    }

    #valores .accordion {
        display: none;
    }

    .horizontal-tabs {
        display: block;
        padding: 0 15px;
        margin-bottom: 55px;
    }

    .accordion-tab {
        position: relative;
        list-style: none;
    }

    .ac-head {
        width: 49%;
        display: inline-block;
    }

    #acr-control-1:checked~.ac-head~.ac-body,
    #acr-control-2:checked~.ac-head~.ac-body,
    #acr-control-3:checked~.ac-head~.ac-body,
    #acr-control-4:checked~.ac-head~.ac-body,
    #acr-control-5:checked~.ac-head~.ac-body {
        max-height: 1000px;

        /* animation: accordion-expand 0.5s ease-in-out both; */
        animation: accordion-expand;
    }

    #acr-control-1:checked~.ac-head .ac-label::before {
        content: url("../images/ConfianzaSelect3.svg");
        margin-right: 8px;
        height: 48px;
    }

    #acr-control-2:checked~.ac-head .ac-label::before {
        content: url("../images/ResponsabilidadSelect2.svg");
        margin-right: 8px;
        height: 48px;
    }

    #acr-control-3:checked~.ac-head .ac-label::before {
        content: url("../images/AtencionSelect2.svg");
        margin-right: 8px;
        height: 48px;
    }

    #acr-control-4:checked~.ac-head .ac-label::before {
        content: url("../images/EficienciaSelect2.svg");
        margin-right: 8px;
        height: 48px;
    }

    #acr-control-5:checked~.ac-head .ac-label::before {
        content: url("../images/InnovacionSelect2.svg");
        margin-right: 8px;
        height: 48px;
    }

    .ac-body {
        position: absolute;
        width: 60%;
        right: 0;
        height: 100%;
        top: 0;
    }

    .ac-content {
        height: 100%;
    }

    #cumplimiento .card {
        width: 250px;
    }

    #politicas img.hombre {
        display: block;
        margin: 0 auto;
    }

    #politicas .escritorio {
        display: block;
    }

    #politicas .mobile {
        display: none;
    }

    #politicas .escritorio .card-header {
        height: 100px;
    }

    #politicas .collapse .icono {
        width: 48px;
        margin-right: 15px;
        margin-left: 10px;
    }

    #politicas .addon-blue {
        display: flex;
        align-items: center;
        border-radius: 0;
        font-size: 22px;
        font-family: Circular, sans-serif;
        padding: 5px 40px 5px;
        background-color: #dfebf4;
        color: #111;
        width: 30%;
    }

    #politicas #politicascollapse-control:checked~.card-header .addon-blue {
        background-color: #056cba;
        color: #fff;
    }

    #politicas .addon-yellow {
        width: 70%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    #politicas .escritorio .card-header .collapse {
        display: flex;
        width: 100%;
        height: 100%;
    }

    #politicas .escritorio .card-header a svg.flotante path {
        fill: #056cba;
    }

    #politicas .escritorio #politicascollapse-control:checked~.card-header svg.flotante path {
        fill: #fff;
    }

    #politicas .escritorio .card-header svg.flotante {
        transition: 0.4s;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -ms-transition: 0.4s;
        -o-transition: 0.4s;
        min-width: 24px;
    }

    #politicas .escritorio #politicascollapse-control:checked~.card-header svg.flotante {
        transition: 0.4s;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -ms-transition: 0.4s;
        -o-transition: 0.4s;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        min-width: 24px;
    }

    #politicas .addon-yellow .texto {
        margin: 0;
        font-size: 29px;
        color: #111;
        font-family: Circular, sans-serif;
    }

    #politicascollapse-control {
        display: none;
    }

    #politicascollapse {
        max-height: 0;
        transition: max-height 1s ease-in-out;
        overflow: hidden;
    }

    #politicascollapse-control:checked~.card-header~#politicascollapse {
        max-height: 1000px;
        transition: max-height 1s ease-in-out;
    }
}

@media only screen and (min-width: 1080px) {
    #header2 li {
        padding: 0 10px;
    }

    #header2 {
        display: flex;
        align-items: center;
    }

    #header2 li a {
        text-decoration: none;
        font-size: 16px;
        color: #1f3545;
    }

    .mensaje-desktop {
        display: block;
    }

    .show-desk {
        display: block;
    }

    #header2 .content {
        width: 100%;
        max-width: none;
        z-index: 9999;
    }

    .logo {
        width: auto;
    }

    .boton-menu {
        display: none;
    }

      #banner {
        background-color: #1C42E8;
      }

    #banner .img-container {
        max-width: 1170px;
        margin: 0 auto;
    }

    .menu-container {
        display: none;
    }

    .menu-desktop {
        display: contents;
        list-style: none;
    }

    #header2 .menu-desktop li {
        display: inline;
    }

    #header2 .menu-desktop li:last-child {
        display: inline-block;
    }

    #header2 .menu-desktop li a {
        font-size: 12px;
        color: #ffffff;
        text-decoration: none;
    }

    #header2 .menu-desktop li a:hover {
        color: #ffffff;
        text-decoration: underline;
    }

    #header2 .menu-desktop li a.linea-etica {
        display: flex;
        background-color: #ffffff;
        padding: 0;
        align-items: center;
        color: #006fb9;
        margin-top: -15px;
        font-size: 16px;
        margin-top: 0;
        padding: 8px 15px;
        height: 60px;
    }

    #header2 .menu-desktop li a.linea-etica svg {
        margin-right: 5px;
    }

    #header2 .menu-desktop li a.linea-etica span {
        color: #1C42E8;
    }

    #header2 .menu-desktop li a.linea-etica:hover {
        background-color: #c0e6ff;
        text-decoration: none;
    }

    #banner .img-container img {
        vertical-align: middle;
    }

    #principal {
        margin: 50px auto 0;
        width: 100%;
        max-width: 840px;
        display: block;
    }

    .mensaje-movil {
        display: none;
    }

    #fundacion .contenedor {
        max-width: 1170px;
        margin: 64px auto 0;
    }

    #historia .max-width {
        margin: 0 auto;
    }

    #historia .mensaje-desktop {
        max-width: 840px;
        margin: 0 auto;
    }

    #integridad .contenedor {
        max-width: 1170px;
        margin: 0 auto;
    }

    #integridad img {
        top: 34px;
    }

    #valores {
        max-width: 840px;
        margin: 75px auto 40px auto;
    }

    #politicas {
        max-width: 840px;
        margin: 0 auto;
    }

    #canales .max-width {
        max-width: 840px;
        margin: 0 auto;
    }

    .brVisible {
        display: inherit;
    }

    #header2 .switch-lang {
        right: 5px;
    }
}

@media only screen and (min-width: 1128px) {
    #header2 .menu-desktop li a.linea-etica {
        /* padding: 8px 8px 10px 0px; */
        /* line-height: 60px; */
        margin-top: 0;
        padding: 0 15px;
        text-decoration: none;
    }
}

@media only screen and (min-width: 1200px) {
    .brVisible {
        display: none;
    }

    #header2 .switch-lang {
        right: 15px;
    }

    #header2 .help-line-link br {
        display: none;
    }
}

/* ANIMACIONES */

.animatable {
    /* initially hide animatable objects */
    visibility: hidden;
    /* initially pause animatable objects their animations */
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

/* show objects being animated */
.animated {
    visibility: visible;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -ms-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    60% {
        -webkit-transform: translateX(20px);
    }

    80% {
        -webkit-transform: translateX(-5px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    60% {
        -moz-transform: translateX(20px);
    }

    80% {
        -moz-transform: translateX(-5px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateX(20px);
    }

    80% {
        -o-transform: translateX(-5px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        transform: translateX(20px);
    }

    80% {
        transform: translateX(-5px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    60% {
        -webkit-transform: translateX(-20px);
    }

    80% {
        -webkit-transform: translateX(5px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    60% {
        -moz-transform: translateX(-20px);
    }

    80% {
        -moz-transform: translateX(5px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }

    60% {
        -o-transform: translateX(-20px);
    }

    80% {
        -o-transform: translateX(5px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        transform: translateX(-20px);
    }

    80% {
        transform: translateX(5px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }

    50% {
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.3);
    }

    50% {
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(0.9);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(0.3);
    }

    50% {
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(0.9);
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    50% {
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes moveUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes moveUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes moveUp {
    0% {
        opacity: 1;
        -o-transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes moveUp {
    0% {
        opacity: 1;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeBgColor {
    0% {
        background: none;
    }

    70% {
        background: none;
    }

    100% {
        background: #464646;
    }
}

@-o-keyframes fadeBgColor {
    0% {
        background: none;
    }

    70% {
        background: none;
    }

    100% {
        background: #464646;
    }
}

@keyframes fadeBgColor {
    0% {
        background: none;
    }

    70% {
        background: none;
    }

    100% {
        background: #464646;
    }
}

@keyframes entrada-lenta {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes entrada-lenta-arriba {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes entrada-lenta-derecha {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.animationDelay {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

.animated.animationDelayMed {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

.animated.animationDelayLong {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
}

.animated.fadeBgColor {
    -webkit-animation-name: fadeBgColor;
    -moz-animation-name: fadeBgColor;
    -o-animation-name: fadeBgColor;
    animation-name: fadeBgColor;
}

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

.animated.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

.animated.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animated.moveUp {
    -webkit-animation-name: moveUp;
    -moz-animation-name: moveUp;
    -o-animation-name: moveUp;
    animation-name: moveUp;
}

.animated.entrada-lenta {
    -webkit-animation-name: entrada-lenta;
    -moz-animation-name: entrada-lenta;
    -o-animation-name: entrada-lenta;
    animation-name: entrada-lenta;
}

.animated.entrada-lenta-arriba {
    -webkit-animation-name: entrada-lenta-arriba;
    -moz-animation-name: entrada-lenta-arriba;
    -o-animation-name: entrada-lenta-arriba;
    animation-name: entrada-lenta-arriba;
}

.animated.entrada-lenta-derecha {
    -webkit-animation-name: entrada-lenta-derecha;
    -moz-animation-name: entrada-lenta-derecha;
    -o-animation-name: entrada-lenta-derecha;
    animation-name: entrada-lenta-derecha;
}

.counter {
    text-align: center;
    font-size: 100px;
}