/* Suministros Plásticos — variación de color sobre cde.css
   Se carga SOLO en suministrosplasticos.es (inc-head.php), después de cde.css.

   Verde de marca #4caf50: color de acción en botones, pastillas, enlaces,
   badges y focos. Las bandas (barra superior, pie, tarjetas de sector) usan
   el verde más oscuro #358c38.

   Las cuatro caras del cubo (verde, amarillo, rojo, azul) aparecen como filete
   de la barra superior; es el único sitio donde queda el azul del rótulo.

   Aquí no se toca ni una medida ni una tipografía: solo color. Casi todo se
   resuelve redefiniendo las variables de :root; las reglas de más abajo son
   las pocas de cde.css que llevan el color escrito a mano. */

:root {
  --blue: #4caf50;        /* verde de marca */
  --blue-dark: #358c38;   /* hover de botones, titulares y degradados */
  --blue-deep: #358c38;   /* barra superior, pie y tarjetas de sector */
  --blue-tint: #eef7ef;
  --blue-tint-2: #d7ecd9;
  --ink: #16241c;
  --ink-soft: #46584d;
  --ink-mute: #78907f;
  --line: #e0e8e3;
  --bg-soft: #f6faf7;
  --ok: #4caf50;          /* mismo verde: "en stock" y avisos correctos van con la marca */
  --shadow-1: 0 1px 2px rgba(53, 140, 56, .07), 0 4px 14px rgba(53, 140, 56, .07);
  --shadow-2: 0 4px 10px rgba(53, 140, 56, .11), 0 14px 34px rgba(53, 140, 56, .13);
}

/* Filete con los cuatro colores del cubo, cruzando la barra superior. */
.topbar {
  background:
    linear-gradient(90deg, #019536 0 25%, #fedd01 0 50%, #fd0108 0 75%, #4354a5 0 100%) top left / 100% 3px no-repeat,
    var(--blue-deep);
  color: #c1e0cd;
}
.topbar-link { color: #c1e0cd; }

/* Textos tenues sobre las bandas oscuras: los de cde.css son azul grisáceo
   del corporativo anterior y sobre verde se ven sucios. */
.cde-logo.inverse .l2,
.hero-kicker.inverse { color: #9dc9ac; }
.hero-b-stat span { color: #b7dcc5; }
.cde-footer { color: #c1e0cd; }
.footer-col a, .footer-col span { color: #c1e0cd; }
.footer-legal { color: #8fb69e; }

/* Velo de las tarjetas de sector: mismo degradado, en el verde oscuro. */
.seg-card-img::after { background: linear-gradient(180deg, rgba(53,140,56,.05) 30%, rgba(53,140,56,.88) 100%); }
.seg-card-body p { color: #cfe8d8; }

/* Texto secundario sobre el degradado verde de la franja CTA. */
.cta-strip p { color: #ddf3e8; }

/* La pastilla de "en stock" de cde.css lleva verde escrito a mano; se afina
   al verde de la marca. */
.meta-chip.ok { border-color: #c8e6ca; background: #eef8ef; }

/* Trama del hueco de imagen: en cde.css alterna con un gris azulado. */
.pic-fallback { background: repeating-linear-gradient(135deg, var(--bg-soft) 0 14px, #eaf2ec 14px 28px); }

/* Punto inactivo del carrusel del héroe: gris azulado en cde.css. */
.hero-dot { background: #c6d5ca; }