/* Tema Minino - Drupal 11 - réplica del diseño original Drupal 7 */
body {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #3B3B3B;
  background: #fff;
  margin: 0;
  line-height: 1.5;
}
.container { max-width: 1140px; margin: 0 auto; padding: 0 15px; }

/* Zona superior: solo el selector de idiomas, alineado a la derecha */
#zone-user { background: #fff; border-bottom: 1px solid #dbe0e5; }
#zone-user .container { display: flex; justify-content: flex-end; align-items: center; min-height: 32px; }
#zone-user ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; }
#zone-user li { margin-left: 10px; }
#zone-user a { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; }
#zone-user a:hover { color: #4183B7; }
.language-switcher-language-url ul { display: flex; align-items: center; }
.language-switcher-language-url li { display: inline; padding: 0 8px; border-right: 1px solid #ccc; margin: 0; }
.language-switcher-language-url li.is-active a { font-weight: bold; color: #2A4B6B; }

/* Zona branding: logo a la izquierda + menú secundario con iconos a la derecha */
#zone-branding { background: #fff; padding: 10px 0; }
#zone-branding .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.branding { display: flex; align-items: center; }
.branding img { height: auto; max-height: 96px; width: auto; }
/* El original no muestra el nombre del sitio junto al logo, solo la imagen */
.site-name { display: none; }
/* Iconos del menú secundario (iconsmenu.png, sprite de 60px) */
#block-secondarymenu ul { display: flex; list-style: none; margin: 0; padding: 0; }
#block-secondarymenu li { margin: 0; }
#block-secondarymenu a {
  background: url(../img/iconsmenu.png) no-repeat scroll 11px top transparent;
  display: block;
  height: 0;
  width: 60px;
  text-align: center;
  padding-top: 70px;
  margin-left: 30px;
  font-size: 13px;
  font-family: Arial;
  color: #333;
  text-decoration: none;
}
#block-secondarymenu li:nth-child(1) a { background-position: 10px 0; }   /* Descargas */
#block-secondarymenu li:nth-child(2) a { background-position: -122px 0; } /* FAQ */
#block-secondarymenu li:nth-child(3) a { background-position: -60px 0; }  /* Tour */


/* Barra de menú: gris #DBDEE3, como el original */
#zone-menu {
  background: #DBDEE3;
  margin-bottom: 5px;
}
#zone-menu ul { list-style: none; margin: 0; padding: 0; display: flex; }
#zone-menu li { margin: 0; display: flex; }
#block-mainnav h2 { display: none; }
#zone-menu a {
  padding: 10px 14px;
  text-shadow: 1px 1px white;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: flex;
  align-items: center;
  line-height: normal;
}
#zone-menu a:hover { background: #eaeaea; color: #000; }
#zone-menu a.is-active {
  background: #3E81B6;
  color: #fff;
  text-shadow: none;
}

/* Zona header: slider + texto, fondo azul original (bg_bluez sobre #b7d0e4) */
#header {
  background: #b7d0e4 url(../img/bg_bluez.png) repeat-x 0 0;
  border-top: 1px solid #2a4b6b;
  border-bottom: 1px solid #36608a;
  padding: 15px 0;
}
.portada-slider { display: flex; gap: 25px; align-items: center; }
.portada-slider .slick-wrapper { flex: 1; min-width: 0; }
.portada-slider .aviso { flex: 1; min-width: 0; }
.aviso blockquote {
  font-family: Georgia, serif;
  font-size: 1em;
  font-style: italic;
  color: #fff;
  text-shadow: 2px 2px 2px #295C84;
  text-align: center;
  line-height: 1.25em;
  margin: 0 0 10px;
}
.aviso img { max-width: 100%; height: auto; }

/* Slides: solo vídeo, sin título al lado (como el original) */
.video-slide { display: flex; align-items: center; justify-content: center; }
.video-frame iframe { max-width: 100%; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.video-info { display: none; }
/* La librería Slick posiciona sus flechas en absoluto (solapando el slide);
   las devolvemos al flujo normal para que queden centradas debajo, como en el original */
.slick__arrow { text-align: center; margin-top: 10px; position: relative; }
.slick__arrow button.slick-prev,
.slick__arrow button.slick-next {
  position: static;
  transform: none;
  display: inline-block;
  height: auto;
  width: auto;
  background: #4183B7;
  color: #fff;
  border: 0;
  padding: 6px 14px;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 0;
}
.slick__arrow button:hover,
.slick__arrow button:hover::before { background: #2A4B6B; color: #fff; }
/* La librería Slick pinta el texto del botón en inglés (Previous/Next) y le pone
   color naranja vía .slick-arrow::before (clase que su JS añade en runtime);
   lo sustituimos visualmente y forzamos el color para que no se cuele el naranja */
.slick__arrow button.slick-prev::before { content: "‹ Anterior"; font-size: 13px; color: #fff; }
.slick__arrow button.slick-next::before { content: "Siguiente ›"; font-size: 13px; color: #fff; }
/* Pager del slider con la imagen original pager_sl.png */
.slick-dots { list-style: none; margin: 10px 0 0; padding: 0; text-align: center; }
.slick-dots li { display: inline-block; margin: 0 5px; }
.slick-dots li button {
  background: url(../img/pager_sl.png) no-repeat scroll -20px 0 transparent;
  width: 18px;
  height: 18px;
  text-indent: -999px;
  border: 0;
  cursor: pointer;
  overflow: hidden;
}
.slick-dots li.slick-active button { background-position: 0 0; }

/* Contenido */
#main { padding: 25px 0; }
#main .container { display: flex; gap: 25px; }
.content { flex: 1; }
.sidebar-first, .sidebar-second { width: 250px; flex-shrink: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h2 { color: #444; font-size: 1.7em; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
a { color: #4183B7; }
a:hover { color: #2A4B6B; }
.path-frontpage #block-minino-page-title { display: none; }

/* Algunos nodos (traducciones sin enlaces que mostrar) imprimen un
   <ul class="links inline"><li></li></ul> totalmente vacío al final del
   contenido: sin esto se ve como un punto suelto encima del footer */
.links.inline:empty,
.links.inline li:empty { display: none; }

/* Paginador (Noticias, Videotutoriales, Capturas...): sin estilo alguno de fábrica */
nav[aria-labelledby="pagination-heading"] {
  margin: 20px 0;
  text-align: center;
}
nav[aria-labelledby="pagination-heading"] ul.js-pager__items {
  list-style: none;
  display: inline-flex;
  gap: 8px;
  margin: 0;
  padding: 0;
}
nav[aria-labelledby="pagination-heading"] li {
  background: #f5f8fb;
  border: 1px solid #dbe0e5;
  border-radius: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}
nav[aria-labelledby="pagination-heading"] li,
nav[aria-labelledby="pagination-heading"] li a {
  padding: 6px 14px;
}
nav[aria-labelledby="pagination-heading"] li a {
  display: block;
  margin: -6px -14px;
  color: #4183B7;
  text-decoration: none;
  border-radius: 3px;
}
nav[aria-labelledby="pagination-heading"] li a:hover {
  background: #4183B7;
  color: #fff;
}

/* Footer: claro como el original */
.postscript { background: #f5f8fb; padding: 20px 0; }
.postscript .container { display: flex; gap: 25px; flex-wrap: wrap; }
.postscript > .container > div { flex: 1; min-width: 200px; }
#footer { background: #fff; color: #3B3B3B; border-top: 1px solid #dbe0e5; padding: 25px 0; margin-top: 30px; }
#footer .container { display: flex; gap: 25px; }
#footer a { color: #4183B7; }
#footer a:hover { color: #2A4B6B; }
#footer h2 { color: #444; font-size: 1.1em; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
#footer .footer-first, #footer .footer-second { flex: 1; }

/* Ocultar títulos de página vacíos */
h1:empty { display: none; }

/* Foro: tabla como el original */
.content table { border-collapse: collapse; width: 100%; }
.content table th, .content table td { padding: 8px; border-bottom: 1px solid #ccc; text-align: left; vertical-align: top; }
.content table thead th { border-bottom: 2px solid #ccc; }
.content table tr.odd { background: none; }

/* Tarjetas de productos (Descargas) */
#block-descargas .views-col { background: #fff; border-radius: 10px; box-shadow: 0 0 10px #999; padding: 15px; text-align: center; margin-bottom: 20px; }
#block-descargas .views-field-field-image { margin: 10px 0; }
#block-descargas .views-field-field-image img { max-width: 100%; height: auto; }
/* Botón de descarga (estilo original) */
.bdescarga a:visited, .bdescarga a:link {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  padding: 10px 20px;
  background: linear-gradient(top, #a7ff42 0%, #23a303);
  background: -webkit-linear-gradient(top, #a7ff42 0%, #23a303);
  border-radius: 10px;
  border: 1px solid #134201;
  text-decoration: none;
  display: inline-block;
}

@media (max-width: 768px) {
  #main .container, #zone-branding .container, .postscript .container, #footer .container, .portada-slider, .video-slide { flex-direction: column; }
  .sidebar-first, .sidebar-second { width: auto; }
  #zone-menu ul { flex-direction: column; height: auto; }
  #zone-menu li { margin: 5px 0; }
  .video-info { text-align: center; max-width: none; }
  #zone-user .container { justify-content: center; }
}