/* NOTICIAS · el blog de IA y marketing (sale de herramientas/genera-noticias.py)
   Va encima de nicho.css, inicio.css y servicio.css. El cuerpo de la noticia
   va a la izquierda y estrecho, porque un texto largo centrado no se lee; lo
   demas, centrado como toda la web. */

/* nicho.css limita en ordenador cada hijo de seccion a 56ch: los bloques
   anchos se liberan con una regla mas especifica */
@media (min-width:900px){
  .sec > .nt-resp:not(.movil):not(.ig-grid),.sec > .nt-hacer:not(.movil):not(.ig-grid),
  .sec > .nt-fuentes:not(.movil):not(.ig-grid),.sec > .nt-antes:not(.movil):not(.ig-grid){max-width:780px;}
  .sec > .nt-art:not(.movil):not(.ig-grid){max-width:740px;}
  .sec > .nt-claves:not(.movil):not(.ig-grid),.sec > .nt-cards:not(.movil):not(.ig-grid),
  .sec > .nt-dest:not(.movil):not(.ig-grid){max-width:1080px;}
  .hero > .nt-h1:not(.movil):not(.ig-grid){max-width:24ch;}
}

/* ---------- cabeza ---------- */
.hero .et a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;}
.nt-h1{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-stretch:106%;font-size:clamp(2rem,5.2vw,3.5rem);line-height:1.08;letter-spacing:-.015em;color:var(--texto);margin:1rem auto 0;text-wrap:balance;}
.nt-h1 em{font-style:normal;color:var(--verde);}
.nt-meta{margin:1.3rem auto 0;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-3);}
.nt-k{display:block;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--verde);margin-bottom:.7rem;}

/* ---------- la respuesta corta y las claves ---------- */
.nt-resp{width:100%;margin:0 auto;text-align:left;background:var(--sup);border:1px solid var(--linea-f);border-left:5px solid var(--verde);border-radius:14px;padding:1.5rem 1.6rem;box-shadow:0 14px 40px rgba(27,26,24,.07);}
.nt-resp p{font-size:1.08rem;line-height:1.72;color:var(--texto);}
.nt-claves{width:100%;display:grid;grid-template-columns:1fr;gap:12px;margin:1.6rem auto 0;}
@media (min-width:700px){.nt-claves-3,.nt-claves-6{grid-template-columns:repeat(3,1fr);}.nt-claves-4{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1000px){.nt-claves-4{grid-template-columns:repeat(4,1fr);}}
.nt-cl{display:flex;flex-direction:column;gap:.4rem;background:var(--sup);border:1px solid var(--linea);border-radius:12px;padding:1.05rem 1.15rem;text-align:left;}
.nt-cl b{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-stretch:106%;font-size:1.35rem;line-height:1.1;color:var(--verde);overflow-wrap:anywhere;}
.nt-cl span{font-size:.92rem;line-height:1.5;color:var(--texto-2);}

/* ---------- el cuerpo ---------- */
.nt-art{width:100%;margin:0 auto;text-align:left;}
.nt-indice{background:var(--sup);border:1px solid var(--linea);border-radius:12px;padding:1.1rem 1.3rem;margin-bottom:2.4rem;}
.nt-indice ol{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem;}
.nt-indice a{color:var(--texto);text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.4;}
.nt-indice a:hover{color:var(--verde);text-decoration:underline;}
.sec .nt-art h2{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-stretch:106%;font-size:clamp(1.45rem,3.2vw,2rem);line-height:1.15;letter-spacing:-.01em;text-align:left;margin:2.8rem 0 .9rem;max-width:none;scroll-margin-top:110px;}
.sec .nt-art nav + h2{margin-top:0;}
.nt-art p{font-size:1.07rem;line-height:1.78;color:var(--texto-2);margin:0 0 1.1rem;max-width:none;}
.nt-art p b,.nt-art li b{color:var(--texto);}
.nt-art ul{margin:0 0 1.2rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.6rem;font-size:1.04rem;line-height:1.7;color:var(--texto-2);}
.nt-art p a,.nt-art li a{color:var(--verde);font-weight:600;}
.ref{font-size:.66em;line-height:0;margin-left:1px;vertical-align:super;}
.ref a{color:var(--verde);text-decoration:none;font-weight:700;padding:0 1px;}
.ref + .ref{margin-left:3px;}
.nt-tabla{overflow-x:auto;margin:0 0 1.3rem;border:1px solid var(--linea);border-radius:12px;background:var(--sup);}
.nt-tabla table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem;line-height:1.45;}
.nt-tabla th,.nt-tabla td{padding:.7rem .85rem;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top;}
.nt-tabla th{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-3);background:var(--fondo);}
.nt-tabla tr:last-child td{border-bottom:0;}
.nt-tabla td:first-child{font-weight:700;color:var(--texto);white-space:nowrap;}
.nt-code{overflow-x:auto;background:var(--tinta);color:#F5F2ED;border-radius:12px;padding:1rem 1.2rem;font-family:var(--mono);font-size:.85rem;line-height:1.65;margin:0 0 1.3rem;white-space:pre;}
.nt-art p.nt-nota{font-size:.95rem;color:var(--texto-3);border-top:1px solid var(--linea-f);padding-top:1rem;margin-top:2rem;}

/* ---------- lo que puedes hacer ya ---------- */
.nt-hacer{width:100%;list-style:none;margin:2rem auto 0;padding:0;display:flex;flex-direction:column;gap:10px;text-align:left;counter-reset:paso;}
.nt-hacer li{display:flex;gap:1rem;align-items:flex-start;background:var(--sup);border:1px solid var(--linea);border-radius:12px;padding:1rem 1.15rem;counter-increment:paso;}
.nt-hacer li::before{content:counter(paso);flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--verde);color:#fff;font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:1rem;}
.nt-hacer b{display:block;color:var(--texto);margin:.3rem 0 .2rem;}
.nt-hacer span{font-size:.95rem;line-height:1.6;color:var(--texto-2);}

/* ---------- fuentes ---------- */
.nt-fuentes{width:100%;margin:1.8rem auto 0;padding-left:1.7rem;text-align:left;display:flex;flex-direction:column;gap:.55rem;font-size:.9rem;line-height:1.55;color:var(--texto-2);}
.nt-fuentes li{scroll-margin-top:110px;padding:.1rem .3rem;}
.nt-fuentes li:target{background:rgba(35,122,74,.12);border-radius:6px;}
.nt-fuentes a{color:var(--texto);text-decoration:underline;text-decoration-color:var(--linea-f);text-underline-offset:3px;overflow-wrap:anywhere;}
.nt-fuentes a:hover{text-decoration-color:var(--verde);}

/* ---------- servicios y mas noticias ---------- */
.nt-svc a{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1rem;border-radius:99px;background:var(--sup);border:1px solid var(--linea-f);font-size:.9rem;font-weight:600;color:var(--texto);text-decoration:none;}
.nt-svc a:hover{border-color:var(--verde);color:var(--verde);}
.nt-cards{width:100%;display:grid;grid-template-columns:1fr;gap:14px;margin:2.2rem auto 0;text-align:left;}
@media (min-width:700px){
  .nt-cards{grid-template-columns:repeat(2,1fr);}
  .nt-cards > :last-child:nth-child(odd){grid-column:1/-1;}
}
@media (min-width:1000px){
  .nt-cards{grid-template-columns:repeat(6,1fr);}
  .nt-cards > *,.nt-cards > :last-child:nth-child(odd){grid-column:span 2;}
  .nt-cards > :nth-last-child(2):nth-child(3n+1),.nt-cards > :last-child:nth-child(3n+2){grid-column:span 3;}
  .nt-cards > :last-child:nth-child(3n+1){grid-column:1/-1;}
}
.nt-card{display:flex;flex-direction:column;gap:.55rem;background:var(--sup);border:1px solid var(--linea);border-radius:14px;padding:1.3rem 1.35rem;text-decoration:none;color:var(--texto);transition:border-color .2s,transform .2s var(--ease);}
.nt-card:hover{border-color:var(--verde);transform:translateY(-2px);}
.nt-cat{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--marca);}
.nt-card b{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-stretch:106%;font-size:1.2rem;line-height:1.2;}
.nt-card > span:not(.nt-cat){font-size:.92rem;line-height:1.55;color:var(--texto-2);}
.nt-card i,.nt-dest i{margin-top:auto;padding-top:.4rem;font-style:normal;font-weight:700;font-size:.92rem;color:var(--verde);}
.nt-dest{width:100%;margin:2.2rem auto 0;display:flex;flex-direction:column;gap:.9rem;text-align:left;background:var(--tinta);color:#F5F2ED;border-radius:18px;padding:clamp(1.5rem,4vw,2.6rem);text-decoration:none;box-shadow:0 18px 50px rgba(27,26,24,.18);transition:transform .2s var(--ease);}
.nt-dest:hover{transform:translateY(-2px);}
.nt-dest .nt-cat{color:#F29C85;}
.nt-dest b{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-stretch:106%;font-size:clamp(1.6rem,3.6vw,2.5rem);line-height:1.1;color:#FFFFFF;max-width:26ch;}
.nt-dest > span:not(.nt-cat){font-size:1.04rem;line-height:1.6;color:rgba(245,242,237,.82);max-width:64ch;}
.nt-dest i{color:#25D366;}
.nt-antes{width:100%;list-style:none;margin:1.8rem auto 0;padding:0;text-align:left;border-top:1px solid var(--linea-f);}
.nt-antes li{border-bottom:1px solid var(--linea-f);}
.nt-antes a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem .2rem;color:var(--texto);text-decoration:none;font-weight:600;}
.nt-antes a span{flex:none;font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:var(--texto-3);}
.nt-antes a:hover{color:var(--verde);}

@media (max-width:620px){
  .nt-resp{padding:1.2rem 1.15rem;}
  .nt-resp p,.nt-art p{font-size:1.02rem;}
  .nt-antes a{flex-direction:column;align-items:flex-start;gap:.25rem;}
}