/*
Theme Name: Maquinando
Theme URI: https://www.andomaquinando.com/
Author: Wizetup
Description: Theme de Maquinando — consultoría de marketing estratégico. Portado de la web estática (home + blog).
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maquinando
*/

/* =========================================
   Complementos de WordPress para las páginas internas.
   El diseño está en assets/css/blog.css (blog, artículos, páginas)
   y assets/css/home.css (portada). Esta hoja solo se carga junto a
   blog.css y usa sus tokens (--ink, --lime, --soft, --line, --muted).
   ========================================= */

.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
  position: absolute !important; word-wrap: normal !important;
}

/* Separación entre tarjetas del listado */
.blog-feature + .blog-feature { margin-top: 24px; }

/* Imagen de portada: pie de foto */
.article-cover figcaption { font-size: 13px; color: var(--muted); margin-top: 12px; }

/* Contenido del editor dentro de .article-body */
.article-body ul,
.article-body ol { padding-left: 1.2em; margin: 0 0 24px; }
.article-body li { margin-bottom: 10px; }
.article-body h3 { font-size: clamp(22px, 2.2vw, 28px); margin: 45px 0 18px; }
.article-body img { max-width: 100%; height: auto; }
.article-body figure { margin: 40px 0; }
.article-body figcaption,
.wp-element-caption { font-size: 13px; color: var(--muted); margin-top: 10px; }
.article-body code { background: var(--soft); padding: 2px 6px; border-radius: 3px; font-size: .9em; }
.article-body table { width: 100%; border-collapse: collapse; margin: 0 0 24px; font-size: 16px; }
.article-body th,
.article-body td { border-bottom: 1px solid var(--line); padding: 10px 8px; text-align: left; }

.alignleft  { float: left;  margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { margin-inline: auto; }
.alignwide,
.alignfull { width: 100%; }

/* Paginación del blog */
.blog-list .pagination { margin-top: 48px; }
.blog-list .nav-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.blog-list .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; height: 44px; padding: 0 14px;
  border: 1px solid var(--line); border-radius: 3px;
  font-size: 15px; font-weight: 700;
}
.blog-list .page-numbers.current { background: var(--ink); color: #fff; border-color: var(--ink); }
.blog-list a.page-numbers:hover { border-color: var(--ink); }

/* Buscador */
.maq-search { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 30px; max-width: 620px; }
.maq-search input {
  flex: 1 1 260px; min-width: 0; padding: 15px 16px;
  border: 1px solid var(--ink); border-radius: 3px; background: #fff;
}
.maq-empty { font-size: 19px; color: var(--muted); }
.maq-empty a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }