@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Estilos por defecto para etiquetas HTML con Raleway */
* {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
}

body {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}

h1 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
}

h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
}

h3 {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-optical-sizing: auto;
  font-style: normal;
}

h4 {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-optical-sizing: auto;
  font-style: normal;
}

h5 {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-optical-sizing: auto;
  font-style: normal;
}

h6 {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-optical-sizing: auto;
  font-style: normal;
}

p {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}

a {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}

button, input, select, textarea {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
}

strong, b {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

/* Configuración base de Raleway */
.raleway {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* Variantes de peso para Raleway */
.raleway-thin {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.raleway-light {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.raleway-regular {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.raleway-medium {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.raleway-semibold {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.raleway-bold {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.raleway-extrabold {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.raleway-black {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

/* Variantes itálicas */
.raleway-italic {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}

.raleway-bold-italic {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: italic;
}