/* SeTechNota — article.css | single editorial + compatibilidad con páginas */
.content-area { padding:40px 0 65px; min-height:55vh; }
.page-heading { margin-bottom:25px; }
.page-heading h1 { font-size:30px; margin:0; }

/* Layout exclusivo del single: no cambia las plantillas de páginas */
body.single-post .article-container {
  box-sizing:border-box; width:100%; max-width:1240px;
  margin-inline:auto; padding:34px 24px 80px;
}
body.single-post .article-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:30px; font-size:12px; color:#858585; }
body.single-post .article-breadcrumb a { color:#666; text-decoration:none; }
body.single-post .article-breadcrumb a:hover { color:var(--st-red,#d51927); }
body.single-post .article-header { max-width:1030px; margin-bottom:34px; }
body.single-post .article-category { display:inline-block; color:var(--st-red,#d51927); font-size:12px; font-weight:800; letter-spacing:.09em; text-decoration:none; text-transform:uppercase; }
body.single-post .article-header h1 { max-width:1030px; margin:15px 0 23px; font-size:clamp(36px,4.8vw,64px); font-weight:800; line-height:1.1; letter-spacing:-.035em; overflow-wrap:break-word; }
body.single-post .article-meta { display:flex; flex-wrap:wrap; gap:10px; align-items:center; color:#797979; font-size:13px; }
body.single-post .article-meta a { color:inherit; text-decoration:none; font-weight:650; }
body.single-post .article-cover { margin:0 0 43px; }
body.single-post .article-cover-image { display:block; width:100%; height:auto; max-height:610px; object-fit:cover; border-radius:5px; }
body.single-post .article-cover figcaption { padding-top:10px; color:#888; font-size:12px; }
body.single-post .article-layout { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:70px; align-items:start; }
body.single-post .article-main-column { min-width:0; }
body.single-post .article-content { color:#282828; font-size:18px; line-height:1.85; overflow-wrap:anywhere; }
body.single-post .article-content > :first-child { margin-top:0; }
body.single-post .article-content p { margin:0 0 1.55em; }
body.single-post .article-content ul, body.single-post .article-content ol { margin:0 0 1.5em; padding-left:1.45em; }
body.single-post .article-content li { margin-bottom:.5em; }
body.single-post .article-content h2 { font-size:clamp(25px,2.5vw,33px); }
body.single-post .article-content h3 { font-size:clamp(21px,2vw,26px); }
body.single-post .article-content figcaption { font-size:13px; line-height:1.5; color:#777; margin-top:8px; }
body.single-post .article-content .wp-block-image, body.single-post .article-content .wp-block-embed { margin:32px 0; }
body.single-post .article-content h2, body.single-post .article-content h3 { line-height:1.25; letter-spacing:-.015em; margin:1.7em 0 .6em; }
body.single-post .article-content img { max-width:100%; height:auto; }
body.single-post .article-content figure { max-width:100%; }
body.single-post .article-content iframe { max-width:100%; }
body.single-post .article-content a { color:var(--st-red,#d51927); text-underline-offset:3px; }
body.single-post .article-content blockquote { margin:32px 0; padding:5px 0 5px 24px; border-left:4px solid var(--st-red,#d51927); font-size:1.15em; font-weight:600; }
body.single-post .article-tags { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:42px; padding-top:23px; border-top:1px solid #e8e8e8; font-size:12px; }
body.single-post .article-tags > span { color:#777; font-weight:700; margin-right:5px; }
body.single-post .article-tags a { padding:6px 10px; color:#555; background:#f5f5f5; border-radius:3px; text-decoration:none; }
body.single-post .article-share { margin:32px 0 0; padding:23px 0; border-top:1px solid #e8e8e8; }
body.single-post .article-share > strong { display:block; margin-bottom:13px; font-size:13px; }
body.single-post .article-share-links { display:flex; flex-wrap:wrap; gap:9px; }
body.single-post .article-share-links a { padding:9px 14px; border:1px solid #dedede; border-radius:4px; color:#333; font-size:12px; font-weight:700; text-decoration:none; transition:background .2s,color .2s; }
body.single-post .article-share-links a:hover { color:white; background:var(--st-red,#d51927); border-color:var(--st-red,#d51927); }
body.single-post .article-sidebar { position:sticky; top:30px; }
body.single-post .article-sidebar-heading, body.single-post .article-section-heading { border-bottom:2px solid #212121; padding-bottom:12px; margin-bottom:21px; }
body.single-post .article-sidebar-heading h2, body.single-post .article-section-heading h2 { margin:0; font-size:19px; font-weight:800; letter-spacing:-.025em; }
body.single-post .article-sidebar-item { display:grid; grid-template-columns:90px minmax(0,1fr); gap:13px; margin-bottom:21px; text-decoration:none; color:#1f1f1f; }
body.single-post .article-sidebar-item img { width:90px; height:75px; object-fit:cover; border-radius:3px; }
body.single-post .article-sidebar-item strong { display:block; font-size:13px; line-height:1.4; font-weight:750; }
body.single-post .article-sidebar-item:hover strong { color:var(--st-red,#d51927); }
body.single-post .article-sidebar-item small { display:block; margin-top:6px; color:#8b8b8b; font-size:11px; }
body.single-post .article-related { margin-top:82px; }
body.single-post .article-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
body.single-post .article-related-card { display:block; text-decoration:none; color:#222; }
body.single-post .article-related-card img, body.single-post .article-related-placeholder { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:4px; }
body.single-post .article-related-placeholder { display:grid; place-items:center; color:#fff; background:#242424; font-weight:800; }
body.single-post .article-related-date { display:block; margin:16px 0 9px; color:#888; font-size:12px; }
body.single-post .article-related-card strong { display:block; font-size:18px; line-height:1.42; font-weight:800; }
body.single-post .article-related-card:hover strong { color:var(--st-red,#d51927); }
body.single-post .article-comments { max-width:810px; margin-top:65px; }
@media (max-width:950px) {
  body.single-post .article-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
  body.single-post .article-sidebar { position:static; border-top:1px solid #e8e8e8; padding-top:30px; }
  body.single-post .article-sidebar-item { grid-template-columns:100px minmax(0,1fr); }
}
@media (max-width:700px) {
  body.single-post .article-container { padding:24px 18px 56px; }
  body.single-post .article-breadcrumb { margin-bottom:23px; }
  body.single-post .article-header h1 { font-size:clamp(31px,8vw,43px); }
  body.single-post .article-cover { margin-bottom:27px; }
  body.single-post .article-content { font-size:16px; line-height:1.8; }
  body.single-post .article-related-grid { grid-template-columns:1fr; gap:28px; }
  body.single-post .article-related-card img, body.single-post .article-related-placeholder { aspect-ratio:16/9; }
}

/* Respaldo visual: algunas instalaciones Jetpack insertan compartir con filtros adicionales.
   Ocultamos solo su bloque dentro de esta plantilla; nuestros botones permanecen visibles. */
body.single-post .article-content .sharedaddy,
body.single-post .article-content .sd-sharing-enabled { display:none !important; }

/* SeTechNota — compartir con personalidad | versión redes */
body.single-post .article-share {
  margin:38px 0 0; padding:26px 0 12px;
  border-top:1px solid #e9e9e9;
}
body.single-post .article-share-heading {
  display:flex; justify-content:space-between; align-items:center;
  gap:15px; margin-bottom:20px;
}
body.single-post .article-share-heading strong {
  display:block; margin:0; font-size:21px; line-height:1.2;
  font-weight:800; letter-spacing:-.03em; color:#171717;
}
body.single-post .article-share-heading p {
  margin:6px 0 0; color:#777; font-size:14px; line-height:1.4;
}
body.single-post .article-share-mark {
  flex:0 0 38px; width:38px; height:38px; border-radius:50%;
  display:grid; place-items:center; color:var(--st-red,#d51927);
  background:#fff0f1; font-size:23px; font-weight:700;
}
body.single-post .article-share-links {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;
}
body.single-post .article-share-links a {
  display:flex; justify-content:center; align-items:center; gap:10px;
  min-height:52px; padding:12px 14px; border:0; border-radius:6px;
  color:#fff; font-size:14px; font-weight:750; line-height:1.2;
  text-decoration:none; box-shadow:0 3px 9px rgba(0,0,0,.06);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
body.single-post .article-share-links a svg { width:19px; height:19px; flex-shrink:0; }
body.single-post .article-share-links a.article-share-facebook { background:#1877f2; color:#fff; }
body.single-post .article-share-links a.article-share-x { background:#171717; color:#fff; }
body.single-post .article-share-links a.article-share-whatsapp { background:#20a765; color:#fff; }
body.single-post .article-share-links a:hover {
  transform:translateY(-3px); filter:brightness(1.06);
  box-shadow:0 8px 18px rgba(0,0,0,.15);
}
body.single-post .article-share-links a:focus-visible {
  outline:3px solid var(--st-red,#d51927); outline-offset:3px;
}
@media(max-width:450px) {
  body.single-post .article-share-links { gap:7px; }
  body.single-post .article-share-links a { padding:12px 6px; gap:6px; font-size:12px; }
  body.single-post .article-share-links a svg { width:17px; height:17px; }
}
@media(prefers-reduced-motion:reduce) {
  body.single-post .article-share-links a { transition:none; }
  body.single-post .article-share-links a:hover { transform:none; }
}