/*
 * VG7 Group: color propio de Insurance (disenos/viva-group/css/insurance.css, sección 1).
 * Handle "vggb-tema-insurance". Lo carga includes/extra/tema-pagina.php solo en las páginas con un
 * "Hero de página" en color Insurance (el <body> lleva la clase tema-insurance); en el editor lo pide el bloque.
 *
 * Insurance usa #35D2FF. Sobre blanco da 1.8:1 de contraste, así que hay tres tonos:
 *   --brand      #35D2FF  fondos, rellenos y todo lo que va SOBRE OSCURO
 *   --brand-700  #007AA6  texto e iconos SOBRE CLARO (4.9:1)
 *   --brand-900  #00405A  hover de botones oscuros
 */
.tema-insurance{
  --brand:#35d2ff;
  --brand-rgb:53,210,255;
  --brand-700:#007aa6;
  --brand-900:#00405a;

  /* Versiones claras para fondo oscuro (hero, CTA). */
  --brand-light:#7fe4ff;
  --brand-soft:#9beaff;

  /* Fondos suaves de sección y tarjetas. */
  --sky:#d6f4ff;
  --sky-deep:#a9e7ff;

  /* El «+» del acordeón va en un SVG en data:, donde no llegan las variables (%23 es la almohadilla). */
  --plus:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%23007aa6' stroke-width='2.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");

  /* Variables del tema padre (marca.css las toma de :root; aquí se recalculan con el color de Insurance). */
  --vg7-accent:var(--brand); --vg7-accent-2:var(--brand-700);
  --vg7-mist:var(--sky); --vg7-soft:var(--sky-deep);
}

/* Sitios donde el color va de PRIMER PLANO sobre fondo claro: en cian hay que usar el tono oscuro. */
.tema-insurance .step__num,
.tema-insurance .feature__ico,
.tema-insurance .pol__lista svg,
.tema-insurance .link-arrow:hover{color:var(--brand-700)}