/* Copia de Material/web/marca.css. Único cambio: las fuentes apuntan a .woff2
   (subconjunto latino de los mismos archivos, para que la página cargue más liviana). */
:root {
  --turquesa: #34C9C0;
  --turquesa-claro: #9BEFE8;
  --turquesa-panal: #E3F8F6;
  --petroleo: #157A8C;
  --petroleo-oscuro: #0E5B69;
  --tinta: #12262C;
  --tinta-suave: #4A6670;
  --papel: #FFFFFF;
  --papel-tibio: #F2FAF9;
  --azul-violaceo: #3D5FE0;
  --fuente-titulos: "Nunito", sans-serif;
  --fuente-cuerpo: "Source Sans 3", sans-serif;
  --degradado-isotipo: linear-gradient(135deg, var(--petroleo-oscuro) 0%, var(--petroleo) 48%, var(--turquesa) 100%);
}

@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/SourceSans3-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

/* Clases optativas: no fuerzan estilos globales sobre el proyecto. */
.marca-logo { display: block; width: min(100%, 320px); height: auto; }
.marca-isotipo { display: block; width: 48px; height: auto; }
.marca-titulo { font-family: var(--fuente-titulos); font-weight: 800; color: var(--petroleo); }
.marca-prosa { font-family: var(--fuente-cuerpo); font-size: 18px; line-height: 1.65; max-width: 68ch; color: var(--tinta); }
.marca-enlace { color: var(--petroleo); text-decoration: underline; }
.marca-enlace:hover, .marca-enlace:active { color: var(--petroleo-oscuro); }
.marca-enlace:focus-visible { outline: 2px solid var(--petroleo-oscuro); outline-offset: 4px; }

/* Turquesa: superficies/acento y Salud dentro del logo aprobado; no texto editorial.
   Azul violáceo: exclusivamente franjas diagonales, uso restringido.
   No aplicar --degradado-isotipo al elemento img: el SVG ya incluye su degradado. */