@import url("assets/css/styles.css");

/* 1) Box sizing y quitar márgenes por defecto */
*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}

/* 2) Tipografía consistente */
html, body {
  height: 100%;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

/* 3) Imágenes, video y media responsiva */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 4) Formularios: heredar tipografía y quitar estilos intrusivos */
input, button, textarea, select {
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  outline: none;
}
button, [type="button"], [type="submit"], [type="reset"] {
  cursor: pointer;
}

/* 5) Listas: sin viñetas por defecto (puedes reponerlas cuando quieras) */
ul[role="list"], ol[role="list"], ul, ol {
  list-style: none;
  padding-left: 0;
}

/* 6) Enlaces: sin subrayado y color heredado por defecto */
a {
  color: inherit;
  text-decoration: none;
}

/* 7) Titulares y párrafos: manejo de desbordes */
h1, h2, h3, h4, h5, h6, p {
  overflow-wrap: break-word;
}

/* 8) Tablas básicas */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* 9) Quitar estilos por defecto de citas y figuras */
blockquote, figure {
  margin: 0;
}

/* 10) Contenedores raíz seguros para layouts */
#root, #app {
  isolation: isolate;
  min-height: 100%;
}

/* 11) Preferencias de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* 12) Campos y botones accesibles al foco */
:focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}

/*-----GENERALES-----*/
html {
    font-size: 62.5%; 
    box-sizing: border-box;
}
body {
    font-size: 1.6rem!important;
    font-family: "Atkinson Hyperlegible", sans-serif;
    line-height: normal;
}
h1, h2, h3, h4, h5 {
    font-weight: 900;
    font-family: "Roboto", sans-serif!important;
}
a {
    text-decoration: none; 
}
p {
    margin-bottom: 1.6rem;
}
strong {
    font-weight: 900;
}
.icon {
    display: flex;
    font-family: 'icomoon';
}