@font-face {
    font-family: 'KiroW01';
    src: url('Kiro/KiroW01-Regular.eot');
    src: url('Kiro/KiroW01-Regular.eot?#iefix') format('embedded-opentype'),
        url('Kiro/KiroW01-Regular.woff2') format('woff2'),
        url('Kiro/KiroW01-Regular.woff') format('woff'),
        url('Kiro/KiroW01-Regular.ttf') format('truetype'),
        url('Kiro/KiroW01-Regular.svg#KiroW01-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabrito Sans Norm';
    src: url('Cabrito/CabritoSans-NorBol.eot');
    src: url('Cabrito/CabritoSans-NorBol.eot?#iefix') format('embedded-opentype'),
        url('Cabrito/CabritoSans-NorBol.woff2') format('woff2'),
        url('Cabrito/CabritoSans-NorBol.woff') format('woff'),
        url('Cabrito/CabritoSans-NorBol.ttf') format('truetype'),
        url('Cabrito/CabritoSans-NorBol.svg#CabritoSans-NorBol') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabrito Sans Norm';
    src: url('Cabrito/CabritoSans-NorMed.eot');
    src: url('Cabrito/CabritoSans-NorMed.eot?#iefix') format('embedded-opentype'),
        url('Cabrito/CabritoSans-NorMed.woff2') format('woff2'),
        url('Cabrito/CabritoSans-NorMed.woff') format('woff'),
        url('Cabrito/CabritoSans-NorMed.ttf') format('truetype'),
        url('Cabrito/CabritoSans-NorMed.svg#CabritoSans-NorMed') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cabrito Sans Norm';
    src: url('Cabrito/CabritoSans-NorReg.eot');
    src: url('Cabrito/CabritoSans-NorReg.eot?#iefix') format('embedded-opentype'),
        url('Cabrito/CabritoSans-NorReg.woff2') format('woff2'),
        url('Cabrito/CabritoSans-NorReg.woff') format('woff'),
        url('Cabrito/CabritoSans-NorReg.ttf') format('truetype'),
        url('Cabrito/CabritoSans-NorReg.svg#CabritoSans-NorReg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{background-color: #ffffff;}
h1, h2, h3, h4, h5, h6{font-family: KiroW01;}
p{font-family: Cabrito Sans Norm; color: #706f6f; font-size: 15px; margin-bottom: 10px;}
a{color: #00aedb;} a:hover{color: #ed6d24;}
a, a:hover{text-decoration: none;}
.top-pad{padding-top: 12vh;}

/* width */
::-webkit-scrollbar {width: 8px;}

/* Track */
::-webkit-scrollbar-track {border-radius: 10px;}
 
/* Handle */
::-webkit-scrollbar-thumb {background: #cecece; border-radius: 10px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #b2b2b2;}

@-moz-document url-prefix() {
  .dropdown-menu{overflow: auto;}
  .flexer{display: flex !important;}
  .link-download div, .link-www div, .link-info{display: flex !important;}
  .btn-entrar{max-width: 224px;}
  .btn-next-cap, .btn-next-cap02, .btn-next-cap03, .btn-next-cap04, .btn-next-cap05, .btn-next-cap06, .btn-next-cap07{float: right; width: 160px;}
  .btn-prev-cap, .btn-prev-cap02, .btn-prev-cap03, .btn-prev-cap04, .btn-prev-cap05, .btn-prev-cap06, .btn-prev-cap07{float: left; width: 160px;}
  .btn-gri{width: 220px !important;}
  .btn-reco{width: 320px;}
  .btn-wef{width: 290px;}
  .btn-cifras2020{width: 210px;}
  .btn-carta{width: 200px;}
  .dropdown-menu {overflow-y: scroll;}
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
    .dropdown-menu {overflow-y: scroll;}
}}

#indicadores-back{background-image: url('../shapes/indicadores-economicos.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; background-attachment: fixed;}

.margin-bottom02{margin-bottom: 6vh;}
.margin-top01{margin-top: 10px;}
.margin-top02{margin-top: 20px;}
.margin-top03{margin-top: 30px;}
.margin-bottom01{margin-bottom: 10px;}
.margin-bottom021{margin-bottom: 20px;}
.margin-bottom03{margin-bottom: 30px;}
.pad-top01{padding-top: 2vh;}
.pad-top02{padding-top: 4vh;}
.pad-top03{padding-top: 6vh;}
.pad-bottom01{padding-bottom: 2vh;}
.pad-bottom02{padding-bottom: 4vh;}
.pad-bottom03{padding-bottom: 6vh;}
.pad-right{padding-right: 20px;}
.pad-left{padding-left: 20px;}
.marg-right{margin-right: 10px;}
.marg-right02{margin-right: 20px;}
.marg-left{margin-left: 10px;}
.marg-left02{margin-left: 20px;}


.marge-foot{margin-bottom: 60px;}
.marge-foot02{margin-bottom: 100px;}
.pad-foot{padding-bottom: 60px;}
.pad-box01{padding: 30px;}
.pad-box02{padding: 10px;}
.pad-box03{padding: 40px; border-radius: 8px;}
.pad-box04{padding: 15px;}

.pad-time{padding-top: 40px;}
.no-margie-bttm{margin-bottom: 0;}
.bordier{border-radius: 10px;}

.nota-text{font-size: 12px;}
.orange-text{color: #ed6d24;}
.dumb-text{color: #ffa300;}
.blue-text{color: #0070ce;}
.grey-text{color: #878787;}
.cian-text{color: #00aedb;}
.carbon-text{color: #575756;}
.wood-text{color: #008237;}
.grass-text{color: #52ae32;}
.yellow-text{color: #fecb00;}
.white-text{color: #ffffff;}
.silver-text{color: #bababa;}
.lima-text{color: #b0c100;}

.monster-text{font-size: 3.2rem;}
.monster-text02{font-size: 1.5rem; font-family: KiroW01;}
.invisible{visibility: hidden;}
.mini-text{font-size: 13px;}
.box-movil{display: none;}
.box-desktop{display: block;}
.box-tablet{display: none;}

.grey-back{background-color: #f7f7f7;}
.silver-back{background-color: #e9e9e9;}
.smoke-back{background-color: #dedede;}
.blue-gradient-back{
  background: rgb(0,112,206);
  background: -moz-linear-gradient(145deg, rgba(0,112,206,1) 0%, rgba(0,174,219,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(0,112,206,1) 0%, rgba(0,174,219,1) 100%);
  background: linear-gradient(145deg, rgba(0,112,206,1) 0%, rgba(0,174,219,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0070ce",endColorstr="#00aedb",GradientType=1);
}
.green-gradient-back{
  background: rgb(176,193,0);
  background: -moz-linear-gradient(184deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  background: -webkit-linear-gradient(184deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  background: linear-gradient(184deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b0c100",endColorstr="#229338",GradientType=1);
}

.titler{font-family: KiroW01;}
.bolder{font-weight: bold;}
.linier{border-bottom: 1px solid #575756;}
.shadowy{text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);}

.portada-colbun{height: 100vh; background-image: url(../shapes/colbun-oficinas-01.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 12vh;}
.nav-colbun{background-color: rgba(255, 255, 255, 0.85); -webkit-backdrop-filter: saturate(180%) blur(12px); backdrop-filter: saturate(180%) blur(12px); border-radius: 50px; padding: 15px 2vw; box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.1);}
.fixed-top.nav-colbun{top: 15px;}
.colbun-brand-nav{width: 100%; max-width: 110px;}
.flexer{display: inline-flex;}
.v-align{align-items: center;}
.title-nav{margin-bottom: 0; padding-left: 3vw; margin-top: 4px; font-size: 13px; color: #706f6f;}
.circulos-portada{width: 100%; max-height: 72vh;}
.subcap-tit-circ{width: 100%; max-width: 180px;}
.subcap-tit{font-family: KiroW01; color: #b2b2b2; line-height: 100%; font-size: 2.7rem;}
.breadcrum-colbun{font-family: Cabrito Sans Norm; font-weight: bold; color: #afafaf; font-size: 13px;}
.leyenda-cap{color: #b2b2b2; font-size: 13px;}
.sub-tit{font-family: KiroW01;}
.sub-tit-info{font-family: KiroW01; color: #706f6f;}
.nro-menu{height: 100%; max-height: 75px; margin-bottom: 20px;}
.tit-menu{font-family: KiroW01; color: #939393;}
.tit-menu-op{font-family: Cabrito Sans Norm; font-weight: 500; color: #706f6f; font-size: 1.2rem; transition: 0.5s;}
.link-info{margin-bottom: 12px; font-family: Cabrito Sans Norm; font-weight: 500; font-size: 1.1rem; color: #706f6f; line-height: 110%; display: inline-flex; align-items: baseline; transition: 0.3s;}
.link-info img{width: 100%; max-width: 18px; margin-right: 15px; transition: 0.5s;}
.link-info:hover{color: #ed6d24;}
.link-info:hover img{margin-right: 20px;}
.link-info02 div{align-items: flex-start;}
.link-info02 div > img{width: 100%; max-width: 35px; margin-right: 15px; transition: 0.5s;}
.link-info02:hover div > img{margin-right: 20px;}
.comillas-ap{width: 100%; max-width: 40px;}
.comillas-cr{width: 100%; max-width: 20px;}
.btn-entrar{
  border-radius: 50px;
  padding: 15px 25px;
  font-family: Cabrito Sans Norm;
  background: rgb(176,193,0);
  background: -moz-linear-gradient(145deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  background: linear-gradient(145deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b0c100",endColorstr="#229338",GradientType=1);
  transition: 0.3s;
  color: #ffffff;
  animation: bounce 0.6s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
  animation-iteration-count: infinite;
}
a:hover .btn-entrar{}

@keyframes bounce {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(0, 15px, 0);
    }
}
/* Prefix Support */  
btn-entrar {
    -webkit-animation-name: bounce;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: cubic-bezier(
    .5, 0.05, 1, .5);
    -webkit-animation-iteration-count: infinite;
}
  
@-webkit-keyframes bounce {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0);
    }
}


.btn-home{
	width: 32px;
	height: 32px;
	border-radius: 100px;
	background: rgb(0,112,206);
	background: -moz-linear-gradient(90deg, rgba(0,205,255,1) 0%, rgba(0,112,206,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,205,255,1) 0%, rgba(0,112,206,1) 100%);
	background: linear-gradient(90deg, rgba(0,205,255,1) 0%, rgba(0,112,206,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00cdff",endColorstr="#0070ce",GradientType=1);
	text-align: center;
    line-height: 26px;
    margin-right: 10px;
    transition: 0.5s;
}
.btn-home img{width: 100%; max-width: 14px; transition: 0.5s;}
.cont-link-home{align-items: center; font-family: Cabrito Sans Norm; font-weight: bold; color: #939393; transition: 0.3s;}
.cont-link-home:hover{color: #ed6d24;}
.link-to-home:hover .cont-link-home .btn-home{margin-right: 15px;}

.link-download div, .link-www div{display: inline-flex;}
.link-download div > img, .link-www div > img{width: 100%; max-width: 25px; margin-right: 15px; transition: 0.5s;}
.link-download, .link-www{color: #706f6f; transition: 0.3s;}
.link-download:hover, .link-www:hover{color: #ed6d24;}
.link-download:hover div > img, .link-www:hover div > img{margin-right: 20px;}

.container.fixed-bottom{bottom: 15px;}
.btn-prev-cap, .btn-next-cap{
  border-radius: 50px;
  padding: 10px 15px;
  color: #ffffff;
  font-family: Cabrito Sans Norm;
  font-size: 14px;
  opacity: 0.7;
  background: rgb(246,161,24);
  background: -moz-linear-gradient(132deg, rgba(246,161,24,1) 0%, rgba(0,174,219,1) 100%);
  background: -webkit-linear-gradient(132deg, rgba(246,161,24,1) 0%, rgba(0,174,219,1) 100%);
  background: linear-gradient(132deg, rgba(246,161,24,1) 0%, rgba(0,174,219,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6a118",endColorstr="#00aedb",GradientType=1);
  transition: 0.3s;
}
.btn-prev-cap img, .btn-prev-cap02 img, .btn-prev-cap03 img, .btn-prev-cap04 img, .btn-prev-cap05 img, .btn-prev-cap06 img, .btn-prev-cap07 img{width: 100%; max-width: 18px; margin-right: 15px;}
.btn-next-cap img, .btn-next-cap02 img, .btn-next-cap03 img, .btn-next-cap04 img, .btn-next-cap05 img, .btn-next-cap06 img, .btn-next-cap07 img{width: 100%; max-width: 18px; margin-left: 15px;}

a:hover .btn-prev-cap, a:hover .btn-next-cap, a:hover .btn-prev-cap02, a:hover .btn-next-cap02, a:hover .btn-prev-cap03, a:hover .btn-next-cap03, a:hover .btn-prev-cap04, a:hover .btn-next-cap04, a:hover .btn-prev-cap05, a:hover .btn-next-cap05, a:hover .btn-prev-cap06, a:hover .btn-next-cap06, a:hover .btn-prev-cap07, a:hover .btn-next-cap07{
  opacity: 1;
}

.btn-prev-cap02, .btn-next-cap02{
  border-radius: 50px;
  padding: 10px 15px;
  color: #ffffff;
  font-family: Cabrito Sans Norm;
  font-size: 14px;
  opacity: 0.7;
  background: rgb(237,109,36);
  background: -moz-linear-gradient(132deg, rgba(237,109,36,1) 0%, rgba(53,109,204,1) 100%);
  background: -webkit-linear-gradient(132deg, rgba(237,109,36,1) 0%, rgba(53,109,204,1) 100%);
  background: linear-gradient(132deg, rgba(237,109,36,1) 0%, rgba(53,109,204,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed6d24",endColorstr="#356dcc",GradientType=1);
  transition: 0.3s;
}

.btn-prev-cap03, .btn-next-cap03{
  border-radius: 50px;
  padding: 10px 15px;
  color: #ffffff;
  font-family: Cabrito Sans Norm;
  font-size: 14px;
  opacity: 0.7;
  background: rgb(4,152,57);
  background: -moz-linear-gradient(132deg, rgba(4,152,57,1) 0%, rgba(255,211,5,1) 100%);
  background: -webkit-linear-gradient(132deg, rgba(4,152,57,1) 0%, rgba(255,211,5,1) 100%);
  background: linear-gradient(132deg, rgba(4,152,57,1) 0%, rgba(255,211,5,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049839",endColorstr="#ffd305",GradientType=1);
  transition: 0.3s;
}

.btn-prev-cap04, .btn-next-cap04{
  border-radius: 50px;
  padding: 10px 15px;
  color: #ffffff;
  font-family: Cabrito Sans Norm;
  font-size: 14px;
  opacity: 0.7;
  background: rgb(0,232,244);
  background: -moz-linear-gradient(132deg, rgba(0,232,244,1) 0%, rgba(0,90,206,1) 100%);
  background: -webkit-linear-gradient(132deg, rgba(0,232,244,1) 0%, rgba(0,90,206,1) 100%);
  background: linear-gradient(132deg, rgba(0,232,244,1) 0%, rgba(0,90,206,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00e8f4",endColorstr="#005ace",GradientType=1);
  transition: 0.3s;
}

.btn-prev-cap05, .btn-next-cap05{
  border-radius: 50px;
  padding: 10px 15px;
  color: #ffffff;
  font-family: Cabrito Sans Norm;
  font-size: 14px;
  opacity: 0.7;
  background: rgb(254,203,0);
  background: -moz-linear-gradient(145deg, rgba(254,203,0,1) 0%, rgba(237,109,36,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(254,203,0,1) 0%, rgba(237,109,36,1) 100%);
  background: linear-gradient(145deg, rgba(254,203,0,1) 0%, rgba(237,109,36,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fecb00",endColorstr="#ed6d24",GradientType=1);
  transition: 0.3s;
}

.btn-prev-cap06, .btn-next-cap06{
  border-radius: 50px;
  padding: 10px 15px;
  color: #ffffff;
  font-family: Cabrito Sans Norm;
  font-size: 14px;
  opacity: 0.7;
  background: rgb(176,193,0);
  background: -moz-linear-gradient(145deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  background: linear-gradient(145deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b0c100",endColorstr="#229338",GradientType=1);
  transition: 0.3s;
}

.btn-prev-cap07, .btn-next-cap07{
  border-radius: 50px;
  padding: 10px 15px;
  color: #ffffff;
  font-family: Cabrito Sans Norm;
  font-size: 14px;
  opacity: 0.7;
  background: rgb(0,174,219);
  background: -moz-linear-gradient(145deg, rgba(0,174,219,1) 0%, rgba(82,174,50,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(0,174,219,1) 0%, rgba(82,174,50,1) 100%);
  background: linear-gradient(145deg, rgba(0,174,219,1) 0%, rgba(82,174,50,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aedb",endColorstr="#52ae32",GradientType=1);
  transition: 0.3s;
}
.ico-arrow-left{width: 100%; max-width: 18px; margin-right: 15px;}

.dropdown-menu{min-width: 24rem; border-radius: 10px; border: none; background-color: rgba(255, 255, 255, 0.9); padding: 0.8rem 0; max-height: 160px; overflow: overlay;}
.dropdown-menu li{padding: 6px 15px;}
.dropdown-menu li > a {color: #706f6f; transition: 0.3s; font-family: Cabrito Sans Norm; font-size: 14px;}

.dropdown-menu li > a:hover{color: #00aedb;}
.cont-btn-caps{padding-left: 50px; margin-top: 30px;}

.img-colbun{width: 100%; max-width: 600px; border-radius: 6px;}
.cifras2020{width: 100%; max-width: 180px;}
.cifras202002{width: 100%; max-width: 130px;}
.cifras-chile02{height: 100%; max-height: 40px;}
.cifras-chile03{width: 100%; max-width: 60px;}
.cifras-chile04{width: 100%; max-width: 90px;}

/*Capitulo 01*/
.portada-colbun-01{height: 100vh; background-image: url(../shapes/colbun-capitulo-01-portada.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 12vh;}
.tb-accionistas{width: 100%; max-width: 450px;}
.graph-estruc{width: 100%;}
.btn-cap01{
  background: rgb(246,161,24);
  background: -moz-linear-gradient(132deg, rgba(246,161,24,1) 0%, rgba(0,174,219,1) 100%);
  background: -webkit-linear-gradient(132deg, rgba(246,161,24,1) 0%, rgba(0,174,219,1) 100%);
  background: linear-gradient(132deg, rgba(246,161,24,1) 0%, rgba(0,174,219,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6a118",endColorstr="#00aedb",GradientType=1);
  transition: 0.3s;
  border-radius: 50px;
  border: none;
  color: #ffffff;
  padding: 10px 25px;
  font-family: Cabrito Sans Norm;
}
.btn-cap01:focus{outline: none;}
.btn-cap01:hover{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2)}
.circ-datos{width: 100%; max-width: 100px;}
.nro-datos{width: 100%; max-width: 100px; margin-top: 15px;}
.img-instalaciones{width: 100%; max-width: 500px; margin-bottom: 15px; margin-top: 15px; border-radius: 6px;}
.list-centrales{padding-inline-start: 20px; font-family: Cabrito Sans Norm; color: #706f6f; font-size: 15px;}
.mapa-centrales{width: 100%; max-width: 1300px;}
.nro-centrales{width: 100%; max-width: 250px; margin-bottom: 15px;}
.mapa-lineas-centrales{width: 100%; max-width: 700px;}
#estructura-propiedad{height: 65vh; background-image: url('../shapes/estructura-propiedad.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 300px 0px 0px;}
.img-director{width: 100%; max-width: 260px; margin-bottom: 15px; border-radius: 6px;}
.equipo-chile{width: 100%; max-width: 250px;}
.ico-time{width: 100%; max-width: 100px; margin-top: 10px;}
#linea-back{background-image: url('../shapes/linea-03.svg'); background-position: bottom center; background-size: cover; background-repeat: no-repeat;}

/*Capitulo 02*/
.valor-graph{width: 100%;}
.circle-tit{width: 100%; max-width: 400px; max-height: 36vh; margin-top: 30px;}
.tit-cap-port{color: #ffffff; margin-top: 4vh; padding-left: 50px; font-family: KiroW01; font-size: 3vw; line-height: 100%; text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);}
.portada-colbun-02{height: 100vh; background-image: url(../shapes/colbun-capitulo-02-portada.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 12vh;}
.circ-pilares{width: 100%; max-width: 185px; margin-bottom: 20px; padding-top: 4vh;}
#oficinas-colbun{height: 65vh; background-image: url('../shapes/oficinas-colbun-2021.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 0px 300px 0px;}
.nro-estrategia{width: 100%; max-width: 40px;}
.estrategia-graph{width: 100%; max-width: 510px;}
.rio-colbun{width: 100%; max-width: 840px;}
.rio-colbun02{width: 100%; max-width: 500px;}
.btn-cap02{
  background: rgb(237,109,36);
  background: -moz-linear-gradient(132deg, rgba(237,109,36,1) 0%, rgba(53,109,204,1) 100%);
  background: -webkit-linear-gradient(132deg, rgba(237,109,36,1) 0%, rgba(53,109,204,1) 100%);
  background: linear-gradient(132deg, rgba(237,109,36,1) 0%, rgba(53,109,204,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed6d24",endColorstr="#356dcc",GradientType=1);
  transition: 0.3s;
  border-radius: 50px;
  border: none;
  color: #ffffff;
  padding: 10px 25px;
  font-family: Cabrito Sans Norm;
}
.btn-cap02:focus{outline: none;}
.btn-cap02:hover{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);}
.agenda-estrategica{width: 100%; max-width: 550px;}
.cinco-ejes{width: 100%;}
.arbolito-colbun{width: 100%; max-width: 433px;}
.turbina{width: 100%; max-width: 500px;}
.medioambiente-mundo{width: 100%; max-width: 120px;}
.ico-mensaje{height: 100%; max-height: 80px;}
.nro-mensaje{width: 100%; max-width: 80px; margin-left: 15px;}
.canales-comunacion{width: 100%;}
.ave{width: 100%;}
.marco-debida{width: 100%; margin-top: 20px;}
.yellow-box{background-color: #FECB00; padding: 30px 20px; border-radius: 6px;}
.amarillo-01{width: 100%; max-width: 30px; margin-bottom: 10px;}
.list-competencias02{padding-inline-start: 20px; font-family: Cabrito Sans Norm; color: #706f6f; font-size: 15px;}
.list-competencias02 li{margin-top: 10px;}
.riesgos-potenciales{width: 100%;}
.riesgos-ddhh{height: 100%; max-height: 90px; margin-bottom: 20px;}
.instrumentos-deteccion{width: 100%;}
.metodologia-gestion{width: 100%; max-width: 500px;}
.metodologia-gestion02{width: 100%; max-width: 580px;}
.riesgo-text{font-size: 13px;}
.grey-box{background-color: #f0f0f0; padding: 0 30px 30px 30px; border-radius: 15px;}
.cir-directriz{width: 100%; max-width: 80px; margin-bottom: 20px; margin-top: -40px;}
.ico-riesgos{width: 100%; max-width: 80px; margin-right: 15px;}
.aligner{align-items: center; margin-bottom: 20px; margin-top: 30px;}
.ico-innova{width: 100%; max-width: 140px; margin-bottom: 20px;}
.img-innova{width: 100%; max-width: 300px;}
.hoja-ico{width: 100%; max-width: 100px; margin-right: 20px;}
.ico-digital{width: 100%; max-width: 80px; margin-right: 15px;}
.aligner02{align-items: start;}
.aligner03{align-items: center;}
.aligner04{align-items: baseline;}
#soluciones-unicas{height: 65vh; background-image: url('../shapes/aconcagua-colbun.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; border-radius: 0px 300px 0px 0px;}
#metodologias{height: 65vh; background-image: url('../shapes/metodologias.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 300px 0px 0px;}
.creacion-valor01{width: 100%;}

/*Capitulo 3*/
.portada-colbun-03{height: 100vh; background-image: url(../shapes/colbun-capitulo-03-portada.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 12vh;}
.constitucion{width: 100%; max-width: 120px; margin-bottom: 20px;}
.demanda-energetica{width: 100%; max-width: 650px; margin-top: 20px;}
.tipo-fuente{width: 100%; max-width: 400px; margin-bottom: 20px;}
.tipo-fuente-peru{width: 100%; max-width: 500px; margin-bottom: 20px;}
.ico-mercado{width: 100%; max-width: 60px; margin-bottom: 20px;}
.cifra-mercado{width: 100%; max-width: 100px; margin-bottom: 10px;}
.ico-competencia{width: 100%; max-width: 190px; margin-bottom: 20px;}
.list-competencias{padding-inline-start: 20px; font-family: Cabrito Sans Norm; color: #706f6f; font-size: 13px;}
.line-compe{border-top: 2px dotted rgba(0,0,0,.1);}
.nro-roman{margin-right: 10px;}
.graph-costo{width: 100%; max-width: 650px; margin-bottom: 30px;}
#evolucion-costos{height: 65vh; background-image: url('../shapes/evolucion-costos.jpg'); background-repeat: no-repeat; background-position: top center; background-size: cover; border-radius: 300px 0px 0px 0px;}
.graph-costos{width: 100%; max-width: 650px; margin-bottom: 30px;}
.ico-regulacion{width: 100%; max-width: 90px; margin-right: 15px;}
.box-riesgo{border-left: 1px solid #444444; border-right: 1px solid #444444;}
.border-regu{border-top: 1px solid #444444;}
.ico-ods{width: 100%; max-width: 80px; margin-left: 15px;}
.ico-ods02{width: 100%; max-width: 90px; margin-top: 15px;}
.ico-ods03{width: 100%; max-width: 90px;}
.btn-cap03{
  background: rgb(4,152,57);
  background: -moz-linear-gradient(132deg, rgba(4,152,57,1) 0%, rgba(255,211,5,1) 100%);
  background: -webkit-linear-gradient(132deg, rgba(4,152,57,1) 0%, rgba(255,211,5,1) 100%);
  background: linear-gradient(132deg, rgba(4,152,57,1) 0%, rgba(255,211,5,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049839",endColorstr="#ffd305",GradientType=1);
  transition: 0.3s;
  border-radius: 50px;
  border: none;
  color: #ffffff;
  padding: 10px 25px;
  font-family: Cabrito Sans Norm;
}
.btn-cap03:focus{outline: none;}
.btn-cap03:hover{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);}
.temas-y-riesgos{width: 100%; max-width: 400px;}

/*Capitulo 4*/
.portada-colbun-04{height: 100vh; background-image: url(../shapes/colbun-capitulo-04-portada.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 12vh;}
.btn-cap04{
  background: rgb(0,232,244);
  background: -moz-linear-gradient(132deg, rgba(0,232,244,1) 0%, rgba(0,90,206,1) 100%);
  background: -webkit-linear-gradient(132deg, rgba(0,232,244,1) 0%, rgba(0,90,206,1) 100%);
  background: linear-gradient(132deg, rgba(0,232,244,1) 0%, rgba(0,90,206,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00e8f4",endColorstr="#005ace",GradientType=1);
  transition: 0.3s;
  border-radius: 50px;
  border: none;
  color: #ffffff;
  padding: 10px 25px;
  font-family: Cabrito Sans Norm;
}
.btn-cap04:focus{outline: none;}
.btn-cap04:hover{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);}
.efizity{width: 100%; max-width: 250px;}


/*Capitulo 5*/
.portada-colbun-05{height: 100vh; background-image: url(../shapes/colbun-capitulo-05-portada.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 12vh;}
.btn-cap05{
  background: rgb(254,203,0);
  background: -moz-linear-gradient(145deg, rgba(254,203,0,1) 0%, rgba(237,109,36,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(254,203,0,1) 0%, rgba(237,109,36,1) 100%);
  background: linear-gradient(145deg, rgba(254,203,0,1) 0%, rgba(237,109,36,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fecb00",endColorstr="#ed6d24",GradientType=1);
  transition: 0.3s;
  border-radius: 50px;
  border: none;
  color: #ffffff;
  padding: 10px 25px;
  font-family: Cabrito Sans Norm;
}
.btn-cap05:focus{outline: none;}
.btn-cap05:hover{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);}
.sello-colbun{width: 100%; max-width: 550px;}
.place-to-work{width: 100%; max-width: 100px;}
.trabajadores-felices{width: 100%; max-width: 500px;}
.dotacion-chile{width: 100%; max-width: 400px;}
.ico-trabajadores{width: 100%; max-width: 80px;}
.cifra-trabajador{width: 100%; max-width: 130px; margin-top: 15px;}
.trabajadores-nacionalidad{width: 100%; max-width: 600px;}
.roles-masculinizados{width: 100%; max-width: 300px;}
#equidad-colbun{height: 70vh; background-image: url('../shapes/equidad-colbun.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 0px 0px 300px;}
.ico-genero{width: 100%; max-width: 60px; margin-right: 10px;}
.ico-genero02{width: 100%; max-width: 30px; margin-right: 10px;}
.ico-genero03{width: 100%; max-width: 50px;}
.dotacion-chile02{width: 100%; max-width: 480px;}
.dotacion-chile03{width: 100%; max-width: 510px;}
.dotacion-chile04{width: 100%; max-width: 800px;}
.dotacion-chile05{width: 100%; max-width: 300px;}
.dotacion-chile06{width: 100%; max-width: 600px;}
.dotacion-chile07{width: 100%; max-width: 700px;}
.dotacion-chile08{width: 100%; max-width: 650px;}
#brecha-salarial{height: 70vh; background-image: url('../shapes/brecha-salarial.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 0px 300px 0px;}
#relaciones-laborales{height: 70vh; background-image: url('../shapes/relaciones-laborales.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; border-radius: 300px 0px 0px 0px;}
.circulos{width: 100%; max-width: 220px;}
.ico-evaluacion{width: 100%; max-width: 90px;}
.ico-evaluacion02{width: 100%; max-width: 150px;}
.ico-canales{width: 100%; max-width: 70px; margin-right: 10px;}
.ico-compromiso{width: 100%; max-width: 50px; margin-right: 20px;}
.proveedor-ico{width: 100%; max-width: 120px;}
.proveedor-ico02{width: 100%; max-width: 80px;}
.abastecimiento-linea{width: 100%; max-width: 1500px;}
.proceso-evaluacion{width: 100%; max-width: 1000px;}
.proceso-evaluacion02{width: 100%; max-width: 800px;}
.ssindex{width: 100%; max-width: 120px; margin-right: 25px;}
.vigilancia-ico{width: 100%; max-width: 180px;}
.ico-principio{width: 100%; max-width: 60px;}
.gestion-pandemia{width: 100%; max-width: 1100px;}
#proveedores-colbun02{height: 70vh; background-image: url('../shapes/proveedores-colbun.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 0px 0px 300px;}
#buenas-practicas{height: 70vh; background-image: url('../shapes/colbun-003.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 0px 0px 300px;}
#cultura-seguridad{height: 70vh; background-image: url('../shapes/cultura-seguridad.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 0px 0px 300px;}
#relacionamiento-comunitario-playa{height: 70vh; background-image: url('../shapes/relacionamiento-comunitario-playa.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 0px 0px 300px;}
#participacion-fenix{height: 70vh; background-image: url('../shapes/participacion-fenix.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 300px 0px 0px;}
#excelencia-colaboracion{height: 70vh; background-image: url('../shapes/excelencia-colaboracion.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 300px 0px 0px 0px;}
#produccion-neta{height: 70vh; background-image: url('../shapes/produccion-neta.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 300px 0px 0px 0px;}
#central-colbun02{height: 70vh; background-image: url('../shapes/central-colbun02.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; border-radius: 0px 300px 0px 0px;}
#central-chacabuquito{height: 70vh; background-image: url('../shapes/central-chacabuquito.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; border-radius: 0px 0px 300px 0px;}
#complejo-colbun03{height: 70vh; background-image: url('../shapes/complejo-colbun03.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 300px 0px 0px 0px;}
#materiales-colbun{height: 70vh; background-image: url('../shapes/materiales-colbun.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 300px 0px 0px 0px;}
#proyectos-adjudicados{height: 70vh; background-image: url('../shapes/proyectos-adjudicados.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 300px 0px 0px 0px;}
#diego-de-alagro{height: 70vh; background-image: url('../shapes/diego-de-alagro.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 0px 300px 0px;}
#estrategia-marco{height: 70vh; background-image: url('../shapes/estrategia-marco.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 0px 300px 0px;}
#codigo-etica{height: 70vh; background-image: url('../shapes/codigo-etica.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 300px 0px 0px 0px;}
#central-colbun04{height: 70vh; background-image: url('../shapes/central-colbun04.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 300px 0px 0px 0px;}
#libre-competencia{height: 90vh; background-image: url('../shapes/libre-competencia.jpg'); background-repeat: no-repeat; background-position: top center; background-size: cover; border-radius: 0px 300px 0px 0px;}


/******* Capitulo 6 *******/
.portada-colbun-06{height: 100vh; background-image: url(../shapes/colbun-capitulo-06-portada.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 12vh;}
.btn-cap06{
  background: rgb(176,193,0);
  background: -moz-linear-gradient(145deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  background: linear-gradient(145deg, rgba(176,193,0,1) 0%, rgba(34,147,56,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b0c100",endColorstr="#229338",GradientType=1);
  transition: 0.3s;
  border-radius: 50px;
  border: none;
  color: #ffffff;
  padding: 10px 25px;
  font-family: Cabrito Sans Norm;
}
.btn-cap06:focus{outline: none;}
.btn-cap06:hover{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);}
#huella-de-carbono{height: 70vh; background-image: url('../shapes/huella-de-carbono.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 300px 0px 0px 0px;}
#factores-emision-peru{height: 70vh; background-image: url('../shapes/factres-emisiones-peru.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0px 0px 0px 300px;}
#normativas-verdes{height: 70vh; background-image: url('../shapes/normativas-verdes.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; border-radius: 0px 300px 0px 0px ;}
#gestion-agua{height: 70vh; background-image: url('../shapes/gestion-agua.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; border-radius: 0px 0px 300px 0px ;}
#monitoreo-calidad{height: 70vh; background-image: url('../shapes/monitoreo-calidad.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; border-radius: 300px 0px 0px 0px ;}
#biodiversidad02{height: 70vh; background-image: url('../shapes/biodiversidad-02.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 300px 0px 0px 0px ;}
#avistamiento-aves{height: 70vh; background-image: url('../shapes/avistamiento-aves.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 300px 0px 0px 0px ;}


/******* Capitulo 7 *******/
.portada-colbun-07{height: 100vh; background-image: url(../shapes/colbun-capitulo-07-portada.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 12vh;}
.btn-cap07{
  background: rgb(0,174,219);
  background: -moz-linear-gradient(145deg, rgba(0,174,219,1) 0%, rgba(82,174,50,1) 100%);
  background: -webkit-linear-gradient(145deg, rgba(0,174,219,1) 0%, rgba(82,174,50,1) 100%);
  background: linear-gradient(145deg, rgba(0,174,219,1) 0%, rgba(82,174,50,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aedb",endColorstr="#52ae32",GradientType=1);
  transition: 0.3s;
  border-radius: 50px;
  border: none;
  color: #ffffff;
  padding: 10px 25px;
  font-family: Cabrito Sans Norm;
}
.btn-cap07:focus{outline: none;}
.btn-cap07:hover{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);}
.directores-signs{width: 100%; max-width: 325px;}



.btn-menu{
	width: 45px;
	height: 45px;
	border-radius: 100px;
	background: rgb(255,244,69);
	background: -moz-linear-gradient(90deg, rgba(255,244,69,1) 0%, rgba(237,109,36,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255,244,69,1) 0%, rgba(237,109,36,1) 100%);
	background: linear-gradient(90deg, rgba(255,244,69,1) 0%, rgba(237,109,36,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff445",endColorstr="#ed6d24",GradientType=1);
	text-align: center;
    line-height: 40px;
    position: absolute;
    right: 0;
    transition: 0.5s;
}
.btn-menu img{width: 100%; max-width: 25px;}
.btn-menu:hover{
	cursor: pointer;
	background: rgb(237,109,36,1);
	background: linear-gradient(90deg, rgba(237,109,36,1) 0%, rgba(255,244,69,1) 100%);
	background: -moz-linear-gradient(90deg, rgba(237,109,36,1) 0%, rgba(255,244,69,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(237,109,36,1) 0%, rgba(255,244,69,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed6d24",endColorstr="#fff445",GradientType=1);
}
.link-cap, .link-info02 .tit-menu-op{transition: 0.3s;}
.link-cap:hover h4, .cap-active h4{color: #ed6d24; margin-left: 10px;}
.link-info02:hover .tit-menu-op{color: #ed6d24;}

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  background-image: url('../shapes/menu-back.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 18%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  text-decoration: none;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 8vw;
  font-size: 60px;
  color: #878787;
  transition: 0.3s;
}
.overlay .closebtn:hover{color: #0070ce;}

.enter-cap{align-items: center; margin-left: 50px; margin-top: 30px;}
.enter-cap{font-family: Cabrito Sans Norm; font-weight: 500; font-size: 1.2rem; color: #ffffff;}
.btn-enter{margin-right: 10px; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0); border-radius: 50px; border: 2px solid rgba(255, 255, 255, 1); display: flex; justify-content: center; transition: 0.5s;}
.btn-enter img{width: 100%; max-width: 20px;}

.enter-cap:hover .btn-enter{background-color: #0070ce; border: 2px solid #0070ce; margin-right: 15px;}