/*
  Estilos de faro-ti.com
  Montado junto con index.html en el contenedor "web-faro-ti-com".
  Lo único que distingue a cada sitio es el color de fondo (--fondo).
*/
:root {
  --fondo: #b5541c;   /* naranja: color propio de faro-ti.com */
  --texto: #ffffff;  /* texto blanco, contrasta con el fondo */
}

html, body {
  margin: 0;
  height: 100%;
}

body {
  background: var(--fondo);
  color: var(--texto);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* Centra el contenido vertical y horizontalmente */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

h1 {
  font-size: clamp(2rem, 8vw, 4.5rem);
  margin: 0 0 .5rem;
}

p {
  opacity: .85;
  margin: 0;
}