.contenedor-publicacion{
display:grid;
grid-template-columns:2fr 350px;
gap:20px;
width:98%;
max-width:1400px;
margin:20px auto 80px auto;

}


/* IZQUIERDA */

.contenido{
background:#fff;
padding:30px;
border-radius:18px;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}


.cabecera{
display:flex;
gap:30px;
align-items:flex-start;
margin-bottom:35px;
}


.foto-principal{
width:400px;
height:200px;
object-fit:cover;
border-radius:14px;
flex-shrink:0;
}


.info h1{
font-size:4vh;
margin:0;
color:#003B73;
font-family:Calibri;
}


.meta{
margin-top:15px;
color:#888;
font-family:Calibri;
font-size:2.2vh;
}


.desarrollo{
font-family:Calibri;
line-height:1.6;
font-size:3vh;
color:#333;
}


/* DERECHA */

.sidebar{
background:#fff;
padding:25px;
border-radius:18px;
box-shadow:0 5px 20px rgba(0,0,0,.08);
height:fit-content;
position:sticky;
top:130px;
}


.sidebar h3{
margin-top:0;
font-family:Calibri;
color:#003B73;
}


.mini-post{
display:flex;
gap:15px;
align-items:center;
text-decoration:none;
margin-bottom:20px;
color:#222;
}


.mini-post img{width:80px;height:65px;object-fit:cover;border-radius:10px;flex-shrink:0;}
.mini-post span{font-family:Calibri;line-height:1.4;}

/* RESPONSIVO */

@media(max-width:700px){
.contenedor-publicacion{grid-template-columns:1fr;}
.sidebar{position:relative;top:auto;}
.cabecera{flex-direction:column;}
.foto-principal{width:100%;height:auto;}

.info h1{font-size:3vh;}
.info .meta{font-size:1.8vh;}
.contenido .desarrollo{font-size:1.9vh;line-height:1.3; color:#333333; text-align:justify;}
}