/* IT en Línea · single editorial v0.1 */
.it-single {padding-top: 46px; padding-bottom: 28px;}
.it-article {color: var(--it-text, #222831);}
.it-article__header {max-width: 940px; margin: 0 auto 28px;}
.it-article__crumbs {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 25px;font-size:12px;color:#7b8792;}
.it-article__crumbs a {color:inherit;text-decoration:none;}
.it-article__crumbs a:hover {color:var(--it-blue, #2477b9);}
.it-article__category {display:inline-block;padding:5px 10px;background:var(--it-blue, #2477b9);color:white;text-transform:uppercase;font-weight:800;font-size:11px;letter-spacing:.04em;text-decoration:none;}
.it-article__title {font-size:clamp(34px,4.3vw,56px);font-weight:900;letter-spacing:-.035em;line-height:1.12;margin:18px 0;color:#20252b;max-width:940px;overflow-wrap:break-word;}
.it-article__dek {font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:#627180;margin:0 0 20px;max-width:760px;}
.it-article__meta {display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#75808b;}
.it-article__meta a {font-weight:800;color:#25313c;text-decoration:none;}
.it-article__meta a:hover {color:var(--it-blue, #2477b9);}
.it-article__cover {margin:0 0 42px;}
.it-article__cover-image {display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#eef1f4;}
.it-article__cover figcaption {font-size:12px;color:#7b858f;margin-top:10px;line-height:1.5;}
.it-article__grid {display:grid;grid-template-columns:minmax(0, 1fr) minmax(245px,290px);gap:clamp(32px,5vw,72px);align-items:start;}
.it-article__main {min-width:0;}
.it-article__content {font-size:18px;line-height:1.84;color:#303a43;overflow-wrap:break-word;}
.it-article__content p {margin:0 0 1.4em;}
.it-article__content h2,.it-article__content h3,.it-article__content h4 {line-height:1.25;color:#20252b;font-weight:850;margin:1.9em 0 .75em;}
.it-article__content h2 {font-size:clamp(25px,2.5vw,33px);}
.it-article__content h3 {font-size:clamp(21px,2vw,26px);}
.it-article__content a {color:var(--it-blue, #2477b9);text-underline-offset:3px;}
.it-article__content img {max-width:100%;height:auto;}
.it-article__content figure {max-width:100%;}
.it-article__content figcaption {font-size:12px;color:#7b858f;text-align:center;}
.it-article__content blockquote {margin:30px 0;padding:12px 25px;border-left:4px solid var(--it-blue, #2477b9);background:#f2f6fa;font-weight:650;}
.it-article__content iframe {max-width:100%;}
.it-article__content .wp-block-embed__wrapper {max-width:100%;}
.it-article__content .wp-block-image img {height:auto;}
.it-article__sidebar {position:sticky;top:28px;border-left:1px solid #e0e6ea;padding-left:22px;}
.it-article__sidebar h2 {font-size:20px;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--it-blue, #2477b9);color:#20252b;}
.it-article__recent {display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #e7eaee;padding:0 0 15px;margin:0 0 15px;text-decoration:none;color:inherit;}
.it-article__recent-img {flex:0 0 86px;}
.it-article__recent-img img {width:86px;height:62px;object-fit:cover;display:block;}
.it-article__recent-copy {display:block;min-width:0;}
.it-article__recent-copy strong {display:block;font-size:13px;line-height:1.4;font-weight:800;}
.it-article__recent:hover strong {color:var(--it-blue,#2477b9);}
.it-article__recent-copy small {display:block;margin-top:6px;color:#82909b;font-size:11px;}
.it-article__tags {display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid #e5e9ed;padding-top:22px;margin-top:36px;font-size:13px;}
.it-article__tags a {padding:6px 10px;background:#f0f5f8;color:#35617e;text-decoration:none;font-size:12px;}
.it-article__share {margin-top:28px;padding:22px 0;border-top:1px solid #e5e9ed;border-bottom:1px solid #e5e9ed;}
.it-article__share > strong {display:block;font-size:15px;margin-bottom:13px;}
.it-article__share-links {display:flex;gap:9px;flex-wrap:wrap;}
.it-article__share-links a {display:inline-block;padding:9px 12px;border:1px solid #cbdce9;text-decoration:none;color:var(--it-blue,#2477b9);font-weight:750;font-size:12px;}
.it-article__share-links a:hover {background:var(--it-blue,#2477b9);color:#fff;}
@media(max-width:850px) {.it-article__grid {grid-template-columns:minmax(0,1fr);} .it-article__sidebar {position:static;border-left:0;padding-left:0;border-top:1px solid #e4e8ec;padding-top:26px;} .it-article__recent-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;} }
@media(max-width:600px) {.it-single {padding-top:26px;} .it-article__crumbs {margin-bottom:17px;} .it-article__header {margin-bottom:22px;} .it-article__cover {margin-bottom:26px;} .it-article__content {font-size:16.5px;line-height:1.75;} .it-article__recent-list {grid-template-columns:1fr;} .it-article__meta-sep {display:none;} }


/* IT en Línea · Single v0.2 · Índice, autor, relacionados y publicidad */
.it-article__toc {background:#f4f8fb;border:1px solid #dbe6ee;border-left:3px solid var(--it-blue,#2477b9);padding:22px 25px;margin:0 0 36px;}
.it-article__toc[hidden]{display:none!important}
.it-article__toc-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;}
.it-article__toc-heading strong{font-size:18px;color:#20252b;}
.it-article__toc-heading span{font-size:10px;color:#5b7d96;letter-spacing:.1em;font-weight:800;}
.it-article__toc ol{margin:0;padding:0 0 0 22px;display:grid;gap:9px;}
.it-article__toc li{font-size:14px;line-height:1.45;padding-left:3px;}
.it-article__toc li.is-subheading{margin-left:17px;font-size:13px;}
.it-article__toc a{color:#235b88;text-decoration:none;}
.it-article__toc a:hover{text-decoration:underline;text-underline-offset:3px;}
.it-article__content h2[id],.it-article__content h3[id]{scroll-margin-top:85px;}
.it-article__side-ad{margin:0 0 29px;}
.it-article__side-ad>span{display:block;text-align:center;font-size:10px;letter-spacing:.11em;color:#83909b;margin-bottom:9px;}
.it-article__side-ad img{display:block;max-width:100%;height:auto;}
.it-article__author{display:flex;gap:20px;max-width:860px;align-items:flex-start;background:#f4f8fb;border-top:3px solid var(--it-blue,#2477b9);padding:25px 27px;margin:48px 0 0;}
.it-article__author-avatar{flex:0 0 80px;}
.it-article__avatar{border-radius:50%;width:80px;height:80px;}
.it-article__eyebrow{font-weight:800;font-size:10px;letter-spacing:.12em;color:var(--it-blue,#2477b9);}
.it-article__author h2{font-size:20px;margin:5px 0 10px;}
.it-article__author h2 a{color:#1d2932;text-decoration:none;}
.it-article__author p{margin:0;color:#5a6874;font-size:14px;line-height:1.7;}
.it-article__related{margin-top:62px;}
.it-article__related-heading{display:flex;align-items:center;gap:18px;margin-bottom:23px;}
.it-article__related-heading h2{font-size:clamp(23px,2.6vw,30px);margin:0;color:#125991;line-height:1.2;}
.it-article__related-heading span{flex:1;height:2px;background:var(--it-blue,#2477b9);}
.it-article__related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;}
.it-article__related-item{min-width:0;}
.it-article__related-image{display:block;aspect-ratio:16/10;background:#edf2f6;overflow:hidden;}
.it-article__related-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease;}
.it-article__related-item:hover img{transform:scale(1.035);}
.it-article__related-copy{padding-top:11px;}
.it-article__related-copy time{color:#81909b;font-size:11px;}
.it-article__related-copy h3{font-size:16px;line-height:1.38;margin:6px 0 0;}
.it-article__related-copy a{text-decoration:none;color:#1d2932;}
.it-article__related-copy a:hover{color:var(--it-blue,#2477b9);}
@media(max-width:900px){.it-article__related-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.it-article__toc{padding:18px;margin-bottom:28px;}.it-article__author{padding:18px;gap:13px;}.it-article__author-avatar{flex-basis:56px;}.it-article__avatar{width:56px;height:56px;}.it-article__related{margin-top:45px;}.it-article__related-grid{gap:16px 12px;}.it-article__related-copy h3{font-size:14px;}}
@media(prefers-reduced-motion:reduce){.it-article__related-image img{transition:none;}}

/* IT en Línea · Single v0.4 · Imagen destacada 1200 × 600 (2:1) */
/* Solo afecta la imagen principal. La leyenda permanece debajo de la fotografía. */
.it-article__cover {
  width: 100%;
  margin: 0 0 38px;
  background: transparent;
}
.it-article__cover-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  max-height: none;
  margin: 0;
  object-fit: cover;
  object-position: center;
  background: transparent;
}
.it-article__cover figcaption {
  max-width: 860px;
  margin: 11px auto 0;
  text-align: left;
}
/* Laterales: mayor legibilidad sin restar protagonismo al contenido. */
.it-article__sidebar h2 {font-size: 21px;}
.it-article__recent-copy strong {font-size: 14px; line-height: 1.45;}
.it-article__recent-img {flex-basis: 94px;}
.it-article__recent-img img {width: 94px; height: 66px;}
/* Relacionadas: fotografías y titulares más presentes. */
.it-article__related {margin-top: 56px;}
.it-article__related-grid {gap: 22px;}
.it-article__related-image {aspect-ratio: 16 / 9;}
.it-article__related-copy {padding-top: 13px;}
.it-article__related-copy h3 {font-size: 17px; line-height: 1.42; font-weight: 800;}
.it-article__related-copy time {font-size: 12px;}
@media (max-width: 600px) {
  .it-article__cover {margin-bottom: 26px;}
  .it-article__cover-image {max-height: none;}
  .it-article__related {margin-top: 44px;}
  .it-article__related-grid {gap: 19px 13px;}
  .it-article__related-copy h3 {font-size: 15px;}
}
/* Single v0.5 · Comentarios nativos de WordPress */
.it-comments{margin:64px 0 20px;padding-top:8px;max-width:100%;}
.it-comments__heading{display:flex;align-items:center;gap:20px;margin-bottom:26px}
.it-comments__heading h2{margin:0;font-size:clamp(23px,2.4vw,30px);color:#125991;line-height:1.2;font-weight:850}
.it-comments__heading>span{height:2px;background:var(--it-blue,#2477b9);flex:1}
.it-comments__list,.it-comments__list .children{list-style:none;padding:0;margin:0}
.it-comments__list>li{border-bottom:1px solid #e2eaf0;padding:22px 0}
.it-comments__list .children{border-left:2px solid #dbe9f5;margin:20px 0 0 25px;padding-left:22px}
.it-comments .comment-body{overflow-wrap:anywhere}
.it-comments .comment-meta{margin-bottom:12px;font-size:13px}
.it-comments .comment-author{display:flex;align-items:center;gap:12px;font-weight:800}
.it-comments .comment-author .avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.it-comments .comment-author .says{display:none}
.it-comments .comment-metadata{margin:4px 0 0 60px;color:#70808c;font-size:12px}
.it-comments .comment-metadata a{color:inherit;text-decoration:none}
.it-comments .comment-content{font-size:16px;line-height:1.75;color:#34414b}
.it-comments .reply a{color:var(--it-blue,#2477b9);font-size:13px;font-weight:800;text-decoration:none}
.it-comments .comment-respond{margin-top:34px;padding:27px;background:#f4f8fb;border:1px solid #dde8f0}
.it-comments .comment-reply-title{font-size:22px;margin:0 0 12px;color:#20252b}
.it-comments__notice,.it-comments .logged-in-as,.it-comments .comment-notes{color:#647584;font-size:13px}
.it-comments .comment-form p{margin:0 0 16px}
.it-comments .comment-form label{display:block;font-weight:750;font-size:13px;margin-bottom:7px}
.it-comments .comment-form input:not([type=checkbox]):not([type=submit]),.it-comments .comment-form textarea{width:100%;max-width:100%;padding:12px;border:1px solid #c8d8e4;background:#fff;color:#20252b;font:inherit;border-radius:0}
.it-comments .comment-form input:focus-visible,.it-comments .comment-form textarea:focus-visible{outline:2px solid var(--it-blue,#2477b9);outline-offset:2px}
.it-comments .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:9px}
.it-comments .comment-form-cookies-consent label{font-weight:400;margin:0}
.it-comments .comment-form .submit{background:var(--it-blue,#2477b9);border:0;color:white;font-weight:800;padding:12px 22px;cursor:pointer}
.it-comments .comment-form .submit:hover{filter:brightness(.9)}
.it-comments__closed{color:#677987;font-size:14px}
@media(max-width:600px){.it-comments{margin-top:42px}.it-comments .comment-respond{padding:18px}.it-comments__list .children{margin-left:12px;padding-left:12px}}

/* IT en Línea · comentarios modernizados */
.it-comments .form-submit {
  margin-top: 20px;
}

.it-comments input[type="submit"],
.it-comments .submit,
.comment-form input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: var(--it-blue, #2477b9);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1;
  padding: 14px 22px;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(36, 119, 185, 0.18);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.it-comments input[type="submit"]:hover,
.it-comments .submit:hover,
.comment-form input[type="submit"]:hover {
  background: #1d639a;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(36, 119, 185, 0.22);
}

.it-comments input[type="submit"]:active,
.it-comments .submit:active,
.comment-form input[type="submit"]:active {
  transform: translateY(0);
  box-shadow: 0 8px 18px rgba(36, 119, 185, 0.18);
}

.it-comments input[type="submit"]:focus-visible,
.it-comments .submit:focus-visible,
.comment-form input[type="submit"]:focus-visible {
  outline: 3px solid rgba(36, 119, 185, 0.22);
  outline-offset: 3px;
}

.it-comments textarea,
.it-comments input[type="text"],
.it-comments input[type="email"],
.it-comments input[type="url"],
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%;
  border: 1px solid #cfd9e2;
  background: #fff;
  border-radius: 4px;
  padding: 13px 14px;
  font-size: 15px;
  line-height: 1.5;
  color: #24313b;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.it-comments textarea:focus,
.it-comments input[type="text"]:focus,
.it-comments input[type="email"]:focus,
.it-comments input[type="url"]:focus,
.comment-form textarea:focus,
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus {
  border-color: var(--it-blue, #2477b9);
  box-shadow: 0 0 0 3px rgba(36, 119, 185, 0.12);
  outline: none;
}


/* IT en Línea · Compartir V3: iconos SVG y copiar enlace */
.it-article__share-links { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.it-article__share-links a, .it-article__share-links button {
  box-sizing:border-box; display:flex; align-items:center; justify-content:center; gap:7px;
  min-width:0; min-height:47px; padding:10px 8px; border:0; border-radius:5px;
  color:#fff; font-family:inherit; font-size:13px; font-weight:800; line-height:1.3; text-decoration:none; cursor:pointer;
  transition:filter .2s ease, transform .2s ease;
}
.it-article__share-links .it-share--whatsapp { background:#087e69; }
.it-article__share-links .it-share--facebook { background:#4267a5; }
.it-article__share-links .it-share--x { background:#17191d; }
.it-article__share-links .it-share--linkedin { background:#17699a; }
.it-article__share-links .it-share--copy { background:#edf3f8; color:#155e9c; border:1px solid #bcd1e3; }
.it-article__share-links a:hover, .it-article__share-links button:hover { filter:brightness(1.10); transform:translateY(-2px); color:#fff; }
.it-article__share-links .it-share--copy:hover { color:#155e9c; }
.it-article__share-links a:focus-visible, .it-article__share-links button:focus-visible {outline:3px solid #2477b9;outline-offset:3px;}
.it-share-icon { flex:none; }
.it-share-status { display:block; font-size:12px; color:#155e9c; margin-top:6px; }
.it-share-status:empty { display:none; }
@media(max-width:750px) {.it-article__share-links {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:400px) {.it-article__share-links a,.it-article__share-links button {font-size:12px;padding:10px 5px;}}
@media(prefers-reduced-motion:reduce){.it-article__share-links a,.it-article__share-links button {transition:none;}.it-article__share-links a:hover,.it-article__share-links button:hover {transform:none;}}




/* IT en Línea · Archivos PDF en noticias */

.it-article__content .wp-block-file {
    margin: 32px 0;
    padding: 18px;
    background: #f4f7fa;
    border: 1px solid #e1e8ee;
    border-radius: 10px;
}

.it-article__content .wp-block-file embed {
    display: block;
    width: 100% !important;
    height: 650px !important;
    border: 0;
    border-radius: 6px;
}

.it-article__content .wp-block-file__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2477b9;
    color: #fff;
    padding: 12px 22px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 700;
    margin-top: 14px;
}

@media (max-width: 600px) {
    .it-article__content .wp-block-file {
        padding: 10px;
    }

    .it-article__content .wp-block-file embed {
        height: 480px !important;
    }
}