.article-main{padding:var(--s-8, 32px)0 var(--s-16, 64px);background:#fff}.article{max-width:100%}.article__header{padding-bottom:var(--s-6, 24px);border-bottom:1px solid var(--c-border, #e5e7eb);margin-bottom:var(--s-8, 32px)}.article__breadcrumb{font-size:var(--fs-sm, 14px);color:var(--c-text-muted, #6b7280);margin-bottom:var(--s-4, 16px);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2, 8px)}.article__breadcrumb a{color:var(--c-primary, #1e40af);text-decoration:none}.article__breadcrumb a:hover{text-decoration:underline}.article__breadcrumb-sep{color:var(--c-text-muted, #9ca3af);font-weight:400}.article__breadcrumb [aria-current=page]{color:var(--c-text, #111827);font-weight:500}.article__title{font-size:clamp(28px,4vw,42px);line-height:1.2;font-weight:700;color:var(--c-text, #111827);margin:0 0 var(--s-4, 16px);letter-spacing:-.01em}.article__meta{display:flex;flex-wrap:wrap;gap:var(--s-2, 8px);align-items:center;font-size:var(--fs-sm, 14px);color:var(--c-text-muted, #6b7280);margin-bottom:var(--s-6, 24px)}.article__meta a{color:var(--c-primary, #1e40af);text-decoration:none;font-weight:500}.article__meta a:hover{text-decoration:underline}.article__meta-sep{color:var(--c-text-muted, #d1d5db)}.article__date--updated{font-weight:500;color:var(--c-text, #374151)}.article__featured{margin:var(--s-6, 24px)0 0;border-radius:var(--radius-lg, 12px);overflow:hidden}.article__featured img{width:100%;height:auto;display:block}.article__content{font-size:var(--fs-base, 17px);line-height:1.75;color:var(--c-text, #111827);max-width:760px}.article__content p{margin:0 0 var(--s-4, 16px)}.article__content h2{font-size:clamp(22px,2.5vw,28px);line-height:1.3;font-weight:700;color:var(--c-text, #111827);margin:var(--s-10, 40px)0 var(--s-4, 16px);letter-spacing:-.005em}.article__content h3{font-size:clamp(18px,2vw,22px);line-height:1.35;font-weight:600;color:var(--c-text, #111827);margin:var(--s-8, 32px)0 var(--s-3, 12px)}.article__content h4{font-size:18px;font-weight:600;color:var(--c-text, #111827);margin:var(--s-6, 24px)0 var(--s-2, 8px)}.article__content ul,.article__content ol{margin:0 0 var(--s-4, 16px);padding-left:var(--s-6, 24px)}.article__content li{margin-bottom:var(--s-2, 8px)}.article__content a{color:var(--c-primary, #1e40af);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.article__content a:hover{color:var(--c-primary-dark, #1e3a8a)}.article__content img{max-width:100%;height:auto;display:block;margin:var(--s-6, 24px) auto;border-radius:var(--radius-md, 8px)}.article__content figure{margin:var(--s-6, 24px)0}.article__content figcaption{font-size:var(--fs-sm, 14px);color:var(--c-text-muted, #6b7280);text-align:center;margin-top:var(--s-2, 8px)}.article__content blockquote{border-left:4px solid var(--c-primary, #1e40af);padding:var(--s-2, 8px)0 var(--s-2, 8px) var(--s-5, 20px);margin:var(--s-6, 24px)0;font-style:italic;color:var(--c-text, #374151)}.article__content strong,.article__content b{font-weight:700;color:var(--c-text, #111827)}.article__content table{width:100%;border-collapse:collapse;margin:var(--s-6, 24px)0;font-size:var(--fs-sm, 15px)}.article__content table th,.article__content table td{padding:var(--s-3, 12px);border:1px solid var(--c-border, #e5e7eb);text-align:left}.article__content table th{background:var(--c-bg-alt, #f9fafb);font-weight:600}.article__content hr{border:0;border-top:1px solid var(--c-border, #e5e7eb);margin:var(--s-8, 32px)0}.article__content .aligncenter{display:block;margin-left:auto;margin-right:auto}.article__content .alignleft{float:left;margin:0 var(--s-4, 16px) var(--s-3, 12px)0}.article__content .alignright{float:right;margin:0 0 var(--s-3, 12px) var(--s-4, 16px)}.article__content .wp-caption{max-width:100%}.article__content .wp-caption-text{font-size:var(--fs-sm, 14px);color:var(--c-text-muted, #6b7280);text-align:center}.article__footer{padding-top:var(--s-6, 24px);margin-top:var(--s-10, 40px);border-top:1px solid var(--c-border, #e5e7eb)}.article__categories{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2, 8px);font-size:var(--fs-sm, 14px);color:var(--c-text-muted, #6b7280)}.article__categories strong{color:var(--c-text, #374151);margin-right:var(--s-2, 8px)}.article__cat-pill{display:inline-block;padding:var(--s-1, 4px) var(--s-3, 12px);background:var(--c-bg-alt, #f3f4f6);color:var(--c-primary, #1e40af);text-decoration:none;border-radius:999px;font-weight:500;font-size:13px;transition:background .15s ease}.article__cat-pill:hover{background:var(--c-primary, #1e40af);color:#fff}@media (max-width:640px){.article__title{font-size:26px}.article__meta{font-size:13px}.article__content{font-size:16px}}.related{padding:var(--s-12, 48px)0 var(--s-8, 32px);background:var(--c-bg, #fff);border-top:1px solid var(--c-border, #e5e7eb)}.related__header{max-width:760px;margin:0 0 var(--s-6, 24px)}.related__heading{font-size:clamp(22px,2.5vw,28px);line-height:1.3;font-weight:700;color:var(--c-text, #111827);margin:0 0 var(--s-2, 8px);letter-spacing:-.005em}.related__lead{font-size:var(--fs-base, 16px);color:var(--c-text-muted, #6b7280);margin:0;line-height:1.6}.related__pillar{color:var(--c-primary, #1e40af);font-weight:500;text-decoration:none;display:inline-block;margin-top:var(--s-1, 4px)}.related__pillar:hover{text-decoration:underline}.related__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-4, 16px)}.related__card{background:var(--c-bg-alt, #f9fafb);border:1px solid var(--c-border, #e5e7eb);border-radius:var(--radius-md, 8px);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.related__card:hover{border-color:var(--c-primary, #1e40af);transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,0.08))}.related__link{display:block;padding:var(--s-4, 16px) var(--s-5, 20px);text-decoration:none;color:inherit;height:100%}.related__title{font-size:var(--fs-base, 16px);line-height:1.4;font-weight:600;color:var(--c-text, #111827);margin:0 0 var(--s-2, 8px)}.related__link:hover .related__title{color:var(--c-primary, #1e40af)}.related__date{font-size:var(--fs-xs, 13px);color:var(--c-text-muted, #6b7280);font-weight:500}.cat-main{padding:var(--s-8, 32px)0 var(--s-16, 64px);background:#fff}.cat-header{max-width:760px;margin:var(--s-4, 16px)0 var(--s-10, 40px);padding-bottom:var(--s-6, 24px);border-bottom:1px solid var(--c-border, #e5e7eb)}.cat-title{font-size:clamp(28px,4vw,42px);line-height:1.2;font-weight:700;color:var(--c-text, #111827);margin:0 0 var(--s-3, 12px);letter-spacing:-.01em}.cat-lead{font-size:var(--fs-base, 17px);line-height:1.6;color:var(--c-text, #374151);margin:0 0 var(--s-3, 12px)}.cat-pillar a{color:var(--c-primary, #1e40af);font-weight:500;text-decoration:none}.cat-pillar a:hover{text-decoration:underline}.cat-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-5, 20px)}.cat-card{background:var(--c-bg, #fff);border:1px solid var(--c-border, #e5e7eb);border-radius:var(--radius-lg, 12px);overflow:hidden;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.cat-card:hover{border-color:var(--c-primary, #1e40af);transform:translateY(-3px);box-shadow:var(--shadow-md, 0 6px 16px rgba(0,0,0,0.08))}.cat-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.cat-card__image{aspect-ratio:16/9;overflow:hidden;background:var(--c-bg-alt, #f3f4f6)}.cat-card__image img{width:100%;height:100%;object-fit:cover;display:block}.cat-card__image--placeholder{background:linear-gradient(135deg,#e0e7ff 0,#c7d2fe 100%)}.cat-card__body{padding:var(--s-4, 16px) var(--s-5, 20px) var(--s-5, 20px);display:flex;flex-direction:column;gap:var(--s-2, 8px);flex:1}.cat-card__title{font-size:var(--fs-base, 17px);line-height:1.4;font-weight:600;color:var(--c-text, #111827);margin:0}.cat-card__link:hover .cat-card__title{color:var(--c-primary, #1e40af)}.cat-card__excerpt{font-size:var(--fs-sm, 14px);line-height:1.55;color:var(--c-text-muted, #6b7280);margin:0}.cat-card__date{font-size:var(--fs-xs, 13px);color:var(--c-text-muted, #9ca3af);font-weight:500;margin-top:auto}.pagination{margin-top:var(--s-10, 40px);padding-top:var(--s-6, 24px);border-top:1px solid var(--c-border, #e5e7eb)}.pagination__list{list-style:none;padding:0;margin:0 0 var(--s-3, 12px);display:flex;flex-wrap:wrap;gap:var(--s-2, 8px);align-items:center;justify-content:center}.pagination__item--gap{user-select:none}.pagination__link{display:inline-block;min-width:40px;padding:var(--s-2, 8px) var(--s-3, 12px);background:var(--c-bg, #fff);border:1px solid var(--c-border, #e5e7eb);border-radius:var(--radius-md, 8px);color:var(--c-primary, #1e40af);text-decoration:none;text-align:center;font-size:var(--fs-sm, 14px);font-weight:500;transition:background .15s ease,border-color .15s ease,color .15s ease}.pagination__link:hover{background:var(--c-primary, #1e40af);border-color:var(--c-primary, #1e40af);color:#fff}.pagination__link--current{background:var(--c-primary, #1e40af);border-color:var(--c-primary, #1e40af);color:#fff;cursor:default}.pagination__link--current:hover{background:var(--c-primary, #1e40af);color:#fff}.pagination__link--disabled{color:var(--c-text-muted, #9ca3af);cursor:not-allowed;background:var(--c-bg-alt, #f9fafb)}.pagination__link--disabled:hover{background:var(--c-bg-alt, #f9fafb);border-color:var(--c-border, #e5e7eb);color:var(--c-text-muted, #9ca3af)}.pagination__link--prev,.pagination__link--next{padding-left:var(--s-4, 16px);padding-right:var(--s-4, 16px)}.pagination__gap{display:inline-block;padding:var(--s-2, 8px) var(--s-1, 4px);color:var(--c-text-muted, #9ca3af);font-size:var(--fs-sm, 14px)}.pagination__info{text-align:center;font-size:var(--fs-xs, 13px);color:var(--c-text-muted, #6b7280);margin:0}@media (max-width:480px){.pagination__link{min-width:36px;padding:var(--s-2, 8px) var(--s-2, 8px);font-size:13px}.pagination__link--prev,.pagination__link--next{padding-left:var(--s-3, 12px);padding-right:var(--s-3, 12px)}}.article__content table{display:block;overflow-x:auto;max-width:100%}
/* ===== Fix pie de artículo: related (tarjetas con imagen) + pills de categorías — 2026-08-08 ===== */
.related__header{max-width:none;text-align:center;margin:0 auto var(--s-6,24px)}
.related__card{overflow:hidden}
.related__link{padding:0}
.related__media{aspect-ratio:16/9;overflow:hidden;background:var(--c-accent-soft)}
.related__media img{width:100%;height:100%;object-fit:cover;display:block}
.related__title{margin:var(--s-4,16px) var(--s-5,20px) var(--s-2,8px)}
.related__date{display:block;margin:0 var(--s-5,20px) var(--s-4,16px)}
.article__cat-pill{background:var(--c-accent-soft);color:var(--c-primary);border:1px solid var(--c-accent-line)}
.article__cat-pill:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}

/* ===== Ajuste 2 (2026-08-08): centrado lead/pillar + pills sin subrayado / hover blanco ===== */
.related__lead{text-align:center}
.related__pillar{display:block;margin-top:var(--s-2,8px)}
.article__cat-pill{text-decoration:none}
.article__cat-pill:hover{color:#fff;text-decoration:none}

/* ===== Ajuste 3 (2026-08-08): pills ganan a `.article a` (subrayado/hover) por especificidad ===== */
.article__footer .article__cat-pill{background:var(--c-accent-soft);color:var(--c-primary);border:1px solid var(--c-accent-line);text-decoration:none}
.article__footer .article__cat-pill:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary);text-decoration:none}

/* ===== Ajuste 4 (2026-08-08): centrar el BLOQUE .related__lead (blog.css base pisaba el margin:auto de main.css) ===== */
.related__lead{margin-left:auto;margin-right:auto}

/* ===== Ajuste 5 (2026-08-08): pills de categoría = etiquetas estáticas (span, sin enlace) ===== */
.article__cat-pill{cursor:default}
.article__footer .article__cat-pill:hover{background:var(--c-accent-soft);color:var(--c-primary);border-color:var(--c-accent-line);text-decoration:none}

/* ===== Ajuste 6 (2026-08-08): tarjetas related — sin subrayado en hover + foco de teclado accesible ===== */
.related__link:hover,.related__link:hover .related__title,.related__link:hover .related__date{text-decoration:none}
.related__link:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:8px}