/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/*  1- intentona de poner boton de impresión
@media print {
  body * {
      visibility: hidden;
  }
  .print-content {
      visibility: visible;
      position: absolute;
      left: 0;
      top: 0;
  }
}
  1- */
@keyframes background-cycle {
  0%, 26.66% {
    background-image: url('../../../../images/CADIME/fichas_mini.jpg');
  }
  33.33%, 60% {
    background-image: url('../../../../images/CADIME/noticias.jpg');
  }
  66.66%, 93.33% {
    background-image: url('../../../../images/CADIME/bta.jpg');
  }
}
.scroll-text {
  width: 90%;
  /* Ancho relativo */
  max-width: 600px;
  /* Ancho máximo */
  height: 10vh;
  /* Altura relativa al viewport */
  min-height: 80px;
  /* Altura mínima */
  white-space: nowrap;
  overflow: hidden;
  border: 2px solid red;
  background-size: cover;
  background-position: center;
  animation: background-cycle 45s linear infinite;
  position: relative;
  display: flex;
  align-items: center;
  margin: 1rem auto;
  /* Centrado horizontal */
}
.scroll-text span {
  position: absolute;
  left: 100%;
  white-space: nowrap;
  animation: scroll-left 15s linear infinite;
  color: white;
  font-size: clamp(16px, 4vw, 24px);
  /* Tamaño de fuente responsive */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  background-color: rgba(182, 175, 175, 0.5);
  padding: 0.5rem;
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* Media Queries para ajustes adicionales */
@media screen and (max-width: 480px) {
  .scroll-text {
    width: 95%;
    /* Ancho ligeramente mayor en móviles */
    border-width: 2px;
    /* Borde más fino en pantallas pequeñas */
  }
  .scroll-text span {
    padding: 0.3rem;
    /* Padding más pequeño */
  }
}
@media screen and (min-width: 1200px) {
  .scroll-text {
    max-width: 800px;
    /* Ancho máximo mayor en pantallas grandes */
  }
}
/* -------------------------------------------------------------------------------------------- */
.letra_pequena {
  font-size: small;
  font-style: italic;
}
.subrrayado {
  text-decoration: underline;
}
.sombracaja {
  width: 80%;
  border: 1px solid #333;
  border-radius: 10px;
  border-color: #bdbdbd;
  padding: 8px 12px;
  /*background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);*/
  background-color: #F5F5F5;
}
/*Para quitar el simbolito de «mayor que» que sale delante de "leer mas" cambiando el valor a 100, tenia valor de 900*/
/*boton de leer mas "readmore"*/
.btn-secondary {
  background: none;
  color: #f51919;
  text-shadow: none;
  box-shadow: none;
}
.btn-secondary:hover {
  background: none;
  color: #ff0000;
}
.btn-secondary:active, .btn-secondary:focus {
  background: black;
  box-shadow: none;
  color: #ffffff;
}
/***********************
ESTILOS GENERALES
**********************/
.contenedor {
  background: #fff;
  border: solid 0px #ccc;
  padding-bottom: 10px;
}
.pequeña {
  width: 33px;
  height: 15px;
}
.circular {
  height: auto;
  width: auto;
  max-width: 27px;
  max-height: 27px;
  /*width: 2em;
  height: 2em;*/
}
/*
Para poder poner los campos que vayan segiddos en el mismo renglón en el articulo sin que baje de renglón
*/
.terms {
  display: flex;
}
.terms > p {
  margin: 0;
}
/*bloque para ajustar el campo del componente para filtrar campos -JL Content Fields Filter- */
.filtrar input {
  box-sizing: inherit;
  margin-top: 0px;
}
.jlmf-section {
  margin-top: 0px;
}
/*fin de ajustede campos -JL Content Fields Filter-*/
.tr {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}
.fondo {
  background-image: url('../../../../images/fondoprincipal.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #f8f8f8;
}
dd {
  margin-left: 1.5rem;
  margin-left: 0%;
  /*lo utilizo para poner las fechas de publicado y actualización pegadas al margen izquierdo*/
  /*font-size: 11px; Modifico el tamaño de las fechaas de publicado y fecha de actualización
	line-height: 0.15rem;*/
  padding: 0;
}
/*.btn es para configuar el botón de leer mas solo en destacados 
.btn {


  
    display: initial;
    position: absolute;
    right: 100;
    font-size: 11px;
    color: #d20000;
    background-image: none;
    background-color: transparent; 
    border: none;
    margin: 1rem;
    box-shadow: none;
}*/
/*.icon-chevron-right:before{
    content: none;
}
******************************************************************/
div.menu_destacados {
  /* no sirve para nada pero lo dejos por si ocurre idea, es casle css de pagina en el menu destacados*/
  font-size: 2rem;
}
div.lista_algoritmos {
  margin-left: 0;
  line-height: 0px;
}
/*h2{
    font-size: 1.2rem;
    color: #e42c2a;
}*/
hr {
  border-bottom: 1px solid #ec0833;
  margin: 0rem 0;
}
p {
  margin: 0 0 1rem 0;
}
/*-------------------------------------------------------------------------RECONTRUCCIÓN----------------------------------------------------------------------------------------------------*/
body {
  font-size: 0.87rem;
}
h1, h2, h3, h4, h5, h6 {
  padding-top: 1.5rem;
  margin: 0 0 1rem 0;
}
h1 {
  font-size: 1.5rem;
  /*??px*/
  color: #dc3545;
}
h2 {
  font-size: 1rem;
  /*16px*/
  color: #e42c2a;
}
h3 {
  font-size: 1.125rem;
  /*18px*/
}
h4 {
  font-size: 1rem;
  /*16px*/
}
h5 {
  font-size: 1.25rem;
  /*20px*/
}
h6 {
  font-size: 1.125rem;
  /*18x*/
}
strong {
  color: inherit;
}
a {
  text-decoration: none;
  color: #e42c2a;
  /*cambia color para los enlaces*/
}
a:hover {
  text-decoration: underline;
  color: #e42c2a;
  /*cambia color para los enlaces*/
}
/* Estas lineas son del complemto de Akeeba Engage, para el texto que sale en los comentarios */
.akengage-title {
  font-size: 0.75rem;
  color: #c74e08;
}
/*.btn-primary{
    color:#fff;
    background-color: $accent-color-1;
    transition: all .5s ease;
}
.btn-primary: hover,
.btn-primary: active,
.btn-primary: focus,
{
    color: #fff;
    background-color: $accent-color-2;
 
}*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ruta {
  display: block;
  color: hover blue;
  background-color: white;
  padding: 0px 5px;
}
#g-main {
  padding: 0rem 0;
  background: #fff;
  /*color: #d01313;*/
}
.listados a {
  color: #000000;
  /* solo afecta al color de los listados desde menú*/
}
.logo-honcode img {
  width: 50px;
}
.logo-honcode img {
  width: 50px;
}
.gantry-logo img {
  width: 200px;
}
.logo-cadime img {
  width: 50%;
  margin-top: 1em;
}
/***********************
ESTILOS header - LOGO -
**********************/
.home-fichas {
  border-bottom: 3px solid #1aa63d;
  line-height: 1.1;
  text-align: left;
  font-size: 18px;
  padding: 10px 5px;
  margin-bottom: 20px;
  background-color: #eee;
  font-weight: bold;
  height: 40px;
}
.home-fichas a {
  color: #1aa63d;
  /* solo afecta al color del enlace de la cabezera*/
}
.contenido-fichas ul {
  font-size: 0.7rem;
  list-style-image: url('../../../../images/CADIME/bullet-green.jpg');
  height: 90px;
}
.contenido-fichas a {
  color: #000000;
  /* solo afecta al color del enlace de la cabezera*/
}
.contenido-fichas li {
  margin-bottom: 4px;
  /*separacion entre párrafos*/
}
.home-noticias {
  border-bottom: 3px solid #02a3ca;
  color: #02a3ca;
  line-height: 1.1;
  text-align: left;
  font-size: 18px;
  padding: 10px 5px;
  margin-bottom: 20px;
  background-color: #eee;
  font-weight: bold;
  height: 40px;
}
.home-noticias a {
  color: #02a3ca;
  /* solo afecta al color del enlace de la cabezera*/
}
.contenido-noticias ul {
  font-size: 0.7rem;
  list-style-type: none;
  color: #02a3ca;
  height: 90px;
}
.contenido-noticias a {
  color: #000000;
  /* solo afecta al color de los enlaces de ultimas noticias la cabezera*/
}
.contenido-noticias li {
  margin-bottom: 8px;
}
.home-algoritmos {
  border-bottom: 3px solid #76128f;
  color: #76128f;
  line-height: 1.1;
  text-align: left;
  font-size: 18px;
  padding: 10px 5px;
  margin-bottom: 20px;
  background-color: #eee;
  font-weight: bold;
  height: 40px;
}
.home-algoritmos a {
  color: #76128f;
  /* solo afecta al color del enlace de la cabezera*/
}
.contenido-algoritmos ul {
  font-size: 0.7rem;
  list-style-image: url('../../../../images/CADIME/bullet-indigo.jpg');
  height: 90px;
}
.contenido-algoritmos a {
  color: #000000;
  /* solo afecta al color de los enlaces de ultimas noticias la cabezera*/
}
.contenido-algoritmos li {
  margin-bottom: 8px;
}
.home-bta {
  border-bottom: 3px solid #f47881;
  color: #f47881;
  line-height: 1.1;
  text-align: left;
  font-size: 18px;
  padding: 10px 5px;
  margin-bottom: 20px;
  background-color: #eee;
  font-weight: bold;
  height: 40px;
}
.contenido-bta ul {
  font-size: 0.7rem;
  list-style-image: url('../../../../images/CADIME/bullet-pink.jpg');
  height: 90px;
}
.contenido-bta a {
  color: #000000;
  /* solo afecta al color de los enlaces de ultimas noticias la cabezera*/
}
.contenido-bta li {
  margin-bottom: 8px;
}
.home-cc {
  border-bottom: 3px solid #4f5cc7;
  color: #4f5cc7;
  line-height: 1.1;
  text-align: left;
  font-size: 1rem;
  padding: 10px 5px;
  margin-bottom: 20px;
  background-color: #eee;
  font-weight: bold;
  height: 40px;
}
.contenido-cc ul {
  font-size: 0.7rem;
  list-style-image: url('../../../../images/CADIME/bullet-light-blue.jpg');
  height: 90px;
}
.contenido-cc a {
  color: #000000;
  /* solo afecta al color de los enlaces de ultimas noticias la cabezera*/
}
.contenido-cc li {
  margin-bottom: 9px;
}
.home-destacados {
  border-bottom: 3px solid #ff6600;
  color: #ff6600;
  line-height: 1.1;
  text-align: left;
  font-size: 18px;
  padding: 10px 5px;
  margin-bottom: 20px;
  background-color: #eee;
  font-weight: bold;
  height: 40px;
}
.contenido-destacados ul {
  font-size: 0.7rem;
  list-style-type: none;
  color: #ff6600;
  height: 90px;
}
.contenido-destacados a {
  color: #000000;
  /* solo afecta al color de los enlaces de ultimas noticias la cabezera*/
}
.contenido-destacados li {
  margin-bottom: 8px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
.home-ciudadania {
  border-bottom: 3px solid #fe2828;
  color: #fe2828;
  /* solo afecta al color del enlace de titulo cabecera */
  line-height: 1.1;
  text-align: left;
  font-size: 18px;
  padding: 10px 5px;
  margin-bottom: 20px;
  background-color: #eee;
  font-weight: bold;
  height: 40px;
}
.contenido-ciudadania ul {
  font-size: 0.7rem;
  list-style-image: url('../../../../images/CADIME/bullet-red.jpg');
  /*Iconos de párrafo*/
  height: 90px;
}
.contenido-ciudadania a {
  color: #000000;
  /* solo afecta al color de los enlaces de ultimas noticias la cabezera*/
}
.contenido-ciudadania li {
  margin-bottom: 8px;
  /*separacion entre párrafos*/
}
.home-usuarios {
  border-bottom: 3px solid #333;
  color: #333;
  line-height: 1.1;
  text-align: left;
  font-size: 0.9rem;
  padding: 10px 5px;
  margin-bottom: 20px;
  background-color: #eee;
  font-weight: bold;
  height: 40px;
}
.contenido-usuarios ul {
  font-size: 0.7rem;
  list-style-image: url('../../../../images/CADIME/bullet-grey.jpg');
  height: 90px;
}
.contenido-usuarios a {
  color: #000000;
  /* solo afecta al color de los enlaces del módulo ultimas usuarios la cabezera*/
}
.contenido-usuarios li {
  margin-bottom: 8px;
}
.caja {
  border-bottom: 3px solid #fe2828;
  color: #fe2828;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: left;
  font-size: 18px;
  padding: 10px 5px;
  margin-bottom: 20px;
  text-decoration: none;
  background-color: #eee;
  font-weight: bold;
}
.home-bta20-articulos {
  font-size: 11px;
  line-height: 1;
  margin: 0;
  /*background-image: url("images/home-btatests.jpg");*/
  background: url('../../../../images/home-btatests.jpg') no-repeat;
}
.box {
  width: 500px;
  height: 300px;
  /*background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/228448/stranger-things.jpg);*/
}
.imagen {
  display: inline-block;
  vertical-align: middle;
  border: 0;
}
/*Para que la linea hr salga en los articulos roja, llamo a esta función desde el código del articulo*/
hr.new1 {
  border-top: 1px solid red;
  margin: 0.5rem 0;
}
#g-header a {
  color: #000;
}
/*Tamaño campos registro usuarios*/
.ancho {
  width: 25rem;
}
/*******************
   BARRA NAVEGACION
 ******************/
.barra-navegacion {
  background: linear-gradient(#f4f2f3, #b7b5b6) !important;
  border-right: 2px solid #ccc;
  border-left: 2px solid #ccc;
  margin-top: 0rem;
}
#g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #e42c2a;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #f50101;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #fff;
  background-color: #e42c2a;
}
/*estilo para el menú de suscribirse, que está debajo del menú principal*/
/*para el logo de suscripción que sale debajo del menú de la página de inicio*/
.logo-suscripcion img {
  margin-top: 9px;
}
/*********************************
Estilo paginas internas
***********************************/
/**************************************************************
Estilo ruta de navegacion
***************************************************************/
.ruta {
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  margin: inherit;
  padding: inherit;
}
.breadcrumb {
  background-color: white;
}
.breadcrumb > .active {
  color: #fc0000;
}
#g-navigation a {
  color: #100808;
}
/***************fin de ruta de navegacion**************/
.slidecovid {
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
}
/*#g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
    background: #ababb1;
}*/
/****************************************
   BARRA NAVEGACION LATERAL (SUBMENUS)
 ****************************************/
.fondo_imagen_submenu {
  border-left: solid 2px solid #ccc;
}
/********************************/
.fondo_sumbenu {
  background-color: #02a3ca;
}
.fondo_cabezera {
  border-right: 2px solid #ccc;
  border-left: 2px solid #ccc;
  border-top: 2px solid #ccc;
  margin-top: 20px;
}
.borde_articulos {
  background: #fff;
  border-right: 2px solid #ccc;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  margin-bottom: 1rem;
}
/*# sourceMappingURL=custom_31.css.map */