@charset "UTF-8";
/* - Colores ---------------------------------------- */
/* $azul:          #00ABF0;
/* $negro:         #333;
/* $gris-texto:    #828282;
/* ------------------------------------ Fin Colores - */
/* - Breakpoints ------------------------------------ */
/* -- Generales (1rem = 16px) ----------------------- */
/* muy pequeño:  (min-width: 24rem)  ~ 384px
/* pequeño:      (min-width: 48rem)  ~ 768px
/* mediano:      (min-width: 62rem)  ~ 992px
/* grande:       (min-width: 75rem)  ~ 1200px
/* muy grande:   (min-width: 120rem) ~ 1920px
/* -- Especiales ------------------------------------ */
/* 'logotipo centrado': (min-width: 560px),
/* 'cabecera móvil': (max-width: 460px),
/* 'poster': (min-width: 480px),
/* -------------------------------- Fin Breakpoints - */
.bloque-galeria.zoom .imagen-multiple {
  clear: both;
  *zoom: 1;
}

.bloque-galeria.zoom .imagen-multiple:before, .bloque-galeria.zoom .imagen-multiple:after {
  content: " ";
  display: table;
}

.bloque-galeria.zoom .imagen-multiple:after {
  clear: both;
}

/* - General ---------------------------------------- */
html {
  box-sizing: border-box;
  height: 100%;
}

* {
  box-sizing: inherit;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  min-height: 100vh;
}

body > header, body > footer, body .contenedor-pre, body .contenedor-post {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

body .contenedor-principal {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

body main {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 1em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, Times, "Times New Roman", serif;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

p {
  margin-top: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

p a {
  font-family: inherit;
  text-decoration: underline;
}

input, textarea {
  max-width: 100%;
}

[aria-hidden="true"] {
  visibility: hidden;
}

[hidden] {
  display: none;
}

video, iframe {
  vertical-align: bottom;
  max-width: 100%;
}

img {
  max-width: 100%;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

/* -- Pestañas de acción (Drupal) ------------------- */
.nowrap-local-tasks {
  border-top: dashed 1px gray;
  border-bottom: dashed 1px gray;
  font-family: monospace;
}

.nowrap-local-tasks li {
  display: inline-block;
  padding: 2px 4px;
}

/* ------------------------------------ Fin General - */
/* - Cabecera --------------------------------------- */
body > header {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1rem;
}

body > header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  line-height: 50px;
}

/* -- Menú principal -------------------------------- */
#bloque-menu-principal {
  position: relative;
  -ms-flex-preferred-size: 90px;
      flex-basis: 90px;
}

#bloque-menu-principal button {
  color: #6E6E6E;
  padding: 10px 1rem 10px 0;
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
}

#bloque-menu-principal button:hover {
  color: #333;
}

#bloque-menu-principal svg {
  width: 1em;
  height: 1em;
  margin-bottom: -0.1em;
  fill: currentColor;
}

#bloque-menu-principal ul {
 
  min-width: 300px;
  background-color: #FFF;
  z-index: 1;
}

#bloque-menu-principal li {
  display: block;
}

@media (max-width: 460px) {
  #bloque-menu-principal {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  #bloque-menu-principal span {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal;
  }
}

/* -- Logotipo -------------------------------------- */
.logotipo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.logotipo img {
  vertical-align: middle;
  max-width: 125px;
}

@media (min-width: 560px) {
  .logotipo img {
    position: absolute;
    top: 0;
    left: 10%;
    right: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    vertical-align: bottom;
    max-width: 18%;
  }
}

/* -- Enlaces directos ------------------------------ */
#bloque-enlaces-directos {
  text-align: center;
  -ms-flex-preferred-size: 90px;
      flex-basis: 90px;
}

/* -- Cambiar idioma -------------------------------- */
#bloque-cambiar-idioma {
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
  text-align: right;
}

#bloque-cambiar-idioma li {
  display: inline;
}

#bloque-cambiar-idioma li:not(:last-child):after {
  content: ' / ';
}

/* ----------------------------------- Fin Cabecera - */
/* - Pie de Página ---------------------------------- */
body > footer > div {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 1em;
}

/* -- Bloque copyright ------------------------------ */
.bloque-copyright {
  text-align: center;
  font-size: smaller;
  color: #828282;
}

.bloque-copyright img {
  margin-bottom: -2px;
}

/* ------------------------------ Fin Pie de Página - */
/* - Bloques ---------------------------------------- */
/* -- Imagen ---------------------------------------- */
/* --- Fondo y Parallax ----------------------------- */
.bloque-imagen.fondo,
.bloque-imagen.parallax {
  background-repeat: none;
  background-size: cover;
  background-position: center;
  text-align: center;
  color: #FFF;
  padding: 2em 1rem;
}

.bloque-imagen.fondo h2,
.bloque-imagen.parallax h2 {
  letter-spacing: 1px;
  font-size: 2em;
}

.bloque-imagen.parallax {
  background-attachment: fixed;
  box-shadow: 0 2px 2px -2px black inset, 0 -2px 2px -2px black inset;
}

/* -- Vídeo (interno) ------------------------------- */
/* --- Fondo ---------------------------------------- */
.bloque-video.fondo {
  position: relative;
  overflow: hidden;
  color: #FFF;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bloque-video.fondo video {
  position: absolute;
  display: none;
  z-index: -1;
  top: 0;
  left: 0;
}

.bloque-video.fondo .body {
  padding: 4rem 1rem;
}

.bloque-video.fondo video {
  width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.bloque-video.fondo h2 {
  font-size: 2em;
}

@media (min-width: 480px) {
  .bloque-video.fondo {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)) !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)) !important;
  }
  .bloque-video.fondo video {
    display: block;
  }
}

/* -- Iframe ---------------------------------------- */
.bloque-iframe {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 1em;
  text-align: center;
}

.bloque-iframe .iframe {
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 2rem;
}

.bloque-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* -- Galería --------------------------------------- */
/* --- Zoom ----------------------------------------- */
.bloque-galeria.zoom {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 1em;
}

.bloque-galeria.zoom .imagen-multiple {
  margin-bottom: 4rem;
}

.bloque-galeria.zoom .imagen-multiple > div {
  padding: 1px;
}

@media (min-width: 480px) {
  .bloque-galeria.zoom .imagen-multiple > div {
    float: left;
    max-width: 20%;
  }
  .bloque-galeria.zoom .imagen-multiple a {
    display: block;
    position: relative;
  }
  .bloque-galeria.zoom .imagen-multiple a:hover:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("../img/sumur/lupa.svg");
    background-size: 48px;
    background-repeat: no-repeat;
    background-position: bottom 10px right 10px;
    z-index: 1;
  }
}

/* -- Galería --------------------------------------- */
.bloque-carrusel {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 1em;
  text-align: center;
}

/* ------------------------------------ Fin Bloques - */
/* - Páginas ---------------------------------------- */
/* -- Portada --------------------------------------- */
/* ------------------------------------ Fin Páginas - */