@charset "UTF-8";
@import "comun.css";
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*
  Archivo: contraste.css
  Autor: Assila Karoum Hajoubi
  Descripción: Estilo alternativo de alto contraste para baja visión.
*/

:root {
  --color-fondo: #000000;
  --color-texto: #ffffff;
  --color-destacado: #111111;
  --color-alt: #00ffff;
  --color-faded: #cccccc;
  --color1: #ffffff;
  --color2: #ffff00;
  --color3: #227c9d;
  --color4: #ffffff;
  --color5: #ffffff;
}

html, body {
  background: var(--color-fondo);
  color: var(--color-texto);
  font-family: 'Atkinson Hyperlegible', var(--fuente-texto), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

a:not(.salto, .arriba){
  color: var(--color-alt);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
a:not(.salto, .arriba):visited { color: var(--color-alt); }
a:not(.salto, .arriba):hover, a:not(.salto, .arriba):focus { text-decoration-thickness: 0.14em; }

.menu-bar a {
  color: var(--color3);
}

.menu-bar .buscar { 
  color: var(--color-texto); 
}

.menu-bar .buscar a:visited { 
  color: var(--color-texto); 
}

.menu-bar a:visited { 
  color: var(--color3); 
}

.breadcrumb a {
  color: var(--color-alt);
}

.breadcrumb a:visited {
  color: var(--color-alt);
}

.a-z a {
  color: var(--color-alt);
}

.a-z a:visited {
  color: var(--color-alt);
}

:where(a, button, input, select, textarea, [role="button"], [tabindex]):focus-visible {
  outline: 3px solid var(--color2);
  outline-offset: 3px;
  border-radius: 4px;
}

.card, .panel, .box, .tarjeta {
  background: var(--color-destacado);
  border: 2px solid var(--color-alt);
}

hr, .divider {
  border: none;
  border-top: 2px solid var(--color-alt);
}

table {
  background: transparent;
  color: inherit;
  border-collapse: collapse;
}
thead, tfoot {
  background: var(--color-fondo);
  color: var(--color-texto);
}
tbody tr:nth-child(odd) { background: #0a0a0a; }
tbody tr:nth-child(even) { background: #161616; }
tbody tr:hover { background: #222222; }

label { color: var(--color-texto); }
input, select, textarea {
  background: var(--color-fondo);
  color: var(--color-texto);
  border: 2px solid var(--color-alt);
}
input::placeholder, textarea::placeholder { color: #cfcfcf; }

i[role="img"] { color: var(--color-texto); }
/* Estilo especial solo para el enlace "Saltar al contenido" */
.salto {
  background: #ffffff;
  color: #227c9d;
  border: 2px solid #227c9d;
  font-weight: 600;
  text-decoration: none;
  padding:0.4rem 0.8rem;
  border-radius:4px;
}

.salto:hover,
.salto:focus {
  background: var(--color3);
  color: #ffffff;
}

/* Títulos en amarillo  */
h1, h2, h3, h4, h5, h6 {
  color: var(--color2);           
}