.tricolor-consejos__cabeza{background:var(--crema)}
.tricolor-consejos__cabeza .tricolor-lead{margin-top:16px}
.tricolor-consejos__cats{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.tricolor-consejos__cats a{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--r-pill);background:#fff;box-shadow:inset 0 0 0 1px var(--linea);font-size:14px;font-weight:600;transition:background .3s var(--ease),color .3s var(--ease)}
.tricolor-consejos__cats a:hover{background:var(--azul-claro);color:var(--azul)}
.tricolor-consejos__cats a[aria-current]{background:var(--azul);color:#fff;box-shadow:none}
.tricolor-consejos__cats sup{font-size:10px;opacity:.7}

.tricolor-consejos__lead{margin-bottom:clamp(28px,3vw,44px)}
.tricolor-consejos__lead-a{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);border-radius:var(--r-xl);overflow:hidden;background:var(--tinta);color:#fff}
.tricolor-consejos__lead-media{position:relative;min-height:380px;overflow:hidden}
.tricolor-consejos__lead-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-lux)}
.tricolor-consejos__lead-a:hover .tricolor-consejos__lead-media img{transform:scale(1.04)}
.tricolor-consejos__lead-txt{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(26px,3.4vw,48px)}
.tricolor-consejos__lead-k{display:flex;align-items:center;gap:12px;font-size:12.5px;opacity:.8}
.tricolor-consejos__lead-t{font-size:clamp(24px,2.6vw,36px);font-weight:700;letter-spacing:-.025em;line-height:1.12}
.tricolor-consejos__lead-t span{background-image:linear-gradient(currentColor,currentColor);background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .6s var(--ease)}
.tricolor-consejos__lead-a:hover .tricolor-consejos__lead-t span{background-size:100% 2px}
.tricolor-consejos__lead-x{font-size:15px;line-height:1.65;opacity:.78}
.tricolor-consejos__lead-txt .tricolor-btn{align-self:flex-start;margin-top:6px}
.tricolor-consejos__rejilla + .navigation{padding-top:40px}
.tricolor-consejos__faq-in{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,5vw,80px);align-items:start}
.tricolor-consejos__faq-in .tricolor-lead{margin-top:14px}

/* ── artículo ── */
.tricolor-lectura{position:fixed;left:0;right:0;top:0;z-index:210;height:3px;pointer-events:none}
.tricolor-lectura i{display:block;height:100%;background:var(--rojo);transform:scaleX(0);transform-origin:left}
.tricolor-articulo__cabeza{padding:calc(var(--cab-h) + clamp(28px,4vw,56px)) 0 clamp(36px,4vw,60px);background:var(--crema)}
.tricolor-articulo__cabeza-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,5vw,72px);align-items:center}
.tricolor-articulo__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;color:var(--tinta-55)}
.tricolor-articulo__h1{margin:16px 0 18px;font-size:clamp(32px,4.2vw,58px);font-weight:700;letter-spacing:-.035em;line-height:1.05;color:var(--azul)}
.tricolor-articulo__foto{aspect-ratio:1;border-radius:50% 50% var(--r-xl) var(--r-xl);overflow:hidden}
.tricolor-articulo__foto img{width:100%;height:100%;object-fit:cover}
.tricolor-articulo__cuerpo > h2:first-child{margin-top:0}
.tricolor-articulo__productos{margin-top:48px;padding:24px;border-radius:var(--r-l);background:var(--gris)}
.tricolor-articulo__productos ul{list-style:none;padding:0;display:grid;gap:10px;margin-top:4px}
.tricolor-articulo__productos li + li{margin-top:0}
.tricolor-articulo__productos a{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;border-radius:var(--r-m);background:#fff;text-decoration:none;color:var(--tinta);transition:transform .45s var(--ease-lux)}
.tricolor-articulo__productos a:hover{transform:translateX(5px);color:var(--tinta)}
.tricolor-articulo__lata{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:color-mix(in srgb,var(--tono) 14%,#fff);overflow:hidden;flex:none}
.tricolor-articulo__lata img{width:auto;height:78%;border-radius:0!important}
.tricolor-articulo__productos strong{display:block;font-size:15px}
.tricolor-articulo__productos small{display:block;font-size:12.5px;color:var(--tinta-55)}
.tricolor-articulo__productos .tricolor-icono{margin-left:auto;width:18px;height:18px;color:var(--rojo)}

@media (max-width:900px){
  .tricolor-consejos__lead-a,.tricolor-articulo__cabeza-in,.tricolor-consejos__faq-in{grid-template-columns:minmax(0,1fr)}
  .tricolor-consejos__lead-media{min-height:240px}
  .tricolor-articulo__foto{max-width:420px}
}

/* ── Paso a paso en consejos ── */
.tricolor-prosa .tricolor-pasos{list-style:none;counter-reset:paso;padding:0;margin-top:2.2em;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,5vw,64px)}
.tricolor-pasos > li{counter-increment:paso;position:relative;padding-top:clamp(52px,5vw,64px)}
.tricolor-pasos > li::before{content:counter(paso,decimal-leading-zero);position:absolute;top:0;left:0;font-size:clamp(38px,4vw,52px);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--rojo)}
.tricolor-prosa .tricolor-pasos h2{margin-top:0}
.tricolor-pasos > li > * + *{margin-top:.9em}
.tricolor-pasos__foto{margin:1.4em 0 0;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sombra-s);max-width:460px}
.tricolor-pasos__foto img,.tricolor-pasos__comparar img{display:block;width:100%;height:auto}
.tricolor-pasos__comparar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:1.4em}
.tricolor-pasos__comparar figure{margin:0;border-radius:var(--r-l);overflow:hidden;position:relative;box-shadow:var(--sombra-s)}
.tricolor-pasos__comparar figcaption{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:var(--r-pill);background:rgba(12,16,26,.55);backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}

.tricolor-muestra-ia{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;margin:1.4em 0 0;max-width:460px;border-radius:var(--r-l);overflow:hidden;background:#fff;box-shadow:var(--sombra-s)}
.tricolor-muestra-ia__color{width:clamp(120px,16vw,170px);min-height:150px;background:var(--c)}
.tricolor-muestra-ia figcaption{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:20px 22px;line-height:1.3}
.tricolor-muestra-ia small{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-55)}
.tricolor-muestra-ia strong{font-size:22px;color:var(--azul)}
.tricolor-muestra-ia__hex{font-size:13px;color:var(--tinta-55)}
.tricolor-prosa .tricolor-muestra-ia a{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:600;text-decoration:none}
.tricolor-muestra-ia a .tricolor-icono{width:18px;height:18px;color:var(--rojo)}
.tricolor-muestras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:1.4em}
.tricolor-muestras p{display:contents}
.tricolor-muestras br{display:none}
.tricolor-muestras .tricolor-muestra-ia{grid-template-columns:minmax(0,1fr);margin:0;max-width:none}
.tricolor-muestras .tricolor-muestra-ia__color{width:auto;min-height:110px}
.tricolor-muestras .tricolor-muestra-ia figcaption{padding:16px 18px}
.tricolor-muestras .tricolor-muestra-ia strong{font-size:19px}

.tricolor-chat-ia{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,36px);margin-top:1.4em}
.tricolor-chat-ia__movil{position:relative;display:flex;flex-direction:column;aspect-ratio:9/18.5;padding:44px 12px 14px;border-radius:38px;background:#F4F5F7;border:8px solid #1E2434;box-shadow:var(--sombra-l)}
.tricolor-chat-ia__isla{position:absolute;top:10px;left:50%;width:74px;height:20px;margin-left:-37px;border-radius:12px;background:#1E2434}
.tricolor-chat-ia__hilo{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.tricolor-chat-ia__adjuntos{align-self:flex-end;display:flex;gap:6px}
.tricolor-chat-ia__adjuntos img{width:74px;height:92px;object-fit:cover;border-radius:12px}
.tricolor-chat-ia__muestra{display:flex;align-items:flex-end;width:74px;height:92px;padding:6px;border-radius:12px;background:var(--c)}
.tricolor-chat-ia__muestra small{font-size:8.5px;font-weight:600;line-height:1.2;color:#fff}
.tricolor-prosa .tricolor-chat-ia__burbuja{align-self:flex-end;max-width:88%;margin:0;padding:10px 12px;border-radius:16px 16px 4px 16px;background:var(--azul);color:#fff;font-size:12px;line-height:1.4}
.tricolor-prosa .tricolor-chat-ia__escribe{display:flex;gap:4px;margin:0;padding:10px 12px;align-self:flex-start;border-radius:16px 16px 16px 4px;background:#fff}
.tricolor-chat-ia__escribe i{width:6px;height:6px;border-radius:50%;background:#A9B0BB;animation:tricolor-escribe 1.2s infinite ease-in-out}
.tricolor-chat-ia__escribe i:nth-child(2){animation-delay:.15s}
.tricolor-chat-ia__escribe i:nth-child(3){animation-delay:.3s}
@keyframes tricolor-escribe{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.tricolor-chat-ia__campo{height:34px;margin-top:10px;border-radius:17px;background:#fff;border:1px solid var(--linea)}
.tricolor-chat-ia__prompt{padding:22px 24px;border-radius:var(--r-l);background:var(--crema)}
.tricolor-prosa .tricolor-chat-ia__k{margin:0;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--azul)}
.tricolor-prosa .tricolor-chat-ia__t{margin:8px 0 16px;font-size:clamp(17px,1.6vw,20px);font-weight:600;line-height:1.45;color:var(--tinta)}
@media (max-width:640px){
  .tricolor-chat-ia{grid-template-columns:minmax(0,1fr)}
  .tricolor-chat-ia__movil{width:min(250px,80%);margin-inline:auto}
}
@media (prefers-reduced-motion:reduce){
  .tricolor-chat-ia__escribe i{animation:none}
}

/* ── Piezas editoriales de los consejos ── */
.tricolor-prosa .tricolor-resumen{padding:22px 26px;border-radius:var(--r-m);background:var(--crema);border-left:4px solid var(--rojo)}
.tricolor-prosa .tricolor-resumen > * + *{margin-top:.6em}
.tricolor-prosa .tricolor-resumen__t,.tricolor-prosa .tricolor-necesitas__t{margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--azul)}
.tricolor-prosa .tricolor-resumen p:last-child{font-size:1.06em;font-weight:500}
.tricolor-prosa .tricolor-necesitas{padding:22px 26px;border-radius:var(--r-m);background:var(--gris)}
.tricolor-prosa .tricolor-necesitas ul{margin-top:.8em;padding-left:1.2em;columns:2 240px;column-gap:32px}
.tricolor-prosa .tricolor-necesitas li{break-inside:avoid}
.tricolor-prosa .tricolor-necesitas li.herramienta::marker{color:var(--azul)}
.tricolor-prosa .tricolor-tabla-caja{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--r-m);-webkit-overflow-scrolling:touch}
.tricolor-prosa .tricolor-tabla{min-width:560px;margin:0}
.tricolor-prosa .tricolor-tabla:not(:has(th:nth-child(3))){min-width:0}
.tricolor-prosa .tricolor-tabla caption{caption-side:top;padding:14px 16px 0;text-align:left;font-size:13px;color:var(--tinta-55)}
.tricolor-prosa .tricolor-tabla th{background:var(--azul-claro);color:var(--azul-d);font-weight:600;font-size:14px}
.tricolor-prosa .tricolor-tabla tbody tr:nth-child(even){background:var(--gris)}
.tricolor-prosa .tricolor-tabla tbody tr:last-child td{border-bottom:0}
.tricolor-prosa .tricolor-tabla td:first-child{font-weight:600}
.tricolor-prosa .tricolor-nota,.tricolor-prosa .tricolor-aviso{position:relative;padding:16px 20px 16px 54px;border-radius:var(--r-m);background:var(--azul-claro);color:var(--tinta)}
.tricolor-prosa .tricolor-aviso{background:color-mix(in srgb,var(--rojo) 8%,#fff)}
.tricolor-prosa .tricolor-nota::before,.tricolor-prosa .tricolor-aviso::before{content:"i";position:absolute;left:18px;top:16px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--azul);color:#fff;font-size:13px;font-weight:700;line-height:1}
.tricolor-prosa .tricolor-aviso::before{content:"!";background:var(--rojo)}
.tricolor-prosa .tricolor-datos{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tricolor-prosa .tricolor-datos li{margin:0;padding:10px 14px;border-radius:var(--r-s);background:#fff;border:1px solid var(--linea);font-size:15px}
.tricolor-prosa .tricolor-datos strong{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--azul)}
.tricolor-articulo__preguntas{margin-top:clamp(40px,5vw,56px)}
.tricolor-articulo__preguntas .tricolor-faq{margin-top:1.2em}
@media (max-width:640px){
  .tricolor-muestras{grid-template-columns:minmax(0,1fr)}
  .tricolor-muestras .tricolor-muestra-ia{grid-template-columns:auto minmax(0,1fr)}
  .tricolor-muestras .tricolor-muestra-ia__color{width:96px;min-height:96px}
  .tricolor-prosa .tricolor-datos{grid-template-columns:minmax(0,1fr)}
}