body{
margin:0;
padding:20px;
background-color:silver;
font-family:"Times New Roman",Georgia,serif;
color:black;
}

table{
width:100%;
max-width:1100px;
margin:auto;
background-color:white;
border-collapse:collapse;
box-shadow:0 0 15px gray;
}

table,td,th{
border:1px solid black;
}

th{
background-color:white;
text-align:center;
padding:20px;
}

.titulo-principal{
font-size:300%;
letter-spacing:3px;
text-transform:uppercase;
text-align:center;
}

.subtitulo{
font-size:16px;
margin:6px 0 0 0;
font-style:italic;
text-align:center;
}

tr.menu td{
background-color:black;
color:white;
font-weight:bold;
text-align:center;
padding:10px;
}

tr.menu td a{
color:white;
}

tr.menu td a:visited{
color:white;
}

tr.menu td a:hover{
color:white;
}
td{
padding:15px;
vertical-align:top;
}

h2{
font-size:32px;
border-bottom:3px solid black;
padding-bottom:5px;
text-align:center;
margin:0 0 12px 0;
}

h3{
font-size:22px;
margin:0;
border-bottom:2px solid gray;
padding-bottom:3px;
}

h4{
font-size:18px;
margin:0 0 5px 0;
color:black;
}

p{
line-height:1.6;
font-size:16px;
margin:0 0 10px 0;
text-align:center;
}

.texto{
text-align:justify;
line-height:1.7;
font-size:16px;
}

.texto p{
text-align:justify;
}

blockquote{
margin:12px 0;
padding:10px 14px;
border-left:4px solid black;
background-color:white;
text-align:left;
}

a{
color:black;
text-decoration:none;
}

.articulo{
display:flex;
gap:28px;
max-width:1000px;
margin:20px auto;
font-family:serif;
align-items:flex-start;
}

.articulo article{
flex:1;
display:flex;
flex-direction:column;
text-align:center;
min-width:0;
}

.articulo hr{
border:none;
border-top:2px solid black;
margin:0 0 14px 0;
width:100%;
}

.contenido{
flex:1;
}

.ultima-hora{
background-color:white;
padding:15px;
border-left:1px solid silver;
}

.ultima-hora h3{
border-bottom:2px solid black;
margin-bottom:10px;
}

.ultima-item{
margin-bottom:20px;
}

.ultima-texto{
text-align:left;
font-size:14px;
}

.ticker{
background-color:black;
color:white;
padding:10px;
margin:10px 0;
font-family:monospace;
font-size:18px;
overflow:hidden;
white-space:nowrap;
text-align:center;
}

.ticker-texto{
display:inline-block;
padding-left:100%;
animation:marcador 18s linear infinite;
}

@keyframes marcador{
0%{transform:translateX(0);}
100%{transform:translateX(-100%);}
}

img{
max-width:100%;
height:auto;
}

.imagen2{
width:100%;
max-width:420px;
margin:0 auto 14px auto;
}

.imagen2 img{
width:100%;
display:block;
border:1px solid silver;
box-sizing:border-box;
}

.imagen-portada{
max-width:1000px;
margin:20px auto;
}

.imagen-portada img{
width:100%;
height:auto;
display:block;
border:1px solid silver;
box-sizing:border-box;
}

.articulo-detalle{
padding:15px;
}

.bloque-float{
overflow:hidden;
margin-bottom:10px;
}

.bloque-float-sep{
clear:both;
padding-top:10px;
}

.img-izq-mini{
float:left;
margin:0 20px 10px 0;
}

.img-der-mini{
float:right;
margin:0 0 10px 20px;
}

.img-mini{
width:300px;
max-width:100%;
height:auto;
display:block;
}

.img-izq-mini img,
.img-der-mini img{
width:100%;
height:auto;
display:block;
}

.pie-foto{
font-size:13px;
color:gray;
margin-top:6px;
text-align:center;
}

.separador{
clear:both;
padding-top:20px;
border-bottom:none;
}

.articulo-detalle::after{
content:"";
display:block;
clear:both;
}

.nacional{
display:flex;
align-items:flex-start;
gap:30px;
}

.columna-texto{
flex:2;
}

.columna-imagen{
flex:1;
}

.img-der-noticia{
width:100%;
max-width:420px;
margin-left:auto;
}

.img-der-noticia img{
width:100%;
height:auto;
display:block;
border:1px solid silver;
box-sizing:border-box;
}

tr.pie td{
background-color:white;
text-align:center;
padding:20px;
font-size:13px;
color:gray;
}
.titulo a{
color:red;
}

.titulo a:visited{
color:red;
}

.titulo a:hover{
color:red;
}
header {
  text-align: center;
  margin-bottom: 10px;
}

.subtitulo {
  font-style: italic;
  font-size: 16px;
}
.cabecera {
  max-width: 1100px;
  margin: auto;
  background-color: #ffffff;
  border: 1px solid #333;
  text-align: center;
  padding: 20px;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.enlace-titulo {
  color: red;
}