/* Reset básico */
* {
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: "Rubik", sans-serif;
    text-decoration:none;
    border:0;
    outline:0;
}

.fade-in {
  opacity: 0;
  animation: fadeIn 1s ease-in-out forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
html {
  scroll-behavior: smooth;
}

body {
    
    color: #424242;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
  line-height: 1.5;
  margin: 0;
    padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
    width: 100vw;
}
.boton-zoom {
    position: absolute;
    background:#E55302 url("../imag/lupa-zoom.svg");
    background-size: 6vw;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 0;
    width: 7vw;
    height: 7vw;
}
.zoom-table {
    display: none;
}
.modal {
    background: rgba(0,0,0,0.70);
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 999999999999999;
    display: none;
}
#cerrar-modal {
    background: url("../imag/cerrar-modal.png") no-repeat center;
    background-size: 21vw;
    background-color: none;
    width: 28vw;
    height: 10vw;
    float: right;
}
.modal-container {
    position: absolute;
    width: 96vw;
    height: 90vh;
    bottom: 5vh;
    margin-left: 2vw;
    overflow: auto;
    border-radius: 1.4vw;
    background: #fff;
}
.modal-container img  {
    height: 80vh;
    margin-top: 5vh;
}
.modal-container button.bot-copy {
    background: url(/memoria2024/imag/copy.svg) no-repeat;
    background-position: right;
    background-size: 6.3vw;
    text-align: left;
    width: 38vw;
    padding: .6vw 0 .6vw 1vw;
    float: right;
    margin: 3vw;
    font-size: 3.5vw;
    padding: 2vw;
}

.menu-movil,
.img-solo-movil {
  display: none;
}

.menu-button {
  background-color: #d64700;
  color: white;
  border: none;
  padding: 1em;
  border-radius: 50%;
  position: fixed;
  top: calc(4.65vw + 58px);
  right: 3vw;
  cursor: pointer;
  display: block;
  width: 2.6vw;
  height: 2.6vw;
  z-index: 99999999999;
}

.mobile-menu {
    position: fixed;
    top: calc(4.65vw + 50px);
    height: auto;
    background: #f7f7f7;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 1000;
    padding: 1.3vw;
    width: 17vw;
    box-shadow: 0 0 12px 2px rgba(117,117,117,0.15);
    -webkit-box-shadow: 0 0 12px 2px rgba(117,117,117,0.15);
    -moz-box-shadow: 0 0 12px 2px rgba(117,117,117,0.15);
    z-index: 99999999999999;
    border: 1px solid #ddd;
}

.mobile-menu.open {
  transform: translateX(-1.5vw);
}

.mobile-menu ul {
  list-style: none;
  margin-top: 2vw;
  padding: 0;
}

.mobile-menu li {
    padding: 0.8em 0;
    text-align: right;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.05vw;
    line-height: 0.3vw;
}
.mobile-menu li a {
  color: #818181;
}
.mobile-menu li a:hover {
  color: #E55302;
}
.ac-movil,
#scroll-menu {
    display: none;
}


button.bot-copy,
button.ver-mas,
a.ver-mas
{
    background: url("/memoria2024/imag/ArrowRight.svg") no-repeat;
    background-position: right;
    background-size: 2vw;
    border: 1px solid #E55302;
    color: #E55302;
    padding: .6vw 2.6vw .6vw 1vw;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: .9vw;
    cursor: pointer;
    margin-top: 1.5vw;
    display: block;
    width: auto;
    float: left;
    margin-bottom: 1vw;
} 
button.bot-copy {
    background: url("/memoria2024/imag/copy.svg") no-repeat;
    background-position: right;
    background-size: 1.3vw;
    text-align: left;
    width: 9vw;
    padding: .6vw 0 .6vw 1vw;
    float: right;
    margin: 0 0 1vw 0;
}

button.bot-copy:hover,
button.ver-mas:hover,
a.ver-mas:hover{
    border: 1px solid #EF9867;
    color: #EF9867;
}
button.bot-copy:focus,
button.ver-mas:focus,
a.ver-mas:focus{
    border: 1px solid #E65514;
    color: #E65514;
}
button.ver-mas-movil {
    display: none;
}
a.ver-mas-movil {
    display: none;
}

.swiper-foto-full img {
    width: 100% !important;
    height: auto !important;
    max-height: initial !important;
}
.swiper-foto-full .swiper-slide {
    padding: 0;
}

.top-menu {
    background: #f5f5f5;
    height: 2.3vw;
    line-height: 2.3vw;
    padding: 0 2.7vw;
}

.top-menu .ico {
    display: block;
    width: 1.5vw;
    height: 1.5vw;
    float: left;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: .8vw;
    margin-top: .5vw;
}
.top-menu a {
    color: #424242;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-size: .8vw;
    line-height: .8vw;
}
.ico-stat {
    background: url("/memoria2024/imag/chartline.svg");
}
.ico-desc {
    background: url("/memoria2024/imag/download.svg");
}
.ico-es {
    background: url("/memoria2024/imag/es.svg");
    background-size: 70% !important;
}
.ico-acce {
    background: url("/memoria2024/imag/accesibilidad.svg");
}
.ico-tl {
    background: url("/memoria2024/imag/disminuir.svg");
    opacity: .7;
}
.ico-tr {
    background: url("/memoria2024/imag/resetear.svg");
    opacity: .7;
}
.ico-tm {
    background: url("/memoria2024/imag/aumentar.svg");
    opacity: .7;
}
.ico-bn {
    background: url("/memoria2024/imag/contraste.svg");
    opacity: .7;
}
.ico-tl:hover,
.ico-tr:hover,
.ico-tm:hover,
.ico-bn:hover {
    opacity: 1;
}


/* Header Capitulo*/
.header-cap {
    text-align: center;
    height: calc(47vw - 6.95vw);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 4px solid #D3D3D3;
    position: relative;
}
.header-cap .container {
    position: absolute;
    background:url("/memoria2024/imag/header-cap.png");
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: 24vw;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.header-cap .container > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 13.5vw;
    padding-bottom: 0;
    margin-top: auto;
    text-align: center;
}
.header-cap .container h1 {
    color: #424242;
    text-transform: uppercase;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    width: 100%;
    font-size: 3vw;
    line-height: 3.1vw;
}
.header-cap .container span {
    color: #424242;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: 100%;
    font-size: 1.3vw;
    display: block;
    text-transform: capitalize;
}
.header-cap .container button {
    color: #616161;
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: 100%;
    font-size: .6vw;
    text-transform: uppercase;
    height: 3vw;
    background: url("../imag/caret-down.jpg") no-repeat;
    background-size: 1.8vw;
    background-position: center 1.8vw;
    cursor: pointer;
}
.header-cap .container button:hover {
    color:#E65514; 
}

/* Containers */
.container {
  margin: 0 auto;
}
.modulo {
    padding: 0;
    margin: 0;
    width: 100vw;
    display: flex;
    position: relative;
    z-index: 99999999;
}
.fot-right {
    float: right;
    width: 66%;
}
.fot-bottom-center {
  display: block;
  margin: 2vw auto 0 auto;
  width: 55%;     /* o el tamaño que necesites */
  height: auto;
  max-width: 100%;
}
.fot-bottom-left {
    width: 64%;
    float: left;
    clear: both;
    margin-right: 30%;
    padding-top: 2vw;
}
.modulo-bloque-right {
    min-height: calc(47vw - 100px);
    background: url("/memoria2024/imag/nuevos-negocios.png");
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 3.5vw;
    box-sizing: border-box;
    padding:3vw 3vw;
}
.modulo-bloque-right .container {
    margin: 4.5vw 3vw 4.5vw auto;
}
.bg-grey {
    background: #F7F7F7;
}
.modulo .container picture {
    display: table;
    position: relative;
}
.modulo .container picture img {
    width: 100%;
}
.modulo .container > p,
.modulo .container .texto p {
    font-family: "Rubik", sans-serif;
    font-size: 1.2vw;
    line-height: 1.4vw;
    font-weight: 300;
    margin-bottom: 1vw;
    letter-spacing: .02vw;
}
.modulo .container .texto p:last-child {
    margin-bottom: 0 !important;
}

/* Header */
.header {
    background: #E55302;
    padding: 0 0;
    height: calc(4.65vw + 2.3vw);
    position: sticky;
    top: 0;
    z-index: 999999999;
}
.logo {
    
  float: left;
    width: 21.5vw;
    padding: 1vw 2.2vw;
}
.logo img {
    width: 15vw;
}
.menu-toggle {
    display: block;
    cursor: pointer;
    color: #fff;
    font-size: 6vw;
    background: url(../imag/ico-list.svg) no-repeat center;
    background-size: 6vw;
    width: 8vw;
    height: 8vw;
    float: right;
    margin-right: 2vw;
}
.menu-acce {
    display: block;
    cursor: pointer;
    color: #fff;
    font-size: 6vw;
    background: url("../imag/ico-acc-white.svg") no-repeat center;
    width: 8vw;
    height: 8vw;
    float: right;
    margin-right: 2vw;
}

/* Navegación móvil */
.nav-mobile {
  display: none;
  background: #fff;
    width: 100vw;
    height: 100vh;
}

.nav-mobile > ul > li {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 4.2vw;
  line-height: 1; /* Línea uniforme */
  text-transform: uppercase;
  padding: 3vw 0;
  color: #0A0A0A;

}
.nav-mobile > ul > li > a {
    color: #0A0A0A;
    font-size: 4.2vw;
}
.nav-mobile > ul > li > a.ico-dat {
    text-transform: none;
    background: url("../imag/chartline.svg") no-repeat left;
    padding-left: 11vw;
}
.nav-mobile > ul > li > a.ico-dow {
    text-transform: none;
    background: url("../imag/download.svg") no-repeat left;
    padding-left: 11vw;
}

.nav-mobile > ul > li > a > span {
    color: #0A0A0A;
    display: inline;
    font-family: "Space Mono", monospace;
    font-style: normal;
    font-size: 6.2vw;
    line-height: .9vw;
    font-weight: 700;
    padding-right: 2.5vw;
}
.nav-mobile.visible {
  display: block;
}
.nav-mobile ul,
.nav-desktop ul,
.footer-links ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 87vw;
  margin: auto;
}


.nav-desktop ul {
  flex-direction: row;
  gap: 1vw;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: .71vw;
  line-height: 1; /* Línea uniforme */
  text-transform: uppercase;
}

.nav-desktop ul > li > a {
  display: flex;
  align-items: center;
  gap: 5px; /* Espacio entre el número y el texto */
  color: #fff;
  opacity: 0.8;
  padding: 0;
  white-space: nowrap; /* Previene saltos de línea */
  line-height: 1;
  text-decoration: none;
}
.nav-desktop ul > li > a.mactive,
.nav-desktop ul > li > a:hover {
  opacity: 1;
}

.nav-desktop ul span {
  display: inline;
  color: #fff;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
    font-size: .71vw;
    line-height: .8vw;
    text-transform: uppercase;
}

.nav-desktop ul span strong {
    color: #fff;
    display: inline; 
  font-family: "Space Mono", monospace;
  font-style: normal;
    font-size: .77vw;
    line-height: .9vw;
    font-weight: 700;
    
}

/* Main */
.main {
  padding: 0 0;
    width: 100vw;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#reservas-minerales  container {
    
}

/* Asignar ancho a cada columna */
#reservas-minerales .container > div:first-child {
    flex: 0 0 30%;
}

#reservas-minerales .container > div:last-child {
    flex: 1; /* O 70%, o simplemente dejar que tome el resto */
}

/* Descargas */
.modulo-descargas {
    padding:  2.4vw 0;
}
.modulo-descargas .container {
    width: 94vw;
}
.modulo-descargas .container h2 {
    padding: 0;
    font-family: "Rubik", sans-serif;
    font-size: 2.5vw;
    font-weight: 600;
}
.modulo-descargas .container h6 {
    padding: 0 0 1.5vw 0;
    font-family: "Rubik", sans-serif;
    font-size: 1.2vw;
    font-weight: 600;
}
.modulo-descargas .container p {
    padding: .8vw 0 1.4vw 0;
    
}
.modulo-descargas .container .cont-descargas .bot-descargar {
    float: right;
    font-family: "Rubik", sans-serif;
    font-size: 1.2vw;
    font-weight: 600;
    background:  url("../imag/download.svg") no-repeat right;
    background-size: 3v;
    padding-right: 2vw;
    cursor: pointer;
}
.modulo-descargas .container .cont-descargas .bot-descargar:hover {
    opacity: .75;
}
.modulo-descargas .container .cont-descargas {
    position: relative;
    padding: 2vw;
    border: 1px solid #E55302;
    border-radius: 2vw;
}
.modulo-descargas .container .cont-descargas-1 {
    display: grid;
    grid-template-columns: 1.3fr 1.2fr 1fr .9fr 1fr 1fr 1fr;
    grid-template-rows: repeat(2, auto); /* auto para ajustarse al contenido */
    gap: 1vw;
    position: relative;
    padding:0;
    border-radius: 1vw;
    clear: both;
}
.modulo-descargas .container .cont-datos-1 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
}
.modulo-descargas .container .cont-descargas-2 {
    display: grid;
    grid-template-columns: 1.3fr 1.2fr 2fr 2fr .5fr .5fr .5fr;
    grid-template-rows: repeat(2, auto); /* auto para ajustarse al contenido */
    gap: 1vw;
    position: relative;
    padding:0;
    border-radius: 1vw;
}
.modulo-descargas .container .cont-descargas ul li {
    list-style: none;
    color: #424242;
    font-family: "Rubik", sans-serif;
    font-size: .8vw;
    line-height: 1.1vw;
    font-weight: 400;
    padding-bottom: .8vw;
    padding-left: 1.55vw;
}

.modulo-descargas .container .cont-descargas ul li input[type="checkbox"] {
    transform: scale(1.3);
    margin-right: 0.2vw;
    margin-top: .15vw;
}
.modulo-descargas .container .cont-descargas ul li:first-child {
    color: #424242;
    font-family: "Rubik", sans-serif;
    font-size: 1vw;
    line-height: 1.1vw;
    font-weight: 700;
    margin-bottom: .5vw;
    padding-left: 0;
}
.modulo-descargas .container .cont-descargas ul li label {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
    cursor: pointer
}

/* GRID BASE */
.container-5-col {
    width: 79vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto); /* auto para ajustarse al contenido */
    gap: 4vw .5vw;
    position: relative;
}
.container-5-col div:nth-of-type(1) { grid-area: 1 / 1 / 2 / 2; }
.container-5-col div:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; }
.container-5-col div:nth-of-type(3) { grid-area: 1 / 3 / 2 / 4; }
.container-5-col div:nth-of-type(4) { grid-area: 2 / 1 / 3 / 2; }
.container-5-col div:nth-of-type(5) { grid-area: 2 / 2 / 3 / 4; }

.container-5-col > div > img {
    height: 19vw;
}
/* Los hijos deben ser relativos para posicionar los pseudo-elementos */
.container-5-col > div {
    position: relative;
}

/* --- LÍNEAS VERTICALES ENTRE COLUMNAS (NO a la izquierda del primer ítem de cada fila) --- */
.container-5-col > div:not(:nth-child(3n + 1))::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2vw; /* la mitad del gap */
    width: 1px;
    background: #e8eaed;
}

/* --- LÍNEA HORIZONTAL ENTRE FILAS (aplicada a los de la segunda fila) --- */
.container-5-col > div:nth-child(n+4)::after {
    content: "";
    position: absolute;
    top: -2vw; /* compensando el gap */
    left: 0;
    width: 100%;
    height: 1px;
    background: #e8eaed;
}

.container-right {
    float: right;
    margin: 4.5vw 3vw 4.5vw auto;
    width: 62.8vw;
    padding: 3.1vw 2.4vw;
    background: #fff;
}
.container-right h2 {
    font-size: 2.8vw;
    font-weight: 200;
    letter-spacing: -.00001vw;
    margin-bottom: -0.5vw;
}
.container-right p {
  font-family: "Rubik", sans-serif;
    font-size: 1.2vw;
    line-height: 1.4vw;
    font-weight: 300;
    margin-bottom: 2vw;
}

.portada-memoria {
    background: url("/memoria2024/imag/bg-port.jpg") no-repeat left;
    background-size: cover;
    text-align: center;
    height: calc(47vw - 100px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 4px solid #D3D3D3;
}
.portada-memoria .container {
        margin: 0;
}
.memoria-port {
float: right;
    width: 24vw;
    margin-right: 7.5vw;
}
#codelco-sintesis {
    background: #fff;
    padding: 7vw 9.5vw;
}
#codelco-sintesis > .container {
    width: 79vw;
}
.modulo-cruz h2,
section > .container > h2 {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 3vw;
    padding-bottom: 1.5vw;
    line-height: 3.0vw;
    letter-spacing: .05vw;
}

.codelco-sintesis {
    width: 79vw;
    margin: auto;
    position: relative;
    display: table;
    margin-bottom: 2vw;
}

.destacados .item {
  margin-bottom: 2rem;
}


#foco-negocio {
    background: url("/memoria2024/imag/bg-foco-del-negocio.jpg");
    padding: 0;
    display: table;
}

#mineria-responsable {
  padding: 5vw 0;
}

#mineria-responsable h2 {
font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 3vw;
    padding-bottom: 1.5vw;
letter-spacing: -.00001vw;
    margin-bottom: -0.5vw;
}
#mineria-responsable p {
  font-family: "Rubik", sans-serif;
    font-size: 1.2vw;
    line-height: 1.4vw;
    font-weight: 300;
    margin-top: 2vw;
}


#talento-minero {
    padding: 5vw 0;
    background: #F7F7F7;
}

.paginador-slide-full {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 2vw;
    z-index: 10;
    margin: auto;
}
.paginador-slide-full .cont-pag-slider {
    position: relative;
    width: 18vw;
    height: 2vw;
}
.paginador-slide-full .cont-pag-slider .swiper-pagination {
    width: 14vw !important;
}

.paginador-slide-full .swiper-button-prev {
    background: url(../imag/row-left.png);
    background-position: right;
    background-size: cover;
    left: 0;
    width: 1.9vw;
    height: 1.9vw;
    top: 1.6vw;
}
.paginador-slide-full .swiper-button-next {
    background: url(../imag/row-right.png);
    background-position: left;
    background-size: cover;
    right: 0 !important;
    width: 1.9vw;
    height: 1.9vw;
    top: 1.6vw;
 }



.paginador-slide-full .swiper-pagination-bullet {
    width: 4vw;
    height: .46vw;
    border-radius: .23vw;
    background-color: #D9D9D9; 
    display: inline-block;
    margin: .4vw 5px; 
    cursor: pointer;
    opacity: .8;
}

.paginador-slide-left,
.paginador-slide-right {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2vw;
    height: 100%;
    z-index: 10;
    top: 0;
}



.paginador-slide-left .cont-pag-slider,
.paginador-slide-right .cont-pag-slider {
    position: relative;
    width: 2vw;
    height: 20vw;
}


.paginador-slide-right {
    right: -.5vw;
}

.paginador-slide-right .swiper-button-prev,
.paginador-slide-right .swiper-button-next, 
.paginador-slide-left .swiper-button-prev,
.paginador-slide-left .swiper-button-next {
    width: 1.9vw;
    height: 1.9vw;
    position: absolute;
    z-index: 9999;
    background: url("../imag/row-up.png");
    background-size: cover;
    background-position: bottom;
    top: -2.5vw !important;
    left: -.05vw;
}

.paginador-slide-right .swiper-button-next,
.paginador-slide-left .swiper-button-next {
    bottom: -3vw !important;
    left: -.05vw;
    top: auto !important;
    background: url("../imag/row-down.png");
    background-size: cover;
    background-position: bottom;
}
.paginador-slide-right .swiper-button-next:hover,
.paginador-slide-left .swiper-button-next:hover {
    background-position: top;
}
.paginador-slide-right .swiper-pagination,
.paginador-slide-left .swiper-pagination {
  position: absolute;
  width: .5vw !important;
  text-align: center;
  height: 18vw !important;
  left: .7vw;
}
.paginador-slide-right .swiper-pagination-bullet,
.paginador-slide-left .swiper-pagination-bullet {
    width: .46vw;
    height: 4vw;
    border-radius: .23vw;
    background-color: #D9D9D9; 
    display: inline-block;
    margin: .4vw 5px; 
    cursor: pointer;
    opacity: .8;
}
.paginador-slide-full .swiper-pagination-bullet-active,
.paginador-slide-right .swiper-pagination-bullet-active, 
.paginador-slide-left .swiper-pagination-bullet-active {
    background-color: #E55302; 
    opacity: 1;
}



.modulo-slide-dos-columnas-right h2,
.modulo-dos-columnas-right h2,
.modulo-dos-columnas-left  h2,
#talento-minero h2 {
font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 3vw;
    line-height: 3.3vw;
    padding-bottom: 1.9vw;
    letter-spacing: -.00001vw;
    margin-bottom: -0.5vw;
}
.modulo-dos-columnas-right h3,
.modulo-dos-columnas-left  h3 {
font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5vw;
    line-height: 3.3vw;
    color: #E55302;
}
#talento-minero h2 {
    padding-left: 5vw;
}

#talento-minero p {
  font-family: "Rubik", sans-serif;
    font-size: 1.2vw;
    line-height: 1.4vw;
    font-weight: 300;
    margin-bottom: 2vw;
}


.modulo-full,
.modulo-dos-columnas {
  width: 100%;
  padding: 5.4vw 0;
}
.modulo-acordion,
.modulo-full .container {
  max-width: 79vw;
  margin: auto;    
}
.modulo-full .container img  {
    width: 100%;
    padding-top: 2.5vw;
}

.modulo-cruz {
    padding: 5vw 0;
}
.modulo-cruz .container  {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    max-width: 79vw;
    margin: auto;
    gap: 2vw;
    position: relative;

}
.modulo-cruz .container .texto {
    margin: 0 !important;
}
.modulo-slide-dos-columnas-right {
    padding: 5vw 0;
}
#slide-cartera {
      width: 100%;
      height: 100%;
}

.modulo-slide-dos-columnas-right .container {
    width: 79vw;
    height: 30vw;
    margin: auto;
    overflow: hidden;
}
.modulo-slide-dos-columnas-right .container #slide-cartera .swiper-slide {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 79vw;
    margin: auto;
    gap: 4vw;
    position: relative;
    padding: 0;
    background: none;
}
.modulo-slide-dos-columnas-right .texto h5 {
    background: url("../imag/maquina.svg") no-repeat left;
    background-size: 3vw;
    line-height: 4vw;
    padding-left: 4vw;
    font-size: 1.2vw;
}
.modulo-slide-dos-columnas-right .texto li {
    padding: 0;
    margin: 0 0 .5vw 2vw !important;
    list-style: disc;
    font-size: 1.2vw;
    line-height: 1.4vw;
    font-weight: 300;
}
.modulo-slide-dos-columnas-right picture {
    width: 100%;
    height: auto;
}
.modulo-slide-dos-columnas-right picture img {
    width: 100%;
    height: auto;
    padding-right: 2vw;
}

.modulo-dos-columnas .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 79vw;
    margin: auto;
    gap: 4vw;
    position: relative;
}
.modulo-dos-columnas .cont-slide p {
    font-size: 1.1vw !important;
    
}


.swiper-button-next:after,     .swiper-button-prev:after {
    content: '';
}

.bloque-doble .container .slider {
    background: #F7F7F7;
    position: relative;
}
.bloque-doble .container > div {
    width: calc(50% - 1vw); /* 1vw es la mitad del gap entre columnas */
    overflow: hidden;
}




.modulo-dos-columnas-right .swiper-wrapper {
    height: 28vw;
    max-height: 28vw;
}
.modulo-dos-columnas-right .container .slider {
    position: relative;
    margin-right: 2vw;
}
.modulo-dos-columnas-right .container > div {
    width: calc(50% - 1vw); /* 1vw es la mitad del gap entre columnas */
    overflow: hidden;
}


.modulo-dos-columnas-left .swiper-wrapper {
    height: 26vw;
}
.modulo-dos-columnas-left .container .slider {
    position: relative;
}
.modulo-dos-columnas-left .container > div {
    width: calc(50% - 1vw); /* 1vw es la mitad del gap entre columnas */
    overflow: hidden;
}

.columna {
  flex: 1;
}

.columna.imagen img {
  width: 100%;
  height: auto;
  display: block;
}

.cont-slide {
    background: #F7F7F7;
    display: flex;
    padding: 2vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    height: 100%;
    overflow: hidden;
}

.slider-dotacion-de-personas .cont-slide {
    background: #fff !important;
} 

.cont-slide img {
    max-height: 40%;
    height: auto;
    width: auto;
}
.cont-slide img  {
    height: 5vw;
}

.cont-slide p {
    font-size: 1.2vw;
    color: #424242;
    margin-bottom:2vw; 
}
.cont-slide p:last-child {
    margin-bottom: 0;
}




.slider {
    overflow: hidden;
}
.slider-resultados-economicos .cont-slide {
    padding: 0;
}

#nuevos-negocios .container {
    margin: 0;
    width: 60vw;
    padding: 4.4vw 2.4vw;
    background: #fff;
}
#hitos {
  padding: 5.2vw 0 3.2vw 0;
}
#hitos .container {
    width: 76vw;
    position: relative;
}

#container-cronologia h2 {
    padding-bottom: 0;
}
#container-cronologia .swiper-container{
    width: 76vw;
    height: auto !important;
    overflow: hidden;
}
.cronologia .swiper-pagination-progressbar {
    top: inherit;
    bottom: -2vw;
}
.swiper-pagination-progressbar {
    background: #D9D9D9;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #E55302;
}

.cabecera-crono {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}

.cabecera-crono::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 130%;
    height: 1px;
    background-color: #e65100;
    transform: translateY(-50%);
    z-index: 0;
}
.cabecera-crono::before {
    content: "";
    position: absolute;
    top: 70%;
    left: 50%;
    width: 1px;
    height: 20px;
    background-color: #9AA1A4;
    transform: translateX(-50%);
    z-index: 0;
}

.etiqueta-year {
    font-family: "Space Mono", monospace;
    font-weight: 400 !important;
    display: inline-block;
    background-color: #F7F7F7;
    color: #36424A;
    font-size: 1.5vw;
    font-weight: bold;
    padding: 6px 14px;
    z-index: 3;
}

#container-cronologia .swiper-container .bloque-crono h3 {
    color: #E55302;
    font-size: 1vw;
}
#container-cronologia .swiper-container .bloque-crono p {
    font-size: .9vw;
    margin-right: 2vw;
}


/* Slide Perfiles */
#container-ejecutivos .swiper-container,
#container-directorio .swiper-container {
    width: 76vw;
    padding-top: 2vw;
    height: auto !important;
}
#container-ejecutivos .swiper-container .bloque-perfil h3,
#container-directorio .swiper-container .bloque-perfil h3 {
    font-family: "Rubik", sans-serif;
    font-size: .9vw;
    color: #E55302;
    font-weight: 600;
}
#container-ejecutivos .swiper-container .bloque-perfil h4,
#container-directorio .swiper-container .bloque-perfil h4 {
    font-family: "Rubik", sans-serif;
    font-size: .9vw;
    color: #424242;
    font-weight: 600;
}
.bloque-perfil p {
    font-family: "Rubik", sans-serif;
    font-size: .75vw;
    color: #424242;
    font-weight: 300;
}
/* Hitos Home */
#container-hitos-home .swiper-container {
    width: 76vw;
    overflow: hidden;
}

/* talent Minero Home */
#talento-minero .container .texto img {
    width: 100%;
}
#talento-minero .cont-slide {
    padding: 2vw 2vw 2vw 5vw; 
}


.modulo-fot-2col {
    width: 100vw;
    padding: 5.4vw 0;
}
.modulo-fot-2col .container {
    width: 79vw;
    
}

.bloque-doble {
  max-width: 79vw;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: "Rubik", sans-serif;
    font-size: 1vw;
    color: #424242 !important;
    font-weight: 300;   
}
.modulo-fot-2col .container div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 5vw;
    grid-row-gap: 0px; 
    margin-top: 2vw;
}

.cabecera-seccion {
  margin-bottom: 20px;
  position: absolute;
}

.etiqueta-fecha {
  display: inline-block;
  background-color: #e65100;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 14px;
  border-radius: 3px;
}

.contenedor-noticias {
    width: 76vw;
  display: flex;
  gap: 5vw;
  position: relative;
}

.bloque-noticia {
  flex: 1;
}

.separador-vertical {
  width: 1px;
  background-color: #D6D8DA;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.imagen-noticia {
  width: 100%;
  height: auto;
  margin-bottom: .3vw;
}

.titulo-noticia {
  font-size: 1.4vw;
    line-height: 1.6vw;
  font-weight: 700;
  color: #424242;
  margin-bottom: 1vw;
}

.texto-noticia {
    font-family: "Rubik", sans-serif;
    font-size: 1.2vw;
    line-height: 1.4vw;
    font-weight: 300;
    margin-bottom: 2vw;
}

.boton-general {
  margin-top: 30px;
}

.boton-noticia {
  display: inline-block;
  border: 2px solid #e65100;
  color: #e65100;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 16px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.boton-noticia:hover {
  background-color: #e65100;
  color: white;
}




#capitulos  {
  padding: 0;
    padding: 4vw 0;
}
#recursos-adicionales {
    padding: 2.5vw 2.5vw 5.5vw 2.5vw;
}
#recursos-adicionales .container {
    width: 95vw;
}
#capitulos h2,
#recursos-adicionales h2 {
    text-align: center;
    font-family: "Rubik", sans-serif;
    font-size: 1.3vw;
    text-transform: uppercase;
    color: #424242;
    font-weight: 400;
    width: 95vw;
}
.parent-recursos {
    width: 83vw;
    margin: auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 2.4vw;
grid-row-gap: 2.4vw;
}
.parent-recursos > div {
    height: 6.5vw;
    position: relative;
    cursor: pointer;
    background-size: 100%;
    padding: 2vw 1.6vw;
    background: #33ADBB;
}
.parent-recursos > div:hover {
    background: #0098AA;
}

.parent-recursos > div > a > h3 {
    font-family: "Rubik", sans-serif;
    font-size: 1.1vw;
    color: #fff;
    font-weight: 400;
    line-height: 3vw;
    background: url(/memoria2024/imag/ArrowRight.png) no-repeat right;
    background-size: 1.2vw;
}
.parent-recursos > div > a > h3 > .ico {
    display: block;
    width: 3vw;
    height: 3vw;
    background-color: #fff;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5vw;
    float: left;
    margin-right: 1vw;
}
.ico-notebook {
    background: url("/memoria2024/imag/Notebook.png")
}
.ico-chartbar {
    background: url("/memoria2024/imag/ChartBar.png")
}
.ico-mundo {
    background: url("/memoria2024/imag/mundo.png")
}
.ico-descarga {
    background: url("/memoria2024/imag/descarga.png")
}



.parent-cap {
    width: 79vw;
    margin: auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 1.2vw;
grid-row-gap: 1.2vw;
}
.parent-cap > div {
    height: 8.1vw;
    position: relative;
    cursor: pointer;
    background-size: cover !important;
}

.parent-cap > div > a > div {
    position: absolute;
    background: url(/memoria2024/imag/degrade-cap-off.png);
    width: 100%;
    height: 8.1vw;
    background-size: cover;
}


.parent-cap > div:hover > a >  div {
    background: url("/memoria2024/imag/degrade-cap.png");
    height: 8.1vw;
    transition: all 0.5s ease;
}

.parent-cap > div > a >  div > h3 {
    color: #fff;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: .8vw;
    position: absolute;
    bottom: .7vw;
    padding-left: 1vw;
    letter-spacing: -.05vw;
}
.parent-cap > div > a >  div > h3 > span {
    font-family: "Space Mono", monospace;
    font-weight: 700;

}
.parent-cap > div > a >  div > h3 > button {
    display: none;
    background: url(ArrowRight.png) no-repeat right;
    background-size: .8vw;
    padding-right: 1vw;
    font-size: .8vw;
    color: #fff;
    opacity: 0;
    
}
.parent-cap > div > a >  div:hover > h3 > button {
    display: block;
    opacity: 1;
      transition: opacity 0.7s ease;
}

.parent-cap > div {
    background-size: 100%;
    background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-size 0.5s ease;  
}
.parent-cap > div > div:hover {
  background-size: 110%; /* Zoom del 10% */
}
.parent-cap > .div1 {
    grid-area: 1 / 1 / 2 / 2;
    background: url("/memoria2024/imag/cap-01.png");

}
.parent-cap > .div2 {
    grid-area: 1 / 2 / 2 / 3;
    background: url("/memoria2024/imag/cap-02.png");
}
.parent-cap > .div3 {
    grid-area: 1 / 3 / 2 / 4;
    background: url("/memoria2024/imag/cap-03.png");
}
.parent-cap > .div4 {
    grid-area: 2 / 1 / 3 / 2;
    background: url("/memoria2024/imag/cap-04.png");
}
.parent-cap > .div5 {
    grid-area: 2 / 2 / 3 / 3;
    background: url("/memoria2024/imag/cap-05.png");
}
.parent-cap > .div6 {
    grid-area: 2 / 3 / 3 / 4;
    background: url("/memoria2024/imag/cap-06.png");
}
.parent-cap > .div7 {
    grid-area: 3 / 1 / 4 / 2;
    background: url("/memoria2024/imag/cap-07.png");
}
.parent-cap > .div8 {
    grid-area: 3 / 2 / 4 / 3;
    background: url("/memoria2024/imag/cap-08.png");
}
.parent-cap > .div9 {
    grid-area: 3 / 3 / 4 / 4;
    background: url("/memoria2024/imag/cap-09.png");
}
.parent-cap > .div10 {
    grid-area: 4 / 1 / 5 / 2;
    background: url("/memoria2024/imag/cap-10.png");
}
.parent-cap > .div11 {
    grid-area: 4 / 2 / 5 / 3;
    background: url("/memoria2024/imag/cap-11.png");
}
.parent-cap > .div12 {
    grid-area: 4 / 3 / 5 / 4;
    background: url("/memoria2024/imag/cap-12.png");
}

.cifras .dato {
  flex: 1 1 calc(50% - 1rem);
  background: #efefef;
  padding: 1rem;
  text-align: center;
}

/* Footer */
.footer-codelco {
  background-color: #36424a; /* Color de fondo oscuro */
  color: #fff; /* Texto en blanco */
  padding: 3vw 0;
  font-family: Arial, sans-serif;
  font-size: 1vw;
line-height: 2vw;
}

.footer-contenedor {
  max-width: 92vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-columna {
  flex: 1 1 50%;
  margin: 1em 0;
}
.footer-columna.enlaces img {
    width: 1.5vw;
}
.footer-columna.enlaces {
    text-align: right;
}
.footer-columna.enlaces a {
    color: #fff;
    margin-right: 1vw;
}

.footer-columna.enlaces ul li {
  margin-bottom: 0.5em;
}

.footer-columna.enlaces ul li a {
  color: #fff;
  text-decoration: none;
}

.footer-columna.enlaces ul li a:hover {
  text-decoration: underline;
}

.footer-columna.redes-sociales {
  display: flex;
  align-items: center;
  gap: 1em;
}

.footer-columna.redes-sociales a {
  color: #fff;
  font-size: 1.5em;
  text-decoration: none;
}

.footer-columna.redes-sociales a:hover {
  color: #ccc;
}



.table-csv h2 {
    font-size: 1.1vw;
    font-weight: 500;
    line-height: 1.3vw;
    display: table;
}
.accordion {
  background: #F7F7F7 url("../imag/caret-down.png") no-repeat right;
  color: #424242;
  font-size: .8vw;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-top: 1vw;
}
.panel > .table-csv > .grafico-tabla > div{
    font-size: 0.85vw !important;
    padding: .5vw 0;
}
.accordion > h2 {
    font-weight: 500;
}
.panel > div > .grafico-tabla {
  display: grid!important;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  font-family: "Rubik", sans-serif;
  font-size: 0.85vw !important;
  font-weight: 300;
  color: #212121;
  text-align: right;
    margin-bottom: 2vw;
}
.panel > div > h2 {
    font-size: 1vw;
    font-weight: 300;
}
.panel > div > .grafico-tabla > div:nth-child(4n-3) {
    text-align: left;
}

.panel > div > .grafico-tabla > div:nth-child(-n+4) {
    background: #EEEEEE;
    color: #E55302;
    border-bottom: 1px solid #E55302;
    font-weight: 500;
}

.panel .table-desc-2 .grafico-tabla > div:nth-last-child(8):nth-child(4n+1),
.panel .table-desc-2 .grafico-tabla > div:nth-last-child(4):nth-child(4n+1) {
  grid-column: 1 / -1;
  border: none;
}
.panel .table-desc-2 .grafico-tabla > div:nth-last-child(7):nth-child(4n+2),
.panel .table-desc-2 .grafico-tabla > div:nth-last-child(6):nth-child(4n+3),
.panel .table-desc-2 .grafico-tabla > div:nth-last-child(5):nth-child(4n+4),
.panel .table-desc-2 .grafico-tabla > div:nth-last-child(3):nth-child(4n+2),
.panel .table-desc-2 .grafico-tabla > div:nth-last-child(2):nth-child(4n+3),
.panel .table-desc-2 .grafico-tabla > div:last-child:nth-child(4n+4) {
  display: none;
}
.panel .table-desc-3 .grafico-tabla > div:nth-last-child(12):nth-child(4n+1),
.panel .table-desc-3 .grafico-tabla > div:nth-last-child(8):nth-child(4n+1),
.panel .table-desc-3 .grafico-tabla > div:nth-last-child(4):nth-child(4n+1) {
  grid-column: 1 / -1;
  border: none;
}
.panel .table-desc-3 .grafico-tabla > div:nth-last-child(11):nth-child(4n+2),
.panel .table-desc-3 .grafico-tabla > div:nth-last-child(10):nth-child(4n+3),
.panel .table-desc-3 .grafico-tabla > div:nth-last-child(9):nth-child(4n+4),
.panel .table-desc-3 .grafico-tabla > div:nth-last-child(7):nth-child(4n+2),
.panel .table-desc-3 .grafico-tabla > div:nth-last-child(6):nth-child(4n+3),
.panel .table-desc-3 .grafico-tabla > div:nth-last-child(5):nth-child(4n+4),
.panel .table-desc-3 .grafico-tabla > div:nth-last-child(3):nth-child(4n+2),
.panel .table-desc-3 .grafico-tabla > div:nth-last-child(2):nth-child(4n+3),
.panel .table-desc-3 .grafico-tabla > div:last-child:nth-child(4n+4) {
  display: none;
}
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(16):nth-child(4n+1),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(12):nth-child(4n+1),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(8):nth-child(4n+1),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(4):nth-child(4n+1) {
  grid-column: 1 / -1;
  border: none;
}
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(15):nth-child(4n+2),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(14):nth-child(4n+3),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(13):nth-child(4n+4),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(11):nth-child(4n+2),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(10):nth-child(4n+3),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(9):nth-child(4n+4),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(7):nth-child(4n+2),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(6):nth-child(4n+3),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(5):nth-child(4n+4),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(3):nth-child(4n+2),
.panel .table-desc-4 .grafico-tabla > div:nth-last-child(2):nth-child(4n+3),
.panel .table-desc-4 .grafico-tabla > div:last-child:nth-child(4n+4) {
  display: none;
}
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(20):nth-child(4n+1),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(16):nth-child(4n+1),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(12):nth-child(4n+1),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(8):nth-child(4n+1),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(4):nth-child(4n+1) {
  grid-column: 1 / -1;
  border: none;
}
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(19):nth-child(4n+2),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(18):nth-child(4n+3),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(17):nth-child(4n+4),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(15):nth-child(4n+2),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(14):nth-child(4n+3),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(13):nth-child(4n+4),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(11):nth-child(4n+2),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(10):nth-child(4n+3),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(9):nth-child(4n+4),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(7):nth-child(4n+2),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(6):nth-child(4n+3),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(5):nth-child(4n+4),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(3):nth-child(4n+2),
.panel .table-desc-5 .grafico-tabla > div:nth-last-child(2):nth-child(4n+3),
.panel .table-desc-5 .grafico-tabla > div:last-child:nth-child(4n+4) {
  display: none;
}






/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.modulo-acordion > .container > .active, .accordion:hover {
  background: #E7E8E9 url("../imag/caret-up.png") no-repeat right;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 1.5vw;
  background-color: white;
  display: none;
  overflow: hidden;
  background: #F7F7F7;
  margin-bottom: 1vw;
}


/* Media Queries */
@media (min-width: 768px) {
  .menu-toggle,
  .nav-mobile {
    display: none;
  }
  .nav-desktop {
    display: flex;
      padding: 1.03vw 0;
  }
  .cifras .dato {
    flex: 1 1 calc(25% - 1rem);
  }
    
}

@media (max-width: 767px) {
    header {
        height:  calc(17vw + 38px) !important;
    }
    header .header-container {
        height: 18vw;
    }
    header .header-container .logo {
        padding: 3.5vw !important;
        width: 75vw;
    }
    header .header-container .logo img {
        width: 65vw;
        margin-left: 4vw;
    }
    header .header-container .nav-desktop{
        display: none;
    }
    .ac-movil {
        display: block;
        position: fixed;
        width: 53vw;
        height: 12vw;
        background: rgba(0,0,0,0.30);
        bottom: 0;
        left: 23.5vw;
        z-index: 9999999999999;
        border-radius: 2vw 2vw 0 0;
        padding: 1vw 5vw;
    }
.table-sostenibilidad .grafico-tabla {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    font-family: "Rubik", sans-serif;
    font-size: 0.85vw !important;
    font-weight: 300;
    color: #212121;
    text-align: right;
    margin-bottom: 2vw;
}
    
.modal-container .table-sostenibilidad .grafico-tabla {
    width: 150vw;
 }
  .ac-movil .ico {
    display: block;
    width: 10vw;
    height: 10vw;
    float: left;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: .8vw;
    margin-top: .5vw;
}
    .ac-movil .ico:last-child {
        margin: 0;
    }
    .menu-movil {
        position: absolute;
        width: 24vw;
        height: 9vw;
        top: calc(4.8vw + 32px) !important;
        right: 2vw;
        display: block;
        text-align: right;
    }
    .modulo-cruz .container {
        display: flex;
         flex-wrap: wrap;
    }
.modulo-cruz .container > div:nth-child(3) {
  order: 4;
}

.modulo-cruz .container > div:nth-child(4) {
  order: 3;
}
#container-cronologia .swiper-container {
    width: 87vw;
}
    #container-cronologia .swiper-container .bloque-crono h3 {
        font-size: 4.7vw;
    }
    .hidemenu {
        display: none !important;
    }
    .showmenu {
    display: block !important;    
    }
#scroll-menu {
    position: relative;
    width: 100vw;
    display: block;
    background: #EA7535;
    z-index: 9999999999;
    max-height: 100vh;
    overflow-y: auto;
    transition: all 0.3s ease;
    
}
.accordion > h2 {
    font-weight: 500;
    font-size: 4.3vw;
    line-height: 4.8vw;
}
#scroll-menu.closed ul li:not(.active-item) {
    display: none;
}

#scroll-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
    #scroll-menu ul li {
    display: flex;
    align-items: center; /* centra verticalmente los elementos dentro */
    justify-content: left; /* opcional: centra también horizontalmente */

    }
    
    #scroll-menu.closed {
    height: 6vh; /* ocupa toda la altura visible */
    }
    

#scroll-menu a {
    color: #C9C9C9;
    padding: 2.5vw 2vw 2.5vw 12vw;
    display: block;
    font-size: 4vw;
    font-weight: 300;
    text-decoration: none;
    line-height: 4.5vw;
    width: 100%;
}
    
#scroll-menu a span {
    float: right;
    margin-right: 2vw;
    font-weight: 400;
    display: block;
    height: 9.2vw;
    line-height: 9.2vw;
    font-size: 4.5vw;
}

#scroll-menu a.active {
    color: #fff;
}

/* Botón de menú dentro del menú */
#menu-toggle {
    position: absolute;
    background: url("../imag/caret-down-white.svg") no-repeat 1vw -2vw;
    background-size: 7vw;
    border: none;
    font-size: 6vw;
    color: white;
    display: block;
    margin: 3vw auto 3vw 2VW;
    cursor: pointer;
    width: 8vw;
    height: 8vw;
}

    footer { 
        background-color: #36424a;
        color: #fff;
        padding: 11vh 0;
        font-family: Arial, sans-serif;
        font-size: 3.3vw !important;
        line-height: 10vw !important;
        height: 60vh;
    }
.footer-columna.enlaces img {
    width: 5.5vw;
}
    .swiper-foto-full .swiper-slide img {
        width: 87vw !important;
        height: auto !important;
    }
    .modulo .container picture  {
        width: 100%;
    }
    
    .modulo-bloque-right .container {
        margin: 0 !important;
    }
    .modulo-descargas .container h6 {
        padding: 0 0 7.5vw 0;
        font-size: 4.2vw;
    }
    .modulo-descargas .container .cont-descargas .bot-descargar {
        font-size: 4.2vw;
        padding-right: 9vw;
        border: 1px solid #000;
        padding: 1vw 10vw 1vw 5vw;
        border-radius: 5vw;
        width: 100%;
        clear: both;
        float: none;
    }
    .modulo-descargas .container .cont-datos-1,
    .modulo-descargas .container .cont-descargas-1,
    .modulo-descargas .container .cont-descargas-2 {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto; /* opcional: las filas se adaptan automáticamente */
        gap: 4vw; /* opcional: mayor separación entre bloques en móvil */
    }
    .modulo-descargas .container h2 {
        padding: 2vw 0 1vw 0;
        font-size: 6.5vw;
    }
    .modulo-descargas .container p {
        padding: .8vw 0 5.5vw 0;
    }
    .modulo-descargas .container .cont-descargas ul li {
        font-size: 3.5vw;
        line-height: 3.9vw;
        margin-bottom: 4vw;
    }
    .modulo-descargas .container .cont-descargas ul li:first-child {
        font-size: 3.7vw;
        line-height: 4.4vw;
        font-weight: 900;
        margin-bottom: 6vw;
    }
    .modulo-descargas .container .cont-descargas {
        padding: 6vw;
    }
    
    .footer-contenedor {
        width: 87vw;
    }
    .footer-contenedor > .contacto img {
        display: table;
        margin: 13vw auto 4vw auto;
    }
    .table-csv,
    .grafico-tabla {
        width: 100%;
    }
    .grafico-tabla > div {
        font-size: 2vw !important;        
    }
    #hitos .container {
        width: 87vw !important;
        margin: auto;
    } 
    .etiqueta-year {
        font-size: 7vw;
    }
    
    .fot-bottom-left {
        width:87vw;
        margin-right:0;
    }
  .modulo-fot-2col .container div {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto;
    gap: 4vw;
  }
    .bloque-perfil {
        padding: 0 6vw;
    }
    .header-cap .container > div {
        display: contents;
    }
    #container-ejecutivos .swiper-container .bloque-perfil h3,
    #container-directorio .swiper-container .bloque-perfil h3 {
        margin-top: 2vw;
    }
    #container-ejecutivos .swiper-container .bloque-perfil h4,
    #container-directorio .swiper-container .bloque-perfil h4, 
    #container-ejecutivos .swiper-container .bloque-perfil h3,
    #container-directorio .swiper-container .bloque-perfil h3 {
        font-size: 5.2vw;

    }
    .parent-recursos > div > a > h3 > .ico {
        display: block;
        width: 10vw;
        height: 10vw;
        background-color: #fff;
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 5vw;
        float: left;
        margin-right: 3vw;
    }
    .parent-recursos > div > a > h3 {
        font-family: "Rubik", sans-serif;
        font-size: 4.2vw;
        color: #fff;
        font-weight: 300;
        line-height: 9.8vw;
        background: url("/memoria2024/imag/ArrowRight.png") no-repeat right;
        background-size: 6vw;
    }
    .img-solo-movil {
        display: block;
        width: 100vw;
        margin-left:-6.5vw;
        margin-bottom: 8vw;
        
    }
    .top-menu {
        height: 32px;
    }
    .top-menu a {
        font-size: 3.4vw;
        line-height: 32px;
        display: block;
        text-align: center;
    }
    .top-menu > div {
        display: none !important;
    }
    .swiper-button-prev,
    .swiper-button-next {
        display: none !important;
    }
    .modulo {
        display: block !important;
        width: 100vw !important;
        max-width: 100vw;
        overflow: hidden !important;
        padding: 13vw 6.5vw !important;
        display: inline-table;
    }
    button.ver-mas,
    a.ver-mas
    {
        background: url(/memoria2024/imag/ArrowRight.svg) no-repeat;
        background-position: right;
        background-size: 10vw;
        border: 1px solid #E55302;
        color: #E55302;
        font-family: "Rubik", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size: 3.4vw;
        cursor: pointer;
        margin-top: 1.5vw;
        display: block;
        width: 44vw;
        height: 10vw;
        line-height: 8.5vw;
        text-align: left;
        padding-left: 4vw;
        margin: 8vw 0;
    }


    .header-cap,
    .portada-memoria {
        background-size: cover;
        text-align: center;
        height: calc(100vh - 32px - 17vw);
        display: flex;
        justify-content: flex-end;
        align-items: center;
        border-bottom: 4px solid #D3D3D3;
        position: relative;
        min-height: 150vw;
        max-height: 190vw;
        
    }
    .header-cap .container {
        background: none;
        position: absolute;
        bottom: 0;
        left: 6.5vw;
        height: 36vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .header-cap .container span {
        font-size: 5.3vw;
        position: relative;
    }
    .header-cap .container h1 {
        font-size: 9.3vw;
        line-height: 11.5vw;
        position: relative;
        padding: 3vw 0 2vw 0;
    }
    .header-cap .container button {
        font-size: 2.8vw;
        position: relative;
    }
    .portada-memoria .container {
        margin: auto;
        height: auto;
        position: absolute;
        bottom: 0;
        left: 6.5vw;
    }
    .memoria-port {
        width: 58vw;
        float: none;
        margin:34vh auto auto auto;
        
    }
    section:nth-of-type(2) {
        display: block !important;
    }
    .bloque-doble .container > div,
    #container-hitos-home .swiper-container,
    section  .container {
        width: 87vw !important;
        max-width: 87vw !important;
        padding: 0;
        margin: 0;
    }
    section .container{
        height:auto;
    }
    .container-5-col {
        width: 80vw;
        display: table;
    }
    
    .container-5-col > div::before,
    .container-5-col > div::after {
        content: none !important;
    }
    
    .container-5-col > div {
        width: 87vw;
        display: table;
        padding: 5vw 0;
        border-bottom: 1px solid #e8eaed;

    }
    .container-5-col > div > img {
        height: 66vw;
        display: table;
        margin: auto;
    }
    .container-5-col > div:nth-of-type(5) > img {
        width: 100% !important;
        height: auto !important;
    }
    #nuevos-negocios {
        height: auto;
    }
    
    #talento-minero h2,
    #mineria-responsable h2,
    section > .container > h2,
    section > .container > .texto > h2
    {
        font-size: 7vw;
        line-height: 7vw;
        padding-bottom: 7vw;
    }
    section > .container > .texto > h3
    {
        font-size: 4vw;
        line-height: 4vw;
        padding-bottom: 2.5vw;
    }
    .modulo-dos-columnas strong {
        font-weight: 600;
    }
    
    .cont-slide strong,
    #mineria-responsable strong,
    section .container strong,    
    .modulo-dos-columnas .cont-slide p,
    #mineria-responsable p,
    section .container p {
        font-size: 3.8vw !important;
        line-height: 6vw !important;
    }
  .modulo-dos-columnas-right .container .slider {
      margin: 0;
  }
    
    
      .modulo-dos-columnas-left .columna.slide {
        order: 2; /* va después del texto */
      }

      .modulo-dos-columnas-left .columna.texto {
        order: 1; /* va primero */
      }

    .swiper-wrapper {
        height: auto !important;
    }

    .paginador-slide-full,
    .paginador-slide-left,
    .paginador-slide-right {
        width: 100%;
        height: 6vw;
        z-index: 10;
        margin-top: 5vw;
        top: inherit;
    }
    .paginador-slide-full .cont-pag-slider,
    .paginador-slide-left .cont-pag-slider,
    .paginador-slide-right .cont-pag-slider {
        position: relative;
        width: 60vw;
        height: 6vw;
            
    }
    .paginador-slide-full .cont-pag-slider .swiper-pagination,
    .paginador-slide-left .cont-pag-slider .swiper-pagination,
    .paginador-slide-right .cont-pag-slider .swiper-pagination {
        width: 50vw !important;
        height: 6vw !important;
        position: initial;
        margin: 0 0 0 28vw;
    }

    .paginador-slide-full .swiper-button-prev,
    .paginador-slide-full .swiper-button-next,
    .paginador-slide-left .swiper-button-prev,
    .paginador-slide-left .swiper-button-next,
    .paginador-slide-right .swiper-button-prev,
    .paginador-slide-right .swiper-button-next {
        display: none;
     }



    .paginador-slide-full .swiper-pagination-bullet,
    .paginador-slide-left .swiper-pagination-bullet,
    .paginador-slide-right .swiper-pagination-bullet {
        width: 10vw;
        height: 1.8vw;
        border-radius: .9vw;
        background-color: #D9D9D9; 
        display: inline-block;
        margin: .4vw 5px; 
        cursor: pointer;
        opacity: .8;
    }
    .paginador-slide-full .swiper-pagination-bullet-active,
    .paginador-slide-right .swiper-pagination-bullet-active, 
    .paginador-slide-left .swiper-pagination-bullet-active {
        background-color: #E55302; 
        opacity: 1;
    }
    
    
    
    #capitulos {
        display: none !important;
    }
    .cont-slide img {
        height: 14vw !important;
    }
    .modulo-dos-columnas-left .container > div,
    .slider-perfil {
        width: 87vw;
        margin: auto !important;
        
    }

  #container-hitos-home .swiper-container {
    height: 80vw;
  }

  .titulo-noticia {
    font-size: 4.7vw !important;
    line-height: 5.8vw;
    font-weight: 500;
    color: #212121;
    margin-bottom: 1.3vw;
  }

  .modulo-dos-columnas .container {
    flex-direction: column;
    align-items: stretch;
    text-align: left;
    gap:5vw;
  }

  .modulo-dos-columnas .container > * {
    width: 100%;
  }

  .modulo-dos-columnas-right .container > div {
    width: 100%;
    overflow: hidden;
  }

  #recursos-adicionales h2 {
    font-size: 3.8vw;
    margin-bottom: 2.4vw;
    padding-top: 6vw;
      width: 87vw;
  }

  .parent-recursos {
    width: 86vw;
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(4, auto);
    grid-column-gap: 0;
    grid-row-gap: 2vw;
  }

  .parent-recursos > div {
    height: 16vw;
    position: relative;
    cursor: pointer;
    background-size: 100%;
    padding: 3vw;
    background: #33ADBB;
    margin-bottom: 3vw;
  }

  .parent-recursos > div > h3 > .ico {
    display: block;
    width: 9.6vw;
    height: 9.6vw;
    background-color: #fff;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4.8vw;
    float: left;
    margin-right: 1vw;
  }

  .parent-recursos > div > h3 {
    font-family: "Rubik", sans-serif;
    font-size: 5.2vw;
    color: #fff;
    font-weight: 300;
    line-height: 9.8vw;
    background: url(/memoria2024/imag/ArrowRight.png) no-repeat right;
    background-size: 6.2vw;
  }

  .parent-recursos > * {
    width: 100% !important;
    justify-self: stretch;
  }
    .onda-dektop,
    a.ver-mas-desktop {
        display: none;
    }
    a.ver-mas-movil {
        display: block;
        margin-bottom: 0;
    }
}


/* Tablas HTML */
.grafico-tabla {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-size: .8vw;
    color: #36424A;
    clear: both;
}
.grafico-tabla > div {
  padding: 0;
  border-bottom: 1px solid #9AA1A4;
  color: #9AA1A4;
  font-size: .8vw;    
}

#dotacion-propia-y-contratista-1 > .grafico-tabla {
  display: grid!important;
  grid-template-columns: 1fr 1fr ;
  font-family: "Rubik", sans-serif;
  font-size: 0.55vw;
  font-weight: 400;
  color: #212121;
  text-align: right;
}
#dotacion-propia-y-contratista-1 > .grafico-tabla > div:nth-child(2n-1){
    text-align: left;
}
#dotacion-propia-y-contratista-1 > .grafico-tabla > div:nth-child(1),
#dotacion-propia-y-contratista-1 > .grafico-tabla > div:nth-child(2) {
    border-bottom: 1px solid #E55302;
    border-top: 1px solid #E55302;
}
#dotacion-propia-y-contratista-1 > .grafico-tabla > div:nth-child(25),
#dotacion-propia-y-contratista-1 > .grafico-tabla > div:nth-child(26),
#dotacion-propia-y-contratista-1 > .grafico-tabla > div:nth-child(37),
#dotacion-propia-y-contratista-1 > .grafico-tabla > div:nth-child(38) {
    border-bottom: 1px solid #E55302;
    border-top: 1px solid #E55302;
    color: #E55302;
    font-size: .9vw;
}
#dotacion-propia-y-contratista-1 > .grafico-tabla > div:nth-last-child(2) {
    width: 100%;
    grid-column: 1 / -1; /* Si estás usando grid */
}
#numero-de-personas-por-sexo-y-cargo-1 > .grafico-tabla {
  display: grid!important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  font-family: "Rubik", sans-serif;
  font-size: 0.55vw;
  font-weight: 400;
  color: #212121;
  text-align: right;
}
#numero-de-personas-por-sexo-y-cargo-1 > .grafico-tabla > div:nth-child(-n+4) {
    border-bottom: 1px solid #E55302;
    border-top: 1px solid #E55302;
}
#numero-de-personas-por-sexo-y-cargo-1 > .grafico-tabla > div:nth-last-child(-n+4) {
    color: #E55302;
    font-size: .9vw;
}


#recursos-minerales-1 > .grafico-tabla {
  display: grid!important;
  grid-template-columns: .7fr 1fr .4fr .4fr .4fr .4fr;
  font-family: "Rubik", sans-serif;
  font-size: 0.55vw;
  font-weight: 400;
  color: #212121;
  text-align: right;
}


#reservas-minerales-1 > .grafico-tabla {
  display: grid!important;
  grid-template-columns: .7fr .4fr .4fr .4fr 1fr 1fr;
  font-family: "Rubik", sans-serif;
  font-size: 0.55vw;
  font-weight: 400;
  color: #212121;
  text-align: right;
}
#reservas-minerales-1 > .grafico-tabla > div:nth-child(6n + 1),
#reservas-minerales-1 > .grafico-tabla > div:nth-child(6n + 5),
#reservas-minerales-1 > .grafico-tabla > div:nth-child(6n + 6),
#recursos-minerales-1 > .grafico-tabla > div:nth-child(6n + 1),
#recursos-minerales-1 > .grafico-tabla > div:nth-child(6n + 2) {
    text-align: left;
}
#reservas-minerales .container .slider,
#recursos-minerales .container .slider {
    margin-right: 2vw !important;
}

#reservas-minerales .swiper-wrapper,
#recursos-minerales .swiper-wrapper {
    height: 38vw !important;
}

#costos-1 > .grafico-tabla  {
  display: grid!important;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  font-family: "Rubik", sans-serif;
  font-size: 0.85vw;
  font-weight: 400;
  color: #212121;
  text-align: right;
}
#costos-1 > .grafico-tabla > div {
    padding: .05vw !important;
}
#costos-1 > .grafico-tabla > div:nth-child(-n+5) {
  font-weight: 600;
  font-size: 0.95vw; 
}
#costos-1 > .grafico-tabla > div:nth-child(5n + 1) {
    text-align: left !important;
    font-weight: 600;
}
#costos-1 > .grafico-tabla > div:nth-child(3) {
  color: #E55302;
}


.table-sostenibilidad .grafico-tabla > div:nth-child(4n-3) {
    text-align: left;
}

.table-sostenibilidad .grafico-tabla > div:nth-child(-n+4) {
    background: #EEEEEE;
    color: #E55302;
    border-bottom: 1px solid #E55302;
    font-weight: 500;
}
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla  {
  display: grid!important;
  grid-template-columns: 2fr 1fr 1fr;
  font-family: "Rubik", sans-serif;
  font-size: 0.85vw;
  font-weight: 400;
  color: #212121;
  text-align: right;
}
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div {
    padding: .05vw !important;
}
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div:nth-child(3n + 1) {
  text-align: left !important;
}
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div:nth-child(-n+3) {
    border-top: 1px solid #E55302;
    border-bottom: 1px solid #E55302;
}

#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div:nth-child(-n+3),
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div:nth-child(n+37):nth-child(-n+39) {
  font-weight: 600;
  font-size: 0.95vw;
}
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div:nth-child(n+40):nth-child(-n+42) {
    display: none;
}
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div:nth-child(2),
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div:nth-child(37),
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div:nth-child(38) {
  color: #E55302;
}
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div:nth-last-child(3) {
  grid-column: span 3;
}
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div:nth-last-child(2),
#cobre-en-toneladas-metricas-finas-tmf-1 > .grafico-tabla > div:last-child {
  display: none !important;
}



#evaluacion-de-proveedores-1 > .grafico-tabla {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  text-align: right;
}

#evaluacion-de-proveedores-1 > .grafico-tabla > div {
  padding: .5vw;
  border-bottom: 1px solid #9AA1A4;
}
#evaluacion-de-proveedores-1 > .grafico-tabla > div:nth-child(3n-2) {
  font-weight: 300;
  text-align: left;
}
#evaluacion-de-proveedores-1 > .grafico-tabla > div:nth-child(-n+3) {
  font-weight: 600;
  border-top:1px solid #E55302;
  border-bottom:1px solid #E55302;
}
#evaluacion-de-proveedores-1 > .grafico-tabla > div:nth-last-child(6),
#evaluacion-de-proveedores-1 > .grafico-tabla > div:nth-last-child(5),
#evaluacion-de-proveedores-1 > .grafico-tabla > div:nth-last-child(4) {
  border-bottom:1px solid #36424A;
}
#evaluacion-de-proveedores-1 > .grafico-tabla > div:nth-last-child(-n+3) {
  border-bottom:1px solid #36424A;
}

#evaluacion-de-proveedores-1 > .grafico-tabla > div:nth-last-child(-n+3) {
  font-weight: 700;
  color: #E55403;
}

#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  font-family: "Rubik", sans-serif;
  font-size: 0.85vw;
  font-weight: 300;
  color: #212121;
  text-align: right;
}

#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-of-type(1),
#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-of-type(37)
{
    background: #F5F6F6;
    text-align: center;
}

#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-of-type(1),
#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-child(25),
#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-child(29),
#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-child(37),
#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-child(61),
#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-child(65),
#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-child(69)

{
    grid-column: 1 / -1;
    text-align: left;
}

#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-child(n+30):nth-child(-n+33)
{

}

#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-child(25) {

}
#monto-total-pagado-a-proveedores-en-millones-de-pesos-1 .grafico-tabla > div:nth-child(58) {
    background: green !important;
}



.modal-container .grafico-tabla {
  transform: scale(2); /* usa 3 para triple tamaño */
  transform-origin: top left;
}

@media (max-width: 767px) {
  .modal-container .grafico-tabla {
    transform: scale(2.4);
            padding: 5%;
  }

}