/****
SIGNATURE
AUTHOR: GUILLERMO ARTURO PINILLA FARÍAS - WEBMASTER - FRONTEND DEVELOPER
-> CONTACT: gapinilla@minenergia.gov.co - pinieco23@gmail.com
****/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap');
/*******CAMBIOS PLANTILLA MINENERGIA 2022 INICIO*******/
#section-header-first{display: none;}
body > .container{display: none;}
#section-footer-main{display: none;}
#rasaWebchatPro{display: none;}
/*******CAMBIOS PLANTILLA MINENERGIA 2022 FIN*******/

/****MODIFICACIONES BOOTSTRAP INICIO***/
hr:not([size]){
    height: 2px;
}
hr{
    margin: 1rem 0;
    opacity: 0.7;
    width: 60px;
}
a:hover{
    text-decoration: underline;
    color: #FFF;
}
.btn-primary{
    background-color: #6e89f0;
    border-color: #6e89f0;
    border-radius: 30px;
    transition: 0.5s;
}
.btn-primary:hover{
    transform: scale(1.1);
}
.modal-header{
    background-color: #6e89f0;
    color: #FFF;
}
.nav-pills .nav-link.active > .badge {
	background: #FFF;
	color: #0d6efd;
}
.badge{
    background: #6e89f0;
}
.list-group-item-action:focus, .list-group-item-action:hover{
    background-color: #a1a1a1;
    color: #FFF;
}
.carousel-control-next, .carousel-control-prev{
    opacity: 0.3;
    width: 5%;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 4rem;
    height: 4rem;
    background-color: #808080;
    border-radius: 15px;
}
/*.carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
}*/
.carousel-indicators [data-bs-target]{
    background-color: #808080;
    width: 30px;
    height: 30px;
}
/****MODIFICACIONES BOOTSTRAP FIN***/

/*****MAIN TRANSICION ENERGETICA JUSTA INICIO****/
*{
    padding: 0;
    margin: 0;
}
body{
    font-family: 'Poppins', sans-serif;
    background: url('https://minenergia.gov.co/documents/10873/background-tej-2023.jpg');
}
.mar-banner{
    margin: 20px;
}
.w-600{
    font-weight: 600;
}
.mar-pad-0{
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.mar-desc{
    padding: 3% 0;
}
.mar-bottom-desc{
    padding-bottom: 3%;
}
.bk-rojo-docs{
    background: url(https://minenergia.gov.co/documents/9707/bk-verde-doc-tej.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.bk-azul-docs{
    background: url(https://minenergia.gov.co/documents/9657/bk-azul-doc-tej.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.docs-dial-tej{
    background-color: transparent;
}
h2{
    font-size: 3rem;
    color: #808080;
}
h3{
    font-size: 2rem;
}
.btn-docs-tej{
    color: #808080;
    background-color: #FFF;
    border-color: #FFF;
    padding: 10px 40px!important;
    transition: 0.5s;
    padding: 12px;
    font-size: 1.3rem;
    font-weight: 600;
}
.btn-docs-tej:hover{
    color: #808080;
    background-color: #FFF;
    border-color: #FFF;
}
.btn-primary:hover{
    transform: scale(1.1);
}
.mar-memo{
    padding: 0 3%;
}
.mar-memo-desc{
    padding-bottom: 3%;
}
.mar-negative{
    margin: -130px 0 0 0px;
}
.box-shadow{
    -webkit-box-shadow: inset 0px -15px 15px -11px rgba(0,0,0,0.75), inset 0px -15px 15px -11px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -15px 15px -11px rgba(0,0,0,0.75), inset 0px -15px 15px -11px rgba(0,0,0,0.75);
    box-shadow: inset 0px -15px 15px -11px rgb(0 0 0 / 75%), inset 0px 15px 15px -11px rgb(0 0 0 / 75%);
}
.img-zoom{
    transition: 0.75s all ease-in-out;
    opacity: 0.9;
}
.img-zoom:hover {
    transform: scale(1.125);
    opacity: 1;
}
.btn-memorias{
    border: 3px solid #808080;
    border-radius: 25px;
    margin: 2% 0;
    color: #808080;
}
.mar-contenido{
    margin: 3%;
}
#info-general p{
    font-size: 1.3rem;
}
h6{
    font-size: 1.3rem;
}
.h-450{
    height: 450px;
}
.color-gris{
    color: #808080;
    font-size: 2.5em;
    font-weight: bold;
}
.color-blanco{
    color: #FFF;
    text-decoration: none;
}
.color-negro{
    color: #000;
}
.img-curso-tej{
    transition: 0.7s;
}
a:hover > .img-curso-tej{
    background: #00bcd466;
    border-radius: 70px;
    transform: scale(1.01);
}
.fondo-amarillo{
    /* background: url('https://minenergia.gov.co/documents/9716/fondo-rojo-TEJ.jpg'); */
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px 30px;
    background-color: #e4b33d;
}
.fondo-verde{
    background: url('https://minenergia.gov.co/documents/9717/fondo-verde-TEJ.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px 30px;
}
.fondo-verde-claro{
    padding: 0px 30px;
    background-color: #52b9aa;
}
.color-morado{
    color: #57256b;
    font-size: 2.5em;
    font-weight: bold;
}
.color-verde{
    color: #58b5ad;
    font-weight: bold;
}
.fondo-gris{
    padding: 0px 30px;
    background-color: #33333347;
}
/* .fondo-gris{
    background-color: #a1a1a1;
    padding: 50px 0px;
    border: 5px solid #a1a1a1;
} */
.caja-noticia{
    padding: 5px 30px;
} 
.caja-gris-claro{
    background: #a1a1a1;
}
.btn-azul-oscuro{
    background-color: #2e49a4;
}
.btn-curso{
    background-color: #57256b;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    border-radius: 20px;
    transition: 0.5s;
}
.btn-curso:hover{
    color: #FFF;
    transform: scale(1.1);
}
.btn-curso-info{
    background-color: #00bcd4;
    color: #FFF;
    font-size: 0.5em;
    font-weight: bold;
    border-radius: 20px;
    transition: 0.5s;
}
.btn-curso-info:hover{
    background-color: #ffd102;
    color: #FFF;
    transform: scale(1.05);
}
.line-h-1{
    line-height: 1;
}
.caja-calendario{
    height: 170px;
    border-right: 1px solid #FFF;
}
.btn-noticias{
    background: #FFF;
    border-color: #000;
    color: #000;
    border-radius: 30px;
    transition: 0.5s;
}
.btn-noticias:hover{
    transform: scale(1.1);
}
.h4-modal{
    background: #6e89f0;
    margin: 1% 0;
    padding: 7px 15px;
    color: #FFF;
    border-radius: 0 15px;
}
#footer-tej{
    background-color: transparent;
    padding: 3%;
}
.btn-redes{
    transition: 0.5s;
}
.btn-redes:hover{
    transform: scale(1.1);
}
.box-shadow-footer{
    -webkit-box-shadow: inset 0px 15px 15px -11px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 15px 15px -11px rgba(0,0,0,0.75);
    box-shadow: inset 0px 15px 15px -11px rgb(0 0 0 / 75%);
}
div[id^="modal"] a:hover{ 
    color: initial!important;
}
@media (max-width: 768px){
    .mar-banner{
        margin: 0;
    }
    .h-450{
        height: auto;
    }
    .btn-docs-tej{
        margin: 5px 0;
    }
    .btn-docs-tej-rojo{
        margin: 5px 0;
    }
    .mar-negative{
        margin: 0;
    }
    .carousel-control-next, .carousel-control-prev{
        opacity: 1;
    }
}