/* Hoja de estilos que comparten todos los elementos en la web */
/* ================================= */
/*             GENERALES             */
/* ================================= */
html {
  scroll-behavior: smooth;
}
body {
  margin-bottom: 0px !important;
  font-family: var(--f2) !important;
  /* "Twentieth Century"; */
  /* "Posterama 2001 W04 Light" */
  overflow-x: hidden;
}
/* TODO: unificar estilos de los titulos de las paginas (como el de Rankings) */
/* Titulo */
.elementor-heading-title {
  font-family: var(--f2) !important;
  /* "Twentieth Century" */
}
/* Wp crea un espacio, ademas del parrafo por defecto */
p {
  margin-bottom: 0px !important;
}
strong {
  color: var(--strong);
}
/* Quitamos seccion de accesibilidad en Wp*/
:focus-visible {
  outline: none;
}
/* Edit admin footer */
footer.entry-footer {
  display: none;
}
/* Para img en las columnas de la tabla */
.column-foto img {
  max-width: 200px;
}
/* ===================================== */
/*    ARREGLO FOOTER SIEMPRE ABAJO WP    */
/* ===================================== */
html, body, #page {
  height: 100%;
}
div[data-elementor-type="wp-page"] {
  min-height: 92.6%;
  /* 92.6%; (pantallas grandes) */
  /* 90.8%; (portatiles) */
  /* 91% */
  /* 100%; */
  margin-bottom: -50px;
  /* Igual que footer "height" */
}
div[data-elementor-type="wp-page"]:after {
  content: "";
  display: block;
}
footer#footer, div[data-elementor-type="wp-page"]:after {
  height: 50px;
  /* .push must be the same height as footer */
}
footer#footer {
  /*background: orange; */
  height: 50px;
}
/* ================================= */
/*             SELECCION             */
/* ================================= */
::selection {
  background-color: var(--c1);
  color: var(--white);
}
/* ================================= */
/*            SCROLL BAR             */
/* ================================= */
/* Anchura */
::-webkit-scrollbar {
  width: 10px;
}
/* Pista */
::-webkit-scrollbar-track {
  background-color: var(--c1-ls);
}
/* Pulgar */
::-webkit-scrollbar-thumb {
  background: var(--c1);
  cursor: pointer;
  transition: 0.2s;
}
/* Hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--c1-d);
  cursor: pointer;
}