COP 16: Colombia y las oportunidades de la biodiversidad

Section

/*full screen sin padding lateral */
.article-main {
padding: 0 0px;
}
.article-main .sticky-top.t60 {
z-index: 2;
}
.shareBar {
left: 20px;
}
.contenedor-html-fullwidth {
width: 100%;
min-width: 100%;
}
.raw_html {
width: 100%;
min-width: 100%;
}
.section.sp-8 {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
min-width: 100%;
}
.article-main p {
max-width: 640px;
}
/************/
* {
/*border:1px solid red;*/
}
.contenedor-html {
min-width: 1000px;
}
.caja-html {
width: 100%;
height: 300px;
}
/*MEDIA QUERIES*/
@media screen and (max-width:1024px) {
.raw_html {
width: 850px;
min-width: 850px;
}
/*.caja-html{}*/
}
@media only screen and (max-width: 960px) {
.raw_html {
width: 100%;
min-width: inherit;
}
/*.caja-html{}*/
}
@media screen and (max-width:900px) {
/*.caja-html{}*/
}
@media screen and (max-width:800px) {
/*.caja-html{}*/
}
@media screen and (max-width:700px) {
/*.caja-html{}*/
}
@media screen and (max-width:600px) {
/*.caja-html{}*/
}
@media screen and (max-width:500px) {
/*.caja-html{}*/
}
@media screen and (max-width:400px) {
/*.caja-html{}*/
}

body {
padding: 0;
margin: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-size: 16px;
}
*, :after, :before {
box-sizing: inherit;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
font-style: normal;
color: inherit;
text-rendering: optimizeLegibility;
margin-bottom: .5rem;
line-height: 1.4;
padding: 0;
margin: 0;
}
p, h1, h2, h3, h4, h5, h6 {
font-family: 'SemanaSerif-Regular';
padding: 0;
margin: 0;
}
a {
outline : none;
}
a:hover {
color: rgba(233,27,30, 1);
}
a:focus {
color: rgba(0, 0, 0, 0.6);
}
div {
outline : none;
}
::selection {
background: rgba(0, 0, 0, 0.2);
}
::-moz-selection {
background: rgba(0, 0, 0, 0.2);
}
button{
border:none;
padding: 0px;
margin: 0px;
border-radius: 0px;
}
button:focus{
outline: none;
}
/*ÍCONOS*/
/*iconos navegación*/
.icono-navsprite{
background-repeat: no-repeat;
background-size: 1120px 120px;
}
.icono-navsprite-blanco{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-negro{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-rojo{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-gris-1{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-gris-2{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-home{
background-position: -400px 0px;
}
.icono-home-2{
background-position: -480px 0px;
}
/*.icono-historias{
background-position: -440px 0px;
}*/
.icono-historias {
background-position: -445px 0px;
}
.icono-historias-2{
background-position: -560px 0px;
}
.icono-cerrar-menu{
background-position: -40.5px 0px;
}
.icono-ver-mas {
position: relative;
width: 40px;
height: 40px;
background-position: 0px 0px;
}
.icono-cerrar {
position: relative;
width: 40px;
height: 40px;
background-position: -40px 0px;
}
.icono-flecha-abajo{
position: relative;
width: 40px;
height: 25px;
margin: 0 auto;
background-position: -360px -7px;
}
.icono-flecha-left{
position: absolute;
width: 100%;
height: 100%;
background-position: -240px 0px;
}
.icono-flecha-right{
position: absolute;
right: 0px;
width: 100%;
height: 100%;
background-position: -280px 0px;
}
.icono-flechagr-arriba{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
background-position: -160px -40px;
}
.icono-flechagr-abajo{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
background-position: -240px -40px;
}
.icono-flechagr-left{
position: relative;
width: 26px;
height: 40px;
background-position: -247px 0px;
}
.icono-flechagr-right{
position: relative;
width: 26px;
height: 40px;
background-position: -287px 0px;
}
.icono-flechagr-left-2{
position: relative;
width: 100%;
height: 80px;
background-position: -15px -40px;
}
.icono-flechagr-right-2{
position: relative;
width: 100%;
height: 80px;
background-position: -95px -40px;
}
/*DIVISORES*/
.divisor-contenido-01{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: 100%;
height: 50px;
margin: 50px 0px 50px 0px;
/*background-color: red;*/
}
.elemento-divisor-01{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: calc(100% - 20px);
max-width: calc(500px - 20px);
height: 1px;
border-top:2px solid rgba(220,220,220,1.00);
}
.forma-elemento-divisor-01{
width: 10px;
height: 10px;
background-color: rgba(220,220,220,1.00);
margin-bottom: 2px;
}
.divisor-contenido-02{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: 100%;
height: 140px;
margin: 70px 0px 50px 0px;
/*background-color: red;*/
}
.forma-elemento-divisor-02{
width: 200px;
height: 200px;
/*background-color: rgba(220,220,220,1.00);*/
background-color: rgba(255,255,255,1.00);
margin-bottom: 2px;
margin-bottom: 2px;
padding: 10px;
}
.forma-elemento-divisor-02 > img{
max-width: 100%;
max-height: 100%;
border: 1px solid rgba(0,0,0,0.15);
}
.link-destacado-parrafo{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
padding: 0px;
margin-top: 10px;
}
.caja-imagen-link-destacado-parrafo{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex: 0 0 30%;
margin-left: 0px;
margin-right: 10px;
padding: 0px;
}
.caja-url-link-destacado-parrafo{
position:relative;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
flex-direction: column;
flex: 0 0 1;
padding: 0px;
}
.caja-url-link-destacado-parrafo ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
.caja-url-link-destacado-parrafo ul li{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
margin-bottom: 8px;
}
.caja-url-link-destacado-parrafo ul li div{
flex: 0 0 25px;
width: 25px;
height: 25px;
margin-right: 8px;
background-size: 725px 80px;
opacity: 1;
}
.caja-url-link-destacado-parrafo p{
line-height: 1.4rem;
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo span{
font-family: 'SemanaSans-ExtraBold';
font-size: 0.7rem;
line-height: 0.9rem;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(0,0,0,1);
margin-top: 15px;
margin-right: 30px;
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo p a{
font-family: 'SemanaSans-Bold';
font-size: 1rem;
line-height: 1.2rem;
color:rgba(255,255,255,0.2);
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo p a:hover{
color: rgba(233,27,30, 1);
}

.contenedor-subtitulo-entrevista-01{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
max-width: 700px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 20px;
/*border:1px solid DarkCyan;*/
}
.contenedor-subtitulo-entrevista-02{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
max-width: 700px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 20px;
/*border:1px solid DarkCyan;*/
}
.caja-imagen-entrevistado{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
flex: 0 0 30%;
margin-left: 20px;
padding: 20px;
/*border:2px solid rgba(233, 27, 30, 1); */
}
.caja-imagen-entrevistado img{
max-width: 100%;
max-height: 100%;
image-rendering: -webkit-optimize-contrast;
border:1px solid rgba(0,0,0,0.15)
}
.caja-nombre-entrevistado{
flex: 1;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
flex-direction: column;
margin-top: 2px;
padding: 0px 20px 0px 10px;
/*border:5px solid Chartreuse;*/
/*border-left:10px solid rgba(233, 27, 30, 1);*/
}
.caja-nombre-entrevistado h4{
/*font-family: 'SemanaSans-ExtraBold';
font-size: 1.5rem;
line-height: 1.9rem;*/
font-family: 'SemanaSerif-ExtraBold';
font-size: 1.3rem;
line-height: 1.7rem;
text-align: left;
/*color: rgba(0,0,0,0.7);*/
color: rgba(255,255,255,1.00);
margin-bottom: 10px;
}
.caja-nombre-entrevistado h4 span {
background-color: rgba(233, 27, 30, 1);
padding: 3px 7px 5px 7px;
}
.caja-nombre-entrevistado p{
font-family: 'SemanaSans-ExtraBold';
font-size: 0.75rem;
line-height: 0.95rem;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
padding-left: 0px;
color: rgba(0,0,0,0.8);
margin-bottom: 0px;
}
/*sin foto entrevistado*/
.caja-icono-entrevistado{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
flex: 0 0 90px;
width: 90px;
height: 90px;
margin-left: 20px;
border:2px solid rgba(233, 27, 30, 1);
}
.caja-icono-entrevistado > div{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: 60px;
height: 60px;
background-color: rgba(233, 27, 30, 1);
/*border:1px solid rgba(0,0,0,0.15);*/
}
.caja-icono-entrevistado > div img{
max-width: calc(100% - 25px);
max-height: calc(100% - 25px);
image-rendering: -webkit-optimize-contrast;
}
.contenedor-pregunta-entrevista{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
max-width: 700px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 0px;
}
.contenedor-pregunta-entrevista h4{
font-family: 'SemanaSans-ExtraBold';
font-size: 1.3rem;
line-height: 1.6rem;
text-align: left;
/* text-transform: uppercase; */
color: rgba(0,0,0,0.7);
margin-bottom: 20px;
padding: 0px 20px 0px 20px;
}

.contenedor-contenido-grilla {
text-align: center;
padding: 0px;
/*border:4px solid red;*/
}
.contenedor-contenido-grilla-perfil-datos{
height: 400px;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
text-align: center;
margin: 50px 0px 50px 0px;
padding: 20px 0px 20px 20px;
border-bottom:1px dashed rgba(0,0,0,0.15);
/*border:10px solid blue;*/
}
.contenedor-contenido-grilla-perfil-datos .contenedor-imagen-perfil{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-end;
flex-direction: row;
text-align: center;
flex: 0 0 50%;
height: 100%;
width: auto;
margin: 0px;
padding: 0px;
}
.contenedor-contenido-grilla-perfil-datos .caja-texto-foto-grilla-fuera {
position: absolute;
top: 50%;
left: inherit;
right: 0%;
-moz-transform: translateX(0%) translateY(-50%);
-webkit-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
width: 400px;
height: 400px;
}
.contenedor-contenido-grilla-perfil-datos .caja-imagen-perfil{
position: relative;
top: inherit;
left: inherit;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 400px;
height: 400px;
}
.contenedor-contenido-grilla-perfil-datos .caja-imagen-perfil .caja-imagen {
position: relative;
top: inherit;
left: inherit;
-moz-transform: none;
-webkit-transform: none;
transform: none;
border: 1px solid rgba(0,0,0,0.15);
}
.contenedor-contenido-grilla-perfil-datos .caja-imagen-perfil .caja-imagen img {
position: relative;
top: inherit;
left: inherit;
-moz-transform: none;
-webkit-transform: none;
transform: none;
max-width: 100%;
max-height: 100%;
image-rendering: -webkit-optimize-contrast;
}
.contenedor-imagen-perfil{
position: relative;
display: inline-block;
vertical-align: middle;
width: 25%;
margin-bottom: 5px;
padding-bottom: 25%;
/*border:5px solid cyan;*/
}
/*fade imagen perfil */
.caja-imagen-perfil {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
z-index: 0;
}
.caja-imagen-perfil .caja-imagen {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
overflow: hidden;
}
.caja-imagen-perfil .caja-imagen img {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
max-width: calc(100% - 20px);
max-height: calc(100% - 20px);
}
.caja-imagen-perfil .fade-1:nth-of-type(1) {
animation-name: fader1;
animation-delay: 2.8s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .fade-2:nth-of-type(1) {
animation-name: fader2;
animation-delay: 3.1s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .fade-3:nth-of-type(1) {
animation-name: fader3;
animation-delay: 1.6s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .fade-4:nth-of-type(1) {
animation-name: fader1;
animation-delay: 2.2s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .fade-5:nth-of-type(1) {
animation-name: fader2;
animation-delay: 3s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .fade-6:nth-of-type(1) {
animation-name: fader3;
animation-delay: 1.9s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .caja-imagen:nth-of-type(2) {
z-index: 10;
}
.caja-imagen-perfil .caja-imagen:nth-of-type(n+3) {
display: none;
}
@keyframes fader1 {
from { opacity: 1.0; }
to { opacity: 0.0; }
}
@keyframes fader2 {
from { opacity: 1.0; }
to { opacity: 0.0; }
}
@keyframes fader3 {
from { opacity: 1.0; }
to { opacity: 0.0; }
}
/*texto caja perfil*/
.caja-texto-foto-grilla{
position: absolute;
bottom: 20px;
left: 20px;
width: calc(100% - 40px);
z-index: 2;
}
.caja-texto-foto-grilla a {
position: absolute;
top:0px;
left:0px;
width: 100%;
height: 100%;
z-index: 2;
/*background-color: pink;*/
}
.caja-texto-foto-grilla-fuera{
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
width: 100%;
height: 100%;
z-index: 2;
}
.caja-texto-foto-grilla-fuera > div {
/*max-width: calc(100% - 80px);*/
max-width: calc(100% - 60px);
background-color: rgba(117, 117,117, 0.15);
/*margin: 0px 0px 30px 30px;*/
padding: 10px;
margin: 0 auto;
margin-bottom: 20px;
/* margin: 0px 0px 0px 0px; */
padding: 10px;
}
.caja-texto-foto-grilla > div h4 {
font-family: 'SemanaSerif-ExtraBold';
font-size: 1.3rem;
line-height: 1.7rem;
text-align: left;
color: rgba(255,255,255,1.00);
text-shadow: none;
margin-bottom: 10px;
padding-left: 0px;
}
.caja-texto-foto-grilla > div h5 {
font-family: 'SemanaSans-ExtraBold';
font-size: 0.75rem;
line-height: 0.95rem;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
padding-left: 0px;
color: rgba(255,255,255,1.00);
margin-bottom: 5px;
/*text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);*/
}
.caja-comilla-cita {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
position: relative;
width: 100%;
height: 40px;
margin-top: 20px;
cursor: pointer;
z-index: 1;
}
.caja-comilla-cita > div:first-of-type{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: 45px;
height: 45px;
background-color: rgba(233, 27, 30, 1);
/*border:1px solid rgba(0,0,0,0.15);*/
}
.caja-comilla-cita > div img{
max-width: calc(100% - 20px);
max-height: calc(100% - 20px);
image-rendering: -webkit-optimize-contrast;
}
.caja-comilla-cita p {
flex: 1;
font-family: 'SemanaSans-Black';
font-size: 0.65rem;
line-height: 0.9rem;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
color: rgba(255,255,255,1.00);
text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
margin-bottom: 0px;
margin-left: 10px;
}
.caja-comilla-cita img {
width: 40px !important;
height: 40px !important;
}
.boton-modal{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
}
.bloque-info-cita{
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: calc(100% - 20px);
height: calc(100% - 20px);
/*background-color:rgba(0,0,0,0.7);*/
z-index: 1;
-moz-transition: all .6s ease-out;
-ms-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
/*visibility: hidden;*/
/*opacity: 0.3;*/
opacity: 1;
border:1px solid rgba(0,0,0,0.15);
}
/************/
.bloque-info-cita-activo{
/*display: block;*/
opacity: 1;
visibility: visible;
-moz-transition: all .6s ease-out;
-ms-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
.bloque-opacidad-modal{
position: absolute;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.0);
z-index: 1;
}
.bloque-info-cita img{
position: absolute;
top: 0px;
left: 0px;
max-width: 100%;
max-height: 100%;
z-index: 0;
}
.bloque-info-cita .caja-texto-foto-grilla h4 {
margin-bottom: 10px;
}
.bloque-info-cita .caja-comilla-cita {
width: 40px;
height: 40px;
background-color: rgba(233,27,30, 1);
}
.caja-foto-full-rostro{
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: calc(100% - 20px);
height: calc(100% - 20px);
z-index: 2;
border:2px solid rgba(255,255,255,1.00);
opacity: 0;
}
.caja-texto-foto-grilla p {
font-size: 0.7rem;
line-height: 0.9rem;
letter-spacing: 0;
text-transform: none;
text-align: left;
color: rgba(255,255,255,1.00);
}
.caja-texto-foto-grilla h4 {
font-family: 'SemanaSerif-ExtraBold';
font-size: 1.3rem;
line-height: 1.5rem;
text-align: left;
padding-left: 0px;
color: rgba(255,255,255,1.00);
}
.caja-texto-foto-grilla h5 {
font-family: 'SemanaSans-ExtraBold';
font-size: 0.75rem;
line-height: 0.95rem;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
padding-left: 0px;
color: rgba(255,255,255,1.00);
}
.caja-comilla-cita p{
flex: 1;
font-family: 'SemanaSans-Black';
font-size: 0.65rem;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0px;
margin-left: 10px;
color: rgba(255,255,255,1.00);
}
.contenedor-informacion-perfil{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex: 0 0 50%;
height: 100%;
padding: 0px;
/*border: 5px solid magenta;*/
}
.caja-informacion-perfil{
width: 50%;
max-height: calc(100% - 120px);
overflow-y: auto;
padding: 30px 60px 20px 20px;
border-top:1px dashed rgba(0,0,0,0.2);
border-right:1px dashed rgba(0,0,0,0.2);
border-bottom:1px dashed rgba(0,0,0,0.2);
/*border:3px solid peru;*/
}
.caja-informacion-perfil::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: rgba(0,0,0,0.05);
}
.caja-informacion-perfil::-webkit-scrollbar-track{
background-color:rgba(0,0,0,0.05);
cursor:ew-resize;
}
.caja-informacion-perfil::-webkit-scrollbar-thumb{
background-color:rgba(233,27,30,1);
cursor:pointer;
}
.caja-informacion-perfil h5{
font-family: 'SemanaSerif-ExtraBold';
font-size: 1.3rem;
line-height: 1.7rem;
text-align: left;
color:rgba(255,255,255,1.00);
margin-top: 30px;
margin-bottom: 10px;
padding-left: 0px;
}
.caja-informacion-perfil h5:first-of-type{
margin-top: 0px;
}
.caja-informacion-perfil h5:last-of-type{
margin-bottom: 0px;
}
.caja-informacion-perfil h3{
font-family: 'SemanaSans-ExtraBold';
font-size: 1.5rem;
line-height: 1.9rem;
text-align: left;
/*text-transform: uppercase;*/
color:rgba(0,0,0,0.7);
margin-bottom: 20px;
}
.caja-informacion-perfil p{
font-family: 'SemanaSerif-Bold';
font-size: 1.1rem;
line-height: 1.5rem;
text-align: left;
color:rgba(0,0,0,1.00);
margin-bottom: 20px;
}
.caja-informacion-perfil h5 span{
background-color: rgba(233, 27, 30, 1);
padding: 3px 7px 5px 7px
}
.caja-informacion-perfil ul{
list-style-type: square;
margin-bottom: 15px;
padding-left: 17px;
}
.caja-informacion-perfil ul:last-of-type{
margin-top: 0px;
margin-bottom: 0px;
}
.caja-informacion-perfil ul li{
margin-bottom: 20px;
}
.caja-informacion-perfil ul li:last-of-type{
margin-bottom: 0px;
}
.caja-informacion-perfil ul li h6{
font-family: 'SemanaSans-ExtraBold';
font-size: 0.85rem;
line-height: 0.85rem;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
padding-left: 0px;
color:rgba(0,0,0,0.8);
margin-bottom: 5px;
}
.caja-informacion-perfil ul li p{
font-family: 'SemanaSans-Medium';
font-size: 1rem;
line-height: 1.35rem;
/*letter-spacing: 1px;*/
/*text-transform: uppercase;*/
text-align: left;
padding-left: 0px;
color:rgba(0,0,0,1.00);
margin-bottom: 5px;
}

.contenedor-contenido-links-relacionado{
text-align: center;
}
.contenedor-contenido-links-relacionado .contenedor-imagen-perfil {
width: 24%;
padding-bottom: 24%;
/*border:5px solid blue;*/
}
.contenedor-contenido-links-relacionado .caja-imagen-perfil {
width: calc(100% - 10px);
height: calc(100% - 10px);
}
.contenedor-contenido-links-relacionado .caja-imagen-perfil .caja-imagen img {
width: auto;
height: calc(100% + 10px);
max-width: none;
max-height: none;
}
.contenedor-contenido-links-relacionado .bloque-info-cita {
width: calc(100% - 30px);
height: calc(100% - 30px);
background-color: rgba(0,0,0,1);
opacity: 0.35;
}

.contenedor-logos{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
max-width: 1366px;
margin: 0 auto;
margin-bottom: 50px;
padding-top: 30px;
border-top:1px solid rgba(0,0,0,0.2);
}
.contenedor-logos > div:nth-last-child(2){
margin-bottom: 20px;
}
.contenedor-logos > div:nth-last-child(2) p{
font-family: 'SemanaSans-ExtraBold';
font-size: 0.75rem;
line-height: 0.95rem;
letter-spacing: 2px;
text-transform: uppercase;
padding-left: 0px;
color:rgba(0,0,0,0.3);
margin-bottom: 0px;
color: #989898;
}
.contenedor-logos > div:nth-last-child(1){
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
}
.contenedor-logos > div:nth-last-child(1) div{
flex:0 0 22%;
width: 22%;
text-align: center;
margin-bottom: 40px;
}
.contenedor-logos > div:nth-last-child(1) div img{
width: auto !important;
max-width: 100%;
max-height: 100%;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(8){
flex:0 0 30%;
width: 30%;
height: 25px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(7){
flex:0 0 30%;
width: 30%;
height: 35px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(6){
flex:0 0 30%;
width: 30%;
height: 30px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(5){
flex:0 0 18%;
width: 18%;
height: 70px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(4){
flex:0 0 18%;
width: 18%;
height: 70px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(3){
flex:0 0 18%;
width: 18%;
height: 70px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(2){
flex:0 0 18%;
width: 18%;
height: 70px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(1){
flex:0 0 18%;
width: 18%;
height: 60px;
}

@media screen and (max-width:1024px){
.contenedor-contenido-links-relacionado .contenedor-imagen-perfil {
width: 33%;
padding-bottom: 33%;
}
}
@media screen and (max-width:768px){
.contenedor-contenido-grilla {
text-align: center;
padding: 0px;
}
.contenedor-contenido-grilla-perfil-datos .caja-imagen-perfil {
height: auto;
}
.contenedor-imagen-perfil{
width: 47%;
padding-bottom: 47%;
/*border:1px solid cyan;*/
}
.caja-informacion-perfil {
width: 60%;
}
.contenedor-contenido-links-relacionado .contenedor-imagen-perfil {
width: 47%;
padding-bottom: 47%;
}
}
@media screen and (max-width:767px){
.contenedor-contenido-grilla-perfil-datos {
display: block;
height: auto;
padding: 20px;
}
.contenedor-contenido-grilla-perfil-datos .caja-texto-foto-grilla-fuera {
width: 100%;
height: 100%;
}
.caja-informacion-perfil {
width: 100%;
max-height: none;
border: none;
padding: 30px 0px 20px 0px;
}
.contenedor-contenido-grilla-perfil-datos .bloque-info-cita {
top: calc(50% - 2px);
height: calc(100% - 25px);
}
.divisor-contenido-01{
margin: 20px 0px 20px 0px;
/*background-color: red;*/
}
.divisor-contenido-02{
height: 120px;
margin: 40px 0px 20px 0px;
/*background-color: red;*/
}
.forma-elemento-divisor-02{
width: 120px;
height: 120px;
}
}
@media screen and (max-width:677px){
.contenedor-contenido-grilla {
padding: 10px;
}
.contenedor-contenido-grilla-perfil-datos {
padding: 20px;
}
.contenedor-imagen-perfil{
width: 100%;
padding-bottom: 100%;
/*border:1px solid purple;*/
}
/*.caja-texto-foto-grilla > div h4 {
font-size: 1.1rem;
line-height: 1.4rem;
}*/
.contenedor-logos > div:nth-last-child(1) div {
margin-bottom: 15px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(8) {
flex: 0 0 90%;
width: 90%;
height: 18px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(7) {
flex: 0 0 90%;
width: 90%;
height: 25px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(6) {
flex: 0 0 90%;
width: 90%;
height: 20px;
margin-bottom: 25px;
/*margin-bottom: 15px;*/
/*border:2px solid red;*/
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(5) {
flex: 0 0 32%;
width: 32%;
height: 50px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(4) {
flex: 0 0 32%;
width: 32%;
height: 50px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(3) {
flex: 0 0 32%;
width: 32%;
height: 50px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(2) {
flex: 0 0 32%;
width: 32%;
height: 40px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(1) {
flex: 0 0 32%;
width: 32%;
height: 40px;
}
.contenedor-contenido-links-relacionado .contenedor-imagen-perfil {
width: 100%;
padding-bottom: 100%;
}
}

/*.contenedor-embed{
border:10px solid red;
}*/
.contenedor-embed-flourish{}
.caja-embed{}
.caja-embed-flourish{
/*border:5px solid blue;*/
width: 100%;
max-width: 900px;
border-left: 1px dashed rgba(0,0,0,0.2);
border-right: 1px dashed rgba(0,0,0,0.2);
margin: 0 auto;
}
/*------------Taboola------------*/
.trc_related_container{
display: none;
}
/*------------------Ajuste espacio derecha MB-------------------*/
@media(max-width:768px)
{
.pt-4{
width: 90%;
}
}

html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
color: #000000;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
line-height: auto;
word-wrap: break-word;
}
body.stopScroll {
overflow: hidden;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
.ajuste-tamano{
width: 100%;
display: flex;
position: relative;
justify-content: center;
}
.ajuste-tamano2{
width: 100%;
max-width: 1300px;
}
.l-carrusel {
position: relative;
}
.l-carrusel .item {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: auto;
width: 100%;
}
.l-carrusel .item img {
width: 100%;
}
.d-none {
display: none !important;
}
.d-sm-block {
display: block !important;
}
@media (max-width: 773px) {
.img1{
content: url('https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/galleria/…;);
}
.img2{
content: url('https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/galleria/…;);
}
.img3{
content: url('https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/galleria/…;);
}
.img4{
content: url('https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/galleria/…;);
}

}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
color: #000000;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
line-height: auto;
word-wrap: break-word;
}

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.rombo1 {
position: absolute;
margin-bottom: 0px;
width: 9px;
height: 9px;
background: #E91B1E;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

body {
padding: 0;
margin: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-size: 16px;
}
*, :after, :before {
box-sizing: inherit;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
font-style: normal;
color: inherit;
text-rendering: optimizeLegibility;
margin-bottom: .5rem;
line-height: 1.4;
padding: 0;
margin: 0;
}
p, h1, h2, h3, h4, h5, h6 {
font-family: 'SemanaSerif-Regular';
padding: 0;
margin: 0;
}
a {
outline : none;
}
a:hover {
color: rgba(233,27,30, 1);
}
a:focus {
color: rgba(0, 0, 0, 0.6);
}
div {
outline : none;
}
::selection {
background: rgba(0, 0, 0, 0.2);
}
::-moz-selection {
background: rgba(0, 0, 0, 0.2);
}
button{
border:none;
padding: 0px;
margin: 0px;
border-radius: 0px;
background-color: transparent;
}
button:focus{
outline: none;
}
/*ÍCONOS*/
/*iconos navegación*/
.icono-navsprite{
background-repeat: no-repeat;
background-size: 1120px 120px;
}
.icono-navsprite-blanco{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-negro{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-rojo{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-gris-1{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-gris-2{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-home{
background-position: -400px 0px;
}
.icono-home-2{
background-position: -480px 0px;
}
/*.icono-historias{
background-position: -440px 0px;
}*/
.icono-historias {
background-position: -445px 0px;
}
.icono-historias-2{
background-position: -560px 0px;
}
.icono-cerrar-menu{
background-position: -40.5px 0px;
}
.icono-ver-mas {
position: relative;
width: 40px;
height: 40px;
background-position: 0px 0px;
}
.icono-cerrar {
position: relative;
width: 40px;
height: 40px;
background-position: -40px 0px;
}
.icono-flecha-abajo{
position: relative;
width: 40px;
height: 25px;
margin: 0 auto;
background-position: -360px -7px;
}
.icono-flecha-left{
position: absolute;
width: 100%;
height: 100%;
background-position: -240px 0px;
}
.icono-flecha-right{
position: absolute;
right: 0px;
width: 100%;
height: 100%;
background-position: -280px 0px;
}
.icono-flechagr-arriba{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
background-position: -160px -40px;
}
.icono-flechagr-abajo{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
background-position: -240px -40px;
}
.icono-flechagr-left{
position: relative;
width: 26px;
height: 40px;
background-position: -247px 0px;
}
.icono-flechagr-right{
position: relative;
width: 26px;
height: 40px;
background-position: -287px 0px;
}
.icono-flechagr-left-2{
position: relative;
width: 100%;
height: 80px;
background-position: -15px -40px;
}
.icono-flechagr-right-2{
position: relative;
width: 100%;
height: 80px;
background-position: -95px -40px;
}
/*DIVISORES*/
.divisor-contenido-01{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: 100%;
height: 50px;
margin: px 0px 15px 0px;
/*background-color: red;*/
}
.elemento-divisor-01{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: calc(100% - 20px);
max-width: calc(500px - 20px);
height: 1px;
border-top:2px solid rgba(217,16,22,1.00);
}
.forma-elemento-divisor-01{
width: 10px;
height: 10px;
background-color: rgba(217,16,22,1.00);
margin-bottom: 2px;
}
.link-destacado-parrafo{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
padding: 0px;
margin-top: 10px;
}
.caja-imagen-link-destacado-parrafo{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex: 0 0 30%;
margin-left: 0px;
margin-right: 10px;
padding: 0px;
}
.caja-url-link-destacado-parrafo{
position:relative;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
flex-direction: column;
flex: 0 0 1;
padding: 0px;
}
.caja-url-link-destacado-parrafo ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
.caja-url-link-destacado-parrafo ul li{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
margin-bottom: 8px;
}
.caja-url-link-destacado-parrafo ul li div{
flex: 0 0 25px;
width: 25px;
height: 25px;
margin-right: 8px;
background-size: 725px 80px;
opacity: 1;
}
.caja-url-link-destacado-parrafo p{
line-height: 1.4rem;
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo span{
font-family: 'SemanaSans-ExtraBold';
font-size: 0.7rem;
line-height: 0.9rem;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(0,0,0,1);
margin-top: 15px;
margin-right: 30px;
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo p a{
font-family: 'SemanaSans-Bold';
font-size: 1rem;
line-height: 1.2rem;
color:rgba(255,255,255,0.7);
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo p a:hover{
color: rgba(233,27,30, 1);
}

.bloque-contenido{
padding: 0px 10px 0px 10px;
}
.contenedor-contenido-grilla {
padding: 0px;
/*border:4px solid red;*/
}
.contenedor-contenido-grilla-perfil-datos{
margin: 5px 0px 5px 0px;
padding: 40px 0px 45px 0px;
border-bottom:none !important;
}
.contenedor-contenido-grilla-perfil-datos:first-of-type{
padding-top: 0px;
}
/*.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla{}*/
.caja-contenido-grilla {
/*height: 400px;*/
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
text-align: center;
max-width: 900px;
margin: 0 auto;
/*border:4px solid peru;*/
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .contenedor-imagen-perfil{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-end;
flex-direction: row;
text-align: center;
/*flex: 0 0 50%;*/
flex: 0;
height: 100%;
width: auto;
margin: 0px;
padding: 0px;
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .caja-texto-foto-grilla-fuera {
position: absolute;
top: 50%;
left: inherit;
right: 0%;
-moz-transform: translateX(0%) translateY(-50%);
-webkit-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
width: 400px;
height: 400px;
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .caja-imagen-perfil{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
position: relative;
top: inherit;
left: inherit;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 400px;
height: 400px;
border:1px solid rgba(0,0,0,0.2);
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .caja-imagen-perfil .caja-imagen {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
position: relative;
top: inherit;
left: inherit;
-moz-transform: none;
-webkit-transform: none;
transform: none;
text-align: center;
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .caja-imagen-perfil .caja-imagen img {
position: relative;
top: inherit;
left: inherit;
-moz-transform: none;
-webkit-transform: none;
transform: none;
/*max-width: 100%;
max-height: 100%;*/
max-width: calc(100% - 40px);
max-height: calc(100% - 40px);
border:1px solid rgba(0,0,0,0.1);
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .caja-imagen-perfil iframe {
max-width: calc(100% - 40px);
max-height: calc(100% - 40px);
}
.contenedor-imagen-perfil{
position: relative;
display: inline-block;
vertical-align: middle;
width: 33%;
margin-bottom: 5px;
padding-bottom: 33%;
/*border:5px solid cyan;*/
}
/*fade imagen perfil */
.caja-imagen-perfil {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
z-index: 0;
}
.caja-imagen-perfil .caja-imagen {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
overflow: hidden;
}
.caja-imagen-perfil .caja-imagen img {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
max-width: calc(100% - 20px);
max-height: calc(100% - 20px);
}
.caja-imagen-perfil .fade-1:nth-of-type(1) {
animation-name: fader1;
animation-delay: 2.8s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .fade-2:nth-of-type(1) {
animation-name: fader2;
animation-delay: 3.1s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .fade-3:nth-of-type(1) {
animation-name: fader3;
animation-delay: 1.6s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .fade-4:nth-of-type(1) {
animation-name: fader1;
animation-delay: 2.2s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .fade-5:nth-of-type(1) {
animation-name: fader2;
animation-delay: 3s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .fade-6:nth-of-type(1) {
animation-name: fader3;
animation-delay: 1.9s;
animation-duration: 1s;
z-index: 20;
}
.caja-imagen-perfil .caja-imagen:nth-of-type(2) {
z-index: 10;
}
.caja-imagen-perfil .caja-imagen:nth-of-type(n+3) {
display: none;
}
@keyframes fader1 {
from { opacity: 1.0; }
to { opacity: 0.0; }
}
@keyframes fader2 {
from { opacity: 1.0; }
to { opacity: 0.0; }
}
@keyframes fader3 {
from { opacity: 1.0; }
to { opacity: 0.0; }
}
/*texto caja perfil*/
.caja-texto-foto-grilla{
position: absolute;
bottom: 20px;
left: 20px;
width: calc(100% - 40px);
z-index: 2;
}
.caja-texto-foto-grilla a {
position: absolute;
top:0px;
left:0px;
width: 100%;
height: 100%;
z-index: 2;
/*background-color: pink;*/
}
.caja-texto-foto-grilla-fuera{
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
width: 100%;
height: 100%;
z-index: 2;
}
.caja-texto-foto-grilla-fuera > div {
max-width: calc(100% - 0px);
margin: 0px 0px 40px 40px;
padding: 0px 40px 0px 0px;
}
.caja-texto-foto-grilla > div h4 {
font-family: 'SemanaSerif-ExtraBold';
font-size: 1.3rem;
line-height: 1.7rem;
text-align: left;
color: rgba(255,255,255,1.00);
text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
margin-bottom: 10px;
padding-left: 0px;
}
.caja-texto-foto-grilla > div h5 {
font-family: 'SemanaSans-ExtraBold';
font-size: 0.75rem;
line-height: 0.95rem;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
padding-left: 0px;
color: rgba(255,255,255,1.00);
margin-bottom: 5px;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}
.caja-comilla-cita {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
position: relative;
width: 100%;
width: 155px;
height: 40px;
margin-top: 10px;
image-rendering: -webkit-optimize-contrast;
cursor: pointer;
z-index: 1;
}
.caja-comilla-cita a {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.caja-comilla-cita p {
flex: 1;
font-family: 'SemanaSans-Black';
font-size: 0.65rem;
line-height: 0.9rem;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
color: rgba(255,255,255,1.00);
text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
margin-bottom: 0px;
margin-left: 10px;
}
.caja-informacion-perfil .caja-comilla-cita p {
flex: 1;
font-family: 'SemanaSans-Black';
font-size: 0.65rem;
line-height: 0.9rem;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
color:rgba(0,0,0,1.00);
text-shadow: none;
margin-bottom: 0px;
margin-left: 10px;
}
.caja-comilla-cita img {
width: 40px !important;
height: 40px !important;
}
.boton-modal{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
}
.bloque-info-cita{
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: calc(100% - 60px);
height: calc(100% - 60px);
background-color:rgba(0,0,0,0.5);
z-index: 1;
-moz-transition: all .6s ease-out;
-ms-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
/*visibility: hidden;*/
opacity: 0.3;
}
/************/
.bloque-info-cita-activo{
/*display: block;*/
opacity: 1;
visibility: visible;
-moz-transition: all .6s ease-out;
-ms-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
.bloque-opacidad-modal{
position: absolute;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.4);
z-index: 1;
}
.bloque-info-cita img{
position: absolute;
top: 0px;
left: 0px;
max-width: 100%;
max-height: 100%;
z-index: 0;
}
.bloque-info-cita .caja-texto-foto-grilla h4 {
margin-bottom: 10px;
}
.bloque-info-cita .caja-comilla-cita {
width: 40px;
height: 40px;
background-color: rgba(233,27,30, 1);
}
.caja-foto-full-rostro{
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: calc(100% - 20px);
height: calc(100% - 20px);
z-index: 2;
border:2px solid rgba(255,255,255,1.00);
opacity: 0;
}
.caja-texto-foto-grilla p {
font-size: 0.7rem;
line-height: 0.9rem;
letter-spacing: 0;
text-transform: none;
text-align: left;
color: rgba(255,255,255,1.00);
}
.caja-texto-foto-grilla h4 {
font-family: 'SemanaSerif-ExtraBold';
font-size: 1.3rem;
line-height: 1.5rem;
text-align: left;
padding-left: 0px;
color: rgba(255,255,255,1.00);
}
.caja-texto-foto-grilla h5 {
font-family: 'SemanaSans-ExtraBold';
font-size: 0.75rem;
line-height: 0.95rem;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
padding-left: 0px;
color: rgba(255,255,255,1.00);
}
.caja-comilla-cita p{
flex: 1;
font-family: 'SemanaSans-Black';
font-size: 0.65rem;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0px;
margin-left: 10px;
color: rgba(255,255,255,1.00);
}
.contenedor-informacion-perfil{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
/*flex: 0 0 50%;*/
flex: 1;
height: 100%;
padding: 0px;
/*border: 5px solid magenta;*/
}
.caja-informacion-perfil{
/*width: 50%;*/
width: 100% !important;
max-height: calc(100% - 120px);
overflow-y: auto;
padding: 30px 60px 20px 20px;
border-top:1px dashed rgba(0,0,0,0.2);
border-right:1px dashed rgba(0,0,0,0.2);
border-bottom:1px dashed rgba(0,0,0,0.2);
background-color: rgba(255,255,255,1.00);
background-image: url(https://multimedia.semana.com/2022/11_noviembre/recursos/EGQRSK4NTVDKVA…);
background-repeat: repeat;
background-position: center;
background-size: auto;
/*border:3px solid peru;*/
}
.caja-informacion-perfil h5{
font-family: 'SemanaSerif-ExtraBold';
font-size: 1.3rem;
line-height: 1.7rem;
text-align: left;
color:rgba(255,255,255,1.00);
margin-top: 30px;
margin-bottom: 10px;
padding-left: 0px;
}
.caja-informacion-perfil h5:first-of-type{
margin-top: 0px;
}
.caja-informacion-perfil h5:last-of-type{
margin-bottom: 0px;
}
.caja-informacion-perfil h3{
font-family: 'SemanaSans-ExtraBold' !important;
font-size: 1.5rem !important;
line-height: 1.9rem !important;
text-align: left;
/*text-transform: uppercase;*/
color:rgba(0,0,0,0.7) !important;
margin-bottom: 20px !important;
}
.caja-informacion-perfil h4{
font-family: 'SemanaSans-Light' !important;
font-size: 1.rem !important;
line-height: 1.2rem !important;
text-align: left;
text-transform: uppercase;
color:rgba(0,0,0,0.9) !important;
margin-bottom: 10px !important;
}
.caja-informacion-perfil p{
font-family: 'SemanaSerif-Bold';
font-size: 1.1rem;
line-height: 1.5rem;
text-align: left;
color:rgba(0,0,0,1.00);
margin-bottom: 0px;
}
.caja-informacion-perfil h5 span{
background-color: rgba(233, 27, 30, 1);
padding: 3px 7px 5px 7px
}
.caja-informacion-perfil ul{
list-style-type: square;
margin-bottom: 15px;
padding-left: 17px;
}
.caja-informacion-perfil ul:last-of-type{
margin-bottom: 0px;
}
.caja-informacion-perfil ul li{
margin-bottom: 20px;
}
.caja-informacion-perfil ul li:last-of-type{
margin-bottom: 0px;
}
.caja-informacion-perfil ul li h6{
font-family: 'SemanaSans-ExtraBold';
font-size: 0.85rem;
line-height: 0.85rem;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
padding-left: 0px;
color:rgba(0,0,0,0.8);
margin-bottom: 5px;
}
.caja-informacion-perfil ul li p{
font-family: 'SemanaSans-Medium';
font-size: 1rem;
line-height: 1.35rem;
/*letter-spacing: 1px;*/
/*text-transform: uppercase;*/
text-align: left;
padding-left: 0px;
color:rgba(0,0,0,1.00);
margin-bottom: 5px;
}

@media screen and (max-width:1024px){
.contenedor-contenido-links-relacionado .contenedor-imagen-perfil {
width: 33%;
padding-bottom: 33%;
}
.caja-informacion-perfil {
width: 100%;
max-height: calc(100% - 90px);
}
}
@media screen and (max-width:768px){
.contenedor-contenido-grilla {
text-align: center;
padding: 40px 10px 45px 10px;
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .caja-imagen-perfil {
/*height: auto;*/
height: inherit;
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .caja-imagen-perfil .caja-imagen img {
max-width: 100%;
max-height: 100%;
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .caja-imagen-perfil iframe {
max-width: 100%;
max-height: 300px;
}
.contenedor-imagen-perfil{
width: 47%;
padding-bottom: 47%;
/*border:1px solid cyan;*/
}
.caja-informacion-perfil {
width: 100%;
max-height: calc(100% - 70px);
border-left: 1px dashed rgba(0,0,0,0.2);
padding: 30px 30px 20px 20px;
}
.contenedor-contenido-links-relacionado .contenedor-imagen-perfil {
width: 47%;
padding-bottom: 47%;
}
}
@media screen and (max-width:767px){
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla {
display: block;
height: auto;
padding: 20px;
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .caja-texto-foto-grilla-fuera {
width: 100%;
height: 100%;
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .caja-informacion-perfil {
padding: 25px 30px 25px 30px;
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .bloque-info-cita {
top: calc(50% - 2px);
width: calc(100% - 20px);
height: calc(100% - 20px);
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla .caja-imagen-perfil .caja-imagen img {
max-width: 100%;
max-height: 100%;
border:none;
}
.caja-texto-foto-grilla-fuera > div {
margin: 0px 0px 25px 25px;
}
.caja-informacion-perfil {
width: 100%;
max-height: none;
border: none;
padding: 30px 0px 20px 0px;
}
}
@media screen and (max-width:677px){
.contenedor-contenido-grilla {
padding-top: 20px;
padding-bottom: 25px;
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla {
padding: 20px 20px 2px 20px;
}
.contenedor-contenido-grilla-perfil-datos .caja-contenido-grilla.caja-embed {
padding: 0px 10px 0px 10px;
}
.contenedor-imagen-perfil{
width: 100%;
padding-bottom: 100%;
}
.contenedor-logos > div:nth-last-child(1) div {
margin-bottom: 15px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(8) {
flex: 0 0 90%;
width: 90%;
height: 18px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(7) {
flex: 0 0 90%;
width: 90%;
height: 25px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(6) {
flex: 0 0 90%;
width: 90%;
height: 20px;
margin-bottom: 25px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(5) {
flex: 0 0 32%;
width: 32%;
height: 50px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(4) {
flex: 0 0 32%;
width: 32%;
height: 50px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(3) {
flex: 0 0 32%;
width: 32%;
height: 50px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(2) {
flex: 0 0 32%;
width: 32%;
height: 40px;
}
.contenedor-logos > div:nth-last-child(1) > div:nth-last-child(1) {
flex: 0 0 32%;
width: 32%;
height: 40px;
}
.contenedor-contenido-links-relacionado .contenedor-imagen-perfil {
width: 100%;
padding-bottom: 100%;
}
}

.contenedor-embed-flourish{}
/*.caja-embed{}*/
.caja-embed-flourish{
/*border:5px solid blue;*/
width: 100%;
max-width: 900px;
border-left: 1px dashed rgba(0,0,0,0.2);
border-right: 1px dashed rgba(0,0,0,0.2);
margin: 0 auto;
}
.contenedor-iframe-spreaker{
width: 100%;
margin-top: 5px;
padding: 5px 0px 10px 0px;
border-top: 1px dashed rgba(0,0,0,0.2);
border-bottom: 1px dashed rgba(0,0,0,0.2)
}
.contenedor-iframe-spreaker iframe{
max-width: 400px;
height: 400px;
}
.contenedor-contenido-grilla-perfil-datos{
border-top: none;
}

¿Cómo la Zona Franca del Cauca está transformando residuos en oportunidades sostenibles?
Esta área comercial especial, lidera una iniciativa que permite aprovechar toneladas de residuos, reducir la huella ambiental y hacer un uso más eficiente del agua y la energía. Convertir los desafíos ambientales en oportunidades es el gran logro de esta apuesta.

Ir al artículo

Taliana Vargas se compromete con los artesanos del Pacífico. Así será su Proyecto Litoral
Como antesala de la COP16, la gestora social de Cali lanzó esta ambiciosa iniciativa que busca dignificar la labor de los artesanos de la región y dar a conocer sus creaciones al mundo.

Ir al artículo

Medicina Veterinaria y Zootecnia: reconocida institución colombiana abre nuevas especializaciones
Los programas están orientados a fortalecer la formación en el sector agropecuario y contribuir en temas clave como la biodiversidad y sostenibilidad, en línea con las discusiones de la COP16 que se realizará en Cali.

Ir al artículo

Estos serán los eventos imperdibles en Cali durante la COP16: más de 100 actividades para todos
Angélica Mayolo, responsable de la formulación del plan de trabajo para este evento, explica cómo se organizó la ciudad para que todos los colombianos puedan vivir este gran encuentro por la biodiversidad.

Ir al artículo

¿Por qué Colombia será un jugador clave para el Tratado Global sobre el uso de plásticos?
A finales de este año se discutirá en Corea del Sur este tratado, que busca reglamentar el uso de este producto en el planeta, disminuir su impacto ambiental y avanzar en programas de economía circular.

Ir al artículo

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

La COP 16 es mucho más que una conferencia de las partes para revisar avances y tareas pendientes de los países para proteger la biodiversidad. Es un llamado urgente a la acción y Cali, la ciudad sede de este año, con su biodiversidad y riqueza cultural, deberá liderar el encuentro. Su alcalde, Alejandro Éder, ha destacado el compromiso de convertir a la ciudad en un modelo de sostenibilidad y reconciliación.Desde el inicio de su mandato impulsó la campaña “Volvamos a mi Cali Bella”, que ha movilizado a los ciudadanos para recuperar y embellecer la ciudad.“Uno de los desafíos cruciales que enfrenta Cali es la gestión del agua, con patrones de lluvia fluctuantes que afectan la disponibilidad del recurso y aumentan el riesgo de inundaciones “, advirtió el alcalde. Sin embargo, la ciudad está implementando sistemas avanzados de gestión del agua y promoviendo el uso responsable del recurso entre los ciudadanos. Asimismo, se están llevando a cabo jornadas de reforestación para proteger los pulmones verdes de la región.
.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

body {
padding: 0;
margin: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-size: 16px;
}
*, :after, :before {
box-sizing: inherit;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
font-style: normal;
color: inherit;
text-rendering: optimizeLegibility;
margin-bottom: .5rem;
line-height: 1.4;
padding: 0;
margin: 0;
}
p, h1, h2, h3, h4, h5, h6 {
font-family: 'SemanaSerif-Regular';
padding: 0;
margin: 0;
}
a {
outline : none;
}
a:hover {
color: rgba(233,27,30, 1);
}
a:focus {
color: rgba(0, 0, 0, 0.6);
}
div {
outline : none;
}
::selection {
background: rgba(0, 0, 0, 0.2);
}
::-moz-selection {
background: rgba(0, 0, 0, 0.2);
}
button{
border:none;
padding: 0px;
margin: 0px;
border-radius: 0px;
background-color: transparent;
}
button:focus{
outline: none;
}
/*ÍCONOS*/
/*iconos navegación*/
.icono-navsprite{
background-repeat: no-repeat;
background-size: 1120px 120px;
}
.icono-navsprite-blanco{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-negro{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-rojo{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-gris-1{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-gris-2{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-home{
background-position: -400px 0px;
}
.icono-home-2{
background-position: -480px 0px;
}
/*.icono-historias{
background-position: -440px 0px;
}*/
.icono-historias {
background-position: -445px 0px;
}
.icono-historias-2{
background-position: -560px 0px;
}
.icono-cerrar-menu{
background-position: -40.5px 0px;
}
.icono-ver-mas {
position: relative;
width: 40px;
height: 40px;
background-position: 0px 0px;
}
.icono-cerrar {
position: relative;
width: 40px;
height: 40px;
background-position: -40px 0px;
}
.icono-flecha-abajo{
position: relative;
width: 40px;
height: 25px;
margin: 0 auto;
background-position: -360px -7px;
}
.icono-flecha-left{
position: absolute;
width: 100%;
height: 100%;
background-position: -240px 0px;
}
.icono-flecha-right{
position: absolute;
right: 0px;
width: 100%;
height: 100%;
background-position: -280px 0px;
}
.icono-flechagr-arriba{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
background-position: -160px -40px;
}
.icono-flechagr-abajo{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
background-position: -240px -40px;
}
.icono-flechagr-left{
position: relative;
width: 26px;
height: 40px;
background-position: -247px 0px;
}
.icono-flechagr-right{
position: relative;
width: 26px;
height: 40px;
background-position: -287px 0px;
}
.icono-flechagr-left-2{
position: relative;
width: 100%;
height: 80px;
background-position: -15px -40px;
}
.icono-flechagr-right-2{
position: relative;
width: 100%;
height: 80px;
background-position: -95px -40px;
}
/*DIVISORES*/
.divisor-contenido-01{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: 100%;
height: 50px;
margin: px 0px 15px 0px;
/*background-color: red;*/
}
.elemento-divisor-01{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: calc(100% - 20px);
max-width: calc(500px - 20px);
height: 1px;
border-top:2px solid rgba(217,16,22,1.00);
}
.forma-elemento-divisor-01{
width: 10px;
height: 10px;
background-color: rgba(217,16,22,1.00);
margin-bottom: 2px;
}
.link-destacado-parrafo{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
padding: 0px;
margin-top: 10px;
}
.caja-imagen-link-destacado-parrafo{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex: 0 0 30%;
margin-left: 0px;
margin-right: 10px;
padding: 0px;
}
.caja-url-link-destacado-parrafo{
position:relative;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
flex-direction: column;
flex: 0 0 1;
padding: 0px;
}
.caja-url-link-destacado-parrafo ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
.caja-url-link-destacado-parrafo ul li{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
margin-bottom: 8px;
}
.caja-url-link-destacado-parrafo ul li div{
flex: 0 0 25px;
width: 25px;
height: 25px;
margin-right: 8px;
background-size: 725px 80px;
opacity: 1;
}
.caja-url-link-destacado-parrafo p{
line-height: 1.4rem;
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo span{
font-family: 'SemanaSans-ExtraBold';
font-size: 0.7rem;
line-height: 0.9rem;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(0,0,0,1);
margin-top: 15px;
margin-right: 30px;
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo p a{
font-family: 'SemanaSans-Bold';
font-size: 1rem;
line-height: 1.2rem;
color:rgba(255,255,255,0.7);
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo p a:hover{
color: rgba(233,27,30, 1);
}

COP16: ¿Cómo Colombia puede convertirse en ejemplo mundial de conservación y desarrollo sostenible?
El país tiene el gran reto de involucrar a toda la ciudadanía para trabajar juntos por un futuro más sostenible.

Ir al artículo

De rellenos sanitarios a parques ecológicos. Más de 400 animales y plantas en Colombia hoy se refugian en estos espacios
Urbaser, empresa líder en economía circular, ya ha transformado cuatro lugares para la disposición final de desechos en impresionantes parques ecológicos y tecnológicos. Así funcionan.

Ir al artículo

¿Qué oportunidades traerá la COP16 para emprendedores y comerciantes en Cali?
Además de poner a Cali y al país en los ojos del mundo, se calcula que la COP16 generará más de 3.100 empleos, impulsará la ocupación hotelera, la demanda de transporte y, en general, imprimirá dinamismo a la economía local. Así se prepararon comerciantes y empresarios para este gran evento.

Ir al artículo

El plan cultural de la COP16: llega el festival de ballet más importante del Valle del Cauca
Más de 100 bailarines de siete compañías internacionales y nacionales conquistarán a los asistentes con la precisión, la delicadeza y la furia de sus movimientos. Vienen artistas de Suiza, Estados Unidos y República Dominicana.

Ir al artículo

Sostenibilidad y digitalización como motores de progreso: el impacto de las iniciativas de Telefónica Movistar en Colombia
La compañía está haciendo la diferencia en el país mediante la implementación de iniciativas de sostenibilidad como acciones en reforestación, restauración ecológica y reciclaje, que apalancan la protección de la biodiversidad y el planeta. Además, su “Sello Eco Smart” promueve servicios digitales sostenibles.

Ir al artículo

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

El mandatario mencionó que la calidad del aire también es una preocupación, y Cali está trabajando en la promoción del transporte público sostenible y la expansión de infraestructuras verdes. “La pérdida de biodiversidad es otro reto significativo, y la ciudad está desarrollando programas de conservación y protección de sus ecosistemas naturales”, destacó el alcalde.En medio de esta realidad, llega la COP16 como una oportunidad para fomentar el acceso a financiamiento verde y a proyectos de cooperación internacional. “La ciudad busca captar fondos para proyectos sostenibles e impulsar alianzas estratégicas con otras ciudades y países que enfrentan desafíos similares”, advirtió Éder. Además, se espera que este evento genere una inyección económica significativa, con la creación de miles de empleos y beneficios para sectores como el turismo y la logística.
.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-todo1{
width: 100%;

display: flex;
justify-content: center;
}
.caja-imagenes1 img{
width: 100%;
max-width: 600px;
}
@media (max-width: 768px){
.cambio1{
width: 100%;
content:url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/img1_mb.j…;);
}
}

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

El alcalde Éder enfatizó sobre la importancia de elevar la conciencia pública alrededor del cambio climático y motivar a la ciudadanía a tomar medidas concretas. “Se planea una campaña integral de comunicación y eventos comunitarios para educar y empoderar a los ciudadanos”.También mencionó que después de la COP 16 Cali tiene la intención de seguir adelante con proyectos que preserven su riqueza natural y mejoren la calidad de vida de sus habitantes. “La COP 16 es una oportunidad para mostrar al mundo la belleza y la vida de la ciudad y para trabajar juntos en la construcción de un futuro más sostenible y próspero”, aseguró.En la misma línea se expresó la gobernadora del Valle del Cauca, Dilian Francisca Toro, quien enfatizó en la importancia de este evento para la sostenibilidad y el desarrollo local. En su visión, ser sede de la COP16 no solo es un honor, sino una oportunidad doble para proyectar la riqueza natural de la región y dejar un legado de conciencia ambiental a las futuras generaciones.
.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #F94922;
width: 400px;
justify-content: center;
margin: 0;
}

.rombo1 {
position: absolute;
margin-bottom: 0px;
width: 9px;
height: 9px;
background: #F94922;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

body {
padding: 0;
margin: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-size: 16px;
}
*, :after, :before {
box-sizing: inherit;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
font-style: normal;
color: inherit;
text-rendering: optimizeLegibility;
margin-bottom: .5rem;
line-height: 1.4;
padding: 0;
margin: 0;
}
p, h1, h2, h3, h4, h5, h6 {
font-family: 'SemanaSerif-Regular';
padding: 0;
margin: 0;
}
a {
outline : none;
}
a:hover {
color: rgba(233,27,30, 1);
}
a:focus {
color: rgba(0, 0, 0, 0.6);
}
div {
outline : none;
}
::selection {
background: rgba(0, 0, 0, 0.2);
}
::-moz-selection {
background: rgba(0, 0, 0, 0.2);
}
button{
border:none;
padding: 0px;
margin: 0px;
border-radius: 0px;
background-color: transparent;
}
button:focus{
outline: none;
}
/*ÍCONOS*/
/*iconos navegación*/
.icono-navsprite{
background-repeat: no-repeat;
background-size: 1120px 120px;
}
.icono-navsprite-blanco{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-negro{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-rojo{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-gris-1{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-gris-2{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-home{
background-position: -400px 0px;
}
.icono-home-2{
background-position: -480px 0px;
}
/*.icono-historias{
background-position: -440px 0px;
}*/
.icono-historias {
background-position: -445px 0px;
}
.icono-historias-2{
background-position: -560px 0px;
}
.icono-cerrar-menu{
background-position: -40.5px 0px;
}
.icono-ver-mas {
position: relative;
width: 40px;
height: 40px;
background-position: 0px 0px;
}
.icono-cerrar {
position: relative;
width: 40px;
height: 40px;
background-position: -40px 0px;
}
.icono-flecha-abajo{
position: relative;
width: 40px;
height: 25px;
margin: 0 auto;
background-position: -360px -7px;
}
.icono-flecha-left{
position: absolute;
width: 100%;
height: 100%;
background-position: -240px 0px;
}
.icono-flecha-right{
position: absolute;
right: 0px;
width: 100%;
height: 100%;
background-position: -280px 0px;
}
.icono-flechagr-arriba{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
background-position: -160px -40px;
}
.icono-flechagr-abajo{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
background-position: -240px -40px;
}
.icono-flechagr-left{
position: relative;
width: 26px;
height: 40px;
background-position: -247px 0px;
}
.icono-flechagr-right{
position: relative;
width: 26px;
height: 40px;
background-position: -287px 0px;
}
.icono-flechagr-left-2{
position: relative;
width: 100%;
height: 80px;
background-position: -15px -40px;
}
.icono-flechagr-right-2{
position: relative;
width: 100%;
height: 80px;
background-position: -95px -40px;
}
/*DIVISORES*/
.divisor-contenido-01{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: 100%;
height: 50px;
margin: px 0px 15px 0px;
/*background-color: red;*/
}
.elemento-divisor-01{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: calc(100% - 20px);
max-width: calc(500px - 20px);
height: 1px;
border-top:2px solid rgba(217,16,22,1.00);
}
.forma-elemento-divisor-01{
width: 10px;
height: 10px;
background-color: rgba(217,16,22,1.00);
margin-bottom: 2px;
}
.link-destacado-parrafo{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
padding: 0px;
margin-top: 10px;
}
.caja-imagen-link-destacado-parrafo{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex: 0 0 30%;
margin-left: 0px;
margin-right: 10px;
padding: 0px;
}
.caja-url-link-destacado-parrafo{
position:relative;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
flex-direction: column;
flex: 0 0 1;
padding: 0px;
}
.caja-url-link-destacado-parrafo ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
.caja-url-link-destacado-parrafo ul li{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
margin-bottom: 8px;
}
.caja-url-link-destacado-parrafo ul li div{
flex: 0 0 25px;
width: 25px;
height: 25px;
margin-right: 8px;
background-size: 725px 80px;
opacity: 1;
}
.caja-url-link-destacado-parrafo p{
line-height: 1.4rem;
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo span{
font-family: 'SemanaSans-ExtraBold';
font-size: 0.7rem;
line-height: 0.9rem;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(0,0,0,1);
margin-top: 15px;
margin-right: 30px;
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo p a{
font-family: 'SemanaSans-Bold';
font-size: 1rem;
line-height: 1.2rem;
color:rgba(255,255,255,0.7);
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo p a:hover{
color: rgba(233,27,30, 1);
}

América Latina en los ojos del mundo: así impactará a la región ser el anfitrión de los eventos ambientales más importantes del planeta
La región se prepara para recibir la COP 16 de Biodiversidad en Cali y la COP 30 sobre cambio climático en Brasil.

Ir al artículo

Cali, una ciudad para vivir el turismo verde
La capital del Valle del Cauca sobresale por su riqueza natural, diversidad de especies de aves y un compromiso firme para garantizar su conservación.

Ir al artículo

Zonas rurales: indispensables para la conservación de la biodiversidad en Colombia
Expertos hablaron de la urgencia de integrar a las comunidades rurales en estrategias de conservación para proteger la riqueza natural única del país.

Ir al artículo

Colombia tiene un nuevo parque natural en el Chocó con más de 2.000 hectáreas protegidas
Su declaración es un paso contundente para la protección de la biodiversidad de la región Pacífica.

Ir al artículo

Más de dos mil animales a salvo gracias a las zonas de conservación de Drummond. ¿Cómo funcionan?
Hasta estos espacios llegan tortugas, tigrillos y mapaches, entre otros animales, muchos de ellos en peligro de extinción. De la mano de Corpocesar y Cortolima se garantizan las condiciones ambientales idóneas para su bienestar.

Ir al artículo

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-todo2{
width: 100%;

display: flex;
justify-content: center;
}
.caja-imagenes2 img{
width: 100%;
max-width: 600px;
}
@media (max-width: 768px){
.cambio2{
width: 100%;
content:url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/img2_mb.j…;);
}
}

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

La gobernadora destacó la labor conjunta entre diversos actores, desde entidades gubernamentales hasta la sociedad civil y el sector privado, para gestar una estrategia integral. “Esta abarca desde programas de educación ambiental hasta la promoción de la economía circular y la mitigación de impactos ambientales. En términos de financiamiento y cooperación internacional, la COP16 abre puertas hacia alianzas estratégicas y proyectos de investigación”, precisó.Además destacó la oportunidad de acceder a recursos para la protección de áreas naturales y el impulso de iniciativas de biodiversidad. Esta cooperación internacional podría catalizar el desarrollo sostenible y fortalecer la resiliencia ante los desafíos del cambio climático.En el ámbito local, el gobierno departamental está implementando políticas audaces para mitigar los efectos del cambio climático. Desde el fomento de energías renovables hasta la promoción de la agricultura regenerativa, se busca avanzar hacia un Valle verde. El Plan de Desarrollo 2024-2027, centrado en el liderazgo transformador, refleja este compromiso con un futuro sostenible.Toro subrayó el impacto potencial de la COP16 en la economía regional. “Se espera que el evento atraiga a miles de visitantes, generando un impulso en sectores como el turismo y la gastronomía”. Además hizo énfasis en la priorización del talento local y las empresas vallecaucanas en todas las actividades relacionadas con la COP16, lo que podría dinamizar aún más la economía regional.“La COP16 no solo es un evento ambiental, sino una oportunidad para mostrar al mundo el potencial de la región. Es un llamado a la acción, a cuidar y valorar los recursos naturales locales, y a trabajar juntos hacia un futuro más sostenible”, concluyó Toro.
.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

body {
padding: 0;
margin: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-size: 16px;
}
*, :after, :before {
box-sizing: inherit;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
font-style: normal;
color: inherit;
text-rendering: optimizeLegibility;
margin-bottom: .5rem;
line-height: 1.4;
padding: 0;
margin: 0;
}
p, h1, h2, h3, h4, h5, h6 {
font-family: 'SemanaSerif-Regular';
padding: 0;
margin: 0;
}
a {
outline : none;
}
a:hover {
color: rgba(233,27,30, 1);
}
a:focus {
color: rgba(0, 0, 0, 0.6);
}
div {
outline : none;
}
::selection {
background: rgba(0, 0, 0, 0.2);
}
::-moz-selection {
background: rgba(0, 0, 0, 0.2);
}
button{
border:none;
padding: 0px;
margin: 0px;
border-radius: 0px;
background-color: transparent;
}
button:focus{
outline: none;
}
/*ÍCONOS*/
/*iconos navegación*/
.icono-navsprite{
background-repeat: no-repeat;
background-size: 1120px 120px;
}
.icono-navsprite-blanco{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-negro{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-rojo{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-gris-1{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-navsprite-gris-2{
background-image: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
.icono-home{
background-position: -400px 0px;
}
.icono-home-2{
background-position: -480px 0px;
}
/*.icono-historias{
background-position: -440px 0px;
}*/
.icono-historias {
background-position: -445px 0px;
}
.icono-historias-2{
background-position: -560px 0px;
}
.icono-cerrar-menu{
background-position: -40.5px 0px;
}
.icono-ver-mas {
position: relative;
width: 40px;
height: 40px;
background-position: 0px 0px;
}
.icono-cerrar {
position: relative;
width: 40px;
height: 40px;
background-position: -40px 0px;
}
.icono-flecha-abajo{
position: relative;
width: 40px;
height: 25px;
margin: 0 auto;
background-position: -360px -7px;
}
.icono-flecha-left{
position: absolute;
width: 100%;
height: 100%;
background-position: -240px 0px;
}
.icono-flecha-right{
position: absolute;
right: 0px;
width: 100%;
height: 100%;
background-position: -280px 0px;
}
.icono-flechagr-arriba{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
background-position: -160px -40px;
}
.icono-flechagr-abajo{
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
background-position: -240px -40px;
}
.icono-flechagr-left{
position: relative;
width: 26px;
height: 40px;
background-position: -247px 0px;
}
.icono-flechagr-right{
position: relative;
width: 26px;
height: 40px;
background-position: -287px 0px;
}
.icono-flechagr-left-2{
position: relative;
width: 100%;
height: 80px;
background-position: -15px -40px;
}
.icono-flechagr-right-2{
position: relative;
width: 100%;
height: 80px;
background-position: -95px -40px;
}
/*DIVISORES*/
.divisor-contenido-01{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: 100%;
height: 50px;
margin: px 0px 15px 0px;
/*background-color: red;*/
}
.elemento-divisor-01{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: calc(100% - 20px);
max-width: calc(500px - 20px);
height: 1px;
border-top:2px solid rgba(217,16,22,1.00);
}
.forma-elemento-divisor-01{
width: 10px;
height: 10px;
background-color: rgba(217,16,22,1.00);
margin-bottom: 2px;
}
.link-destacado-parrafo{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
padding: 0px;
margin-top: 10px;
}
.caja-imagen-link-destacado-parrafo{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex: 0 0 30%;
margin-left: 0px;
margin-right: 10px;
padding: 0px;
}
.caja-url-link-destacado-parrafo{
position:relative;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
flex-direction: column;
flex: 0 0 1;
padding: 0px;
}
.caja-url-link-destacado-parrafo ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
.caja-url-link-destacado-parrafo ul li{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
margin-bottom: 8px;
}
.caja-url-link-destacado-parrafo ul li div{
flex: 0 0 25px;
width: 25px;
height: 25px;
margin-right: 8px;
background-size: 725px 80px;
opacity: 1;
}
.caja-url-link-destacado-parrafo p{
line-height: 1.4rem;
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo span{
font-family: 'SemanaSans-ExtraBold';
font-size: 0.7rem;
line-height: 0.9rem;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(0,0,0,1);
margin-top: 15px;
margin-right: 30px;
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo p a{
font-family: 'SemanaSans-Bold';
font-size: 1rem;
line-height: 1.2rem;
color:rgba(255,255,255,0.7);
margin-bottom: 0px;
}
.caja-url-link-destacado-parrafo p a:hover{
color: rgba(233,27,30, 1);
}

Hacia un futuro sostenible: los compromisos clave de la COP16 en Colombia
La COP16, que se celebrará en Cali entre el 21 de octubre y el primero de noviembre, es una oportunidad extraordinaria para que los líderes mundiales restablezcan los compromisos y la confianza para enfrentar juntos la crisis climática.

Ir al artículo

¿Podrá Colombia alcanzar sus metas de biodiversidad antes de la COP16?
Dos años después de la firma del Marco Mundial de Biodiversidad Kunming-Montreal aún no se conocen con exactitud los avances puntuales de los 196 países firmantes. En el caso de Colombia, todavía son varias las tareas pendientes.

Ir al artículo

El viaje de las aves: así se convirtió Colombia en la parada perfecta de especies migratorias
En el país consiguen alimentos y recursos para continuar su travesía hasta Argentina. Además, su aporte al equilibrio ecológico en el territorio es invaluable.

Ir al artículo

Un milagro llamado Rafiki: la historia del primer cóndor incubado artificialmente en Cundinamarca
El nacimiento del primer cóndor por incubación artificial en Cundinamarca recompensa los esfuerzos de la Fundación Parque Jaime Duque por la conservación de esta especie vital para el futuro de los ecosistemas.

Ir al artículo

Así funciona el refugio de semillas colombiano que garantizará la vida humana en caso de catástrofe o emergencia global
En el municipio de Palmira, Valle del Cauca, un grupo de investigadores dedica sus días a contribuir con la heroica tarea de salvar el patrimonio alimentario de la humanidad.

Ir al artículo

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-titulo{
display: flex;
width: 100%;
justify-content: center;
}

.titulo{
font-family: 'SemanaSerif-BoldItalic';
font-weight: 400;
font-style: normal;
font-size: 36px;
text-align: center;
line-height: 32px;
color: #E91B1E;
}

.linea-parrafo22{
width: 100%;
max-width: 450px;
position: absolute;
border-bottom: 1.8px solid #E91B1E;
top: 50px;
justify-content: center;
}
.caja-blanca{
width: 31px;
height: 8px;
position: absolute;
top: 48px;
background-color:white;
z-index: 1;
}
.circulo {
position: absolute;
width: 4px;
height: 4px;
top: 49px;
background: #F7024B;
border-radius: 50%;
z-index: 2;
}
.circulo_der {
transform: translateX(-8px);
position: absolute;
width: 4px;
height: 4px;
top: 49px;
background: #F7024B;
border-radius: 50%;
z-index: 2;
}
.circulo_izq {
transform: translateX(8px);
position: absolute;
width: 4px;
height: 4px;
top: 49px;
background: #F7024B;
border-radius: 50%;
z-index: 2;
}
@media(max-width: 768px){
.mov-linea{
top: 80px;
}
}

Día 9

🔴En vivo: Noveno día de la COP16. Secretario General de la ONU, António Guterres, ya está en Cali

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-titulo{
display: flex;
width: 100%;
justify-content: center;
}

.titulo{
font-family: 'SemanaSerif-BoldItalic';
font-weight: 400;
font-style: normal;
font-size: 36px;
text-align: center;
line-height: 32px;
color: #E91B1E;
}

Día 8

.tarjeta10:nth-child(8):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia8/art4…;);
}
.tarjeta10:nth-child(9):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia8/art5…;);
}
.tarjeta10:nth-child(10):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia8/art6…;);
}
.tarjeta10:nth-child(11):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia8/art7…;);
}
.tarjeta10:nth-child(12):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia8/art8…;);
}
.tarjeta10:nth-child(13):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia8/art9…;);
}
.tarjeta10:nth-child(14):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia8/art1…;);
}
.tarjeta10:nth-child(15):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia8/art1…;);
}
.tarjeta10:nth-child(16):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia8/art2…;);
}
.tarjeta10:nth-child(17):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia8/art3…;);
}
.cua8{
top:0;
left: 0;
display: flex;
position: absolute;
height: 40px;
width: 15px;
background: red;
z-index: 1;
}
.content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1rem;
transition: 1s;
z-index: 1;
}
.content > * + * {
margin-top: 2px;
}
.rombo{
top: -5px;
position: absolute;
width: 10px;
height: 10px;
background: #E91C1D;
transform: rotate(45deg);
z-index: 300;
}
.line{
position: absolute;
height: 1.5px;
width: 80%;
background-color: #E91C1D;
z-index: 300;
margin-top: -15px
}
.title {
font-size: 19px;
font-weight: 500;
text-shadow: 1px 1px 10px #474747;
line-height: 1.2;
}
.copy {
font-family: var(--font-serif);
font-size: 1.125rem;
font-style: italic;
line-height: 1.35;
}
.btn {
cursor: pointer;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 0.65rem;
font-weight: bold;
letter-spacing: 0.025rem;
text-transform: uppercase;
color: white;
background-color: #E91C1D;
border: none;
}
.btn:hover {
background-color: #F25159;
}
@media (min-width: 300px) {
.tarjeta10:after {
transform: translateY(0);
}
.content {
transform: translateY(calc(100% - 8.5rem));
}
.content > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform var(--d) var(--e), opacity var(--d) var(--e);
}
.tarjeta10:hover,
.tarjeta10:focus-within {
align-items: center;
}
.tarjeta10:hover:before,
.tarjeta10:focus-within:before {
transform: translateY(-1%);
}
.tarjeta10:hover:after,
.tarjeta10:focus-within:after {
transform: translateY(-30%);
}
.tarjeta10:hover .content,
.tarjeta10:focus-within .content {
transform: translateY(1);
}
.tarjeta10:hover .content > *:not(.title),
.tarjeta10:focus-within .content > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(var(--d) / 4);
}
.tarjeta10:focus-within:before, .tarjeta10:focus-within:after,
.tarjeta10:focus-within .content,
.tarjeta10:focus-within .content > *:not(.title) {
transition-duration: 0s;
}
}

COP16: Secretario general de ONU se reunirá este martes con el presidente Petro; ¿qué se puede esperar de su visita a Colombia?

COP16: esta es la fascinante exposición que conmemora los 100 años de La Vorágine

Los niños tienen su espacio en la COP16: estos han sido sus aportes en la cumbre por la biodiversidad

COP16: 300 niñas le cantan a la paz, la naturaleza y a sus derechos en el Teatro Jorge Isaacs

Luego de que Lula no acompañó a Petro en la COP16 en Cali, ambos mandatarios se reunirán en Brasil en la cumbre del G20

Camino Verde: un espacio clave para la sostenibilidad empresarial y la innovación en la COP16

Presidente de Bolivia, Luis Arce, canceló su asistencia a la COP16, ¿qué pasó?

En el marco de la COP16, gobernadora del Valle propone constituir un fondo para la conservación del Pacífico

COP16: líderes ambientales lanzan Río Arriba, una travesía audiovisual para explorar el patrimonio natural de Colombia

¿En qué consiste el concepto de contratación sostenible y qué beneficios le traerá a las empresas del país?

Más de 30 películas colombianas se proyectan en la COP16; prográmese

Carlos Amaya salió en defensa de la reforma al SGP en el marco de la COP16: “No se aumentarán los gastos”

COP16 | BID anuncia 4 millones de dólares para la protección del jaguar en América Latina

COP16 | A esto se destinará el bono por más de 200 mil millones de pesos que se logró, este lunes, en la cumbre de biodiversidad

Gobierno anuncia bono de biodiversidad por US$50 millones; financiará planes de conservación y economía circular

Programación académica de la COP16 para este lunes 28 de octubre

COP16: Gobernación del Valle y el Banco de Desarrollo de América Latina firman acuerdo para impulsar economías verdes

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-titulo{
display: flex;
width: 100%;
justify-content: center;
}

.titulo{
font-family: 'SemanaSerif-BoldItalic';
font-weight: 400;
font-style: normal;
font-size: 36px;
text-align: center;
line-height: 32px;
color: #E91B1E;
}

Día 7

/*--------------------Fuentes Semana----------------------*/
@font-face {
font-family: 'SemanaSerif-Black';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-ExtraBold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Bold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-BoldItalic';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Medium';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Regular';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-RegularItalic';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Light';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Black';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-ExtraBold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Bold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Light';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Medium';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Regular';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
/*----------------------------------------*/
:root {
--d: 700ms;
--e: cubic-bezier(0.19, 1.5, 0.22, 1.5);
--font-sans: "SemanaSans", Bold;
--font-serif: "SemanaSans", Bold;
}
* {
box-sizing: border-box;
}
html{
height: 100%;
width: 100%
}
.caja-general {
display: grid;
place-items: center;
}
.page-content {
display: grid;
grid-gap: 1rem;
padding: 1rem;
max-width: 1600px;
margin: 0 auto;
font-family: var(--font-sans);
}
@media (min-width: 500px) {
.page-content {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 800px) {
.page-content {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1200px){
.page-content {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1400px){
.page-content {
grid-template-columns: repeat(4, 1fr);
}
}
.tarjeta8 {
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
padding: 1rem;
width: 100%;
text-align: center;
color: whitesmoke;
background-color: whitesmoke;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
/*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0.1)100%);*/
}
@media (min-width: 300px) {
.tarjeta8 {
width: 100%;
height: 322px;
}
}
.tarjeta8:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 110%;
background-size: cover;
background-position: 0 0;
pointer-events: none;
transition: transform calc(var(--d) * 1.5) var(--e);
}
.tarjeta8:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 200%;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 10%, rgba(0,0,0,0.6)50%);
transform: translateY(20%);
transition: 0.5s;
}
.tarjeta8:nth-child(1):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art9…;);
}
.tarjeta8:nth-child(2):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art1…;);
}
.tarjeta8:nth-child(3):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art1…;);
}
.cua8{
top:0;
left: 0;
display: flex;
position: absolute;
height: 40px;
width: 15px;
background: red;
z-index: 1;
}
.content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1rem;
transition: 1s;
z-index: 1;
}
.content > * + * {
margin-top: 2px;
}
.rombo{
top: -5px;
position: absolute;
width: 10px;
height: 10px;
background: #E91C1D;
transform: rotate(45deg);
z-index: 300;
}
.line{
position: absolute;
height: 1.5px;
width: 80%;
background-color: #E91C1D;
z-index: 300;
margin-top: -15px
}
.title {
font-size: 19px;
font-weight: 500;
text-shadow: 1px 1px 10px #474747;
line-height: 1.2;
}
.copy {
font-family: var(--font-serif);
font-size: 1.125rem;
font-style: italic;
line-height: 1.35;
}
.btn {
cursor: pointer;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 0.65rem;
font-weight: bold;
letter-spacing: 0.025rem;
text-transform: uppercase;
color: white;
background-color: #E91C1D;
border: none;
}
.btn:hover {
background-color: #F25159;
}
@media (min-width: 300px) {
.tarjeta8:after {
transform: translateY(0);
}
.content {
transform: translateY(calc(100% - 8.5rem));
}
.content > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform var(--d) var(--e), opacity var(--d) var(--e);
}
.tarjeta8:hover,
.tarjeta8:focus-within {
align-items: center;
}
.tarjeta8:hover:before,
.tarjeta8:focus-within:before {
transform: translateY(-1%);
}
.tarjeta8:hover:after,
.tarjeta8:focus-within:after {
transform: translateY(-30%);
}
.tarjeta8:hover .content,
.tarjeta8:focus-within .content {
transform: translateY(1);
}
.tarjeta8:hover .content > *:not(.title),
.tarjeta8:focus-within .content > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(var(--d) / 4);
}
.tarjeta8:focus-within:before, .tarjeta8:focus-within:after,
.tarjeta8:focus-within .content,
.tarjeta8:focus-within .content > *:not(.title) {
transition-duration: 0s;
}
}

Luis Gilberto Murillo confirmó que el canciller del régimen de Nicolás Maduro, Yvan Gil, estará en Cali para la COP16

“Nos pone también como uno de los países más mega diversos en la mira del mundo”, Fernando Páez, Director de la WRI, habló sobre la COP16

Habla Beatriz Fernández, la cofundadora de Crepes & Waffles: “La COP16 nos recuerda que en todos los colombianos hay grandeza”

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-titulo{
display: flex;
width: 100%;
justify-content: center;
}

.titulo{
font-family: 'SemanaSerif-BoldItalic';
font-weight: 400;
font-style: normal;
font-size: 36px;
text-align: center;
line-height: 32px;
color: #E91B1E;
}

Día 6

.tarjeta9:nth-child(1):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art1…;);
}
.tarjeta9:nth-child(2):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art1…;);
}
.tarjeta9:nth-child(3):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art1…;);
}
.cua9{
top:0;
left: 0;
display: flex;
position: absolute;
height: 40px;
width: 15px;
background: red;
z-index: 1;
}
.content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1rem;
transition: 1s;
z-index: 1;
}
.content > * + * {
margin-top: 2px;
}
.rombo{
top: -5px;
position: absolute;
width: 10px;
height: 10px;
background: #E91C1D;
transform: rotate(45deg);
z-index: 300;
}
.line{
position: absolute;
height: 1.5px;
width: 80%;
background-color: #E91C1D;
z-index: 300;
margin-top: -15px
}
.title {
font-size: 19px;
font-weight: 500;
text-shadow: 1px 1px 10px #474747;
line-height: 1.2;
}
.copy {
font-family: var(--font-serif);
font-size: 1.125rem;
font-style: italic;
line-height: 1.35;
}
.btn {
cursor: pointer;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 0.65rem;
font-weight: bold;
letter-spacing: 0.025rem;
text-transform: uppercase;
color: white;
background-color: #E91C1D;
border: none;
}
.btn:hover {
background-color: #F25159;
}
@media (min-width: 300px) {
.tarjeta9:after {
transform: translateY(0);
}
.content {
transform: translateY(calc(100% - 8.5rem));
}
.content > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform var(--d) var(--e), opacity var(--d) var(--e);
}
.tarjeta9:hover,
.tarjeta9:focus-within {
align-items: center;
}
.tarjeta9:hover:before,
.tarjeta9:focus-within:before {
transform: translateY(-1%);
}
.tarjeta9:hover:after,
.tarjeta9:focus-within:after {
transform: translateY(-30%);
}
.tarjeta9:hover .content,
.tarjeta9:focus-within .content {
transform: translateY(1);
}
.tarjeta9:hover .content > *:not(.title),
.tarjeta9:focus-within .content > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(var(--d) / 4);
}
.tarjeta9:focus-within:before, .tarjeta9:focus-within:after,
.tarjeta9:focus-within .content,
.tarjeta9:focus-within .content > *:not(.title) {
transition-duration: 0s;
}
}

Gustavo Petro despachará la próxima semana desde Cali en la última etapa de la COP16

La gastronomía también se toma la COP16: Los chef Mauro Colagreco y Harry Sasson deleitarán el paladar de los asistentes

Pese a que Petro dijo “ni siquiera Lula me acompañó”, la Cancillería reveló los presidentes que sí asistirán a la COP16

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-titulo{
display: flex;
width: 100%;
justify-content: center;
}

.titulo{
font-family: 'SemanaSerif-BoldItalic';
font-weight: 400;
font-style: normal;
font-size: 36px;
text-align: center;
line-height: 32px;
color: #E91B1E;
}

Día 5

/*--------------------Fuentes Semana----------------------*/
@font-face {
font-family: 'SemanaSerif-Black';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-ExtraBold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Bold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-BoldItalic';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Medium';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Regular';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-RegularItalic';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Light';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Black';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-ExtraBold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Bold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Light';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Medium';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Regular';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
/*----------------------------------------*/
:root {
--d: 700ms;
--e: cubic-bezier(0.19, 1.5, 0.22, 1.5);
--font-sans: "SemanaSans", Bold;
--font-serif: "SemanaSans", Bold;
}
* {
box-sizing: border-box;
}
html{
height: 100%;
width: 100%
}
.caja-general {
display: grid;
place-items: center;
}
.page-content {
display: grid;
grid-gap: 1rem;
padding: 1rem;
max-width: 1600px;
margin: 0 auto;
font-family: var(--font-sans);
}
@media (min-width: 500px) {
.page-content {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 800px) {
.page-content {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1200px){
.page-content {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1400px){
.page-content {
grid-template-columns: repeat(4, 1fr);
}
}
.tarjeta7 {
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
padding: 1rem;
width: 100%;
text-align: center;
color: whitesmoke;
background-color: whitesmoke;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
/*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0.1)100%);*/
}
@media (min-width: 300px) {
.tarjeta7 {
width: 100%;
height: 322px;
}
}
.tarjeta7:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 110%;
background-size: cover;
background-position: 0 0;
pointer-events: none;
transition: transform calc(var(--d) * 1.5) var(--e);
}
.tarjeta7:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 200%;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 10%, rgba(0,0,0,0.6)50%);
transform: translateY(20%);
transition: 0.5s;
}
.tarjeta7:nth-child(1):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art1…;);
}
.tarjeta7:nth-child(2):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art1…;);
}
.tarjeta7:nth-child(3):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art8…;);
}
.tarjeta7:nth-child(4):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art7…;);
}
.tarjeta7:nth-child(5):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art4…;);
}
.tarjeta7:nth-child(6):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art5…;);
}
.tarjeta7:nth-child(7):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art6…;);
}
.tarjeta7:nth-child(8):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art2…;);
}
.tarjeta7:nth-child(9):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia5/art3…;);
}
.cua7{
top:0;
left: 0;
display: flex;
position: absolute;
height: 40px;
width: 15px;
background: red;
z-index: 1;
}
.content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1rem;
transition: 1s;
z-index: 1;
}
.content > * + * {
margin-top: 2px;
}
.rombo{
top: -5px;
position: absolute;
width: 10px;
height: 10px;
background: #E91C1D;
transform: rotate(45deg);
z-index: 300;
}
.line{
position: absolute;
height: 1.5px;
width: 80%;
background-color: #E91C1D;
z-index: 300;
margin-top: -15px
}
.title {
font-size: 19px;
font-weight: 500;
text-shadow: 1px 1px 10px #474747;
line-height: 1.2;
}
.copy {
font-family: var(--font-serif);
font-size: 1.125rem;
font-style: italic;
line-height: 1.35;
}
.btn {
cursor: pointer;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 0.65rem;
font-weight: bold;
letter-spacing: 0.025rem;
text-transform: uppercase;
color: white;
background-color: #E91C1D;
border: none;
}
.btn:hover {
background-color: #F25159;
}
@media (min-width: 300px) {
.tarjeta7:after {
transform: translateY(0);
}
.content {
transform: translateY(calc(100% - 8.5rem));
}
.content > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform var(--d) var(--e), opacity var(--d) var(--e);
}
.tarjeta7:hover,
.tarjeta7:focus-within {
align-items: center;
}
.tarjeta7:hover:before,
.tarjeta7:focus-within:before {
transform: translateY(-1%);
}
.tarjeta7:hover:after,
.tarjeta7:focus-within:after {
transform: translateY(-30%);
}
.tarjeta7:hover .content,
.tarjeta7:focus-within .content {
transform: translateY(1);
}
.tarjeta7:hover .content > *:not(.title),
.tarjeta7:focus-within .content > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(var(--d) / 4);
}
.tarjeta7:focus-within:before, .tarjeta7:focus-within:after,
.tarjeta7:focus-within .content,
.tarjeta7:focus-within .content > *:not(.title) {
transition-duration: 0s;
}
}

“Negociaciones en la COP16 avanzan de forma positiva”: MinAmbiente entrega balance de la primera semana de esta cumbre

Brigitte Baptiste habla sobre la COP16 y el papel de Colombia en el cuidado de la biodiversidad, ¿cómo está el país?

COP16: los líderes empresariales del país hablan de sus apuestas por la biodiversidad

Presidente Petro arremetió contra la industria cañera en la COP16 y varios sectores lo pusieron en su sitio

Mundial de la Salsa en la COP16: así se vive el festival de salsa más importante de Colombia

COP16: La inspiradora historia de Geneviève Côté, la artista canadiense que imita a la perfección sonidos de animales

COP 16 | Se crea el Pacto Global por el Agua y la Biodiversidad que busca proteger el río Amazonas

COP16: Temperatura aumentaría 3 grados y “convertirá ciudades en saunas”; devastador informe de la ONU sobre cambio climático

COP16: ¿Cómo evitar que el mundo se vea amenazado por otra pandemia? Hablan los expertos en esta cita con la biodiversidad

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-titulo{
display: flex;
width: 100%;
justify-content: center;
}

.titulo{
font-family: 'SemanaSerif-BoldItalic';
font-weight: 400;
font-style: normal;
font-size: 36px;
text-align: center;
line-height: 32px;
color: #E91B1E;
}

Día 4

/*--------------------Fuentes Semana----------------------*/
@font-face {
font-family: 'SemanaSerif-Black';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-ExtraBold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Bold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-BoldItalic';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Medium';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Regular';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-RegularItalic';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Light';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Black';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-ExtraBold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Bold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Light';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Medium';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Regular';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
/*----------------------------------------*/
:root {
--d: 700ms;
--e: cubic-bezier(0.19, 1.5, 0.22, 1.5);
--font-sans: "SemanaSans", Bold;
--font-serif: "SemanaSans", Bold;
}
* {
box-sizing: border-box;
}
html{
height: 100%;
width: 100%
}
.caja-general {
display: grid;
place-items: center;
}
.page-content {
display: grid;
grid-gap: 1rem;
padding: 1rem;
max-width: 1600px;
margin: 0 auto;
font-family: var(--font-sans);
}
@media (min-width: 500px) {
.page-content {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 800px) {
.page-content {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1200px){
.page-content {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1400px){
.page-content {
grid-template-columns: repeat(4, 1fr);
}
}
.tarjeta6 {
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
padding: 1rem;
width: 100%;
text-align: center;
color: whitesmoke;
background-color: whitesmoke;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
/*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0.1)100%);*/
}
@media (min-width: 300px) {
.tarjeta6 {
width: 100%;
height: 322px;
}
}
.tarjeta6:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 110%;
background-size: cover;
background-position: 0 0;
pointer-events: none;
transition: transform calc(var(--d) * 1.5) var(--e);
}
.tarjeta6:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 200%;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 10%, rgba(0,0,0,0.6)50%);
transform: translateY(20%);
transition: 0.5s;
}
.tarjeta6:nth-child(1):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia4/art7…;);
}
.tarjeta6:nth-child(2):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia4/art8…;);
}
.tarjeta6:nth-child(3):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia4/art9…;);
}
.tarjeta6:nth-child(4):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia4/art1…;);
}
.tarjeta6:nth-child(5):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia4/art5…;);
}
.tarjeta6:nth-child(6):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia4/art6…;);
}
.tarjeta6:nth-child(7):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia4/art3…;);
}
.tarjeta6:nth-child(8):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia4/art4…;);
}
.tarjeta6:nth-child(9):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia4/art1…;);
}
.tarjeta6:nth-child(10):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia4/art2…;);
}
.cua6{
top:0;
left: 0;
display: flex;
position: absolute;
height: 40px;
width: 15px;
background: red;
z-index: 1;
}
.content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1rem;
transition: 1s;
z-index: 1;
}
.content > * + * {
margin-top: 2px;
}
.rombo{
top: -5px;
position: absolute;
width: 10px;
height: 10px;
background: #E91C1D;
transform: rotate(45deg);
z-index: 300;
}
.line{
position: absolute;
height: 1.5px;
width: 80%;
background-color: #E91C1D;
z-index: 300;
margin-top: -15px
}
.title {
font-size: 19px;
font-weight: 500;
text-shadow: 1px 1px 10px #474747;
line-height: 1.2;
}
.copy {
font-family: var(--font-serif);
font-size: 1.125rem;
font-style: italic;
line-height: 1.35;
}
.btn {
cursor: pointer;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 0.65rem;
font-weight: bold;
letter-spacing: 0.025rem;
text-transform: uppercase;
color: white;
background-color: #E91C1D;
border: none;
}
.btn:hover {
background-color: #F25159;
}
@media (min-width: 300px) {
.tarjeta6:after {
transform: translateY(0);
}
.content {
transform: translateY(calc(100% - 8.5rem));
}
.content > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform var(--d) var(--e), opacity var(--d) var(--e);
}
.tarjeta6:hover,
.tarjeta6:focus-within {
align-items: center;
}
.tarjeta6:hover:before,
.tarjeta6:focus-within:before {
transform: translateY(-1%);
}
.tarjeta6:hover:after,
.tarjeta6:focus-within:after {
transform: translateY(-30%);
}
.tarjeta6:hover .content,
.tarjeta6:focus-within .content {
transform: translateY(1);
}
.tarjeta6:hover .content > *:not(.title),
.tarjeta6:focus-within .content > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(var(--d) / 4);
}
.tarjeta6:focus-within:before, .tarjeta6:focus-within:after,
.tarjeta6:focus-within .content,
.tarjeta6:focus-within .content > *:not(.title) {
transition-duration: 0s;
}
}

‘Thiago Birds’, el niño colombiano que más sabe de aves y está en la COP16

Así son los servicios de salud para los asistentes de la COP16 en Cali

La alianza que hubo en la COP16 para poder medir la huella de carbono: le contamos

Así fue la presentación de ‘Floresmira’, la gata de la COP16, que podrá encontrar en Cali

Así participa el Minuto de Dios en la COP 16 de Cali

Presidente de la Cámara, Jaime Raúl Salamanca, habló con SEMANA y explicó el contexto de su frase en la COP16: “Yo dizque venía a Cali a descansar”

Cancillería regañó a embajadores que participan en COP 16, les hizo fuerte advertencia por culpa de Roy Barreras

Influenciadores a favor del medio ambiente y el papel de las redes sociales en la COP16; TikTok toma la delantera

Cuarto día de la COP16 en Cali. Así avanza la jornada de la cumbre por la biodiversidad

El ridículo de Petro en la COP16

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-titulo{
display: flex;
width: 100%;
justify-content: center;
}

.titulo{
font-family: 'SemanaSerif-BoldItalic';
font-weight: 400;
font-style: normal;
font-size: 36px;
text-align: center;
line-height: 32px;
color: #E91B1E;
}

Día 3

.tarjeta5:nth-child(9):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia3/art5…;);
}
.tarjeta5:nth-child(10):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia3/art6…;);
}
.tarjeta5:nth-child(11):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia3/art7…;);
}
.tarjeta5:nth-child(12):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia3/art8…;);
}
.tarjeta5:nth-child(13):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia3/art1…;);
}
.tarjeta5:nth-child(14):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia3/art2…;);
}
.tarjeta5:nth-child(15):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia3/art3…;);
}
.tarjeta5:nth-child(16):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia3/art4…;);
}
.tarjeta5:nth-child(17):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia3/art5…;);
}
.cua5{
top:0;
left: 0;
display: flex;
position: absolute;
height: 40px;
width: 15px;
background: red;
z-index: 1;
}
.content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1rem;
transition: 1s;
z-index: 1;
}
.content > * + * {
margin-top: 2px;
}
.rombo{
top: -5px;
position: absolute;
width: 10px;
height: 10px;
background: #E91C1D;
transform: rotate(45deg);
z-index: 300;
}
.line{
position: absolute;
height: 1.5px;
width: 80%;
background-color: #E91C1D;
z-index: 300;
margin-top: -15px
}
.title {
font-size: 19px;
font-weight: 500;
text-shadow: 1px 1px 10px #474747;
line-height: 1.2;
}
.copy {
font-family: var(--font-serif);
font-size: 1.125rem;
font-style: italic;
line-height: 1.35;
}
.btn {
cursor: pointer;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 0.65rem;
font-weight: bold;
letter-spacing: 0.025rem;
text-transform: uppercase;
color: white;
background-color: #E91C1D;
border: none;
}
.btn:hover {
background-color: #F25159;
}
@media (min-width: 300px) {
.tarjeta5:after {
transform: translateY(0);
}
.content {
transform: translateY(calc(100% - 8.5rem));
}
.content > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform var(--d) var(--e), opacity var(--d) var(--e);
}
.tarjeta5:hover,
.tarjeta5:focus-within {
align-items: center;
}
.tarjeta5:hover:before,
.tarjeta5:focus-within:before {
transform: translateY(-1%);
}
.tarjeta5:hover:after,
.tarjeta5:focus-within:after {
transform: translateY(-30%);
}
.tarjeta5:hover .content,
.tarjeta5:focus-within .content {
transform: translateY(1);
}
.tarjeta5:hover .content > *:not(.title),
.tarjeta5:focus-within .content > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(var(--d) / 4);
}
.tarjeta5:focus-within:before, .tarjeta5:focus-within:after,
.tarjeta5:focus-within .content,
.tarjeta5:focus-within .content > *:not(.title) {
transition-duration: 0s;
}
}

Alcaldía de Cali alerta sobre estafas en el marco de la COP16, ¿de qué se trata?

COP16 | Los detalles del plan ambiental de Petro que llevó al paro a centenares de campesinos y mineros

COP16: Más de 350 ambientalistas han sido asesinados en Colombia desde 2018

Reviva los mejores momentos del tercer día de la COP16 en Cali

Niños del Guaviare dejan atrás la guerra y llegan a la COP16 para enseñar sobre conservación de aves; esta es la historia

COP16 | Aterciopelados se une a esta cita con la biodiversidad y busca fondos para salvar los Andes Tropicales

Avanza la COP16: Colombia quiere democratizar el conocimiento sobre recursos genéticos de animales y plantas

COP16 | Este es el plan con el que Colombia busca saldar la deuda con sus ecosistemas marinos

COP16 | Cali se alista para el concierto ‘Paz con la Naturaleza’, con Rubén Blades como gran invitado; así podrá obtener su boleta

COP16 | Los detalles del plan ambiental de Petro que llevó al paro a centenares de campesinos y mineros

COP16: así vibra la Zona Verde en el Bulevar del Río, el lugar donde se vive la conferencia del “Pueblo”

Ejército se vincula a la COP16: estas son las actividades de la institución

Tercer día de la COP16. Así se desarrollará la agenda del miércoles 23 de octubre

COP16 en Cali: esta es la programación académica del miércoles 23 de octubre

“No quiero que me compren prendas porque soy la hija del presidente”: Andrea Petro, quien expone sus productos en la COP16

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-titulo{
display: flex;
width: 100%;
justify-content: center;
}

.titulo{
font-family: 'SemanaSerif-BoldItalic';
font-weight: 400;
font-style: normal;
font-size: 36px;
text-align: center;
line-height: 32px;
color: #E91B1E;
}

Día 2

/*--------------------Fuentes Semana----------------------*/
@font-face {
font-family: 'SemanaSerif-Black';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-ExtraBold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Bold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-BoldItalic';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Medium';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Regular';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-RegularItalic';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSerif-Light';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Black';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-ExtraBold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Bold';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Light';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Medium';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
@font-face {
font-family: 'SemanaSans-Regular';
src: url(https://multimedia.semana.com/2022/11_noviembre/recursos/fuentes/Semana…);
}
/*----------------------------------------*/
:root {
--d: 700ms;
--e: cubic-bezier(0.19, 1.5, 0.22, 1.5);
--font-sans: "SemanaSans", Bold;
--font-serif: "SemanaSans", Bold;
}
* {
box-sizing: border-box;
}
html{
height: 100%;
width: 100%
}
.caja-general {
display: grid;
place-items: center;
}
.page-content {
display: grid;
grid-gap: 1rem;
padding: 1rem;
max-width: 1600px;
margin: 0 auto;
font-family: var(--font-sans);
}
@media (min-width: 500px) {
.page-content {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 800px) {
.page-content {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1200px){
.page-content {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1400px){
.page-content {
grid-template-columns: repeat(4, 1fr);
}
}
.tarjeta4 {
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
padding: 1rem;
width: 100%;
text-align: center;
color: whitesmoke;
background-color: whitesmoke;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
/*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0.1)100%);*/
}
@media (min-width: 300px) {
.tarjeta4 {
width: 100%;
height: 322px;
}
}
.tarjeta4:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 110%;
background-size: cover;
background-position: 0 0;
pointer-events: none;
transition: transform calc(var(--d) * 1.5) var(--e);
}
.tarjeta4:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 200%;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 10%, rgba(0,0,0,0.6)50%);
transform: translateY(20%);
transition: 0.5s;
}
.tarjeta4:nth-child(1):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(2):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(3):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art5…;);
}
.tarjeta4:nth-child(4):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art6…;);
}
.tarjeta4:nth-child(5):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art7…;);
}
.tarjeta4:nth-child(6):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art8…;);
}
.tarjeta4:nth-child(7):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art9…;);
}
.tarjeta4:nth-child(8):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(9):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art2…;);
}
.tarjeta4:nth-child(10):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art3…;);
}
.tarjeta4:nth-child(11):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art4…;);
}
.tarjeta4:nth-child(12):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(13):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(14):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(15):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(16):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(17):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(18):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(19):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(20):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art1…;);
}
.tarjeta4:nth-child(21):before {
background-image: url("https://multimedia.semana.com/2024/07_julio/esp-biodiversidad/dia2/art2…;);
}
.cua4{
top:0;
left: 0;
display: flex;
position: absolute;
height: 40px;
width: 15px;
background: red;
z-index: 1;
}
.content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1rem;
transition: 1s;
z-index: 1;
}
.content > * + * {
margin-top: 2px;
}
.rombo{
top: -5px;
position: absolute;
width: 10px;
height: 10px;
background: #E91C1D;
transform: rotate(45deg);
z-index: 300;
}
.line{
position: absolute;
height: 1.5px;
width: 80%;
background-color: #E91C1D;
z-index: 300;
margin-top: -15px
}
.title {
font-size: 19px;
font-weight: 500;
text-shadow: 1px 1px 10px #474747;
line-height: 1.2;
}
.copy {
font-family: var(--font-serif);
font-size: 1.125rem;
font-style: italic;
line-height: 1.35;
}
.btn {
cursor: pointer;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 0.65rem;
font-weight: bold;
letter-spacing: 0.025rem;
text-transform: uppercase;
color: white;
background-color: #E91C1D;
border: none;
}
.btn:hover {
background-color: #F25159;
}
@media (min-width: 300px) {
.tarjeta4:after {
transform: translateY(0);
}
.content {
transform: translateY(calc(100% - 8.5rem));
}
.content > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform var(--d) var(--e), opacity var(--d) var(--e);
}
.tarjeta4:hover,
.tarjeta4:focus-within {
align-items: center;
}
.tarjeta4:hover:before,
.tarjeta4:focus-within:before {
transform: translateY(-1%);
}
.tarjeta4:hover:after,
.tarjeta4:focus-within:after {
transform: translateY(-30%);
}
.tarjeta4:hover .content,
.tarjeta4:focus-within .content {
transform: translateY(1);
}
.tarjeta4:hover .content > *:not(.title),
.tarjeta4:focus-within .content > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(var(--d) / 4);
}
.tarjeta4:focus-within:before, .tarjeta4:focus-within:after,
.tarjeta4:focus-within .content,
.tarjeta4:focus-within .content > *:not(.title) {
transition-duration: 0s;
}
}

Así fue el segundo día de la COP16 en Cali: reviva los mejores momentos

Hasta Nariño llegará el Jardín Botánico de Nueva York. Estos son los detalles de una visita excepcional gracias a la COP16

COP16 | Colombia aportará a la seguridad alimentaria del mundo tras incorporarse a Tratado de Semillas de la FAO

Christian Garcés dice que Gustavo Petro “engaña” en la COP16: “La miseria no proviene de la caña, sino de la violencia”

COP16 | Ingenios azucareros anuncian que dejarán quema programada de caña; detalles de la ‘autopista de la biodiversidad’

COP16 | Gobierno Petro se raja en cuidado de áreas protegidas; informe revela cómo se pierden miles de hectáreas de bosque

COP16 en Cali: esta es la programación completa para que arme parche en el Circuito de la Biodiversidad

Germán Vargas Lleras arremete contra Petro por discurso en la COP16: “Clasifica en la categoría de ciencia ficción”

COP16 | Así es la Zona Verde, punto de encuentro de emprendimientos y eventos culturales que se tomó el corazón de Cali

‘Thiago Birds’: la inspiradora historia del niño colombiano que da ‘cátedra’ en la COP16 sobre la importancia de las aves

COP16 | Gobierno Petro se raja en cuidado de áreas protegidas; informe revela cómo se pierden miles de hectáreas de bosque

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-titulo{
display: flex;
width: 100%;
justify-content: center;
}

.titulo{
font-family: 'SemanaSerif-BoldItalic';
font-weight: 400;
font-style: normal;
font-size: 36px;
text-align: center;
line-height: 32px;
color: #E91B1E;
}

Día 1

.cua2{
top:0;
left: 0;
display: flex;
position: absolute;
height: 40px;
width: 15px;
background: red;
z-index: 1;
}
.content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1rem;
transition: 1s;
z-index: 1;
}
.content > * + * {
margin-top: 2px;
}
.rombo{
top: -5px;
position: absolute;
width: 10px;
height: 10px;
background: #E91C1D;
transform: rotate(45deg);
z-index: 300;
}
.line{
position: absolute;
height: 1.5px;
width: 80%;
background-color: #E91C1D;
z-index: 300;
margin-top: -15px
}
.title {
font-size: 19px;
font-weight: 500;
text-shadow: 1px 1px 10px #474747;
line-height: 1.2;
}
.copy {
font-family: var(--font-serif);
font-size: 1.125rem;
font-style: italic;
line-height: 1.35;
}
.btn {
cursor: pointer;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 0.65rem;
font-weight: bold;
letter-spacing: 0.025rem;
text-transform: uppercase;
color: white;
background-color: #E91C1D;
border: none;
}
.btn:hover {
background-color: #F25159;
}
@media (min-width: 300px) {
.tarjeta2:after {
transform: translateY(0);
}
.content {
transform: translateY(calc(100% - 8.5rem));
}
.content > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform var(--d) var(--e), opacity var(--d) var(--e);
}
.tarjeta2:hover,
.tarjeta2:focus-within {
align-items: center;
}
.tarjeta2:hover:before,
.tarjeta2:focus-within:before {
transform: translateY(-1%);
}
.tarjeta2:hover:after,
.tarjeta2:focus-within:after {
transform: translateY(-30%);
}
.tarjeta2:hover .content,
.tarjeta2:focus-within .content {
transform: translateY(1);
}
.tarjeta2:hover .content > *:not(.title),
.tarjeta2:focus-within .content > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(var(--d) / 4);
}
.tarjeta2:focus-within:before, .tarjeta2:focus-within:after,
.tarjeta2:focus-within .content,
.tarjeta2:focus-within .content > *:not(.title) {
transition-duration: 0s;
}
}

Así se vivió el primer día de la COP16 en Cali: hubo conferencias de biodiversidad e intervenciones de autoridades

María Fernanda Cabal lanza contundente crítica al presidente Petro por su discurso en la COP16: “Qué pena”

COP16: ¿cuánto le costará al mundo restaurar su biodiversidad? Las millonarias cifras detrás de la salvación del planeta

“Hago un llamado para abandonar los mensajes de odio”: alcalde Alejandro Éder a líderes en la COP16

La minga indígena llegó a Cali en medio de la COP16, ¿qué buscan?

Petro mencionó en la COP16 la “primera línea” de la vida y expresó que “la más grande batalla está por comenzar”

Desde la COP16 alertan que: “Comunidades deben ver los resultados de transición socioecológica de la que habla el Gobierno”

Presidente Petro lideró consejo de ministros en Cali, en medio de la COP16; se evaluó la agenda ambiental del Gobierno

COP16: el poderoso clamor de Jane Goodall por la biodiversidad del planeta

COP16: primeros compromisos que asume Colombia en esta cita con la biodiversidad; restaurar bosques, el gran reto

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #e91b1e;
width: 400px;
justify-content: center;
margin: 0;
}

.rombo1 {
position: absolute;
margin-bottom: 0px;
width: 9px;
height: 9px;
background: #e91b1e;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.cua1{
top:0;
left: 0;
display: flex;
position: absolute;
height: 40px;
width: 15px;
background: red;
z-index: 1;
}
.content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1rem;
transition: 1s;
z-index: 1;
}
.content > * + * {
margin-top: 2px;
}
.rombo{
top: -5px;
position: absolute;
width: 10px;
height: 10px;
background: #E91C1D;
transform: rotate(45deg);
z-index: 300;
}
.line{
position: absolute;
height: 1.5px;
width: 80%;
background-color: #E91C1D;
z-index: 300;
margin-top: -15px
}
.title {
font-size: 19px;
font-weight: 500;
text-shadow: 1px 1px 10px #474747;
line-height: 1.2;
}
.copy {
font-family: var(--font-serif);
font-size: 1.125rem;
font-style: italic;
line-height: 1.35;
}
.btn {
cursor: pointer;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 0.65rem;
font-weight: bold;
letter-spacing: 0.025rem;
text-transform: uppercase;
color: white;
background-color: #E91C1D;
border: none;
}
.btn:hover {
background-color: #F25159;
}
@media (min-width: 300px) {
.tarjeta1:after {
transform: translateY(0);
}
.content {
transform: translateY(calc(100% - 8.5rem));
}
.content > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform var(--d) var(--e), opacity var(--d) var(--e);
}
.tarjeta1:hover,
.tarjeta1:focus-within {
align-items: center;
}
.tarjeta1:hover:before,
.tarjeta1:focus-within:before {
transform: translateY(-1%);
}
.tarjeta1:hover:after,
.tarjeta1:focus-within:after {
transform: translateY(-30%);
}
.tarjeta1:hover .content,
.tarjeta1:focus-within .content {
transform: translateY(1);
}
.tarjeta1:hover .content > *:not(.title),
.tarjeta1:focus-within .content > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(var(--d) / 4);
}
.tarjeta1:focus-within:before, .tarjeta1:focus-within:after,
.tarjeta1:focus-within .content,
.tarjeta1:focus-within .content > *:not(.title) {
transition-duration: 0s;
}
}

Presidente Petro habla en la apertura de la COP16 en Cali

Esta es la inauguración de la COP16 en Colombia

Es oficial: Frailejón Ernesto Pérez será el embajador de la COP16, la cumbre de biodiversidad que se organiza en Colombia

Los mejores momentos de la inauguración de la COP16 en Cali: actos culturales, arte y las primeras propuestas de líderes mundiales

Retos que plantea el expresidente Uribe para Colombia durante la COP16: “Reivindicar a los ciudadanos con protección de su ambiente”

Así suena el himno de Colombia cantado por más de 40 especies de pájaros a puertas de la COP16; no es inteligencia artificial

“La restauración de la naturaleza es una actividad que crea empleo”: directora de The Nature Conservancy en Colombia sobre la COP16

Congreso de la República se traslada a la COP16: este es el cronograma de sesiones

El secretario general de la ONU, António Guterres, pide a naciones reunidas en la COP16 una “inversión significativa” para salvar la naturaleza

Procuraduría le pone la lupa a la seguridad de la COP16; Cali recibe delegaciones de 196 países y más de 15.000 visitantes

Así fue el ritual indígena con el que arrancó la COP16: canto dejó sorprendidos a los asistentes

Petro arremetió contra los “ricos” del mundo en inauguración de la COP16: “Sueñan con escaparse a Marte en sus naves”

Las dos aplicaciones oficiales de la COP16 que lanzó MinTIC para seguir desde el celular la cumbre en Cali

COP16 en Cali: así puede asegurar su participación en este importante evento

Petro dijo que la COP16 está bajo amenaza: “Hay quienes quisieran que esa fuese una vitrina de la violencia y la muerte”

COP16: ¿cuáles son los países que participan en este evento?

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #e91b1e;
width: 400px;
justify-content: center;
margin: 0;
}

.cua3{
top:0;
left: 0;
display: flex;
position: absolute;
height: 40px;
width: 15px;
background: red;
z-index: 1;
}
.content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1rem;
transition: 1s;
z-index: 1;
}
.content > * + * {
margin-top: 2px;
}
.rombo{
top: -5px;
position: absolute;
width: 10px;
height: 10px;
background: #E91C1D;
transform: rotate(45deg);
z-index: 300;
}
.line{
position: absolute;
height: 1.5px;
width: 80%;
background-color: #E91C1D;
z-index: 300;
margin-top: -15px
}
.title {
font-size: 19px;
font-weight: 500;
text-shadow: 1px 1px 10px #474747;
line-height: 1.2;
}
.copy {
font-family: var(--font-serif);
font-size: 1.125rem;
font-style: italic;
line-height: 1.35;
}
.btn {
cursor: pointer;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
font-size: 0.65rem;
font-weight: bold;
letter-spacing: 0.025rem;
text-transform: uppercase;
color: white;
background-color: #E91C1D;
border: none;
}
.btn:hover {
background-color: #F25159;
}
@media (min-width: 300px) {
.tarjeta3:after {
transform: translateY(0);
}
.content {
transform: translateY(calc(100% - 8.5rem));
}
.content > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform var(--d) var(--e), opacity var(--d) var(--e);
}
.tarjeta3:hover,
.tarjeta3:focus-within {
align-items: center;
}
.tarjeta3:hover:before,
.tarjeta3:focus-within:before {
transform: translateY(-1%);
}
.tarjeta3:hover:after,
.tarjeta3:focus-within:after {
transform: translateY(-30%);
}
.tarjeta3:hover .content,
.tarjeta3:focus-within .content {
transform: translateY(1);
}
.tarjeta3:hover .content > *:not(.title),
.tarjeta3:focus-within .content > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: calc(var(--d) / 4);
}
.tarjeta3:focus-within:before, .tarjeta3:focus-within:after,
.tarjeta3:focus-within .content,
.tarjeta3:focus-within .content > *:not(.title) {
transition-duration: 0s;
}
}

Francisco Javier Vera, el reconocido joven ambientalista, anunció que no asistirá a la COP16. Protestó contra el Estado por esta razón

“Estamos a tiempo de salvar el planeta”: habla en SEMANA el colombiano que lidera el Fondo para la Tierra de Jeff Bezzos

“Invitamos al mundo a hacer Paz con la Naturaleza”: Ministra de Ambiente, Susana Muhamad, habla en SEMANA de la COP16

El mundo necesita la COP16: esta es la triste realidad de la biodiversidad. Las especies más amenazadas

Todos a la COP16: científicos y líderes ambientales explican por qué esta conferencia mundial debe importarles a los colombianos

COP 16 en Cali | Así suena la versión inédita del Himno Nacional de Colombia para el encuentro: “me hizo llorar”

COP16: ¿Cómo encontrar la enorme cantidad de dinero que se necesita para proteger la biodiversidad? El debate está abierto

“No hay riesgo”: canciller Luis Gilberto Murillo respondió desde la ONU por seguridad de la COP16 e integridad de delegaciones

Así se prepara Yumbo para albergar la Zona Azul de la COP16: logros y avances de un municipio en crecimiento

Policía de New York apoya la seguridad de la Cop16 en Cali: alcalde Alejandro Eder dio detalles tras finalizar reunión

“La COP16 es el evento más importante que ha tenido Colombia en su historia”: Dilian Francisca Toro

“La COP16 es una oportunidad para mostrarle al mundo qué es Cali”: Alejandro Éder

Julia Miranda habla en SEMANA sobre la COP16: “El mundo nos está mirando y en nuestros ecosistemas están pasando cosas muy graves”

COP16: Colombia pierde la batalla contra la deforestación; esta es la impresionante cifra de bosque con la que ya no cuenta el país

.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #E91B1E;
width: 400px;
justify-content: center;
margin: 0;
}

.caja-todo-gif{
width: 100%;
display: flex;
justify-content: center;
margin: 10px 0;
}
.linea-sep{
transform: translateX(171px);
margin-top: 99px;
position: absolute;
height: 2px;
width: 400px;
background: #f29100;
}
.linea-sep2{
transform: translateX(-171px);
margin-top: 99px;
position: absolute;
height: 2px;
width: 130px;
background: #f29100;
}
.caja-gif img{
-webkit-box-shadow: 3px 4px 21px -3px rgba(104,86,62,0.29);
-moz-box-shadow: 3px 4px 21px -3px rgba(104,86,62,0.29);
box-shadow: 3px 4px 21px -3px rgba(104,86,62,0.29);
max-width: 730px;
max-height: 70px;
width: 100%;
z-index: 1;
}
@media (max-width: 768px){
.linea-sep{
transform: translateX(148px);
margin-top: 99px;
position: absolute;
height: 2px;
width: 97px;
margin-right: 0;
background: #f29100;
}
.linea-sep2{
transform: translateX(-148px);
margin-top: 99px;
position: absolute;
height: 2px;
width: 97px;
margin-left: 0;
background: #f29100;
}
.caja-gif img{
max-width: 220px;
max-height: 70px;
}
}

Medio

Semana

Escrito por

Jose Barrera

link externo

COP 16: Colombia y las oportunidades de la biodiversidad