/* Fisio Renova — tokens de marca. Importar una sola vez en la página. */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@400;500;700&display=swap');

:root {
  /* Colores de marca */
  --fr-ciruela:    #3B0A2E; /* texto principal, fondos oscuros */
  --fr-frambuesa:  #B5195B; /* acento principal, botones, enlaces */
  --fr-rosa:       #FF7AA8; /* acento claro: detalles y sobre fondo oscuro */
  --fr-rosa-suave: #FFB3CC; /* bordes, detalles sutiles */
  --fr-petalo:     #FFD9E5; /* etiquetas, resaltados */
  --fr-rubor:      #FFF0F5; /* fondo de secciones alternas */
  --fr-fondo:      #FFF7FA; /* fondo general de la página */
  --fr-blanco:     #FFFFFF;

  /* Tipografía */
  --fr-font-titulo: 'DM Serif Display', Georgia, serif;
  --fr-font-texto:  'DM Sans', system-ui, sans-serif;

  /* Forma */
  --fr-radio: 16px;
  --fr-radio-boton: 999px;
}

body {
  margin: 0;
  background: var(--fr-fondo);
  color: var(--fr-ciruela);
  font-family: var(--fr-font-texto);
  line-height: 1.6;
}
h1, h2, h3 { font-family: var(--fr-font-titulo); font-weight: 400; line-height: 1.1; color: var(--fr-ciruela); }
a { color: var(--fr-frambuesa); }

.fr-boton {
  display: inline-block;
  background: var(--fr-frambuesa);
  color: var(--fr-blanco);
  font-weight: 700;
  padding: 14px 28px;
  border-radius: var(--fr-radio-boton);
  text-decoration: none;
}
.fr-boton:hover { background: var(--fr-ciruela); }
.fr-etiqueta {
  font-weight: 700; letter-spacing: .3em; text-transform: uppercase;
  font-size: .8rem; color: var(--fr-frambuesa);
}