@charset "UTF-8";
/**
 * Utilidades de la maqueta: alineacion, clearfix y ocultamiento.
 * Extraidas de la hoja del sitio original, sin las rutas del CMS.
 */

/* Alineacion de texto. */
.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

.text-align-justify {
  text-align: justify;
}

/* Alineacion de bloques e imagenes. */
.align-left {
  float: left;
}

.align-right {
  float: right;
}

.align-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* Clearfix. */
.clearfix:after {
  display: table;
  clear: both;
  content: "";
}

/* Oculta el elemento a todos los usuarios. */
.hidden {
  display: none;
}

/* Oculta visualmente, pero queda disponible para lectores de pantalla. */
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

/* La clase .focusable permite que el elemento reciba el foco con el teclado. */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}

/* Oculta visualmente y para lectores de pantalla, sin romper el layout. */
.invisible {
  visibility: hidden;
}