/* Blog de Scribio servido en apm-app.com/blog: estilo de APM sobre la plantilla
   genérica de Scribio. Se carga DESPUÉS de apm.css (lo inyecta Apache). */

/* La plantilla de Scribio trae su propio encabezado y pie; los del sitio los pone blog-apm.js */
.site-header, .site-footer { display: none; }

body { font-family: var(--fuente); color: var(--azul); line-height: 1.5; }
.container { max-width: 1140px; padding: 0 20px; }

/* Lista de artículos */
.blog-header { padding: 60px 0 40px; border-bottom: 1px solid #e3e6ec; }
.blog-label { font-family: var(--fuente); font-weight: 500; letter-spacing: .08em; color: var(--naranja); }
.blog-title { font-family: var(--fuente); font-size: 45px; font-weight: 400; line-height: 1; color: var(--azul); }
.blog-desc { font-size: 18px; font-weight: 500; line-height: 1.5; color: var(--azul); margin-top: 20px; }
.article-list { gap: 20px; padding-top: 40px; }
.article-card { padding: 25px; border: 0; border-radius: 20px; background: #202a3f; transition: transform .2s; }
.article-card:last-child { border: 0; }
.article-card:hover { transform: translateY(-3px); }
.article-keyword { font-family: var(--fuente); font-weight: 500; color: var(--naranja); }
.article-title { font-family: var(--fuente); font-size: 25px; font-weight: 500; line-height: 1.2; color: #fff; }
.article-card:hover .article-title { color: var(--naranja); }
.article-excerpt { font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, .85); }
.article-date { font-size: 14px; color: rgba(255, 255, 255, .6); }
.article-card img { border-radius: 12px; }

/* Artículo */
article { padding: 60px 0 80px; }
.article-keyword { letter-spacing: .07em; }
article > h1, .article-content h1 { font-size: 45px; font-weight: 600; line-height: 1.1; color: var(--azul); }
.article-meta { font-family: var(--fuente); font-size: 16px; color: var(--gris-texto); border-bottom-color: #e3e6ec; }
.article-content { font-family: var(--fuente); font-size: 18px; line-height: 1.5; color: var(--azul); text-align: justify; }
.article-content h2 { font-family: var(--fuente); font-size: 30px; font-weight: 500; line-height: 1.2; color: var(--azul); }
.article-content h3 { font-family: var(--fuente); font-size: 24px; font-weight: 500; line-height: 1.2; color: var(--azul); }
.article-content h4 { font-family: var(--fuente); font-size: 20px; font-weight: 500; color: var(--azul); }
.article-content ul, .article-content ol { padding-left: 22px; }
.article-content strong { font-weight: 700; }
.article-content a { color: var(--naranja); }
.article-content a:hover { color: var(--azul); }
.article-content blockquote { border-left-color: var(--naranja); background: var(--gris-fondo); color: var(--azul); }
.article-content th { background: var(--gris-fondo); }
.back-link { color: var(--naranja); }

/* El reset de Scribio (* { margin:0; padding:0 }) quita márgenes que el pie necesita */
.hablemos .formulario__enviar button { margin: 33px 0 -50px; }

@media (max-width: 767px) {
  .blog-title, article > h1, .article-content h1 { font-size: 28px; }
  .article-title { font-size: 20px; }
  .article-content { font-size: 16px; text-align: left; }
  .article-content h2 { font-size: 22px; }
  .hablemos .formulario__enviar button { margin: 0; }
}