/*! normalize.css | Oscar Nuñez Herrero | */

/* Document
   ========================================================================== */

/**
 * 1. Corrija la altura de la línea en todos los navegadores.
 * 2. Evitar ajustes de tamaño de fuente después de cambios de orientación en iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */

/**
 * Eliminar el margen en todos los navegadores.
*/

body {
    margin: 0;
    padding: 0;
}

/**
 * Representa el elemento `main` de manera consistente en IE.
 */

main {
  display: block;
}

/**
 * Corrija el tamaño de la fuente y el margen en los elementos `h1` dentro de` section` y
 * contextos `article` en Chrome, Firefox y Safari.
 */

h1 {
  font-size: 2em;
  margin: 0;
  padding: 0
}

/* Contenido de agrupación
   ========================================================================== */

/**
 * 1. Agregue el tamaño correcto del cuadro en Firefox.
 * 2. Mostrar el desbordamiento en Edge e IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Corrija la herencia y la escala del tamaño de fuente en todos los navegadores.
 * 2. Corrija el tamaño de fuente impar `em` en todos los navegadores.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Semántica a nivel de texto
   ========================================================================== */

/**
 * Eliminar el fondo gris en los enlaces activos en IE 10.
 */

a {
  background-color: transparent;
}

a:link, a:visited, a:active {
  text-decoration:none;
  color: inherit;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

:focus { 
    outline-color: transparent; 
    outline-style: none;
}

/**
 * 1. Retire el borde inferior en Chrome 57-
 * 2. Agregue la decoración de texto correcta en Chrome, Edge, IE, Opera y Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Agregue el peso de fuente correcto en Chrome, Edge y Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Corrija la herencia y la escala del tamaño de fuente en todos los navegadores.
 * 2. Corrija el tamaño de fuente impar `em` en todos los navegadores.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Agregue el tamaño de fuente correcto en todos los navegadores.
 */

small {
  font-size: 80%;
}

/**
 * Evita que los elementos `sub` y` sup` afecten la altura de la línea en
 * todos los navegadores.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Contenido incrustado
   ========================================================================== */

/**
 * Eliminar el borde de las imágenes dentro de los enlaces en IE 10.
 */

img {
  border-style: none;
  display: block;
}

/* Forms
   ========================================================================== */

/**
 * 1. Cambie los estilos de fuente en todos los navegadores.
 * 2. Eliminar el margen en Firefox y Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
  outline: none;
}

/**
 * Mostrar el desbordamiento en IE.
 * 1. Mostrar el desbordamiento en Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Eliminar la herencia de la transformación de texto en Edge, Firefox e IE.
 * 1. Eliminar la herencia de la transformación de texto en Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Corrija la imposibilidad de diseñar tipos clicables en iOS y Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Eliminar el borde interior y el relleno en Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restaurar los estilos de enfoque sin establecer por la regla anterior.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Corregir el relleno en Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Corrija el ajuste de texto en Edge e IE.
 * 2. Corrija la herencia de color de los elementos `fieldset` en IE.
 * 3. Elimine el relleno para que los desarrolladores no queden atrapados cuando se ponen a cero
 * elementos `fieldset` en todos los navegadores.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Agregue la alineación vertical correcta en Chrome, Firefox y Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Elimine la barra de desplazamiento vertical predeterminada en IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Agregue el tamaño de cuadro correcto en IE 10.
 * 2. Eliminar el relleno en IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Corrija el estilo de cursor de los botones de incremento y decremento en Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Corrija la apariencia extraña en Chrome y Safari.
 * 2. Corrija el estilo de contorno en Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Elimine el relleno interno en Chrome y Safari en macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Corrija la imposibilidad de diseñar tipos clicables en iOS y Safari.
 * 2. Cambie las propiedades de fuente a `heredar` en Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactivo
   ========================================================================== */

/*
 * Agregue la pantalla correcta en Edge, IE 10+ y Firefox.
 */

details {
  display: block;
}

/*
 * Agregue la visualización correcta en todos los navegadores.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Agregue la pantalla correcta en IE 10+.
 */

template {
  display: none;
}

/**
 * Agregue la pantalla correcta en IE 10+.
 */

[hidden] {
  display: none;
}