/* ── CABECERA ── */
.tricolor-cab{position:fixed;inset:0 0 auto;z-index:200;color:var(--azul)}
.tricolor-cab__barra{
  position:relative;z-index:3;
  background:rgba(255,255,255,.76);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
  box-shadow:0 1px 0 rgba(30,36,52,.08),0 10px 40px rgba(30,36,52,.06);
  transition:background .45s var(--ease),box-shadow .45s var(--ease),backdrop-filter .45s var(--ease),transform .5s var(--ease);
}
.tricolor-cab.mega-abierta .tricolor-cab__barra{background:#fff}
.tricolor-cab__in{display:flex;align-items:center;gap:clamp(16px,2.6vw,40px);height:var(--cab-h)}

.tricolor-cab-foto .tricolor-cab:not(.es-solida):not(.mega-abierta) .tricolor-cab__barra{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.tricolor-cab-foto .tricolor-cab:not(.es-solida):not(.mega-abierta){color:#fff}

.tricolor-cab.es-oculta:not(.mega-abierta) .tricolor-cab__barra{transform:translateY(-100%)}

/* ── logo ── */
.tricolor-logo{display:flex;align-items:center;gap:calc(var(--mark)*.118);flex:none;--mark:36px}
.tricolor-logo__marca{width:var(--mark);height:var(--mark)}
.tricolor-logo__palabra{position:relative;display:block;height:calc(var(--mark)*.513);aspect-ratio:4.346}
.tricolor-logo__w{position:absolute;inset:0;width:auto;height:100%;transition:opacity .4s var(--ease)}
.tricolor-logo__w--claro{opacity:0}
.tricolor-cab-foto .tricolor-cab:not(.es-solida):not(.mega-abierta) .tricolor-logo__w--claro{opacity:1}
.tricolor-cab-foto .tricolor-cab:not(.es-solida):not(.mega-abierta) .tricolor-logo__w--oscuro{opacity:0}

/* ── navegación ── */
.tricolor-nav{position:relative;margin-inline:auto 0}
.tricolor-nav__lista{display:flex;align-items:center;gap:clamp(2px,.6vw,10px);list-style:none}
.tricolor-nav__a{
  position:relative;z-index:1;display:block;
  padding:10px clamp(10px,1.1vw,16px);border-radius:var(--r-pill);
  font-size:14px;font-weight:600;color:currentColor;
  transition:color .35s var(--ease);
}
.tricolor-nav__a span{position:relative;display:block}
.tricolor-nav__a span::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;
  background:currentColor;transform:scaleX(0);transform-origin:right;
  transition:transform .5s var(--ease);
}
.tricolor-nav__item--mega > .tricolor-nav__a span{padding-right:14px}
.tricolor-nav__item--mega > .tricolor-nav__a span::before{
  content:"";position:absolute;right:0;top:50%;width:6px;height:6px;margin-top:-5px;
  border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg);transition:transform .45s var(--ease),margin .45s var(--ease);
}
.tricolor-nav__a[aria-expanded="true"] span::before{transform:rotate(-135deg);margin-top:-1px}
.tricolor-nav__a:hover span::after,.current-menu-item > .tricolor-nav__a span::after,.current-page-ancestor > .tricolor-nav__a span::after{transform:scaleX(1);transform-origin:left}
.tricolor-nav__item--mega > .tricolor-nav__a:hover span::after{transform:scaleX(0)}

.tricolor-nav__pildora{
  position:absolute;z-index:0;top:50%;left:0;height:40px;width:0;margin-top:-20px;
  border-radius:var(--r-pill);background:var(--azul-claro);opacity:0;
  transform:translateX(var(--px,0));width:var(--pw,0);
  transition:transform .55s var(--ease-lux),width .55s var(--ease-lux),opacity .3s var(--ease);
  pointer-events:none;
}
.tricolor-nav.con-pildora .tricolor-nav__pildora{opacity:1}
.tricolor-cab-foto .tricolor-cab:not(.es-solida):not(.mega-abierta) .tricolor-nav__pildora{background:rgba(255,255,255,.16)}

/* ── acciones ── */
.tricolor-cab__acciones{display:flex;align-items:center;gap:10px;flex:none}
.tricolor-cab .tricolor-buscar{width:190px}
.tricolor-cab .tricolor-buscar:focus-within{width:260px}
.tricolor-cab .tricolor-buscar.es-sugiriendo{width:260px;background:#fff!important;border-color:transparent!important}
.tricolor-cab-foto .tricolor-cab:not(.es-solida):not(.mega-abierta) .tricolor-buscar{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32);backdrop-filter:blur(10px)}
.tricolor-cab-foto .tricolor-cab:not(.es-solida):not(.mega-abierta) .tricolor-buscar__icono{color:#fff}
.tricolor-cab-foto .tricolor-cab:not(.es-solida):not(.mega-abierta) .tricolor-buscar__campo{color:#fff}
.tricolor-cab-foto .tricolor-cab:not(.es-solida):not(.mega-abierta) .tricolor-buscar__campo::placeholder{color:rgba(255,255,255,.72)}
.tricolor-cab .tricolor-buscar:focus-within{background:#fff!important;border-color:transparent!important}
.tricolor-cab .tricolor-buscar:focus-within .tricolor-buscar__icono{color:var(--azul)!important}
.tricolor-cab .tricolor-buscar:focus-within .tricolor-buscar__campo{color:var(--tinta)!important}

/* ── hamburguesa ── */
.tricolor-burger{display:none;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--azul);color:#fff}
.tricolor-burger__lineas{display:grid;gap:5px;width:20px}
.tricolor-burger__lineas i{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .45s var(--ease),width .45s var(--ease)}
.tricolor-burger__lineas i:nth-child(2){width:70%;justify-self:end}
.tricolor-burger:hover .tricolor-burger__lineas i:nth-child(2){width:100%}
.tricolor-cab-foto .tricolor-cab:not(.es-solida):not(.mega-abierta) .tricolor-burger{background:#fff;color:var(--azul)}

/* ── MEGAMENÚ ── */
.tricolor-mega{position:absolute;left:0;right:0;top:100%;z-index:2}
.tricolor-mega__velo{
  position:fixed;inset:0;z-index:1;
  background:rgba(12,16,26,.42);backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility 0s .5s;
}
.tricolor-cab.mega-abierta .tricolor-mega__velo{opacity:1;visibility:visible;transition:opacity .5s var(--ease)}

.tricolor-mega__panel{
  position:absolute;left:0;right:0;top:0;
  background:#fff;color:var(--tinta);
  max-height:calc(100svh - var(--cab-h));overflow:auto;overscroll-behavior:contain;
  box-shadow:0 40px 80px rgba(12,16,26,.18);
  border-radius:0 0 var(--r-xl) var(--r-xl);
}
.tricolor-mega__telon{position:absolute;inset:0;z-index:5;background:var(--azul);transform:scaleY(0);transform-origin:top;pointer-events:none}
.tricolor-mega__in{position:relative;padding-block:clamp(28px,3vw,44px) clamp(32px,3.4vw,52px)}

.tricolor-mega__rotulo{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta-55);margin-bottom:18px}
.tricolor-mega__salida{
  display:inline-flex;align-items:center;gap:10px;margin-top:26px;
  font-size:13px;font-weight:600;color:var(--azul);
}
.tricolor-mega__salida .tricolor-icono{width:16px;height:16px;transition:transform .5s var(--ease)}
.tricolor-mega__salida:hover .tricolor-icono{transform:translateX(6px)}

/* ── panel Pinturas ── */
.tricolor-mp{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:clamp(24px,3.4vw,56px);align-items:stretch}
.tricolor-mp__lineas{list-style:none;display:grid;gap:2px;counter-reset:linea}
.tricolor-mp__linea{
  position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:baseline;column-gap:10px;
  padding:11px 14px 11px 0;border-radius:var(--r-s);
  color:var(--tinta);transition:color .35s var(--ease);
}
.tricolor-mp__num,.tricolor-mp__nombre,.tricolor-mp__tipo{transition:color .35s var(--ease),translate .5s var(--ease-lux)}
.tricolor-mp__num{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--tinta-55);font-variant-numeric:tabular-nums;transition:color .35s var(--ease)}
.tricolor-mp__nombre{font-size:clamp(20px,1.9vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.tricolor-mp__tipo{grid-column:2;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-55)}
.tricolor-mp__gota{
  grid-column:3;grid-row:1/span 2;align-self:center;
  width:12px;height:12px;border-radius:50%;background:var(--tono);
  transform:scale(0);transition:transform .5s var(--ease-lux);
}
.tricolor-mp__linea:hover,.tricolor-mp__linea.es-activa{color:var(--tono)}
.tricolor-mp__linea:hover > :not(.tricolor-mp__gota),.tricolor-mp__linea.es-activa > :not(.tricolor-mp__gota){translate:10px 0}
.tricolor-mp__linea:hover .tricolor-mp__num,.tricolor-mp__linea.es-activa .tricolor-mp__num{color:var(--tono)}
.tricolor-mp__linea:hover .tricolor-mp__gota{transform:scale(.6)}
.tricolor-mp__linea.es-activa .tricolor-mp__gota{transform:scale(1)}

.tricolor-mp__escenario{position:relative;min-height:clamp(360px,34vw,440px);border-radius:var(--r-l);overflow:hidden;background:var(--gris);isolation:isolate}
.tricolor-mp__escena{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);color:var(--tono-texto);visibility:hidden}
.tricolor-mp__escena.es-activa{visibility:visible;z-index:2}
.tricolor-mp__escena.es-saliente{visibility:visible;z-index:1}
.tricolor-mp__tinta{position:absolute;inset:0;z-index:-1;background:var(--tono)}
.tricolor-mp__foto{position:relative;grid-column:2;grid-row:1;margin:14px 14px 14px 0;border-radius:calc(var(--r-l) - 8px);overflow:hidden}
.tricolor-mp__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tricolor-mp__motivo{position:absolute;left:calc(52% - clamp(170px,16vw,230px) - 18px);bottom:18px;width:clamp(170px,16vw,230px);aspect-ratio:1;color:var(--tono-texto);opacity:.2}
.tricolor-mp__info{position:relative;grid-column:1;grid-row:1;display:flex;flex-direction:column;padding:clamp(24px,2.6vw,36px)}
.tricolor-mp__k{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.82}
.tricolor-mp__k .tricolor-icono{width:18px;height:18px}
.tricolor-mp__titulo{margin-top:10px;font-size:clamp(30px,3.2vw,46px);font-weight:700;letter-spacing:-.035em;line-height:1}
.tricolor-mp__claim{margin-top:10px;font-size:14px;line-height:1.5;opacity:.88;max-width:32ch}
.tricolor-mp__productos{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}
.tricolor-mp__producto{
  display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:var(--r-pill);
  background:color-mix(in srgb,var(--tono-texto) 10%,transparent);
  transition:background .35s var(--ease),transform .45s var(--ease);
}
.tricolor-mp__producto:hover{background:color-mix(in srgb,var(--tono-texto) 20%,transparent);transform:translateX(4px)}
.tricolor-mp__lata{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:#fff;overflow:hidden}
.tricolor-mp__lata img{position:absolute;inset-block:10%;inset-inline:-100%;margin-inline:auto;block-size:80%;inline-size:auto;max-inline-size:none}
.tricolor-mp__ptxt{min-width:0;display:grid}
.tricolor-mp__pnombre{font-size:12.5px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tricolor-mp__psub{font-size:10.5px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tricolor-mp__ir{margin-top:auto;align-self:flex-start;background:var(--tono-texto);color:var(--tono)}
.tricolor-mp__ir:hover{background:var(--tono-texto);filter:brightness(.94)}

/* ── panel Simulador ── */
.tricolor-mc{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,3.4vw,56px);align-items:center}
.tricolor-mc__titulo{font-size:clamp(26px,2.6vw,36px);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--azul)}
.tricolor-mc__texto{margin-top:12px;font-size:14px;line-height:1.6;color:var(--tinta-70);max-width:40ch}
.tricolor-mc__fichas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:26px;max-width:360px}
.tricolor-mc__ficha{
  aspect-ratio:.62;border-radius:var(--r-pill);background:var(--c);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 8px 20px rgba(30,36,52,.12);
  outline:0 solid var(--azul);outline-offset:4px;
  transition:outline-width .3s var(--ease),transform .45s var(--ease-lux);
  transform-origin:50% 100%;
}
.tricolor-mc__ficha:hover{transform:translateY(-8px)}
.tricolor-mc__ficha.es-activa{outline-width:2px}
.tricolor-mc__cta{margin-top:28px}
.tricolor-mc__escena{position:relative;aspect-ratio:16/9;border-radius:var(--r-l);overflow:hidden;background:var(--gris)}
.tricolor-mc__foto,.tricolor-mc__lienzo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tricolor-mc__nombre{
  position:absolute;right:22px;bottom:16px;left:22px;text-align:right;
  font-size:clamp(26px,3vw,44px);font-weight:700;letter-spacing:-.04em;line-height:1;color:#fff;
  text-shadow:0 2px 30px rgba(12,16,26,.45);pointer-events:none;overflow:hidden;
}
.tricolor-mc__nombre span{display:inline-block;will-change:transform}

/* ── panel Consejos ── */
.tricolor-mk{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,3.4vw,56px);align-items:center}
.tricolor-mk__cats{list-style:none;display:grid;border-top:1px solid var(--linea)}
.tricolor-mk__cat{
  position:relative;display:flex;align-items:center;gap:8px;
  padding:16px 4px;border-bottom:1px solid var(--linea);
  color:var(--tinta);overflow:hidden;
}
.tricolor-mk__cat::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--azul-claro);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease-lux)}
.tricolor-mk__cat{isolation:isolate}
.tricolor-mk__cat:hover::before{transform:scaleY(1)}
.tricolor-mk__nombre{font-size:clamp(20px,1.9vw,26px);font-weight:700;letter-spacing:-.02em;transition:transform .5s var(--ease-lux),color .35s var(--ease)}
.tricolor-mk__total{font-size:11px;font-weight:600;color:var(--rojo);align-self:flex-start;margin-top:6px}
.tricolor-mk__flecha{margin-left:auto;width:20px;height:20px;color:var(--azul);opacity:0;transform:translateX(-14px);transition:opacity .4s var(--ease),transform .5s var(--ease-lux)}
.tricolor-mk__cat:hover .tricolor-mk__nombre{transform:translateX(10px);color:var(--azul)}
.tricolor-mk__cat:hover .tricolor-mk__flecha{opacity:1;transform:none}
.tricolor-mk__ultimo{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-l);overflow:hidden;background:var(--tinta);color:#fff}
.tricolor-mk__media{position:relative;aspect-ratio:16/8;overflow:hidden}
.tricolor-mk__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-lux)}
.tricolor-mk__ultimo:hover .tricolor-mk__media img{transform:scale(1.05)}
.tricolor-mk__cuerpo{display:grid;gap:12px;padding:22px 90px 24px 24px}
.tricolor-mk__k{display:flex;align-items:center;gap:12px;font-size:12px;opacity:.75}
.tricolor-mk__k .tricolor-etiqueta{opacity:1}
.tricolor-mk__titulo{font-size:clamp(18px,1.6vw,22px);font-weight:700;line-height:1.25;letter-spacing:-.01em}
.tricolor-mk__titulo span{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .55s var(--ease);padding-bottom:3px}
.tricolor-mk__ultimo:hover .tricolor-mk__titulo span{background-size:100% 1px}
.tricolor-mk__ultimo .tricolor-flecha{position:absolute;right:22px;bottom:22px}

/* ── MENÚ MÓVIL ── */
.tricolor-movil{
  position:fixed;inset:0;z-index:300;
  display:flex;flex-direction:column;
  color:#fff;overflow:hidden;
}
.tricolor-movil__fondo{position:absolute;inset:0;z-index:-1;background:var(--azul)}
.tricolor-movil__fondo::after{
  content:"";position:absolute;right:-40vw;bottom:-30vw;width:90vw;aspect-ratio:1;border-radius:50%;
  border:14vw solid rgba(255,255,255,.05);
}
.tricolor-movil__cabeza{display:flex;align-items:center;justify-content:space-between;height:var(--cab-h);padding-inline:var(--pad);flex:none}
.tricolor-movil .tricolor-logo__w--claro{opacity:1}
.tricolor-movil .tricolor-logo__w--oscuro{opacity:0}
.tricolor-movil__cerrar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--azul)}
.tricolor-movil__capas{position:relative;flex:1;min-height:0}
.tricolor-movil__capa{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;padding:8px var(--pad) 40px;display:flex;flex-direction:column}
.tricolor-movil__lista{list-style:none;border-top:1px solid rgba(255,255,255,.18)}
.tricolor-movil__li{border-bottom:1px solid rgba(255,255,255,.18)}
.tricolor-movil__a{display:flex;align-items:center;gap:14px;width:100%;padding:18px 0;font-size:clamp(26px,8vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.1;text-align:left;color:#fff}
.tricolor-movil__num{font-size:11px;font-weight:600;letter-spacing:.06em;opacity:.6;align-self:flex-start;margin-top:6px;font-variant-numeric:tabular-nums}
.tricolor-movil__flecha{margin-left:auto;width:24px;height:24px;opacity:.7}
.tricolor-movil .tricolor-buscar--movil{margin-top:26px;padding:14px 20px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}
.tricolor-movil .tricolor-sug{left:0;right:0;width:auto;max-height:55vh}
.tricolor-movil .tricolor-buscar--movil .tricolor-buscar__icono{color:#fff}
.tricolor-movil .tricolor-buscar--movil .tricolor-buscar__campo{color:#fff;font-size:16px}
.tricolor-movil .tricolor-buscar--movil .tricolor-buscar__campo::placeholder{color:rgba(255,255,255,.7)}
.tricolor-movil__pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:28px}
.tricolor-movil__volver{display:inline-flex;align-items:center;gap:8px;padding:10px 0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.8;color:#fff}
.tricolor-movil__volver .tricolor-icono{width:18px;height:18px;transform:rotate(180deg)}
.tricolor-movil__titulo{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0 22px;font-size:clamp(30px,9vw,44px);font-weight:700;letter-spacing:-.035em;border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:12px}
.tricolor-movil__lineas{list-style:none;display:grid;gap:8px}
.tricolor-movil__lineas a{display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--r-m);background:rgba(255,255,255,.08)}
.tricolor-movil__tono{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--tono);color:var(--tono-texto);box-shadow:0 0 0 2px rgba(255,255,255,.25);flex:none}
.tricolor-movil__ltxt{display:grid}
.tricolor-movil__ltxt strong{font-size:18px}
.tricolor-movil__ltxt small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.tricolor-movil__colores{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tricolor-movil__colores a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r-pill);background:rgba(255,255,255,.08);font-size:14px;font-weight:600}
.tricolor-movil__chip{width:34px;height:34px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px rgba(255,255,255,.3);flex:none}
.tricolor-movil__cats{list-style:none;display:grid}
.tricolor-movil__cats a{display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:24px;font-weight:700;letter-spacing:-.02em}
.tricolor-movil__cats sup{font-size:11px;color:#F9AC61}
.tricolor-redes--movil .tricolor-redes__a{width:42px;height:42px}

/* ── PIE ── */
.tricolor-pie{position:relative;overflow:hidden;background:var(--azul);color:#fff;padding-block:clamp(64px,7vw,100px) 36px;isolation:isolate}
.tricolor-pie__marca-agua{position:absolute;right:-12%;top:48%;translate:0 -50%;width:min(62vw,820px);height:auto;opacity:.055;pointer-events:none;z-index:-1}
.tricolor-pie__cuerpo{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:clamp(32px,5vw,80px)}
.tricolor-logo--pie{--mark:58px}
.tricolor-pie .tricolor-logo__w--claro{opacity:1}
.tricolor-pie .tricolor-logo__w--oscuro{opacity:0}
.tricolor-pie__contacto{list-style:none;display:grid;gap:12px;margin:30px 0 26px;font-size:14px}
.tricolor-pie__contacto li{display:flex;align-items:center;gap:12px}
.tricolor-pie__contacto .tricolor-icono{width:18px;height:18px;opacity:.7}
.tricolor-pie__contacto a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .5s var(--ease)}
.tricolor-pie__contacto a:hover{background-size:100% 1px}
.tricolor-pie__columnas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.tricolor-pie__h{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;opacity:.65}
.tricolor-pie__lista{list-style:none;display:grid;gap:10px}
.tricolor-pie__lista a{position:relative;font-size:14px;width:fit-content;display:inline-block;opacity:.9;transition:opacity .3s var(--ease),transform .45s var(--ease-lux)}
.tricolor-pie__lista a::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease);
}
.tricolor-pie__lista a:hover{opacity:1;transform:translateX(4px)}
.tricolor-pie__lista a:hover::after{transform:scaleX(1);transform-origin:left}
.tricolor-pie__legal{
  display:flex;justify-content:space-between;align-items:center;gap:14px 28px;flex-wrap:wrap;
  margin-top:clamp(48px,6vw,80px);padding-top:26px;border-top:1px solid rgba(255,255,255,.18);
  font-size:12.5px;
}
.tricolor-pie__legal p{opacity:.75}
.tricolor-pie__legales{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin-right:auto}
.tricolor-pie__legales a{opacity:.75;text-decoration:underline;text-underline-offset:3px}
.tricolor-pie__legales a:hover{opacity:1}
.tricolor-pie__cookies{font-size:inherit;color:inherit;opacity:.75;text-decoration:underline;text-underline-offset:3px}
.tricolor-pie__cookies:hover{opacity:1}
.tricolor-pie__arriba{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:#fff}
.tricolor-pie__arriba .tricolor-icono{width:30px;height:30px;padding:7px;border-radius:50%;background:#fff;color:var(--azul);transform:rotate(-45deg);transition:transform .5s var(--ease-lux)}
.tricolor-pie__arriba:hover .tricolor-icono{transform:rotate(-45deg) translate(2px,-2px)}

/* ── RESPONSIVE ── */
@media (max-width:1180px){
  .tricolor-cab .tricolor-buscar{display:none}
}
@media (max-width:1024px){
  .tricolor-pie__cuerpo{grid-template-columns:minmax(0,1fr)}
  .tricolor-pie__columnas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .tricolor-nav,.tricolor-mega,.tricolor-mega__velo,.tricolor-cab__cta{display:none}
  .tricolor-burger{display:grid}
  .tricolor-cab__acciones{margin-left:auto}
  :root{--cab-h:72px}
}
@media (max-width:760px){
  .tricolor-pie__columnas{gap:32px 20px}
  .tricolor-pie__legal{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .tricolor-cab.es-oculta .tricolor-cab__barra{transform:none}
}