/* Tema de marca: SYMICSA INGENIEROS ASOCIADOS — azul (mayoría), blanco,
   con toques de rojo y verde (los mismos de su logo hexagonal) */
.marca-tema--symicsa-ingenieros{
  --marca-bg:#f4f7fa;
  --marca-surface:#ffffff;
  --marca-text:#0f2d4a;
  --marca-text-soft:#1c3f5e;
  --marca-muted:#5c7182;
  --marca-primary:#2f6fa8;
  --marca-primary-dark:#0f2d4a;
  --marca-accent:#2f6fa8;
  --marca-border:#e1e8ee;
  --marca-hero-bg:#0f2d4a;
  --marca-hero-text:#eef4fa;
  --marca-font-display:'Jost', Helvetica, Arial, sans-serif;
  --marca-font-body:'Jost', Helvetica, Arial, sans-serif;
  --marca-radius:2px;
}
/* Los tres colores del logo (rojo/azul/verde) aparecen como una
   franja diagonal fina debajo del título — como en su hexágono. */
.marca-tema--symicsa-ingenieros .marca-hero h1{font-weight:500;}
.marca-tema--symicsa-ingenieros .marca-hero-inner::after{
  content:'';display:block;width:120px;height:4px;margin:22px auto 0;
  background:linear-gradient(90deg,#e14c4c 0%,#e14c4c 33%,#2f6fa8 33%,#2f6fa8 66%,#5fb85a 66%,#5fb85a 100%);
}
.marca-tema--symicsa-ingenieros .marca-seccion-titulo .num{background:#2f6fa8;color:#fff;}
/* Su logo ya trae margen propio (lienzo cuadrado), así que el círculo lleva menos relleno. */
.marca-tema--symicsa-ingenieros .marca-hero-logo{padding:10px;}