.article-container{

width:90%;
max-width:900px;
margin:auto;

margin-top:50px;

}

/* TITULO */

.article-title{

font-size:42px;
font-weight:700;

margin-bottom:15px;

}

/* META */

.article-meta{

display:flex;
gap:20px;

color:#777;
font-size:14px;

margin-bottom:25px;

}

/* IMAGEN PRINCIPAL */

.article-image{

width:100%;
height:450px;

object-fit:cover;

border-radius:12px;

margin-bottom:30px;

}

/* CONTENIDO */

.article-content{

font-size:18px;
line-height:1.8;

color:#333;

}

.article-content p{

margin-bottom:18px;

}


/* GALERIA */

.gallery{

margin-top:50px;

}

.gallery h3{

margin-bottom:15px;

}

.gallery-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;

}

.gallery-grid img{

width:100%;
height:140px;

object-fit:cover;

border-radius:8px;

transition:0.3s;

}

.gallery-grid img:hover{

transform:scale(1.05);

}


/* COMPARTIR */

.share{

margin-top:50px;

}

.share-buttons{

display:flex;
gap:15px;

}

.share-btn{

width:45px;
height:45px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

color:white;

font-size:18px;

cursor:pointer;

}

/* COLORES REDES */

.facebook{

background:#1877f2;

}

.whatsapp{

background:#25d366;

}

.twitter{

background:#000;

}

.share-btn:hover{

transform:scale(1.1);

}