/* Archivo: single-articulo.css
   Ruta sugerida: wp-content/themes/tu-tema/css/single-articulo.css
   Copia este archivo en la carpeta css del tema activo.
*/

.articulo-container{max-width:1100px;margin:40px auto;padding:0 18px;font-family:Inter, Roboto, Arial, sans-serif;color:#222}
.articulo-card{display:flex;flex-direction:column;gap:22px;padding:22px;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(22,28,37,0.06)}

.articulo-header{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}
.articulo-meta{padding-right:6px}
.tag-tema{display:inline-block;background:#eef2ff;color:#1e3a8a;padding:6px 10px;border-radius:8px;font-weight:600;font-size:0.9rem;margin-bottom:8px}
.articulo-titulo{font-size:1.75rem;margin:6px 0 12px}
.articulo-publicacion{font-size:0.95rem;color:#444}

.articulo-imagen img{width:100%;height:auto;border-radius:8px;object-fit:cover;display:block}

.articulo-descripcion{font-size:1rem;line-height:1.65;color:#333}
.the-content img{max-width:100%;height:auto}

.articulo-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #eee;padding-top:16px}
.btn-doi{display:inline-block;padding:10px 14px;border-radius:10px;background:#0f172a;color:#fff;text-decoration:none;font-weight:600}
.acciones{font-size:0.9rem;color:#666;display:flex;gap:12px;align-items:center}

/* Mobile */
@media (max-width:900px){
    .articulo-header{grid-template-columns:1fr;}
    .articulo-imagen{order:2}
}