Guatemala y el mundo en 2024: Los hechos que más llamaron la atención
*{
font-family:sans-serif;
}
.animacion24{
color:#ffffff;
font-weight:800;
font-size:3em;
text-align:center;
line-height:100px;
}
.video{
object-fit:cover;
}
body{
height:2000px;
}
.scroll-watcher{
height:10px;
position:fixed;
top:0;
z-index:100;
background-color:yellow;
width:100%;
scale: 0 1;
transform-origin:left;
animation:scroll-watcher linear;
animation-timeline: scroll();
}
@keyframes scroll-watcher {
to { scale: 1 1 ;}
}
@keyframes fade-in{
from { opacity: 0;}
to { opacity: 1;}
}
@keyframes mover-textoder{
from{ transform:translate(500px,0px); }
to { transform:translate(0px,0px);}
}
@keyframes mover-textoizq{
from{ transform:translate(-500px,0px); }
to { transform:translate(0px,0px);}
}
.imagenes {
width:100%;
height:500px;
object-fit:cover;
}
.cuerpo{
widht:100%;
}
.reticula1{
display:grid;
grid-template-columns:1% 98% 1%;
grid-template-rows: 10px 100px 500px 500px 500px 500px 500px 500px 500px 500px 500px 500px;
grid-template-areas:
“. . .”
“. cabecera .”
“. no1 .”
“. no2 .”
“. no3 .”
“. no4 .”
“. no5 .”
“. no6 .”
“. no7 .”
“. no8 .”
“. no9 .”
“. no10 .”
;
}
.animacion24{
width:100%;
max-width:1300px;
height:100px;
background-color:#1D284A;
border-radius:24px 24px 0px 0px;
grid-area:cabecera;
margin: 0 auto;
}
.no1 {
opacity:0;
grid-area: no1;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.no2 {
opacity:0;
grid-area: no2;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.no3 {
opacity:0;
grid-area: no3;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.no4{
opacity:0;
grid-area: no4;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.no5{
opacity:0;
grid-area: no5;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.no6{
opacity:0;
grid-area: no6;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.no7{
opacity:0;
grid-area: no7;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.no8{
opacity:0;
grid-area: no8;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.no9{
opacity:0;
grid-area: no9;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.no10{
opacity:0;
grid-area: no10;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.notas{
width:100%;
max-width:1100px;
height:500px;
position:relative;
margin: 0 auto;}
.enlace{
display:block;
position:absolute;
width:100%;
height:100%;
z-index:30;
}
.imagen{
position:absolute;
width:600px;
height:500px;
z-index:2;
overflow:hidden;
}
.izq{
left:0;
}
.der{
right:0;
}
.gradient{
height:500px;
width:300px;
position:absolute;
}
.g1 {
background-image: linear-gradient(to left, rgba(255,255,255, 1), rgba(255,255,255,0));
right:0;
}
.g2 {
background-image: linear-gradient(to right, rgba(255,255,255, 1), rgba(255,255,255,0));
left:0;
}
.numero{
position:absolute;
z-index:20;
width:65px;
height:65px;
background-color:#1D284A;
border-radius:0px 0px 16px 16px;
text-align:center;
color:#ffffff;
font-size:50px;
}
.po1{ right:20px;}
.po2{ left:20px;}
.texto{
z-index:10;
width:300px;
position:absolute;
}
.texder{
right:40px;
top:120px;
animation:mover-textoder linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.texizq{
left:50px;
top:120px;
animation:mover-textoizq linear forwards;
animation-timeline: view();
animation-range-start:10%;
animation-range-end:50%;
}
.fecha, .seccion, .autor {
font-size: 12px !important;
}
.fecha{
color:#474747 !important;
}
.seccion{
color:#3FA9F5 !important;
font-weight:600 !important;
margin: -10px 0px -2px 0px !important;
}
.autor{
text-decoration:underline !important;
color:#474747 !important;
margin: -10px 0px -2px 0px !important;
}
.texto h2{
font-size: 32px;
line-height:34px;
font-weight:800;
}
.mini{
font-size:18px !important;
}
/* version Tablet */
@media only screen and (max-width: 820px) {
.notas{
width:100%;
max-width:100%;
height:500px;
position:relative;
margin: 0 auto;
}
.imagenes {
width:100%;
height:500px;
object-fit:cover;
}
.imagen{
position:absolute;
width:60%;
height:500px;
}
.texto{
z-index:10;
width:300px;
position:absolute;
}
.gradient{
height:500px;
width:200px;
position:absolute;
}
.texto h2 {
font-size:28px;
}
.mini {
font-size:16px;
}
}
/*version mobil */
@media only screen and (max-width: 480px) {
.animacion24{
color:#ffffff;
font-weight:800;
font-size:1.6em;
text-align:center;
line-height:200px;
}
.notas{
width:100%;
max-width:100%;
height:500px;
position:relative;
margin: 0 auto;
}
.imagenes {
width:100%;
height:300px;
object-fit:cover;
}
.imagen{
position:absolute;
width:100%;
height:300px;
overflow:hidden;
}
.gradient{
height:200px;
width:100%;
position:absolute;
}
.g1 {
background-image: linear-gradient(to top, rgba(255,255,255, 1), rgba(255,255,255,0));
top:100px;
}
.g2 {
background-image: linear-gradient(to top, rgba(255,255,255, 1), rgba(255,255,255,0));
top:100px;
}
.texto h2{
font-size: 24px;
line-height:24px;
font-weight:800;
}
.mini{
font-size: 16px !important;
line-height:18px !important;
margin: -15px 0px 5px 0px;
}
.texto{
z-index:10;
width:100%;
position:absolute;
}
.texder{
right:0px;
top:250px;
}
.texizq{
left:0px;
top:250px;
}
.autor{
display:none;
}
.seccion{
margin: -15px 0px 8px 0px;
.fecha {
line-height: 15px !important;
margin: 0px -15px 8px 0px !important;
}
}
}
Resumen noticioso 2024
1
23 de diciembre de 2024
Política
Asunción al poder entre desacuerdos y roces
Douglas Cuevas y Fátima Najarro
Bernardo Arévalo asumió la Presidencia con varias solicitudes de antejuicio pendientes.
2
23 de diciembre de 2024
Comunitario
El año comenzó con una alerta por brote de guillain-barré
Ana Lucía Ola
El primer desafío que enfrentaron las actuales autoridades de Salud fue contener el brote de la enfermedad neurológica aguda.
3
23 de diciembre de 2024
Geopolítica
¿Una insólita vuelta a la Guerra Fría?
William Oliva
El orbe se divide en dos grandes ejes de poder político, económico y militar, en medio de tensiones.
4
23 de diciembre de 2024
Escenario
Gaby Moreno triunfa en los Grammy 2024
Ingrid Reyes y Keneth Cruz
La cantautora guatemalteca destacó en 2024 al recibir uno de los galardones más importantes en el ámbito musical.
5
23 de diciembre de 2024
Sistema carretero
Infraestructura, un problema sin resolver que impacta en la economía
Urias Gamarro
Este fue el principal frente que no logró estabilizarse en el primer año del gobierno de Bernardo Arévalo.
6
23 de diciembre de 2024
París 2024
La medalla que hizo vibrar a Guatemala
Fernando López
Adriana Ruano hizo historia al convertirse en la primera atleta chapina en conquistar el oro olímpico en París, en la disciplina de tiro con arma de caza. En la misma competición, Jean Pierre Brol ganó bronce.
7
31 de julio de 2024
IMPUESTOS Y CONTRATOS
La SAT denuncia red de defraudación que denomina caso B410
Rosa María Bolaños
La Administración Tributaria informa que varias de las empresas señaladas han sido proveedoras del Estado.
8
23 de diciembre de 2024
política
El regreso de Trump a la Casa Blanca
William Oliva
Luego de una contienda marcada por sucesos insólitos en EE. UU., republicano vuelve con superpoderes.
9
23 de diciembre de 2024
Medioambiente
El mundo se calienta entre la indiferencia
William Oliva
El cambio climático marcó cifras récord; encuentros mundiales fueron improductivos.
10
23 de diciembre de 2024
Tecnología
El año que la Inteligencia Artificial Generativa ganó
Alejandro Ortiz
La masificación de la IA generativa ha transformado industrias, plantea retos éticos y exige protección de privacidad.
