Navidad en Colombia: el arte de regalar y compartir

Section

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

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

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

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

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

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

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

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

Por Lina Martínez*La Navidad es un tiempo feliz. Culturalmente hemos creado estructuras para vivir la Navidad con todas las cosas que nos hacen sentir bien: comida, compañía, consumo, promesas de nuevos tiempos. Diciembre y todas sus formas sociales son el momento donde experimentamos dominios y emociones en los que la felicidad es magnificada. ¿Por qué? Por varias razones, y me voy a concentrar en dos.
.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #c1ab0d;
width: 400px;
justify-content: center;
margin: 0;
}

.rombo1 {
position: absolute;
margin-bottom: 0px;
width: 9px;
height: 9px;
background: #c1ab0d;
-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: #c1ab0d 1.35px solid;
font-family: 'SemanaSerif-Bold';
font-size: 21px;
position: relative;
z-index: 1;
color: #38330e;
}
.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: #38330e;
}
.enlace{
display: flex;
justify-content: center;
width: 110px;
height: 35px;
margin-left: 90px;
margin-right: 20px;
margin-top: 10px;
background: linear-gradient(135deg, rgba(193, 171, 13, 1) 28%, rgb(208 185 16) 54%, rgba(207, 189, 42, 1) 91%);
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: #c1ab0d;
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);
border: 1px solid #CDC483;
}
.img-fondo{
width: 100%;
height: 100%;
display: flex;
position: absolute;
border: 0.9px solid #CDC483;
}
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%;
}
}

El regalo ideal para esta Navidad: bicicletas para todos los gustos y presupuestos
Su poder para integrar familias, promover la actividad física y la movilidad sostenible han hecho de la bicicleta uno de los regalos más populares en Navidad. Más de 3.500 tiendas en todo el país tienen lista una gran oferta para esta temporada.*

Ir al artículo

Esta Navidad sorprenda a sus hijos con el smartwatch que lo tiene todo
El HUAWEI WATCH Kids 4 Pro puede convertirse en el regalo ideal para los niños en esta temporada, gracias a sus ventajas en seguridad y mejoras pensadas para garantizar una experiencia única a los pequeños y tranquilidad a sus padres.*

Ir al artículo

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

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

.titulo-esp{
font-family: 'SemanaSerif-BoldItalic';
font-weight: 400;
font-style: normal;
font-size: 29px;
text-align: center;
line-height: 32px;
color: #6b591c;
background: linear-gradient(135deg, rgba(193,171,13,1) 28%, rgba(255,246,105,1) 54%, rgba(207,189,42,1) 91%);
margin-top: 30px;
border-radius: 18px;
padding: 3px 30px;
}
.caja-blanca{
width: 31px;
height: 8px;
position: absolute;
top: 48px;
background-color:white;
z-index: 1;
}
@media(max-width: 768px){
.titulo-esp{
font-size: 27px;
}
.mov-linea{
top: 80px;
}
}

Consumo en Navidad

El Black Friday y todas las promociones que arrancan con el Día de Acción de Gracias, dan inicio a la temporada de consumo más extensa en Occidente. Según datos de Fenalco, el año pasado más de la mitad de los colombianos tenían destinado un presupuesto para los regalos navideños que estaba entre los 200.000 y los 800.000 pesos. Mal contados, es entre el 20 y el 60 por ciento de un salario mínimo, que se gastan entre ropa, calzado, accesorios y una categoría miscelánea y colorida como “anchetas”. Pero más allá de las consideraciones financieras de regalar algo que la gente ya tiene, comprar nos hace felices.
.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #c1ab0d;
width: 400px;
justify-content: center;
margin: 0;
}

Navidad 2024: tecnología, moda y ofertas lideran la temporada de compras
Con promociones y ofertas, los comerciantes esperan impulsar las ventas de esta temporada navideña. Al igual que en años anteriores, la tecnología será protagonista.

Ir al artículo

El ingrediente infaltable para una cena navideña según Juan Manuel Barrientos, chef colombiano con estrella Michelin
Juan Manuel Barrientos, chef y fundador de la cadena de restaurantes Elcielo, viajó a su infancia para recordarnos el verdadero significado de reunirnos en familia alrededor de la mesa durante las fiestas de Navidad.

Ir al artículo

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

En cada compra hay una promesa de felicidad. Si es una compra personal, viene aderezada con una idea de vernos mejores. Piense en las ocasiones en que ha comprado una camisa nueva. Esa compra se hace pensando en el momento que la usará, lo bien y seguro que se va a sentir. Es un cheque para un dominio afectivo feliz que reside en un tiempo muy corto.Cuando la compra es para otro, la felicidad se multiplica, porque uno no compra para otros, uno compra y regala para mejorar la autopercepción de ser generosos, mostrar que nos importa la gente que queremos tener un gesto con otra persona que encapsula nuestros afectos. Y si hay que escoger entre cuál de las dos compras nos hace más felices, sin espacio a dudas científicas, la compra para otros da más réditos y nos hace sentir mejor.

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

Compañía en Navidad

América Latina es la región del mundo donde vive la gente más feliz. Los dominios afectivos de un latino son positivos y muy frecuentes. En este pedazo de tierra, es donde vive la gente que reporta sonreír más el día anterior o sentirse feliz con las vivencias cotidianas de un día cualquiera. Y el factor más importante para tanta felicidad es la fortaleza de las relaciones afectivas.
.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #c1ab0d;
width: 400px;
justify-content: center;
margin: 0;
}

Navidad y negociaciones: ¿qué pedirle al Niño Dios a los 47 años?
Con el humor de siempre, nuestro columnista invitado, Nicolás Samper, compartió sus deseos y peticiones para esta Navidad.

Ir al artículo

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

La familia, los amigos, la vida en pareja, son atributos altamente valorados y cultivados en nuestra cultura, y la Navidad es justamente el tiempo donde los afectos para los más cercanos están a la orden del día. Una costumbre tan única y colombiana como los alumbrados y las novenas, son oportunidades para ver a los amigos y estar cerca de la familia. Si lo contamos por días, las festividades dan al menos 12 días (velitas, novenas, 24 y 31), para estar con la gente que uno quiere. Esto es casi la mitad de un mes que, con la inercia de las estructuras sociales, nos lleva a espacios donde nos sentimos más felices.*Autora del libro Felicidad y directora de Polis, el Observatorio de Políticas Públicas de la Universidad Icesi.
.organizador{
display: flex;
height: 75px;
}
.linea-parrafo2{
border-bottom: 1.8px solid #c1ab0d;
width: 400px;
justify-content: center;
margin: 0;
}

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

Medio

Semana

Escrito por

Jose Barrera

link externo

Navidad en Colombia: el arte de regalar y compartir