/*====================================================================*/
/*====================================================================*/
/* Hoja de estilos Memoria Digital Codelco 2023                       */
/* Desarrollado por: Agencia PM Digital www.pmdigital.cl              */
/* Contacto: contacto@pmdigital.cl                                    */
/* Respondable: José Luis González Jaque  jlgonzalez@pmdigital.cl     */
/*====================================================================*/
/* Tipografias                                                        */
@font-face {
  font-family: 'Apercu Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/memoria2023/css/fonts/Apercu-Pro-Light.woff') format('woff');
}
@font-face {
  font-family: 'Apercu Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/memoria2023/css/fonts/Apercu-Pro-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Apercu Pro';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/memoria2023/css/fonts/Apercu-Pro-Medium.woff') format('woff');
}
@font-face {
  font-family: 'Apercu Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/memoria2023/css/fonts/Apercu-Pro-Bold.woff') format('woff');
}

/*====================================================================*/
/* Estilos Generales                                                  */
* {
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-decoration:none;
    border:0;
    outline:0;
    }
body {
    display: none;
}
a { color: #000;
    cursor: pointer !important;
}
ul, li {
    list-style: none;
}
p {
    font-size: 19px;
}
h1, h2, h3  { font-family: 'Apercu Pro', sans-serif;
    }
h1 {
    font-size: 55px;
    font-weight: 700;
}
h1.tit-movil,
h2.tit-movil {
    display: none;
}
figure { position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}
figure h2 {
    display: none;
}
figure img { opacity: 1;
}
blockquote {
    padding-bottom: 30px;
    font-size: 1.5vw !important;
    font-weight: 300;
    line-height: 4vh;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
}
blockquote
input, select, textarea { border-radius: 5px;
    padding: 10px 15px;
    margin: 6px;
    border:1px solid #999;
}
blockquote p,
blockquote em,
blockquote p em
{
    font-size: 3vh;
    line-height: normal !important;
}

.content-vertical > .content-box > blockquote p,
blockquote em
{
    font-size: 2vh;
}
.cita-open,
.cita-end
{
    background:url("../imag/ico-abre-comillas.svg") center bottom no-repeat;
    background-size: 80%;
    width: 1.4vw;
    height: 1.4vw;
    display: inline-block;
}
.cita-end
{
    background: url("../imag/ico-cierra-comillas.svg") center bottom no-repeat;
    background-size: 80%;
    float: none;
}
blockquote > ul {
    padding-left: 30px !important;
    margin-top: 10px !important;
}
blockquote > ul > li {
    list-style: square !important;
}
input.serach { background: #111;
    color: #fff;
}
.select-rot { font-size: 18px;
    font-weight: 600;}
.send { background: #232a5a;
    color: #fff;
    font-weight: bolder;
    float: right;
}
.error { color: red;
    display: block;
    padding-left: 10px;
}
body {
    position: relative;
}
main {
    position: relative;
}
span[class^="ico-"] {
    display: block; 
    background-color: #03b6cc;
    float: right;
    margin: 4px;
    z-index: 999;
    width: 32px;
    height: 32px;
    border-radius: 18px;
}
.ico-pdf {
    background: url("/memoria2023/imag/descarga.svg") no-repeat center;
    background-size: 70%;
}
.ico-flip {
    width: 2vw !important;
    height: 2vw !important;
    background: url("/memoria2023/imag/papeldigital.svg") no-repeat center;
    background-size: 71%;
    border-radius: 1vw !important;
    margin: .2vw !important;
}

/*====================================================================*/
/* Secciones de Contenidos                                            */
section {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    background-position: right !important;
    background-position-y: top !important; 
}
.isotipo-codelco {
    display: block;
    background:url("../imag/iso-codelco.png") no-repeat;
    background-size: 100%;
    background-position: 1vw 0;
    width: 13vw;
    height: 7vw;
    position: absolute;
    right: 0;
    top: calc(5vh + 100px);

}

.memoria-2023 {
    display: block;
    background: url("../imag/memoria-anual.svg") no-repeat;
    background-size: 100%;
    width: 25vw;
    height: 23vw;
    position: absolute;
    bottom: 0;
    right: 0;
}
.memoria-2023-en {
    display: block;
    background: url("../imag/anua-report.svg") no-repeat;
    background-size: 100%;
    width: 25vw;
    height: 23vw;
    position: absolute;
    bottom: 0;
    right: 0;
}


.section-capitulos {
    background: #fff;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 20vw);
    grid-column-gap: 1px;
    grid-row-gap: 1px;
}
.section-capitulos > a > figure {
    width: 12vw;
    height:  16vw !important;  
    margin: 0;
    overflow: hidden;
}
.section-capitulos > a > figure > img {
    width: 100%;
    filter: grayscale(100%);
}
.section-capitulos > a:hover > figure > img {
    filter: none;
}
.section-capitulos a {
    position: relative;
    background-size: cover !important;
    padding: 0 2vw;
}


.section-capitulos a h3 {
    width: 100%;
    color: #0E98A9;
    font-family: 'Apercu Pro', sans-serif;
    font-weight: 500;
    font-size: 1.2vw;
}
.section-capitulos a:hover h3 {
    color: #028190;
}
.section-capitulos a h3 span {
    font-size: 3.8vw;
    line-height: 3.5vw;
    float: left;
    margin-right:.1vw;
}
.section-descargas {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    padding: 110px 7vw 5vh 7vw;
}
.section-descargas div:nth-of-type(1) {
    padding-top: 3vw;
}
.section-descargas div:nth-of-type(1) h2{
    font-family: 'Apercu Pro', sans-serif;
    font-weight: 600;
    font-size: 1.5vw;
    margin-bottom: 1vw;
    color: #0E98A9;
}
.section-descargas div:nth-of-type(1) p {
    font-weight: 400;
    font-size: 1vw;
    line-height: 1.8vw;
}
.section-descargas > div.movil {
    display: none;
}
.section-descargas h3 {
    font-family: 'Apercu Pro', sans-serif;
    font-weight: 400;
    font-size: 1.2vw;
    padding-top: 3vw;
    margin-bottom: .6vw;
}
.section-descargas h3 > span {
    color: #0E98A9;
    font-size: 1.5vw;
    font-weight: 500;
    padding-right: 1.2vw;
    
}

.section-descargas h4 {
    font-family: 'Apercu Pro', sans-serif;
    font-weight: 500;
    font-size: .9vw;
    margin-bottom: .6vw;
    padding-left: 2vw;
}
.section-descargas h5 {
    font-family: 'Apercu Pro', sans-serif;
    font-weight: 300;
    font-size: .9vw;
    margin-bottom: .6vw;
}
.section-descargas > div > ul {
    list-style: none; /* Remove default list styling */
    padding-left: 2vw;
}
.datos-abiertos > div > ul {
    padding-left: 4vw;
}
.section-descargas > div > ul > li {
    list-style: square;
}
.section-descargas a {
    color: #666;
    font-weight: 400;
}
.section-descargas a:hover h4 {
    color: #000;
}

.box-section {
    background-size: cover !important;
}
.box-right h1 {
    right: 0;
    padding: 0 2vw;
}
section > div {
    position: relative;
    display: table;
    width: 100%;
    height: 100vh;
    z-index: 2;
}
.content-section {
    padding: 100px 7vw 0 7vw;
}
.content {
    padding:4vh;
    height: calc(100vh - 110px - 5vh);
}



.bg-degrade {
    z-index:1 !important;
    position: absolute;
    bottom: 0 !important;
    height: 100vh !important;
    width: 100%;
    border-radius: 5px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,.75) 10%, rgba(0,0,0,.75) 30%, rgba(0,212,255,0) 70%);
}
section a.flipbook {
    display: block;
    font-size: 1.2vw;
    line-height: 2.4vw;
    width: 12vw;
    height: 2.4vw;
    padding-left: 20px;
    text-align: left;
    font-weight: 500;
    border-radius: 1.2vw;
    background: #009BAC;
    color: #fff;
    cursor: pointer;
    margin-top: 4vh;
}
section a.flipbook:hover {
    background: #038C93;
}


button.bot-copy {
    display: block;
    font-size: .9vw;
    line-height: 1.8vw;
    width: 7.5vw;
    height: 1.8vw;
    padding-left: 1.8vw;
    text-align: left;
    font-weight: 500;
    border-radius: .9vw;
    color: #009BAC;
    cursor: pointer;
    float: right;
    margin: 1vh 0;
    background: #f5f6f6 url("../imag/ico-copy.svg") .5vw center no-repeat;
    background-size: 1vw;
}
buttton.bot-copy:hover {
    background-color: #038C93;
}



.box-section30 {
    background: #36424A;
}
/*====================================================================*/
/* Secciones de Contenidos Fullpage                                   */
.content-box {
    margin: 8vh auto;
    height: calc(100vh - 110px - 4vw);
    display: grid;
    place-items: center;
    justify-items: start;
}
.content-box center  figure,
.content-box figure picture,
.content-box figure
{
    width: 100%;
}
.content-box img {
    max-height: 62vh;
    max-width: 100%;
}
.section-fullpage > div > img {
    height: calc(100vh - 140px);
    padding-top: 15px;
}
/* Secciones de Contenidos Left                                       */
.section-left {
    display: grid;
    grid-template-columns: 65% 35% ;
    grid-template-rows: 1fr;
    grid-column-gap:0px;
    grid-row-gap: 0px;
    overflow: hidden;
}
.section-left > div:nth-of-type(2) {
    grid-area: 1 / 2 / 2 / 3;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
.section-left > div:nth-of-type(2) img {
    height: calc(100vh - 60px);
    min-height: 500px;
}
.section-left > div:nth-of-type(1) {
    grid-area: 1 / 1 / 2 / 2;
    z-index: 99999999999;
    place-items:center;
    align-self: center;
}
section h1 {
    width: 50%;
    position: absolute;
    z-index: 12;
    color:#fff;
    font-size: 6.4vh;
    letter-spacing: -0.1vw;
    line-height: 6.5vh;
    margin: calc(3.5vh + 100px) 0 2vh 9vw;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.h1-vertical {
    font-size: 5vh !important;
    letter-spacing: -0.3vh !important;
    line-height: 6vh !important;
}

.section-left > div:nth-of-type(1) h1 {
    color:#fff;
    font-size: 3.8vw;
    letter-spacing: -0.1vw;
    line-height: 4vw;
    margin: 0 0 2vh 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.content-box > h2,
.content-box > blockquote > h2{
    color:#fff !important;
    font-size: 3.4vh;
    line-height: normal !important;
    letter-spacing: -0.1vw;
    margin: 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.section-left > div:nth-of-type(1) blockquote {
    padding-bottom: 30px;
}
.section-left > div:nth-of-type(1) li,
.section-left > div:nth-of-type(1) li strong
.section-left > div:nth-of-type(1) p,
.section-left > div:nth-of-type(1) p strong {
    font-size: 3vh;
    line-height: normal !important;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
}
.section-left > div:nth-of-type(1) p strong {
    font-weight: 700 !important;
}
/*====================================================================*/
/* Secciones de Contenidos Right                                      */
.section-right {
    display: grid;
    grid-template-columns: 35% 65%;
    grid-template-rows: 1fr;
    grid-column-gap:0px;
    grid-row-gap: 0px;
    overflow: hidden;
}
.section-right {
    padding:0 7vw;
}
.section-right > div:nth-of-type(1) {
    grid-area: 1 / 2 / 2 / 3;
    z-index: 99999999999;
    place-items:center;
    align-self: center;
}
.section-right > div:nth-of-type(2) {
    grid-area: 1 / 1 / 2 / 2;
}
.section-right > div:nth-of-type(1) h1 {
    color:#fff;
    font-size: 3.8vw;
    letter-spacing: -0.1vw;
    line-height: 4vw;
    margin: 0 0 2vw 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
}
.section-right > div:nth-of-type(1) blockquote {
    padding-bottom: 30px;
}
.section-right > div:nth-of-type(1) li, 
.section-right > div:nth-of-type(1) p {
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 1.8vw;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
}



.swiper-pagination { left: inherit !important;}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 40px; 
  height: 40px; 
  margin-top: -20px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: content-box;
  padding: 5px; 
    border:red;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 0; 
}
.swiper-button-next {
    right: 25px;
    background:url("../imag/ico-next.svg");
}
.swiper-button-prev {
  left: 25px;
    background:url("../imag/ico-prev.svg");
}

.perfiles-ejecutivos .swiper-button-prev,
.perfiles-ejecutivos .swiper-button-next {
    top: 26%;
}

.swiper-pagination {
  position: absolute;
  bottom: 1vh !important;
  width: 100vw !important;
  text-align: center;
}
.swiper-pagination-bullet {
  width: 10px; 
  height: 10px;
  background-color: #fff; 
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px; 
  cursor: pointer;
    opacity: .8;
}
.swiper-pagination-bullet-active {
  background-color: #EA551E; 
  opacity: 1;
} 


/*====================================================================*/
/* Slider Perfiles                                                    */
.slider-perfil {
    position: relative;
    display: block;
    width: 30vw;
    height: 30vw !important;
    max-height: 780px;
    max-width: 780px;
    padding: 0;
}
.slider-perfil > div {
    top: 50%;
    left: 50%;
    transform: 60vh;
    width: 100%;
    height: 30vw;
}
.slider-perfil > div .swiper-wrapper {
    width: 100%;
    margin-right: 0;
    position: relative;
}
.swiper-wrapper {
    height: 100vh;
}

.box-section-perfiles .swiper-slide {
    opacity: 0;
}
.swiper-slide .swiper-slide,
.swiper-slide-next,
.swiper-slide-prev {
    opacity: 0;
}


.swiper-slide .swiper-slide-active {
    opacity: 1 !important;
}

.slider-perfil img {
    width: 100%;
    height: auto !important;
    min-height: inherit !important;
}
.slider-perfil .swiper-pagination {
    display: none;
}
.slider-perfil .swiper-button-next,
.slider-perfil .swiper-button-prev {
    width: 2vw;
    height: 2vw;
}

.slider-perfil .swiper-button-next {
    right: -3vw;
}
.slider-perfil .swiper-button-prev {
    left: -3vw;
}
/*====================================================================*/
/* Header y menus                                                     */
header {
    background-size: 100%;
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    z-index: 2;
}
.ico-idioma-movil { display: none !important;}
#menu-movil {
    display: none;
}
.top-header {
    background: #028190;
    height: 36px;
}
.accesibilidad-movil {
    display: none;
}
.accesibilidad-movil a,
.top-header a {
    display: block;
    font-size: 12pxvw;
    color: rgba(255,255,255,0.75);
    line-height: 36px;
    padding-left: 28px;
    height: 36px;
    float: right;
    margin-right: 15px;
}
.accesibilidad-movil a:hover,
.top-header a:hover {
    color:  rgba(255,255,255,1);
}
.ico-datos {
    background: url("../imag/ico-datos-abiertos.svg") left no-repeat;
    background-size: 24px;
}
.ico-descargas {
    background: url("../imag/ico-descargas.svg") left no-repeat;
    background-size: 24px;
}
.ico-idioma {
    background: url("../imag/ico-idioma.svg") left no-repeat;
    background-size: 24px;
}
.ico-bnon {
    background: url("../imag/ico-bnon.svg") left no-repeat;
    background-size: 24px;
    margin-right: 3px !important;
}
.ico-bnoff {
    background: url("../imag/ico-bnoff.svg") left no-repeat;
    background-size: 24px;
    margin-right: 3px !important;
}
.ico-fontl {
    background: url("../imag/ico-font-.svg") left no-repeat;
    background-size: 24px;
    margin-right: 3px !important;
}
.ico-fontm {
    background: url("../imag/ico-font+.svg") left no-repeat;
    background-size: 24px;
    margin-right: 3px !important;
}
.ico-fontr {
    background: url("../imag/ico-fontr.svg") left no-repeat;
    background-size: 24px;
    margin-right:3px !important;
}


.logo-codelco {
    height: 60px;
    float: left;
}
.logo-memoria {
    float: left;
    height: 60px;
}
.topnav {
    display: grid;
    grid-template-columns: 260px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    background: #0E98A9;
    height: 60px;
    top: 0;
    z-index: 9999999;
}
.topnav > div:nth-of-type(1) {
}
.topnav > div:nth-of-type(2) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 5px;
}


.topnav > div:nth-of-type(2) a.menu {
    position: relative;
    font-family: 'Apercu Pro', sans-serif;
    display: table;
    height: 28px;
    margin: 0 0 0 8px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: .5;
    padding-left:20px;
    }
.topnav > div:nth-of-type(2) a.menu:hover {
    opacity: .8;
}
.topnav a:nth-of-type(n+11) {
    padding-left: 32px;
}
.topnav a.menu-on {
    opacity: 1 !important;
}
.topnav a span { position: absolute;
    left: 0;
    top: -1px;
    display: block;
    width: 15px;
    text-align: right;
    font-size: 12px;
    }
.topnav a.on { opacity: 1;
    border-bottom: 2px solid #77cad3;}
.topnav a:hover {
  color: #fff;
    opacity: 1;
    }

.topnav a.active {
  background-color: #04AA6D;
    color: white;
    }

.topnav .icon {
  display: none;
    }


@media screen and (max-width: 1279px) {
    .topnav {
        grid-template-columns: 300px 1fr;
    }
    .topnav > div:nth-of-type(1) {
        width: 80vw;
    }
    .ico-idioma-movil {
        display: block !important;
        line-height: 50px;
        height: 50px;
        width: 40px;
        padding-left: 30px;
        margin-left: 40px;
        float: left;
        color: #fff;
    }
    section {
        padding-top: 55px !important;
    }
    .content-box {
        height: calc(100vh - 110px - 4vw);
        align-content: flex-start;
    }
    section h1 {
        margin: 4vh 0 2vh 9vw !important;
    }
    .swiper-wrapper {
        height: calc(100vh - 55px);
    }
    section > div { 
        height: calc(100vh - 57px) !important;
    }
    .topnav > div:nth-of-type(2) > a  {display: none !important;}
    .topnav > div a.icon {
        float: right;
        display: block;
    }
    header {
        height: 48px !important;
    }
    #bt-movil {
        position: fixed;
        right: 10px;
        top: 10px;
        width: 30px;
        height: 30px;
        background: url("../imag/ico-menu.svg");
    }
    .btn-on {
        background: url("../imag/ico-menu-cerrar.svg") !important;
    }
    #menu-movil { 
        background: rgba(0,0,0,0.70);
        width: 100vw;
        height: 100vh;
        margin-top: 4px;
    }
    .box-menu-movil {
        background: #0E98A9;
        width: 70vw;
        height: 100vh;
        
    }
    .box-menu-movil a {
        display: block;
        font-size: 15px;
        font-weight: 400;
        color: rgba(255,255,255,0.75);
        line-height: 6vh;
        padding-left: 25px;
        border-bottom: 1px solid rgba(255,255,255,0.50);
    }
    .box-menu-movil a.menu-on {
        color: #fff;
        font-weight: 600;
        
    }
    .box-menu-movil a:hover {
        color: #fff;
    }
    .box-menu-movil a span {
        padding-right: 15px;
    }
    .top-header {
        display: none;
    }
    .logo-codelco {
        height: 48px;
        width: auto;
    }
    .logo-memoria {
        height: 48px;
        width: auto;
    }
    .topnav { height: 48px;}
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
  .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .progress-container {
        top: 48px !important;
    }
    .isotipo-codelco {
        width: 28vw;
        height: 18vw;
        position: absolute;
        right: 35vw;
        top: calc(5vh + 50px);
        background-size: cover;

    }

    .memoria-2023 {
        background: url("../imag/memoria-anual.svg");
        width: 80vw;
        height: 60vw;
        position: absolute;
        bottom: 15vh;
        right: 10vw;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .memoria-2023-en {
        background: url("../imag/anua-report.svg");
        width: 80vw;
        height: 60vw;
        position: absolute;
        bottom: 15vh;
        right: 10vw;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;}
}




#closeModal {
    position: fixed;
    z-index: 15;
    top: 2vh;
    right: 5%;
    width: 40px;
    height: 40px;
    background: url("../imag/ico-cerrar.svg");
}
        .modal-movil {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 1000;
        }
        
        .modal-movil .cont-modal {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 90%;
            max-height: 90%;
            overflow: auto;
            background: rgba(0,0,0,0.85);
            padding: 1rem;
            border-radius: 8px;
        }
        
        .modal-movil img {
            width: auto;
            height: 80vh;
        }



/*====================================================================*/
/* Barra Progreso Scroll                                              */
.progress-container {
    width: 100vw;
    height: 5px;
    background-color: #00b6c5;
    position: fixed;
    top: 96px;
    left: 0;
    z-index: 1000;
}

.progress-bar {
    width: 0;
    height: 100%;
    background-color: #FF5200;
}
/*====================================================================*/
/* Boton subir                                                        */
    .subir {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        background-color: #EA551E;
        background: #EA551E url("/memoria2023/imag/up.svg") center no-repeat;
        background-size: 60%;
        color: #fff;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        z-index: 100;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.44);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.44);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.44);
    }

    .subir.mostrar {
        opacity: 1;
    }
/*====================================================================*/
/* Footer                                                             */
footer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 140px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: auto;
    height: 55vw;
    background: #36424A;
}
.footer-logo > img {
    height: 40px;

}

footer > .codelco {
    width: 100%;
    padding: 15px 2vw;
    height:  180px;
    margin: auto;
    color: #fff;
    display: grid;
    grid-template-columns: repeat(2, 1fr) ;
    grid-template-rows: 40px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    font-size: 11px;
    background: #36424A;
    }
footer > .codelco p {
    font-size: 12px;
    line-height: 18px !important;
}
footer > .codelco > div:nth-of-type(1) {
    padding: 0 15px;
    grid-area: 1 / 1 / 2 / 3;
}
footer > .codelco > div:nth-of-type(2) {
    grid-area: 2 / 1 / 3 / 2;
    padding: 0 15px;
}
footer > .codelco > div:nth-of-type(3) {
    grid-area: 2 / 2 / 3 / 3;
    text-align: right;padding: 0 15px;
}
footer > .codelco > div:nth-of-type(3) > ul {
    margin: 0;
    display: table;
    width: 100%;
}
footer > .codelco > div:nth-of-type(3) > ul > li {
    list-style: none;
    float: right;
    margin-bottom: 15px;
}
footer > .codelco > div:nth-of-type(3) > ul > li > a {
    color: #fff;
    padding: 0 10px;
}
footer > .codelco > div:nth-of-type(3) > ul > li > a img {
    width: 20px;
    height: 20px;
}
.logo-footer-memoria {
    background: #0E98A9;
}

@media (min-width: 769px) { /* Aplica estilos solo si el ancho es mayor o igual a 769px */
    .box-subsidiarias > .swiper-container > .swiper-wrapper .swiper-slide:nth-child(2).swiper-slide-active ~ h1 {
        display: none;
    }
}


.bloqueo {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.60);
    backdrop-filter: blur(10px); 
    z-index: 111111111; 
}

.bloqueo-mensaje
{
    width: 75vw;
    height: 75vh;
    background: #009bab;
    border-radius: 10px;
    padding: 10vh 10vw;
    margin: 12.5vh 12.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bloqueo-mensaje p {
    font-size: 4vh;
    line-height: 6vh;
    text-align: center;
    color: #fff;
}

.bloqueo-mensaje button {
    display: block;
    font-size: 15px;
    line-height: 35px;
    width: 160px;
    height: 35px;
    text-align: center;
    font-weight: 500;
    border-radius: 17.5px;
    background: rgba(255,255,255,0.75);
    color: #009bab;
    cursor: pointer;
    margin: 30px auto 0 auto;
}
.bloqueo-mensaje button:hover {
    background: #fff;
}

@media (min-width: 768px) {
    .topnav > div:nth-of-type(1) {
        width: 80vw;
    }

    .ico-idioma-movil {
        display: block;
        line-height: 50px;
        height: 50px;
        width: 80px;
        padding-left: 30px;
        margin-left: 40px;
        float: left;
        color: #fff;
    }
  .content-top {
      width: 100%;
  }
    .content-top .content-box {
        margin: 2vh auto !important;
    }
    .content-top .content-box img {
        max-height: 69vh !important;
    }
    .content-st {
    }
    .content-st .content-box {
        margin: 0 auto !important;
        place-items: flex-start;
    }
    .content-st .content-box img {
        max-height: 69vh !important;
    }
}



/* Graficos */
.grafico {
    width: 80vw !important;
    border-radius: 5px;
}
.grafico h2 {
    color:#fff !important;
    font-size: 2.4vh;
    font-weight: 300;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    line-height: normal;
    min-height: 5vh;
    display: flex;
    align-items: center;
}

#propiedades-mineras-grafico-1 .grafico-tabla {
    display: grid;
    grid-template-columns: 9vw 14vw 14vw 19vw 17vw 7vw;
    grid-auto-rows: minmax(20px, auto);
    grid-column-gap: 0;
    grid-row-gap: 0;
    background: #f5f6f6;
    width: 80vw !important;
    height: 65vh;
    opacity: .95;
}
  #propiedades-mineras-grafico-1 .grafico-tabla div {
      padding: 5px;
      font-size:1.5vh;
      color: #2b4049;
      border-bottom: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
#propiedades-mineras-grafico-1 .grafico-tabla > div:nth-child(-n+6) {
    background-color: #009bac;
    color: #fff;
    font-size:1.5vh;
    font-weight: 600;
    height: 3.2vh;

}

#propiedades-mineras-grafico-1 .grafico-tabla > div:nth-child(12n + 7),
#propiedades-mineras-grafico-1 .grafico-tabla > div:nth-child(12n + 8),
#propiedades-mineras-grafico-1 .grafico-tabla > div:nth-child(12n + 9),
#propiedades-mineras-grafico-1 .grafico-tabla > div:nth-child(12n + 10),
#propiedades-mineras-grafico-1 .grafico-tabla > div:nth-child(12n + 11),
#propiedades-mineras-grafico-1 .grafico-tabla > div:nth-child(12n + 12) {
  background-color: #fff;
}

.tablew > div {
    font-size: .7vw !important;
}

#recursos-y-reservas-minerales-1 {
    width: 65vw !important;
}

#recursos-y-reservas-minerales-1 .grafico-tabla {
    display: grid;
    grid-template-columns: 9vw 12vw 18vw 9vw 5vw 4.5vw 7.5vw;
    grid-auto-rows: minmax(5vh, auto);
    grid-column-gap: 0;
    grid-row-gap: 0;
    width: 80vw !important;
    min-width: 900px;
    height: 65vh;
    opacity: .95;
}
  #recursos-y-reservas-minerales-1 .grafico-tabla div {
      padding: 5px 1vw;
      font-size:1.5vh;
      color: #2b4049 !important;
      border-bottom: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(-n+7) {
    background-color: #009bac !important;
    color: #fff !important;
    font-size:1.5vh;
    font-weight: 600;
    height: 8.4vh;

}


#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 1),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 2),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 3),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 4),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 5),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 6),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 7) {
    background-color: #fff;
    opacity: .95;
}

#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 8),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 9),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 10),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 11),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 12),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 13),
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(14n + 14) {
    background-color: #f5f6f6;
    opacity: .95;
}
#recursos-y-reservas-minerales-1 .grafico-tabla > div:nth-child(7n + 1) {
    font-weight: 600;
}










#oficinas-corporativas-en-chile-1 {
    width: 52vw !important;
}
#oficinas-corporativas-en-chile-1 .grafico-tabla {
    display: grid;
    grid-template-columns: 9vw 9vw 18vw 9vw 7vw;
    grid-auto-rows: minmax(5vh, auto);
    grid-column-gap: 0;
    grid-row-gap: 0;
    width: 80vw !important;
    min-width: 900px;
    height: 65vh;
    opacity: .95;
}
  #oficinas-corporativas-en-chile-1 .grafico-tabla div {
      padding: 5px 1vw;
      font-size:1.5vh;
      color: #2b4049 !important;
      border-bottom: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(-n+5) {
    background-color: #009bac !important;
    color: #fff !important;
    font-size:1.5vh;
    font-weight: 600;
    height: 8.4vh;

}


#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(10n + 6),
#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(10n + 7),
#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(10n + 8),
#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(10n + 9),
#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(10n + 10) {
    background-color: #fff;
    opacity: .95;
}

#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(10n + 11),
#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(10n + 12),
#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(10n + 13),
#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(10n + 14),
#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(10n + 15)
 {
    background-color: #f5f6f6;
    opacity: .95;
}
#oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(5n + 1) {
    font-weight: 600;
}











#centros-de-trabajo-y-contratistas-1 {
    width: 27vw !important;
}
#centros-de-trabajo-y-contratistas-1 .grafico-tabla {
    display: grid;
    grid-template-columns: 19vw 8vw;
    grid-auto-rows: auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
    width: 80vw !important;
    min-width: 900px;
    height: 60vh;
    opacity: .95;
}
  #centros-de-trabajo-y-contratistas-1 .grafico-tabla div {
      padding: 5px 1vw;
      font-size:1.5vh;
      color: #2b4049 !important;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
#centros-de-trabajo-y-contratistas-1 .grafico-tabla > div:nth-child(-n+2) {
    background-color: #009bac;
    color: #fff !important;
    font-size:1.5vh;
    font-weight: 600;
}


#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(4n+1), 
#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(4n+2) {
    background-color: #fff;
    opacity: .95;
    
}

#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(4n+3), 
#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(4n+4) {
    background-color: #f5f6f6;
    opacity: .95;
}
#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(2),
#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(26),
#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(30),
#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(36)
{
    background: #009bac !important;
    color: #fff !important;
}

#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(25),
#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(35)
{
    background: #b9bdbe;
    color: #fff !important;
}
#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(1),
#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(29)
{
    background: #91989a;
    color: #fff !important;
}

#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(27),
#centros-de-trabajo-y-contratistas-1 .grafico-tabla div:nth-child(28)
{
    background: none;
}


#centros-de-trabajo-y-contratistas-1 .grafico-tabla > div:nth-child(2n + 1) {
    font-weight: 600;
}












#numero-de-personas-por-sexo-y-cargo-1{
    width: 28vw !important;
}
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla {
    display: grid;
    grid-template-columns: 13vw 5vw 5vw 5vw;
    grid-auto-rows: auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
    width: 80vw !important;
    min-width: 900px;
    height: 60vh;
    opacity: .95;
}
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla div {
      padding: 5px 1vw;
      font-size:1.7vh;
      color: #2b4049 !important;
      border-bottom: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(4n + 1),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(4n + 4) {
    font-weight: 600;
}

#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(-n+4) {
  background-color: #009bac !important;
  color: #fff !important;
  font-size:1.7vh;
  font-weight: 600;
}

#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div {
    background: #fff;
    opacity: .95;
    text-align: center;
}


#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(5),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(7), 
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(10),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(12),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(13),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(15),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(18),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(20),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(21),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(23),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(26),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(28),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(29),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(31),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(34),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(36),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(37),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(39)

{
    background: #e7e8e9;
}

#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(41),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(43)
{
    background: #a7adae !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 1.9vh;
}

#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(42),
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(44)
{
    background: #91989a !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 1.9vh;
}







#media-del-salario-bruto-1{
    width: 28vw !important;
}
#media-del-salario-bruto-1 .grafico-tabla {
    display: grid;
    grid-template-columns: 13vw 5vw 5vw 5vw;
    grid-auto-rows: auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
    width: 80vw !important;
    min-width: 900px;
    height: 55vh;
    opacity: .95;
}
  #media-del-salario-bruto-1 .grafico-tabla div {
      padding: 5px 1vw;
      font-size:1.5vh;
      color: #2b4049 !important;
      border-bottom: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(-n+4) {
  background-color: #009bac !important;
  color: #fff !important;
  font-size:1.5vh;
  font-weight: 600;
}

#media-del-salario-bruto-1 .grafico-tabla > div {
    background: #fff;
    opacity: .95
}


#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(5),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(7), 
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(10),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(12),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(13),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(15),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(18),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(20),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(21),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(23),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(26),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(28),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(29),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(31),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(34),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(36)

{
    background: #e7e8e9;
}

#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(37),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(39)
{
    background: #a7adae !important;
    color: #fff !important;
    font-weight: 600;
}

#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(38),
#media-del-salario-bruto-1 .grafico-tabla > div:nth-child(40)
{
    background: #91989a !important;
    color: #fff !important;
    font-weight: 600;
}






#cobre-tmf-1 {
    width: 27vw !important;
}
#cobre-tmf-1 .grafico-tabla {
    display: grid;
    grid-template-columns: 11vw 4vw 4vw 4vw 4vw;
    grid-auto-rows: auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
    width: 80vw !important;
    min-width: 900px;
    height: 58vh;
    opacity: .95;
}
#cobre-tmf-1 .grafico-tabla div {
      padding: 5px 1vw;
      font-size:1.7vh;
      color: #2b4049 !important;
      border-bottom: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
#cobre-tmf-1 .grafico-tabla > div:nth-child(-n+5) {
    background-color: #009bac !important;
    color: #fff !important;
    font-size:1.7vh;
    font-weight: 600;
}
#cobre-tmf-1 .grafico-tabla > div:nth-child(10n + 6),
#cobre-tmf-1 .grafico-tabla > div:nth-child(10n + 7),
#cobre-tmf-1 .grafico-tabla > div:nth-child(10n + 8),
#cobre-tmf-1 .grafico-tabla > div:nth-child(10n + 9),
#cobre-tmf-1 .grafico-tabla > div:nth-child(10n + 10) {
    background-color: #fff;
    opacity: .95;
}

#cobre-tmf-1 .grafico-tabla > div:nth-child(10n + 11),
#cobre-tmf-1 .grafico-tabla > div:nth-child(10n + 12),
#cobre-tmf-1 .grafico-tabla > div:nth-child(10n + 13),
#cobre-tmf-1 .grafico-tabla > div:nth-child(10n + 14),
#cobre-tmf-1 .grafico-tabla > div:nth-child(10n + 15) {
    background-color: #f5f6f6;
    opacity: .95;
}
#cobre-tmf-1 .grafico-tabla > div:nth-child(5n + 1),
#cobre-tmf-1 .grafico-tabla > div:nth-child(5n + 5) {
    font-weight: 600;
}
#cobre-tmf-1 .grafico-tabla > div:nth-child(5n + 5) {
    text-align: right;
}
#cobre-tmf-1 .grafico-tabla > div:nth-child(n+41):nth-child(-n+45),
#cobre-tmf-1 .grafico-tabla > div:nth-child(n+56):nth-child(-n+60)
{
    background: #91989a !important;
    color: #fff !important;
    font-weight: 600;
}














#matriz-de-conocimientos-1 {
    width: 76vw !important;
}
#matriz-de-conocimientos-1 .grafico-tabla {
    display: grid;
    grid-template-columns: 8vw 18vw repeat(10, 5vw);
    grid-auto-rows: auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
    width: 80vw !important;
    min-width: 900px;
    height: 58vh;
    opacity: .95;
}
  #matriz-de-conocimientos-1 .grafico-tabla div {
      padding: 5px .5vw;
      font-size:1.5vh;
      color: #2b4049 !important;
      border-bottom: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: center;
  }
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(-n+12) {
    background-color: #009bac !important;
    color: #fff !important;
    font-size:1.3vh;
    font-weight: 600;
}
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(12n + 1),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(12n + 2) {
      display: flex;
      align-items: center;
      justify-content: flex-start;
}

#matriz-de-conocimientos-1 .grafico-tabla div[data-content="no"],
#matriz-de-conocimientos-1 .grafico-tabla div[data-content="si"] {
    color: #f5f6f6 !important;
}
#matriz-de-conocimientos-1 .grafico-tabla div[data-content="si"]::before {
  content: '';
  display: inline-block;
  width: 1vh; /* Ajusta el tamaño según tus necesidades */
  height: 1vh;
  border-radius: 50%;
  background-color: #0099aa;
  vertical-align: middle;
}

#matriz-de-conocimientos-1 .grafico-tabla div[data-content="no"]::before {
  content: '';
  display: inline-block;
  width: 1vh; /* Ajusta el tamaño según tus necesidades */
  height: 1vh;
  border-radius: 50%;
  background-color: #b1b1b0;
  vertical-align: middle;
}

#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 1),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 2),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 3),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 4),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 5),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 6),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 7),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 8),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 9),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 10),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 11),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 12) {
    background-color: #fff;
    opacity: .95;
}

#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 13),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 14),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 15),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 16),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 17),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 18),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 19),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 20),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 21),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 22),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 23),
#matriz-de-conocimientos-1 .grafico-tabla > div:nth-child(24n + 24)

 {
    background-color: #f5f6f6;
    opacity: .95;
}







#tasas-de-enfermedades-1 {
    width: 24vw !important;
}
#tasas-de-enfermedades-1 .grafico-tabla {
    display: grid;
    grid-template-columns: 18vw 6vw;
    grid-auto-rows: auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
    width: 80vw !important;
    min-width: 900px;
    height: 58vh;
    opacity: .95;
}
  #tasas-de-enfermedades-1 .grafico-tabla div {
      padding: 5px .5vw;
      font-size:1.7vh;
      color: #2b4049 !important;
      border-bottom: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
#tasas-de-enfermedades-1 .grafico-tabla > div:nth-child(11), 
#tasas-de-enfermedades-1 .grafico-tabla > div:nth-child(12) 
{
    background: none !important;
}

#tasas-de-enfermedades-1 .grafico-tabla > div:nth-child(-n+2),
#tasas-de-enfermedades-1 .grafico-tabla > div:nth-child(13),
#tasas-de-enfermedades-1 .grafico-tabla > div:nth-child(14)
{
    background-color: #009bac !important;
    color: #fff !important;
    font-size:1.7vh;
    font-weight: 600;
}


#tasas-de-enfermedades-1 .grafico-tabla > div:nth-child(4n + 1),
#tasas-de-enfermedades-1 .grafico-tabla > div:nth-child(4n + 2)
{
    background-color: #fff;
    opacity: .95;
}

#tasas-de-enfermedades-1 .grafico-tabla > div:nth-child(4n + 3),
#tasas-de-enfermedades-1 .grafico-tabla > div:nth-child(4n + 4)

 {
    background-color: #f5f6f6;
    opacity: .95;
}


@media (min-width: 1300px) {
    .topnav > div:nth-of-type(2) > a  {display: block !important;}

}


@media only screen and (max-width: 768px) and (orientation: portrait) {
    .topnav {
        grid-template-columns: 300px 1fr;
    }

    .section-left > div:nth-of-type(2) {
        z-index: 1;
    }
    
    figure h2 {
        display: table;
        color: #fff;
    }

    .section-left > div:nth-of-type(2) {
        grid-area: 1;
        position: absolute;
        width: 90vw;
        height: 40vh;;
        margin: 0 0 0 5vw;
        z-index: 999999999999999;
    }
    .slider-perfil {
        position: absolute !important;
        top: 23vw;
        width: 60vw !important;
        height: 60vw !important;
        margin: 0 !important;
    }
    .slider-perfil  > div {
        position: absolute;
        height: 60vw !important;
        width: 60vw !important;
        left: 0;
        top: 0;
    }
    .slider-perfil .swiper-button-next,
    .slider-perfil .swiper-button-prev {
        position: absolute;
        top: 30vw;
    }
    .slider-perfil .swiper-button-prev {
        left: -6vw;
    }
    .slider-perfil .swiper-button-next {
        right: -6vw;
    }
    header {
        height: 48px !important;
    }
    #bt-movil {
        position: fixed;
        right: 10px;
        top: 10px;
        width: 30px;
        height: 30px;
        background: url("../imag/ico-menu.svg");
    }
    .btn-on {
        background: url("../imag/ico-menu-cerrar.svg") !important;
    }
    #menu-movil { 
        background: rgba(0,0,0,0.70);
        width: 100vw;
        height: 100vh;
        margin-top: 4px;
    }
    .box-menu-movil {
        background: #0E98A9;
        width: 80vw;
        height: 100vh;
        
    }
    .box-menu-movil a {
        display: block;
        font-size: 4.5vw;
        font-weight: 400;
        color: rgba(255,255,255,0.75);
        line-height: 6vh;
        padding-left: 25px;
        border-bottom: 1px solid rgba(255,255,255,0.50);
    }
    .box-menu-movil a.menu-on {
        color: #fff;
        font-weight: 600;
        
    }
    .box-menu-movil a:hover {
        color: #fff;
    }
    .box-menu-movil a span {
        padding-right: 15px;
    }
    .top-header {
        background: red  !important;
        display: none;
    }
    .logo-codelco {
        height: 48px;
        width: auto;
    }
    .logo-memoria {
        height: 48px;
        width: auto;
    }
    .topnav { height: 48px;}
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
  .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .progress-container {
        top: 48px !important;
    }
    .isotipo-codelco {
        width: 28vw;
        height: 18vw;
        position: absolute;
        right: 35vw;
        top: calc(5vh + 50px);
        background-size: cover;

    }

    .memoria-2023 {
        background: url("../imag/memoria-anual.svg");
        width: 80vw;
        height: 60vw;
        position: absolute;
        bottom: 15vh;
        right: 10vw;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .memoria-2023-en {
        background: url("../imag/anua-report.svg");
        width: 80vw;
        height: 60vw;
        position: absolute;
        bottom: 15vh;
        right: 10vw;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    section {
        padding-top: 53px;
        height:100vh !important;
        overflow: hidden;
        background-position: bottom !important;
    }
    section > div:nth-of-type(1) {
        display: block;
        position: relative;
        height: calc(100vh - 65px);
    }
    .box-section-perfiles > div > div > div > div:nth-of-type(1)  {
        position: relative;
        z-index: 1;
        
    }
    .tit-movil {
        display: block !important;
    }
    .content-section {
        padding: 0;
    }
    .content-box {
        height: calc(100vh - 155px) !important;
        position: relative;
        width: 100vw;
        display: flex;
        justify-content: center;
    }
    .content-box > blockquote > h2 {
        text-align: center;
        color:#fff !important;
        font-size: 5.5vw !important;
        line-height: 6.5vw !important;
        margin: 0;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }
    .content-section > div > center > figure,
    .content-box > center > figure,
    .content-box > figure {
        border: #0E98A9 3px solid;
        bottom: 2vh;
        width: 70vw;
        max-height: 75vh;
        background: rgba(0,0,0,0.81);
        border-radius: 5px;
        padding-top: 0 !important;
    }
    .absolute-movil {
        position: absolute !important;
        bottom: 160px !important;
    }
    .content-box img {
        padding-top: 0;
    }
    .content-section > div > center > figure > img,
    .content-box > center > figure > img,
    .content-box > figure > img {
        opacity: .4;
        width: 100%;
        max-height: 75vw;
    }
    .content-section > div > center > figure > .ico-zoom,
    .content-box > center > figure > .ico-zoom,
    .content-box > figure > .ico-zoom{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 15vw;
        height: 15vw;
        transform: translate(-50%, -50%);
        background: url("../imag/ico-zoom.svg");
    }
    .content-section > div > center > figure.opaca,
    .content-box > center > figure.opaca,
    .content-box > figure.opaca{
        border: none !important;
        background: none !important;
    }
    .opaca { opacity: 1 !important;}
    .opaca img {
        width: 100% !important;
    }
    .content {
        margin: 0;
        padding: 0;
    } 
    .bg-degrade {
        position: absolute;
        top: 0;
    }
    .accesibilidad-movil {
        display: block;
        position: fixed;
        border: 0;
        background: #36424A;
        width: 185px;
        height: 6vh;
        z-index: 11111111;
        bottom:0;
        left: 27vw;
        border-radius: 6.5vw 6.5vw 0 0;
    }
    .accesibilidad-movil a:nth-of-type(1) {
    padding-right: 27px;
    }
    .section-left
    {
        grid-template-columns: 100% 0 !important;
    }
    .section-right
    {
        grid-template-columns: 0 100% !important;
    }
    .section-left div,
    .section-right div
    {
        position: relative;
        z-index: 999;
    }
    .content {
        height: 100vh;
    }
    .section-left > div:nth-of-type(1) h1,
    .section-right > div:nth-of-type(1) h1,
    .content > div > h1 {
        font-size: 8vw;
        line-height: 8vw !important;
        text-align: center;
        padding: 15vw 3vw 2vh 3vw;
        width: 90vw; 
        margin: auto !important;
    }
    section h1 {
        width: 96vw !important;
        font-size: 3.5vh;
        line-height: 4vh;
        text-align: center;
        margin: 4vh 2vw !important;
    }
    blockquote {
        padding: 2.5vh 0;
        width: 82vw;
        
    }
    .cita-open,
    .cita-end
    {
        width: 4vw;
        height: 4vw;
    }
    .section-left > div:nth-of-type(1) p strong,
    .section-right > div:nth-of-type(1) p,
    .content > div  > blockquote > p,
  .content > div  > blockquote > p em,
    blockquote > ol > li,
    blockquote > ul > li {
        font-size: 3.7vw !important;
        line-height: 4.8vw !important;
        padding-bottom: 2vw;
        font-weight: 500;
    }
    blockquote > ul > li {
        padding-bottom: 0;
    }    
    .content > div  > blockquote > p {
        text-align: center;
    }
    blockquote > ul,
    blockquote > ol
    {
        padding-left: 5vw;
    }
    blockquote > ol > li
    blockquote > ul > li {
        list-style: square;
    }
    section a.flipbook {
      display: block;
      font-size: 4.3vw;
      line-height: 9vw;
      width: 40vw;
      height: 9vw;
      padding-left: 20px;
      text-align: left;
      font-weight: 500;
      border-radius: 4.5vw;
      background: #009BAC;
      cursor: pointer;
      margin: 2vh auto 0 auto;
    }
    
    .ico-flip {
        width: 7.2vw !important;
        height: 7.2vw !important;
        background: url("/memoria2023/imag/papeldigital.svg") no-repeat center;
        background-size: 71%;
        border-radius: 3.36vw !important;
        margin: .9vw !important;
    }
    .swiper-button-next {
        right: 5px;
    }
    .swiper-button-prev {
        left: 5px;
    }
    .swiper-button-next,
    .swiper-button-prev {
      width: 21px; 
      height: 21px; 

    }
    .bg-degrade {
        background: linear-gradient(0deg, rgba(0,0,0,0.75) 30%, rgba(0,176,212,0) 65%, rgba(0,212,255,0) 69%, rgba(0,0,0,0.95) 100%) !important;
    }
    .section-descargas {
        height: auto !important;
        padding: 60px 10vw 7vw 10vw;
        grid-template-columns: repeat(1, 1fr) !important;
        grid-template-rows: repeat(1, 1fr) 9vh !important;
    }
    .section-descargas h2{
        font-family: 'Apercu Pro', sans-serif;
        font-weight: 500;
        font-size: 8vw;
        margin-bottom: 1vw;
        color: #0E98A9;
        padding-top: 5vh;
        text-transform: uppercase;
    }
    .section-descargas p {
        font-weight: 400;
        font-size: 4.5vw;
        line-height: 6vw;
        padding-bottom: 5vh;
    }
    
    .section-descargas > div.desktop {
        display: none;
    }
    .section-descargas > div.movil {
        height: auto !important;
        display: block;
    }
    .section-descargas ul {
        padding-left: 2vw !important;
    }
    .section-descargas li {
        margin-bottom: 1vw !important;
        list-style: none;
    }
    .section-descargas h3 {
        font-size: 5vw;
        padding-top: 3vw;
        margin-bottom: 1vw;
        font-weight: 500;
    }

    .section-descargas h3 > span {
        color: #009bad;
        font-size: 6.5vw;
        font-weight: 500;
        padding-right: 4vw;

    }

    .section-descargas h4 {
        position: relative;
        font-family: 'Apercu Pro', sans-serif;
        font-weight: 400;
        font-size: 4.5vw;
        margin-bottom: .6vw;
        line-height: 5.5vw;
        padding-top: 2vw;
        padding-left: 8vw;
    }
    .section-descargas h5 {
        font-family: 'Apercu Pro', sans-serif;
        font-weight: 300;
        font-size: 4vw;
        margin-bottom: 1vw;
        padding-left: 7vw;
    }
    .datos-abiertos > div > ul {
        padding-left: 8vw !important;
    }

    
    .section-capitulos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 40vw);
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    }
    .section-capitulos > a > figure {
        width: 25vw;
        height: 37vw !important;
        margin: .5vh 0;
        overflow: hidden;
    }
    .section-capitulos > a > figure > img {
        width: 100%;
        filter: grayscale(100%);
        margin-bottom: 2vw;
    }
    .section-capitulos > a:hover > figure > img {
        filter: none;
    }
    .section-capitulos a {
        position: relative;
        background-size: cover !important;
        padding: 0 4vw;
    }


    .section-capitulos a h3 {
        width: 100%;
        color: #0E98A9;
        font-family: 'Apercu Pro', sans-serif;
        font-weight: 500;
        font-size: 3vw;
        line-height: 3vw;
        padding-top: 3vw;
    }
    .section-capitulos a:hover h3 {
        color: #028190;
    }
    .section-capitulos a h3 span {
        font-size: 6vw;
        line-height: 5.5vw;
        float: left;
        margin-right:.1vw;
    }
    
    footer {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 170px !important;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        width: 100%;
        height:  auto;
    }
    
    footer > .codelco {
        padding:  15px 0 !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 50px repeat(2, 1fr) !important;
        grid-column-gap: 0px;
        grid-row-gap: 0px;

    }

    
    footer > .codelco div:nth-of-type(1) { grid-area: 1 / 1 / 2 / 2 !important; }
    footer > .codelco div:nth-of-type(2) {
        grid-area: 2 / 1 / 3 / 2 !important;
    }
    footer > .codelco div:nth-of-type(2) p {
        font-size: 3vw;
    }
    footer > .codelco div:nth-of-type(3) { grid-area: 3 / 1 / 4 / 2 !important; }
    
    .perfiles-ejecutivos .swiper-button-prev,
    .perfiles-ejecutivos .swiper-button-next {
        top: 14%;

    }
    .section-mision img {
        width: 90%;    
    }
    section > div > div > div > div:nth-of-type(1) {
        height: 37vh; 
        top: 42vh;
        position: absolute;
        display: flex;
    }
    section > div > div > div > div:nth-of-type(1) > div,
    section > div > div > div > div:nth-of-type(1) > div > div {
        height: 55vh !important;
        display: flex;
        width: 100vw !important;
        align-content: center;
        align-items: center;
    }

    .graffullmovil > div:nth-of-type(2) {
        display: none !important;
    }


    .graffullmovil > div:nth-of-type(1) {
        height: 69vh; 
        top: 10vh;
        display: flex;
        align-content: center;
        align-items: center;
    }
    .graffullmovil > div:nth-of-type(1) > div {
        height: 69vh !important;
        display: flex;
        align-content: center;
        align-items: center;
    }
    .graffullmovil > div:nth-of-type(1) > div > div {
        height: 69vh !important;
        display: flex;
        align-content: center;
        align-items: center;

    }
    .graffullmovil > div:nth-of-type(1) > div > div > figure {
        position: relative !important;
        bottom: 0 !important;
    }

    .swiper-pagination {
        top: 5px !important;
        position: absolute;
        height: 20px;
    }
    .grafico  h2 {
        font-size: 4vw;
        line-height: normal !important;
        margin-bottom: 1vh;
    }
    
    
    button.bot-copy {
        font-size: 2.5vw;
        line-height: 1.8vw;
        width: 22vw;
        height: 7vw;
        padding-left: 5vw;
        border-radius: 3.5vw;
        margin: 1vh 0;
        background: #f5f6f6 url("../imag/ico-copy.svg") 1.5vw center no-repeat;
        background-size: 3vw;
    }
    
    .grafico-tabla div {
        font-size: 3vw !important;
        padding: 0 2vw !important;
        
    }
    #matriz-de-conocimientos-1,
    #recursos-y-reservas-minerales-1,
    #oficinas-corporativas-en-chile-1,
    #propiedades-mineras-grafico-1 {
        overflow: hidden;
        width: 80vw !important; 
    }
    #matriz-de-conocimientos-1 .grafico-tabla {
        grid-template-columns: 40vw 55vw repeat(10, 25vw);
    }

    #propiedades-mineras-grafico-1 .grafico-tabla {
        grid-template-columns: 33vw 55vw 55vw 80vw 60vw 25vw;
        grid-auto-rows: auto;
        width: 308vw !important;
        height: 55vh;
    }
    #oficinas-corporativas-en-chile-1 .grafico-tabla {
        grid-template-columns: 33vw 20vw 50vw 35vw 27vw;
        grid-auto-rows: auto;
        width: 165vw !important;
        min-width: 165vw !important;
        height: 57vh;
    }
    #oficinas-corporativas-en-chile-1 .grafico-tabla > div:nth-child(-n+5) {
        height: auto !important;
    }
    #recursos-y-reservas-minerales-1 .grafico-tabla {
        grid-template-columns: 35vw 50vw 55vw 18vw 17vw 17vw 25vw;
        grid-auto-rows: auto;
        width: 217vw !important;
        min-width: 217vw !important;
        height: 60vh;
    }
    .grafico-modal {
        height: 75vh !important;
        overflow: auto !important;        
    }
    .grafico-modal h2 {
        position: absolute;
        width: 56vw;
    }
    .grafico-modal button {
        position: absolute;
        right: 4vw;;
    }

    .grafico-modal > .grafico-tabla 
    {
        height: 65vh !important;
        margin-top: 8vh;
    }

    
    #cobre-tmf-1,
    #numero-de-personas-por-sexo-y-cargo-1,
    #centros-de-trabajo-y-contratistas-1,
    #media-del-salario-bruto-1,
    #tasas-de-enfermedades-1 {
        width: 80vw !important;
    }
#cobre-tmf-1 .grafico-tabla {
    grid-template-columns: 36vw 11vw 11vw 11vw 11vw;
}
    
#numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla {
    grid-template-columns: 38vw 14vw 14vw 14vw;
}
#centros-de-trabajo-y-contratistas-1 .grafico-tabla {
    grid-template-columns: 50vw 30vw;
}
    
#media-del-salario-bruto-1 .grafico-tabla {
    grid-template-columns: 35vw 15vw 15vw 15vw;
}
    
    #tasas-de-enfermedades-1 .grafico-tabla {
        grid-template-columns: 60vw 20vw;
    }
    .grafico-tabla {
        position: relative !important;
        z-index: 1 !important;
    }
    .zoom-tabla {
        position: absolute !important;
        z-index: 10 !important;
        width: 80vw;
        height: 60vh;
        background: rgba(255,255,255,0.40) url("../imag/ico-zoom.svg") no-repeat center;
        background-size: 15vw;
    }

    
    
    
}

@media (max-width: 940px) and (orientation: landscape) {
    .swiper-button-next,
    .swiper-button-prev {
        width: 5vh;
        height: 5vh;
    }
    .content {
        padding: 0;
        height: calc(100vh - 55px - 5vh);
        display: flex;
        align-items: center;
    }
    .content-section {
      padding: 0 7vw 0 7vw;
    }
    .content-box {
            align-content: center;
    }
    .graffullmovil > div:nth-of-type(2) {
        display: none !important;
    }


    .graffullmovil > div:nth-of-type(1) {
        height: 69vh; 
        top: 10vh;
        display: flex;
        align-content: center;
        align-items: center;
    }
    .graffullmovil > div:nth-of-type(1) > div {
        height: 69vh !important;
        display: flex;
        align-content: flex-start;
        align-items:  flex-start;
    }
    .graffullmovil > div:nth-of-type(1) > div > div {
        height: 69vh !important;
        display: flex;
        align-content:  flex-start;
        align-items:  flex-start;

    }
    .graffullmovil > div:nth-of-type(1) > div > div > figure {
        position: relative !important;
        bottom: 0 !important;
    }
    .section-left > div:nth-of-type(1) blockquote {
      padding-bottom: 0;
    }
    #media-del-salario-bruto-1 .grafico-tabla div,
    #numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla div,
    #centros-de-trabajo-y-contratistas-1 .grafico-tabla div {
      padding: 1px 1vw;
      font-size: 2vh;
    }
    #media-del-salario-bruto-1 .grafico-tabla > div:nth-child(-n+2),
    #numero-de-personas-por-sexo-y-cargo-1 .grafico-tabla > div:nth-child(-n+2),
    #centros-de-trabajo-y-contratistas-1 .grafico-tabla > div:nth-child(-n+2) {
      font-size: 2vh;
    }
    .content-st .content-box img {
        width: 80vw !important;
    }
 }