/* SF Business Developers (copiado de SF USA): Blog / News (índice con búsqueda, etiquetas, vistas y fechas) y página de artículo */
.page-hero--blog{padding-bottom:24px}
.ci{padding-top:24px}
.ci-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(17,17,20,.9),rgba(10,10,11,.9));position:relative}
.ci-bar::after{content:"";position:absolute;left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(226,194,110,.8),transparent)}
.ci-search{flex:1 1 320px;display:flex;align-items:center;gap:10px;height:48px;padding:0 18px;border:1px solid var(--line-2);border-radius:999px;background:rgba(255,255,255,.03);transition:border-color .25s,box-shadow .25s}
.ci-search:focus-within{border-color:var(--blue-2);box-shadow:0 0 0 3px rgba(201,162,63,.25)}
.ci-search svg{width:18px;height:18px;fill:none;stroke:#b8ad8f;stroke-width:1.6;stroke-linecap:round;flex:0 0 auto}
.ci-q{flex:1;min-width:0;height:100%;border:0;background:transparent;color:#fff;font:inherit;font-size:.95rem;outline:none}
.ci-q::placeholder{color:#7e7e88}
.ci-date{display:flex;align-items:center;gap:10px;height:48px;padding:0 6px 0 18px;border:1px solid var(--line-2);border-radius:999px;background:rgba(255,255,255,.03)}
.ci-date__k{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600}
.ci-month{height:40px;border:0;border-radius:999px;background:#0e0e12;color:#fff;font:inherit;font-size:.9rem;padding:0 30px 0 12px;appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#b8ad8f 50%),linear-gradient(135deg,#b8ad8f 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-size:5px 5px;background-repeat:no-repeat}
.ci-month:focus{outline:2px solid var(--blue-2)}
.ci-views{display:flex;gap:4px;padding:4px;border:1px solid var(--line-2);border-radius:999px;background:rgba(255,255,255,.02)}
.ci-view{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#bdbdc4;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .25s,color .25s}
.ci-view svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ci-view:hover{color:#fff}
.ci-view.is-on{background:#fff;color:#050505}
.ci-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ci-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line-2);border-radius:999px;background:rgba(255,255,255,.02);color:#d6d6dc;font:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .25s,background .25s,color .25s}
.ci-tag span{font-size:.7rem;color:#8d8d96}
.ci-tag:hover{border-color:var(--blue-2)}
.ci-tag.is-on{border-color:var(--blue-2);background:rgba(201,162,63,.22);color:#fff;box-shadow:0 0 18px rgba(201,162,63,.35)}
.ci-tag.is-on span{color:#EBD9A6}
.ci-count{margin-top:22px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ci-results{margin-top:16px}
.ci-item__tags{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-2);font-weight:600}
.ci-item__tags .ci-chan{color:#fff;border:1px solid var(--line-2);border-radius:999px;padding:2px 8px;letter-spacing:.12em}
/* Tarjetas */
.ci-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ci-card{background:radial-gradient(circle at 100% 0%,rgba(201,162,63,.28),transparent 55%),linear-gradient(160deg,#111114,#0a0a0b)}
.ci-card h2{font-size:1.22rem}
/* Lista */
.ci-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ci-row{display:grid;grid-template-columns:130px 1fr auto;gap:12px 32px;align-items:center;padding:26px 8px;border-bottom:1px solid var(--line);transition:background .3s}
.ci-row:hover{background:linear-gradient(90deg,rgba(201,162,63,.10),transparent 70%)}
.ci-row__date{font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}
.ci-row__title{font-size:1.25rem;line-height:1.3;margin:8px 0 6px;max-width:none}
.ci-row__title a{color:#fff;text-decoration:none}
.ci-row__title a:hover{color:#EBD9A6}
.ci-row__ex{color:#a9a9b2;font-size:.94rem;max-width:80ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ci-row__go .link-arrow{white-space:nowrap}
/* Carpetas */
.ci-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;align-items:start}
.ci-folder{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#111114,#0a0a0b);overflow:hidden}
.ci-folder[open]{border-color:rgba(226,194,110,.35)}
.ci-folder summary{display:flex;align-items:center;gap:12px;padding:20px 22px;cursor:pointer;list-style:none;border-bottom:1px solid transparent}
.ci-folder[open] summary{border-bottom-color:var(--line);background:linear-gradient(90deg,rgba(201,162,63,.16),transparent 75%)}
.ci-folder summary::-webkit-details-marker{display:none}
.ci-folder summary svg{width:22px;height:22px;fill:rgba(201,162,63,.25);stroke:#E2C26E;stroke-width:1.4;stroke-linejoin:round;flex:0 0 auto}
.ci-folder__name{font-weight:700;color:#fff;font-size:1.02rem}
.ci-folder__n{margin-left:auto;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.ci-folder ul{list-style:none;margin:0;padding:8px 10px 12px}
.ci-folder__item{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:10px;text-decoration:none;transition:background .25s}
.ci-folder__item:hover{background:rgba(201,162,63,.12)}
.ci-folder__t{color:#fff;font-weight:600;font-size:.95rem;line-height:1.35}
.ci-folder__d{color:var(--muted);font-size:.78rem}
.ci-empty{margin-top:28px;padding:40px;border:1px dashed var(--line-2);border-radius:var(--radius);text-align:center;color:#bdbdc4}
.ci-empty .btn{margin-top:16px}
.ci-noscript{color:#bdbdc4}
.ci-noscript a{color:#EBD9A6}
.news__follow-wrap{padding-top:0}
@media (max-width:1024px){.ci-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .ci-bar{padding:12px;border-radius:16px}
  .ci-search{flex-basis:100%}
  .ci-date{flex:1 1 auto}
  .ci-month{flex:1}
  .ci-views{flex:1 1 100%;justify-content:space-between}
  .ci-view{flex:1;justify-content:center;padding:0 8px}
  .ci-tags{gap:6px}
  .ci-tag{padding:7px 12px}
  .ci-cards{grid-template-columns:1fr}
  .ci-row{grid-template-columns:1fr;gap:4px;padding:22px 4px}
  .ci-row__go{margin-top:8px}
  .ci-folders{grid-template-columns:1fr}
}
/* Artículo */
.wrap--article{max-width:820px}
.article__head{padding:140px 0 36px;background:radial-gradient(ellipse 70% 70% at 50% 0%,rgba(201,162,63,.2),transparent 62%),#050505;border-bottom:1px solid var(--line)}
.article__back{display:inline-flex;gap:8px;font-size:.84rem;color:#bdbdc4;text-decoration:none}
.article__back:hover{color:#fff}
.article__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.tag-pill{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#EBD9A6;border:1px solid rgba(226,194,110,.4);border-radius:999px;padding:5px 11px;text-decoration:none;transition:background .25s}
.tag-pill:hover{background:rgba(201,162,63,.2)}
.article__title{font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.1;margin-top:18px;max-width:none}
.article__meta{margin-top:18px;color:var(--muted);font-size:.9rem}
.article__meta span{color:#d6d6dc}
.article__body{padding:48px 0 12px;font-size:1.08rem;line-height:1.75;color:#cfcfd6}
.article__body > * + *{margin-top:1.15em}
.article__body h2{font-size:clamp(1.35rem,2.4vw,1.7rem);line-height:1.25;margin-top:2em;color:#fff;max-width:none}
.article__body h3{font-size:1.2rem;margin-top:1.6em}
.article__body strong{color:#fff;font-weight:600}
.article__body ul{padding-left:0;list-style:none}
.article__body li{position:relative;padding-left:24px;margin-top:.7em}
.article__body li::before{content:"";position:absolute;left:0;top:.8em;width:12px;height:1px;background:var(--blue-2)}
.article__body a{color:#EBD9A6}
.article__dek{font-size:1.28rem;line-height:1.5;color:#fff;font-weight:500;padding-left:20px;border-left:2px solid var(--blue-2)}
.article__origin{margin-top:48px;padding:26px 28px;border:1px solid rgba(226,194,110,.3);border-radius:var(--radius);background:radial-gradient(circle at 100% 0%,rgba(201,162,63,.25),transparent 55%),linear-gradient(160deg,#111114,#0a0a0b)}
.article__origin-k{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-2);font-weight:600}
.article__origin p{color:#bdbdc4;margin-top:8px}
.article__origin .link-arrow{margin-top:14px;display:inline-flex}
.article__cta{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.article__cta > p{color:#fff;font-weight:600;font-size:1.1rem}
.article__cta .contacto__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.article__pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:48px 0 96px}
.article__pager a{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;color:#fff;text-decoration:none;font-weight:600;line-height:1.35;transition:border-color .3s}
.article__pager a:hover{border-color:rgba(226,194,110,.5)}
.article__pager a span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}
.article__pager-r{text-align:right}
@media (max-width:640px){.article__head{padding-top:116px}.article__body{font-size:1.02rem}.article__pager{grid-template-columns:1fr}.article__pager-r{text-align:left}}
/* chips compactos en tarjetas para alinear títulos */
.ci-card .ci-item__tags{gap:6px;letter-spacing:.08em;font-size:.6rem;min-height:22px}
.ci-card .ci-item__tags span{border:1px solid rgba(226,194,110,.35);border-radius:999px;padding:3px 8px;line-height:1.2}
.ci-card .ci-item__tags .ci-chan{border-color:var(--line-2);color:#fff;letter-spacing:.08em}
.ci-card > p:not(.ci-item__tags):not(.post__meta){display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
/* t94c: News con notas propias, fuentes y plazos */
.deadline{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;padding:5px 12px;border:1px solid rgba(255,196,77,.45);border-radius:999px;background:rgba(255,196,77,.08);font-size:.74rem;line-height:1.3;color:#ffe2a8;max-width:100%}
.deadline__k{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.64rem;color:#ffc44d;white-space:nowrap}
.deadline.is-closed{border-color:var(--line-2);background:rgba(255,255,255,.04);color:#a9a9b2}
.deadline.is-closed .deadline__k{color:#c9c9cf}
.article__head .deadline{margin-top:16px}
.ci-card .deadline{align-self:flex-start}
.article__sources .sources{list-style:none;margin:12px 0 0;padding:0}
.article__sources .sources li{padding:10px 0;border-top:1px solid var(--line)}
.article__sources .sources li:first-child{border-top:0}
.article__sources .sources a{color:#fff;text-decoration:none;font-weight:500;line-height:1.4}
.article__sources .sources a:hover{color:#EBD9A6}
.article__sources .sources a span{color:var(--blue-2)}
.article__sources .sources__note{margin-top:14px;font-size:.82rem;color:#8d8d96}
/* t97: deadline compacto, del tamaño de los chips de etiqueta */
.deadline-row{margin:8px 0 0;line-height:1}
.deadline{display:inline-flex;align-items:center;gap:.4em;margin:0;padding:3px 8px;max-width:none;border:1px solid rgba(255,196,77,.4);border-radius:999px;background:rgba(255,196,77,.07);font-size:.6rem;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#ffd98a;white-space:nowrap}
.deadline__k{font-size:inherit;letter-spacing:inherit;font-weight:700;color:#ffc44d}
.deadline__t{font-weight:500;color:#ffe2a8}
.deadline.is-closed{border-color:var(--line-2);background:rgba(255,255,255,.04)}
.deadline.is-closed .deadline__k{color:#a9a9b2}
.article__head .deadline-row{margin-top:14px}
.article__head .deadline{font-size:.66rem;padding:4px 10px}
.ci-row .deadline-row{margin:2px 0 6px}
/* t101: aire entre subtítulo y barra de búsqueda. Desktop: blog 192px, news 256px (+24px de .ci). Mobile ≤600px: proporcional, blog 120px, news 160px */
.page-hero--blog{padding-bottom:168px}
.page-hero--news{padding-bottom:232px}
@media (max-width:600px){.page-hero--blog{padding-bottom:96px}.page-hero--news{padding-bottom:136px}}
/* t102c: rótulo de fecha de entrada en vigor (no es un plazo) */
.deadline.is-effective{border-color:rgba(226,194,110,.45);background:rgba(201,162,63,.10);color:#EBD9A6}
.deadline.is-effective .deadline__k{color:#E2C26E}

/* ===== t130 ===== */
/* Lectura destacada: primera tarjeta a todo el ancho de la grilla */
.ci-cards .ci-card--featured{grid-column:1/-1;padding:clamp(30px,3.4vw,44px);border-color:rgba(226,194,110,.38)}
.ci-card--featured h2{font-size:clamp(1.45rem,2.3vw,1.95rem);max-width:30ch}
.ci-card--featured > p:not(.ci-item__tags):not(.post__meta){max-width:78ch;-webkit-line-clamp:3}
.ci-item__tags .ci-tag-featured{color:#e9e9ec;border-color:var(--line-2);background:rgba(255,255,255,.03)}
@media (max-width:640px){.ci-cards .ci-card--featured{padding:30px 24px}.ci-card--featured h2{font-size:1.35rem}}

/* ===== t131 ===== */
/* Insights unificado: filtrar oculta nodos (hidden) dentro de la grilla */
.ci-results [hidden],.ci-tags [hidden]{display:none!important}
/* rótulo de formato (Blog / News), sutil, antes de los temas */
.ci-item__tags .ci-fmt{color:#bdbdc4}
.ci-card .ci-item__tags .ci-fmt{border:0;padding:3px 2px 3px 0}
.ci-item__tags .ci-fmt::after{content:"·";margin-left:8px;color:var(--muted)}

/* ===== t134 ===== */
/* Insights: la mitad de aire entre el subtítulo y la barra (192px -> 96px; mobile 120px -> 60px) */
.page-hero--blog{padding-bottom:72px}
@media (max-width:600px){.page-hero--blog{padding-bottom:36px}}
/* barra: búsqueda + fecha + tema; debajo: formato | acciones | vistas */
.ci-topic-sel{height:40px;border:0;border-radius:999px;background:#0e0e12;color:#fff;font:inherit;font-size:.9rem;padding:0 30px 0 12px;appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#b8ad8f 50%),linear-gradient(135deg,#b8ad8f 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-size:5px 5px;background-repeat:no-repeat}
.ci-topic-sel:focus{outline:2px solid var(--blue-2)}
.ci-topic .ci-topic-sel{max-width:230px}
.ci-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px 18px;margin-top:18px}
.ci-controls .ci-views{justify-self:end}
@media (max-width:1100px) and (min-width:761px){.ci-controls{grid-template-columns:1fr 1fr}.ci-controls .ci-actions{grid-column:1/-1;grid-row:2;justify-content:flex-start}}
.ci-controls .ci-formats{margin-top:0}
.ci-actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ci-action{text-decoration:none}
.ci-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ci-actions .latest__notify-status{text-align:center}
@media (max-width:760px){
  .ci-topic{flex:1 1 auto}
  .ci-topic .ci-topic-sel{flex:1;max-width:none}
  .ci-controls{display:flex;flex-direction:column;align-items:stretch}
  .ci-controls .ci-views{justify-self:auto}
  .ci-controls .ci-formats{justify-content:center}
  .ci-actions .ci-action{flex:1 1 100%;justify-content:center}
  .ci-actions .latest__notify-status{position:static;margin-top:4px;flex:1 1 100%}
}

/* ===== t135 ===== */
/* Modal «Suscribirme» (dialog nativo): misma caja .closer del sitio */
.nl-modal{width:min(640px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;margin:auto;border:0;background:transparent;color:inherit;overflow:visible}
.nl-modal::backdrop{background:rgba(4,5,9,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.nl-modal[open]{animation:nlModalIn .22s ease-out}
@keyframes nlModalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.nl-modal .nl-modal__box{max-width:none;max-height:calc(100dvh - 32px);overflow:auto;background:#0b0c10;padding:clamp(34px,5vw,52px) clamp(22px,4.5vw,48px)}
.nl-modal .closer__h{max-width:none;font-size:clamp(1.5rem,3vw,2.1rem)}
.nl-modal .nl-form{margin-top:24px}
.nl-modal__close{position:absolute;top:14px;right:14px;z-index:2;display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line-2,rgba(255,255,255,.16));border-radius:999px;background:rgba(255,255,255,.04);color:#d6d6dc;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.nl-modal__close:hover,.nl-modal__close:focus-visible{border-color:var(--blue-2);color:#fff;background:rgba(255,255,255,.08)}
.nl-modal__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
html.nl-modal-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.nl-modal[open]{animation:none}}

/* ===== t136 ===== */
/* «Cargar más»: botón secundario centrado debajo de la grilla/lista */
.ci-more{display:flex;justify-content:center;margin-top:clamp(28px,4vw,44px)}
.ci-more[hidden]{display:none}
.ci-more__btn{min-width:200px;justify-content:center}
@media (max-width:560px){.ci-more__btn{width:100%}}