/* ── la diana ── */
.tricolor-diana{width:100%;height:100%}
.tricolor-diana__punto{transform-origin:50% 50%}

/* ── guiño de línea ── */
.tricolor-guino{color:var(--tono);pointer-events:none}
.tricolor-guino svg{width:100%;height:100%;overflow:visible}

/* ── cursor propio ── */
.tricolor-cursor{position:fixed;inset:0 auto auto 0;z-index:400;pointer-events:none;mix-blend-mode:difference;opacity:0}
.tricolor-cursor__punto,.tricolor-cursor__aro{position:absolute;top:0;left:0;border-radius:50%;translate:-50% -50%}
.tricolor-cursor__punto{width:6px;height:6px;background:#fff}
.tricolor-cursor__aro{width:36px;height:36px;border:1px solid rgba(255,255,255,.65)}
@media (hover:none),(pointer:coarse){.tricolor-cursor{display:none}}

/* ── preloader ── */
.tricolor-preloader{position:fixed;inset:0;z-index:600;background:var(--azul);display:grid;place-items:center}
.tricolor-preloader__in{display:flex;flex-direction:column;align-items:center;gap:22px}
.tricolor-preloader__diana{width:76px;height:76px}
.tricolor-preloader__cuenta{font-size:13px;font-weight:600;letter-spacing:.14em;color:#fff;opacity:.75}
.tricolor-preloader__cuenta i{font-style:normal;opacity:.6}
@media (prefers-reduced-motion:reduce){.tricolor-preloader{display:none}}

/* ── cabecera simple ── */
.tricolor-cabecera-simple{
  position:relative;overflow:hidden;
  padding:calc(var(--cab-h) + clamp(40px,6vw,84px)) 0 clamp(36px,5vw,64px);
  background:var(--gris);
}
.tricolor-cabecera-simple::after{
  content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;
  border:56px solid rgba(218,41,28,.06);pointer-events:none;
}
.tricolor-cabecera-simple__meta{margin-top:14px;font-size:13px;color:var(--tinta-55)}
.tricolor-cabecera-simple .tricolor-lead{margin-top:18px}

/* ── hero de página ── */
.tricolor-hero-pag{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:min(720px,88svh);display:flex;align-items:flex-end;
  padding:calc(var(--cab-h) + 60px) 0 clamp(48px,7vw,96px);
  color:#fff;background:var(--tinta);
}
.tricolor-hero-pag__media{position:absolute;inset:-6% 0;z-index:-2}
.tricolor-hero-pag__media img{width:100%;height:100%;object-fit:cover;will-change:transform}
.tricolor-hero-pag__velo{
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to right,rgba(12,16,26,.74) 0%,rgba(12,16,26,.36) 50%,rgba(12,16,26,.08) 80%),
             linear-gradient(to top,rgba(12,16,26,.55) 0%,transparent 45%),
             linear-gradient(to bottom,rgba(12,16,26,.45) 0%,transparent 28%);
}
.tricolor-hero-pag__in{max-width:680px}
.tricolor-hero-pag .tricolor-h1{color:#fff;margin:14px 0 22px}
.tricolor-hero-pag__intro{font-size:clamp(15px,1.2vw,17px);line-height:1.7;color:rgba(255,255,255,.86);max-width:52ch}

/* ── migas ── */
.tricolor-migas{margin-bottom:22px}
.tricolor-migas ol{display:flex;flex-wrap:wrap;gap:6px 0;list-style:none;font-size:12.5px;color:var(--tinta-55)}
.tricolor-migas li{display:flex;align-items:center}
.tricolor-migas li + li::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5;margin-inline:10px}
.tricolor-migas a{transition:color .3s var(--ease)}
.tricolor-migas a:hover{color:var(--rojo)}
.tricolor-migas [aria-current]{color:var(--tinta)}
.tricolor-migas--claro ol{color:rgba(255,255,255,.7)}
.tricolor-migas--claro [aria-current]{color:#fff}
.tricolor-migas--claro a:hover{color:#fff}

/* ── vacío / 404 ── */
.tricolor-vacio{padding:calc(var(--cab-h) + 80px) 0 var(--secpad);background:var(--gris);min-height:80svh;display:grid;align-items:center}
.tricolor-vacio__in{text-align:center;display:grid;justify-items:center;gap:6px}
.tricolor-vacio__diana{width:96px;height:96px;margin-bottom:22px}
.tricolor-vacio__texto{color:var(--tinta-70);max-width:52ch;margin:14px auto 28px}
.tricolor-vacio .tricolor-buscar--grande{margin-bottom:22px}