/*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{}*/
}
@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…);
}
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%;
}
}
La discusión política de moda por estos días es la descentralización. “Hoy, el país depende de un centralismo atrofiado. Un Gobierno central que se queda con el 80 por ciento de los ingresos y solo le deja el 20 por ciento a los departamentos y municipios nunca va a lograr desarrollarse económica y socialmente”, aseguró el ministro del Interior, Juan Fernando Cristo, durante el Congreso de Camacol.Las palabras de Cristo hacen referencia al proyecto de acto legislativo que modifica el Sistema General de Participaciones (SGP), la herramienta con la que el Gobierno irriga recursos de inversión en las regiones y que está en proceso de ser modificada en el Congreso, buscando que el caudal de esas transferencias pase del 23,8 por ciento al 39,5 por ciento a partir de 2027.
.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);
}
Especiales Semana
/*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{}*/
}
@font-face {
font-family: 'SemanaSerif-Black';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
@font-face {
font-family: 'SemanaSerif-ExtraBold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Bold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-BoldItalic';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Medium';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Regular';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-RegularItalic';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Light';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Black';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-ExtraBold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Bold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Light';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Medium';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Regular';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
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;
}
.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%;
}
.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;
}
¿Qué pasará con los proyectos de infraestructura de Antioquia? Esto aclaró la ministra de Transporte
María Constanza García, ministra de Transporte, compartió detalles sobre los proyectos prioritarios que marcarán el rumbo del país en los próximos años, explicó cómo las inversiones en infraestructura estratégica impactarán el crecimiento económico y mejorarán la conectividad en todo el territorio nacional.
Ir al artículo
.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);
}
En lo técnico, el tema tiene tanto de largo como de ancho, más que todo con respecto a la adecuada transferencia de competencias a las gobernaciones y alcaldías para que puedan cumplir efectivamente con los objetivos de inversión, pero deja entrever que es una realidad que las diferentes regiones del país cada vez más requieren de proyectos que les permitan desarrollarse económica y socialmente.
.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);
}
*{
box-sizing: border-box;
}
/*------------------------Fuentes------------------------*/
@font-face {
font-family: 'SemanaSerif-Black';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSerif-ExtraBold';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: "SemanaSerif-Bold";
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
font-weight: bold;
font-style: bold;
}
@font-face {
font-family: 'SemanaSerif-BoldItalic';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSerif-Medium';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSerif-Regular';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSerif-RegularItalic';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSerif-Light';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSans-Black';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-B…);
}
@font-face {
font-family: 'SemanaSans-ExtraBold';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-E…);
}
@font-face {
font-family: 'SemanaSans-Bold';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-B…);
}
@font-face {
font-family: 'SemanaSans-Light';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-L…);
}
@font-face {
font-family: 'SemanaSans-Medium';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-M…);
}
@font-face {
font-family: 'SemanaSans-Regular';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-R…);
}
/*------------------------Fuentes------------------------*/
.cuerpo{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.contenedor-general{
display: flex;
justify-content: center;
}
.contenedor-alineacion{
display: flex;
flex-direction: column;
}
.contenedor-articulo{
width: 800px;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
}
.info{
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
max-width: 490px;
max-height: 360px;
transform: translateX(-30px);
}
.titulo {
margin-left: 90px;
margin-right: 20px;
line-height: 26px;
padding-bottom: 15px;
border-bottom: #E91B1E 1.35px solid;
font-family: 'SemanaSerif-Bold';
font-size: 21px;
position: relative;
z-index: 1;
}
.chapo{
margin-left: 90px;
margin-right: 20px;
margin-bottom: 10px;
margin-top:10px;
font-family: 'SemanaSerif-Regular';
font-size: 17px;
position: relative;
z-index: 1;
line-height: 21px;
color: #2e2d2d;
}
.enlace{
display: flex;
justify-content: center;
width: 110px;
height: 35px;
margin-left: 90px;
margin-right: 20px;
margin-top: 10px;
background: #E91B1E;
position: relative;
z-index: 1;
}
.enlace-texto{
text-align: center;
margin-top:0;
}
.ajuste{
margin-top: 7px;
color: white;
font-family: 'SemanaSerif-Medium';
font-size: 15px;
position: relative;
z-index: 1;
}
.imagen{
position: relative;
transform: translate(30px, 0px);
z-index: 1;
}
.cuadro-mitad{
position: relative;
width: 9px;
height: 18px;
background: #E91B1E;
margin-top: -27px;
transform: translate(72px, 24px);
z-index: 1;
}
.imagen-articulo{
width: 100%;
max-width: 300px;
height: 100%;
max-height: 300px;
-webkit-box-shadow: 10px 10px 33px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 33px -11px rgba(0,0,0,0.75);
box-shadow: 10px 10px 33px -11px rgba(0,0,0,0.75);
}
.img-fondo{
width: 100%;
height: 100%;
display: flex;
position: absolute;
border: 0.9px solid #CCC6C6;
}
a{
text-decoration: none;
}
@media(max-width:768px){
.contenedor-articulo{
flex-direction: column;
width: 100%;
height: 620px;
margin-top:40px;
}
.imagen{
transform: translate(0px, 25px);
}
.imagen-articulo{
max-width: 280px;
max-height: 280px;
}
.cuadro-mitad{
position: absolute;
transform: translate(0px, 90px);
width: 18px;
height: 9px;
margin-left: 20px;
}
.info{
max-width: 320px;
max-height: 100%;
transform: translate(0px, -30px);
padding-bottom: 20px;
justify-content: unset;
}
.titulo{
margin-left: 20px;
margin-top: 82px;
padding-bottom: 10px;
font-size: 18px;
line-height: 23px;
}
.chapo{
margin-left: 20px;
font-size: 16px;
line-height: 20px;
margin-top: 10px;
}
.enlace{
margin-left: 20px;
}
.img-fondo{
height: 100%;
}
}
Más de 1.500 años bajo tierra: así es el impresionante hallazgo arqueológico de Villa Icha en el Cesar
En el marco de la construcción de la Ruta del Sol Sector 3, YUMA Concesionaria lideró un importante hallazgo arqueológico en el departamento del Cesar. Casi 300 personas participaron en esta excavación que contribuye al conocimiento sobre el pasado prehispánico de la región y del país.
Ir al artículo
Infraestructura que conecta y transforma: el compromiso de OHLA por el desarrollo del país
Desde hace más de 16 años, OHLA se ha convertido en un referente de innovación y compromiso en Colombia, transformando el país con infraestructura que impulsa el desarrollo, conecta comunidades y mejora la calidad de vida de millones de personas.
Ir al artículo
.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);
}
Por supuesto, una de las principales condiciones para ello es una adecuada infraestructura. Precisamente, bajo la dirección de Francisco Ospina Ramírez, la Agencia Nacional de Infraestructura (ANI) ha impulsado un portafolio de proyectos intermodales que superan los 50 billones de pesos. Destacan iniciativas como la ampliación del Aeropuerto Gustavo Rojas Pinilla en San Andrés, el IP Aeropuertos del Suroccidente en Cali, además de proyectos carreteros como Villeta-Guaduas.“Hemos impulsado proyectos innovadores en el actual cuatrienio, utilizando el mecanismo de Asociación Público-Privada (APP) para integrar soluciones perdurables en sostenibilidad social, ambiental, financiera y de gobernanza, creando modelos replicables en otras regiones del país”, destacó Ospina.¿Senda de crecimiento?En cuanto al aporte económico, Bancolombia prevé que el PIB de obras civiles crezca un 11 por ciento en 2024, liderado por proyectos en los sectores de acueducto, telecomunicaciones e infraestructura energética, y para 2025 se estima un crecimiento del 2 por ciento. Aun así, según un reporte de la Ocde sobre Colombia, “la calidad de la infraestructura de transporte es deficiente, resultando en altos costos de transporte y limitada integración regional. Los proyectos de infraestructura deben priorizar la interconectividad de puertos, ríos, ferrocarriles y carreteras, y mejoras en la red de carreteras rurales para conectar las ciudades con sus áreas rurales”.Al respecto, el gobernador del Atlántico, Eduardo Verano, hizo un llamado a “un modelo que dé mayor autonomía a las regiones para ejecutar proyectos que respondan a las necesidades locales. Además, el estado central debe disminuir, para que cada territorio haga lo que realmente le corresponde y sean más eficientes y exitosos”.
.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);
}
*{
box-sizing: border-box;
}
/*------------------------Fuentes------------------------*/
@font-face {
font-family: 'SemanaSerif-Black';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSerif-ExtraBold';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: "SemanaSerif-Bold";
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
font-weight: bold;
font-style: bold;
}
@font-face {
font-family: 'SemanaSerif-BoldItalic';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSerif-Medium';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSerif-Regular';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSerif-RegularItalic';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSerif-Light';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSerif-…);
}
@font-face {
font-family: 'SemanaSans-Black';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-B…);
}
@font-face {
font-family: 'SemanaSans-ExtraBold';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-E…);
}
@font-face {
font-family: 'SemanaSans-Bold';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-B…);
}
@font-face {
font-family: 'SemanaSans-Light';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-L…);
}
@font-face {
font-family: 'SemanaSans-Medium';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-M…);
}
@font-face {
font-family: 'SemanaSans-Regular';
src: url(https://multimedia.elpais.com.co/2024/style/fuentes-semana/SemanaSans-R…);
}
/*------------------------Fuentes------------------------*/
.cuerpo{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.contenedor-general{
display: flex;
justify-content: center;
}
.contenedor-alineacion{
display: flex;
flex-direction: column;
}
.contenedor-articulo{
width: 800px;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
}
.info{
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
max-width: 490px;
max-height: 360px;
transform: translateX(-30px);
}
.titulo {
margin-left: 90px;
margin-right: 20px;
line-height: 26px;
padding-bottom: 15px;
border-bottom: #E91B1E 1.35px solid;
font-family: 'SemanaSerif-Bold';
font-size: 21px;
position: relative;
z-index: 1;
}
.chapo{
margin-left: 90px;
margin-right: 20px;
margin-bottom: 10px;
margin-top:10px;
font-family: 'SemanaSerif-Regular';
font-size: 17px;
position: relative;
z-index: 1;
line-height: 21px;
color: #2e2d2d;
}
.enlace{
display: flex;
justify-content: center;
width: 110px;
height: 35px;
margin-left: 90px;
margin-right: 20px;
margin-top: 10px;
background: #E91B1E;
position: relative;
z-index: 1;
}
.enlace-texto{
text-align: center;
margin-top:0;
}
.ajuste{
margin-top: 7px;
color: white;
font-family: 'SemanaSerif-Medium';
font-size: 15px;
position: relative;
z-index: 1;
}
.imagen{
position: relative;
transform: translate(30px, 0px);
z-index: 1;
}
.cuadro-mitad{
position: relative;
width: 9px;
height: 18px;
background: #E91B1E;
margin-top: -27px;
transform: translate(72px, 24px);
z-index: 1;
}
.imagen-articulo{
width: 100%;
max-width: 300px;
height: 100%;
max-height: 300px;
-webkit-box-shadow: 10px 10px 33px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 33px -11px rgba(0,0,0,0.75);
box-shadow: 10px 10px 33px -11px rgba(0,0,0,0.75);
}
.img-fondo{
width: 100%;
height: 100%;
display: flex;
position: absolute;
border: 0.9px solid #CCC6C6;
}
a{
text-decoration: none;
}
@media(max-width:768px){
.contenedor-articulo{
flex-direction: column;
width: 100%;
height: 620px;
margin-top:40px;
}
.imagen{
transform: translate(0px, 25px);
}
.imagen-articulo{
max-width: 280px;
max-height: 280px;
}
.cuadro-mitad{
position: absolute;
transform: translate(0px, 90px);
width: 18px;
height: 9px;
margin-left: 20px;
}
.info{
max-width: 320px;
max-height: 100%;
transform: translate(0px, -30px);
padding-bottom: 20px;
justify-content: unset;
}
.titulo{
margin-left: 20px;
margin-top: 82px;
padding-bottom: 10px;
font-size: 18px;
line-height: 23px;
}
.chapo{
margin-left: 20px;
font-size: 16px;
line-height: 20px;
margin-top: 10px;
}
.enlace{
margin-left: 20px;
}
.img-fondo{
height: 100%;
}
}
Este es el importante corredor vial del Caribe que tiene en vilo su financiamiento: ¿qué está pasando?
Gracias a la Concesión Autopista del Caribe, el Corredor de Carga Cartagena-Barranquilla ha jalonado el desarrollo económico y social de la región. Sin embargo, el financiamiento del proyecto está en vilo con graves consecuencias para la economía y el empleo de la región.
Ir al artículo
6 proyectos con los que Sacyr está impulsando la infraestructura en Colombia
A través de sus obras, esta compañía ha beneficiado a más de 3.350.000 personas, contribuyendo a la conectividad del país y mejorando su calidad de vida.
Ir al artículo
.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);
}
Caribe multimodalVerano destacó que el río Magdalena se convierte en una talanquera en la región Caribe: alguien que quiera vender ganado del Cesar a Sucre tiene que subir hasta Barranquilla y gastar tres horas más para llegar. “De ahí la necesidad de un puente aguas arriba”, dijo refiriéndose al Puente de la Hermandad (en estudios y por un valor de 366.000 millones de pesos).Héctor Carbonell, director ejecutivo de la CCI Norte, destacó entre los proyectos viales a priorizar en la región la Ruta Caribe II (4,2 billones de pesos para 253 km, en riesgo por peajes no recaudados), la Ye de Ciénaga (217.000 millones de pesos, interconecta la Ruta del Sol III con la vía Santa Marta-Ciénaga), los dos viaductos en la ruta Ciénaga-Barranquilla (de 5,8 km y 4,8 km, por 700.000 millones de pesos, en espera de licencia ambiental), y la doble calzada en ese trayecto (por 2,5 billones de pesos, en etapa preoperativa).
.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);
}
/*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{}*/
}
@font-face {
font-family: 'SemanaSerif-Black';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
@font-face {
font-family: 'SemanaSerif-ExtraBold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Bold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-BoldItalic';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Medium';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Regular';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-RegularItalic';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Light';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Black';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-ExtraBold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Bold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Light';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Medium';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Regular';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
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;
}
.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%;
}
.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;
}
Conozca los proyectos de infraestructura que han impulsado el desarrollo de Colombia
El modelo de asociaciones público-privadas se ha convertido en un apalancador fundamental de la infraestructura nacional. Estos son algunos de los logros que ha permitido alcanzar en los últimos 30 años.
Ir al artículo
.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);
}
En materia portuaria, el proyecto río Magdalena contempla una inversión de más de 2,02 billones de pesos para la compra de dos dragas, obras de encauzamiento y el plan de dragado para garantizar la navegabilidad del río. Por lo pronto, se adjudicó el mantenimiento del canal de acceso por 16 meses y 150.000 millones de pesos.Con respecto a los aeropuertos en la región, se busca fortalecer la conectividad internacional y adelantar obras como la ampliación del aeropuerto Rafael Núñez de Cartagena, la construcción del nuevo aeropuerto internacional en Bayunca, y la conclusión de las obras en el aeropuerto Ernesto Cortissoz en Barranquilla.Por su parte, la APP La Dorada-Chiriguaná busca la reactivación del transporte ferroviario y potenciará la estrategia intermodal y de eficiencia logística, conectando el puerto del Caribe con el centro del país y así reducir hasta un 20 por ciento los costos de transporte de carga, maximizando la integración multimodal.Bogotá y su metroEn 2024, la ejecución de obras de infraestructura en Bogotá ha estado marcada por un enfoque renovado en la movilidad y el desarrollo urbano, bajo el marco del Plan Distrital de Desarrollo que contempla más de 113 proyectos de infraestructura que buscan mejorar la calidad de vida de los ciudadanos y optimizar el sistema de transporte en la ciudad.El metro es tal vez el proyecto más importante. Se prevé alcanzar el 99,7 por ciento de la etapa preoperativa para el primer tramo, que espera iniciar su marcha blanca en el segundo semestre de 2027. De la segunda línea se busca completar el 20 por ciento, que incluye el inicio del contrato de concesión y la contratación de la interventoría.Medellín y AntioquiaDesde la Alcaldía de Medellín señalan que el proyecto del metro de la 80 conectará la zona occidental de la ciudad de norte a sur, contribuyendo al mejoramiento de la calidad de vida de cerca de un millón de habitantes. Según un estudio de demanda realizado por el Área Metropolitana del Valle de Aburrá (AMVA), la construcción y operación de este tramo reducirá en promedio un 5 por ciento los tiempos de viaje en transporte público.Parques del Río Norte, una iniciativa de construcción, renovación y recuperación del espacio público en el norte de la ciudad, busca mejorar la calidad de vida y aumentar el índice de espacio público por habitante.“El 2024 fue retador en materia de infraestructura para la ciudad. En un ejercicio riguroso de análisis, planeación y ejecución, avanzamos acorde al plan de desarrollo Medellín Te Quiere, con un enfoque de ciudad que prioriza las necesidades de quienes la habitan”, manifestaron desde la administración de la ciudad.
.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);
}
Especiales Semana
/*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{}*/
}
@font-face {
font-family: 'SemanaSerif-Black';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
@font-face {
font-family: 'SemanaSerif-ExtraBold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Bold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-BoldItalic';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Medium';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Regular';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-RegularItalic';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSerif-Light';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Black';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-ExtraBold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Bold';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Light';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Medium';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
@font-face {
font-family: 'SemanaSans-Regular';
src: url(https://especiales.semana.com/medicos-heroes-del-coronavirus-en-colombi…);
}
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;
}
.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%;
}
.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;
}
Canal del Dique: un modelo de recuperación ecológica en Colombia
La vocación del proyecto de restauración de los ecosistemas del Canal del Dique es principalmente ambiental. Un ejemplo de que la infraestructura se puede poner al servicio del medioambiente.
Ir al artículo
.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);
}
Por su parte, la Gobernación de Antioquia prioriza la Nueva Vía al Mar-Túnel del Toyo, obra de 37,7 kilómetros. El primer tramo está a cargo del departamento y el distrito, con una longitud de 18,2 kilómetros (incluye los 9,7 kilómetros del túnel más largo de América, avance del 95 por ciento). El tramo dos tiene una longitud de 19,5 kilómetros y fue dividido en dos sectores, de los que el primero será cedido por la nación para su construcción.La segunda obra es el Segundo Túnel de Oriente, que incluye el levantamiento del túnel Seminario 2 de 780 metros, construcción de 4,5 kilómetros vías a cielo abierto que comprende 12 puentes y viaductos, la finalización del túnel Santa Elena 2 (de 8,2 kilómetros terminando en Medellín), Así mismo avanza al 50 por ciento la construcción del intercambio vial José María Córdova, en la vía al aeropuerto.
.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);
}
.caja-todo-gif{
width: 100%;
display: flex;
justify-content: center;
margin: 10px 0;
}
.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){
.caja-gif img{
max-width: 220px;
max-height: 70px;
}
}