/*-----------------------------------------------------------------------------------
	Theme Name: DRUDGD10
	Theme URI: https://www.udg.mx
	Author: Gustavo Ogas, Francisco Fabricio Hernandez, Marco Sierra
	Version: 3.0
-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	0.	Fonts face
/*-----------------------------------------------------------------------------------*/
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat/Montserrat-Regular.ttf");
}

@font-face {
  font-family: 'Montserrat Medium';
  src: url("../fonts/Montserrat/Montserrat-Medium.ttf");
}

@font-face {
  font-family: 'Montserrat Bold';
  src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
}

@font-face {
  font-family: 'Druk Wide Bold';
  src: url("../fonts/Druk\ Wide\ Bold/Druk-Wide-Bold.ttf");
}

:root {
  --coloridentidad: #000000;
  --coloridentidad-1: #333434;
  --coloridentidad-2: #000000;
  --color-secundario: #4d4d4d;
  --colormenu: #c20202; 

  /* COLORES BASICOS */
  --colornegro: #000000;
  --color-gris:#838787;
  --color-grisclaro: #ECEDED;
  --color-grismedio: #555555;
  --colorblanco: #ffffff;
}

/*-----------------------------------------------------------------------------------*/
/*	1.	General styles
/*-----------------------------------------------------------------------------------*/

body {
  min-width: 300px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 2.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat Bold', sans-serif;
  color: var(--coloridentidad-1);
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 27px;
}

h3 {
  font-size: 20px;
}

h4,
h5,
h6 {
  font-size: 16px;
}

#footer h1,
#footer h2,
#footer h3 {
  color: var(--colorblanco);
}



strong,
b,
th {
  font-family: 'Montserrat Bold', sans-serif;
  font-weight: bold;
}

a {
  color: var(--coloridentidad-1);
}

a:link,
a:selected {
  color: var(--coloridentidad-1);
}

a.is-active {
  font-weight: bold;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 1em 2em;
  padding: 0;
}

abbr[title] {
  text-decoration: underline dotted;
}

blockquote {
  background-color: var(--color-grisclaro);
  border-left: 10px solid var(--color-gris);
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
  color: var(--color-grismedio);
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

.emph_a {
  background-color: #B2DBB1;
  border: solid thin #87BD7F;
  color: #006600;
  float: left;
  margin: 10px 8px 0;
  max-width: 970px;
  min-width: 190px;
  padding: 1.5em;
}

.emph_b {
  background-color: #FFCD00;
  border: solid thin #ffcd00;
  color: #97583F;
  float: left;
  margin: 10px 8px 0;
  max-width: 970px;
  min-width: 190px;
  padding: 1.5em;
}

.emph_c {
  background-color: #FFFFCC;
  border: solid thin #FFDCAC;
  color: #97583F;
  float: left;
  margin: 10px 8px 0;
  max-width: 970px;
  min-width: 190px;
  padding: 1.5em;
}

table {
  width: 100%;
}

.field--label {
  color: var(--coloridentidad-1);
  font-weight: bold;
}

.field--type-file .file {
  background-color: var(--color-grisclaro);
  padding: 10px 10px 5px 10px;
  margin-bottom: 5px;
  display: block;
}

.file-icon {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
}

.file-link {
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}

.file-size {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}

.view-footer a:hover,
.view-footer a:focus {
  color: var(--colorblanco);
  text-decoration: none;
}

.view-footer:hover {
  background-color: var(--coloridentidad-2);
}

.view-footer {
  display: block;
  float: right;
  padding: 8px 30px 5px 30px;
  background-color: var(--coloridentidad);
  margin-bottom: 15px;
  margin-top: 1rem;
  border-radius: 5px;
}

.view-footer a {
  color: var(--colorblanco);
  font-size: 18px;
}

.more-link {
  display: block;
  float: right;
  padding: 8px 30px 5px 30px;
  background-color: var(--coloridentidad-2);
  margin-bottom: 15px;
}

.more-link:hover {
  background-color: var(--coloridentidad-2);
}

.more-link a:hover,
.more-link a:focus {
  color: var(--colorblanco);
  text-decoration: none;
}

.more-link a {
  color: var(--colorblanco);

  font-size: 18px;
}

.carousel-control.left,
.carousel-control.right {
  margin-right: 40px;
  margin-left: 32px;
  background-image: none;
  opacity: 1;
}

.navbar-default .navbar-nav>li>a {
  color: var(--colorblanco);
}

#block-drudg8b3-main-menu .navbar-nav>li>a.dropdown-toggle:hover {
  color: var(--color-grismedio);
}

.navbar-default {
  background-color: var(--colorblanco);
  border: none;
}

.navbar {
  margin-bottom: 0;
}

.navbar-collapse {
  padding: 0;
}

#liston {
  background-color: #000000;
}

.container .container {
  padding: 0;
  width: 100%;
}

/*=============================================================================*/
/* -----------------------------------------
   BLOQUE: MÁS NOTICIAS (Sidebar)
----------------------------------------- */

/* Contenedor de la lista de noticias */
.view-mas-noticias .view-content {
  display: flex;
  flex-direction: column;
  gap: 15px; /* Espaciado entre cada noticia */
  margin-top: 15px;
}

/* Estilo de cada noticia individual (tarjeta) */
.view-mas-noticias .views-row {
  display: flex;
  align-items: center; /* Centra la imagen y el texto verticalmente */
  gap: 15px; /* Espacio entre imagen y texto */
  padding: 10px;
  background-color: #f8f9fa; /* Fondo gris muy clarito */
  border-radius: 8px; /* Bordes redondeados */
  border: 1px solid #eaeaea; /* Borde sutil */
  transition: all 0.3s ease; /* Transición suave para el hover */
}

/* Efecto al pasar el cursor sobre la noticia */
.view-mas-noticias .views-row:hover {
  background-color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px); /* Pequeño salto hacia arriba */
  border-color: #cccccc;
}

/* Cambiamos el orden para que la imagen aparezca a la IZQUIERDA */
.view-mas-noticias .views-field-field-imagen-noticia {
  order: 1; /* Imagen primero */
  flex-shrink: 0; /* Evita que la imagen se deforme o aplaste */
}

/* El título aparece a la DERECHA */
.view-mas-noticias .views-field-title {
  order: 2; /* Título segundo */
  width: 100%;
}

/* Ajustes de la imagen */
.view-mas-noticias .views-field-field-imagen-noticia img {
  border-radius: 4px;
  object-fit: cover;
  width: 90px;
  height: 60px;
  display: block;
}

/* Ajustes del enlace de la imagen para que no tenga subrayado */
.view-mas-noticias .views-field-field-imagen-noticia a {
  text-decoration: none;
  display: block;
}

/* Ajustes del título */
.view-mas-noticias .views-field-title a {
  color: #333333;
  font-weight: 600;
  font-size: 14px; /* Tamaño un poco más pequeño para barra lateral */
  line-height: 1.3;
  text-decoration: none;
  display: block;
  transition: color 0.2s;
}

/* Color del título al pasar el cursor (Rojo Leones Negros) */
.view-mas-noticias .views-field-title a:hover {
  color: #c8102e; /* Ajusta este código HEX a tu rojo exacto si es necesario */
}


/*=========================================================*/

/* -----------------------------------------
   TARJETAS DEL PLANTEL Y CUERPO TÉCNICO
----------------------------------------- */

/* 1. Cuadrícula principal (Grid) */
.view-id-plantel .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); /* Se adapta automático al tamaño de pantalla */
  gap: 30px;
  margin-bottom: 50px;
}


/* 3. Estilo de cada tarjeta (Card) */
.view-id-plantel .views-row {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08); /* Sombra elegante */
  overflow: hidden; /* Evita que la foto se salga de las esquinas redondas */
  display: flex;
  flex-direction: column; /* Permite ordenar el contenido hacia abajo */
  position: relative; /* Clave para que el número flote encima */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  height: 100%;
}

/* Animación de la tarjeta al pasar el mouse */
.view-id-plantel .views-row:hover {
  transform: translateY(-8px); /* Levanta la tarjeta */
  box-shadow: 0 15px 30px rgba(0,0,0,0.18); /* Sombra más fuerte */
}

/* 4. Ordenamiento interno (Foto -> Nombre -> Posición) */

/* A. Fotografías (Van primero) */
.view-id-plantel .views-field-field-imagen-ficha,
.view-id-plantel .views-field-field-imagen-de-ficha {
  order: 1; /* Forzamos a que sea el elemento #1 */
  width: 100%;
  background-color: #f5f5f5; /* Fondo gris claro detrás de la foto */
  overflow: hidden;
}

.view-id-plantel .views-field-field-imagen-ficha img,
.view-id-plantel .views-field-field-imagen-de-ficha img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform 0.5s ease;
}

/* Acercamiento a la cara del jugador al hacer hover */
.view-id-plantel .views-row:hover img {
  transform: scale(1.05);
}

/* B. Nombre (Va segundo) */
.view-id-plantel .views-field-title {
  order: 2; /* Forzamos a que sea el elemento #2 */
  padding: 18px 15px 5px 15px;
  text-align: center;
}

.view-id-plantel .views-field-title a {
  color: #c20202; /* Rojo Leones Negros */
  font-size: 19px;
  font-weight: 800;
  text-decoration: none !important;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.2;
}

/* C. Posición (Va tercero y al fondo) */
.view-id-plantel .views-field-field-posicion,
.view-id-plantel .views-field-field-puesto-cuerpo-tecnico {
  order: 3; /* Forzamos a que sea el elemento #3 */
  padding: 5px 15px 20px 15px;
  text-align: center;
  color: #666666;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: auto; /* Empuja este texto hasta abajo para que todas las tarjetas midan igual */
}

/* 5. EL NÚMERO DEL JUGADOR (Efecto "Dorsal" Flotante) */
.view-id-plantel .views-field-field-numero-de-jugador {
  position: absolute;
  top: 15px;
  left: 15px;
  background-color: #000000; /* Fondo negro */
  color: #fcd116; /* Letra amarilla */
  font-size: 20px;
  font-weight: 900;
  padding: 6px 12px;
  border-radius: 6px;
  z-index: 10;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* -----------------------------------------
   TÍTULOS CON LÍNEA TRICOLOR (Leones Negros)
----------------------------------------- */

/* 2. Títulos de grupo (Porteros, Defensas, etc.) */
.view-id-plantel .view-content h3 {
  grid-column: 1 / -1; 
  font-size: 26px;
  color: #000000;
  margin: 40px 0 20px 0;
  text-transform: uppercase;
  font-weight: 900;
  font-family: 'Montserrat', sans-serif;
  /* Borramos la línea larga anterior */
  border-bottom: none !important;
  padding-bottom: 0;
}

/* La rayita tricolor flotante debajo de cada posición */
.view-id-plantel .view-content h3::after {
  content: "";
  display: block;
  width: 110px; /* Largo de la rayita */
  height: 6px; /* Grosor */
  margin-top: 8px; /* Separación del texto */
  border-radius: 10px; /* Extremos redondeados */
  /* Los 3 colores institucionales divididos en tercios exactos */
  background: linear-gradient(to right, #fcd116 0%, #fcd116 33.3%, #000000 33.3%, #000000 66.6%, #c20202 66.6%, #c20202 100%);
}

/* 6. Título principal del bloque "Cuerpo Técnico" */
#block-drudg8b3-views-block-plantel-block-1 h2.block-title {
  font-size: 30px;
  color: #ffffff;
  margin: 60px 0 30px 0;
  text-transform: uppercase;
  font-weight: 900;
  font-family: 'Montserrat', sans-serif;
  border-bottom: none !important;
  padding-bottom: 0;
}

/* =========================================
   ADAPTACIÓN RESPONSIVA (Celulares)
========================================= */
@media (max-width: 767px) {
  .view-id-plantel .view-content {
    /* En celular forzamos a que sean 2 columnas tipo app móvil */
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  
  .view-id-plantel .views-field-title a {
    font-size: 15px; /* Letra un poco más chica */
  }

  .view-id-plantel .views-field-field-posicion,
  .view-id-plantel .views-field-field-puesto-cuerpo-tecnico {
    font-size: 11px; /* Letra más chica para que no se amontone */
  }
  
  .view-id-plantel .views-field-field-numero-de-jugador {
    font-size: 16px;
    padding: 4px 8px;
    top: 10px;
    left: 10px;
  }
}


/*====================================================================*/

/* Ocultar logotipo de la UdeG en todo el sitio */
.header .escudo,
.header .escudoch {
  display: none !important;
}

/* -----------------------------------------
   AJUSTES DE HEADER Y BUSCADOR - CENTRADO PERFECTO
----------------------------------------- */

/* 1. Obligamos a la barra amarilla a ser delgada */
#header {
  padding: 10px 0 !important; /* Espacio uniforme arriba y abajo */
  min-height: 0 !important; 
  height: auto !important; /* Anula cualquier altura fija de la plantilla original */
}

/* Quitamos espacios fantasmas en los contenedores internos */
#header .container.header,
#header .content-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

/* 2. Convertimos el área en un contenedor Flexbox */
#header .content-title {
  display: flex;
  align-items: center; /* ESTO CENTRA TODO VERTICALMENTE */
  width: 100%;
}

/* 3. Limpiamos las columnas viejas y aseguramos que estén centradas */
#header .content-title > div {
  float: none !important; 
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: center !important; /* Fuerza extra para el centrado vertical */
}

/* 4. Ocultamos los escudos definitivamente */
#header .escudo,
#header .escudoch {
  display: none !important;
}

/* 5. Empujamos el contenedor del buscador totalmente a la derecha */
#header .content-title > div:nth-child(4) {
  margin-left: auto !important; 
  width: 100%;
  max-width: 320px; 
  padding: 0 15px !important;
}

/* Limpiamos cualquier margen hacia abajo o arriba que el formulario agregue por defecto */
#header .search-block-form,
#header .search-block-form .form-group,
#header .search-block-form .form-item {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

/* 6. Ajustes perfectos para Celulares (Mobile) */
@media (max-width: 767px) {
  
  #header .button.menu {
    padding-left: 10px !important;
  }
  
  /* Centrado y limpieza del botón de hamburguesa */
  #header .navbar-toggle {
    margin: 0 !important;
    padding: 8px 12px;
  }
  
  #header .content-title > div:nth-child(4) {
    max-width: calc(100% - 60px); 
    padding-right: 10px !important;
  }
}

/*=========================================================*/

/* -----------------------------------------
   DISEÑO HISTORIA: ESTILO EDITORIAL / DOCUMENTAL
   (Aplicado ÚNICAMENTE a la página "Nuestro Club" - Nodo 85)
----------------------------------------- */

/* 1. Tipografía y contenedor base */
[data-history-node-id="85"] .field--name-body {
  font-family: 'Montserrat', sans-serif;
  color: #333333; 
  font-size: 17px;
  line-height: 1.8; 
  padding: 30px 0;
  overflow-x: hidden; 
}

/* 2. Textos centrados y estrechos (Estilo Revista / Medium) */
[data-history-node-id="85"] .field--name-body p {
  max-width: 750px; 
  margin: 0 auto 30px auto; 
  text-align: justify;
}

/* 3. Letra Capital (Drop Cap) para iniciar la historia con elegancia */
[data-history-node-id="85"] .field--name-body p:first-of-type::first-letter {
  font-size: 4em;
  float: left;
  line-height: 0.8;
  margin-right: 12px;
  margin-bottom: 5px;
  color: #c20202; /* Rojo Leones Negros */
  font-weight: 800;
}

/* 4. Imágenes Panorámicas (Rompen el límite del texto) */
[data-history-node-id="85"] .field--name-body img {
  display: block;
  width: 100%;
  max-width: 1050px !important; 
  margin: 60px auto !important; 
  border-radius: 8px; 
  box-shadow: 0 15px 35px rgba(0,0,0,0.1); 
  transition: filter 0.6s ease, transform 0.6s ease;
}

/* 5. Filtro Nostálgico para fotografías históricas */
[data-history-node-id="85"] .field--name-body img:not([src*="linea-tiempo"]) {
  filter: sepia(0.25) grayscale(0.7); 
}

/* Al pasar el mouse: recuperan su color vibrante */
[data-history-node-id="85"] .field--name-body img:not([src*="linea-tiempo"]):hover {
  filter: sepia(0) grayscale(0); 
  transform: scale(1.02); 
}

/* 6. Comportamiento en Celulares (Mobile) */
@media (max-width: 767px) {
  [data-history-node-id="85"] .field--name-body p {
    font-size: 16px;
    padding: 0 20px; 
    text-align: left; 
  }
  
  [data-history-node-id="85"] .field--name-body img {
    border-radius: 0;
    box-shadow: none;
    margin: 40px 0 !important;
  }
  
  /* LÍNEA DE TIEMPO: Paneo automático cinemático (¡Efecto Documental!) */
  [data-history-node-id="85"] .field--name-body img[src*="linea-tiempo"] {
    width: 250% !important; 
    max-width: 250% !important;
    position: relative;
    animation: paneo-historia 20s infinite alternate ease-in-out;
  }
  
  /* Animación matemática que mueve la imagen de orilla a orilla suavemente */
  @keyframes paneo-historia {
    0% { transform: translateX(0); }
    100% { transform: translateX(-60%); } 
  }
}


/*==========================================================*/

/* -----------------------------------------
   DISEÑO DE LA NOTICIA PRINCIPAL (Contenido)
----------------------------------------- */

/* 1. Contenedor principal de la noticia (Efecto Tarjeta/Contorno) */
.col-sm-9 .region-content {
  background-color: #ffffff;
  padding: 35px; /* Espacio interno para que respire el contenido */
  border-radius: 12px; /* Esquinas redondeadas */
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); /* Sombra moderna que lo separa del fondo */
  border: 1px solid #f2f2f2; /* Borde muy sutil para dar definición */
  margin-bottom: 40px;
}

/* 2. Estilo moderno para el título principal (h1) */
.col-sm-9 .page-header {
  font-size: 2.5rem; /* Tamaño grande y llamativo */
  font-weight: 800; /* Letra más gruesa */
  color: #1a1a1a; /* Casi negro para mejor contraste */
  border-bottom: none; /* Quitamos la línea delgada que viene por defecto */
  margin-top: 0;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 20px;
  line-height: 1.2;
}

/* Línea de acento Tricolor (Amarillo, Negro, Rojo) debajo del título */
.col-sm-9 .page-header::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90px; /* Lo ampliamos un poco para que destaquen los 3 colores */
  height: 6px; /* Un poquito más gruesa para que luzcan más los colores */
  border-radius: 3px;
  
  /* Gradiente con cortes rectos para formar los 3 bloques de color exactos */
  background: linear-gradient(
    to right, 
    #ffcd00 0%, #ffcd00 33.33%, 
    #000000 33.33%, #000000 66.66%, 
    #c20202 66.66%, #c20202 100%
  );
}

/* 3. Redondear la imagen principal para que combine con la tarjeta */
.view-noticias-pagina-principal .carousel-inner img {
  border-radius: 10px;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 25px;
}

/* 4. Estilo para la sinopsis (ej. "No se dejen engañar") */
.noticia.full .field--name-field-sinopsis- {
  font-size: 1.8rem;
  font-weight: 600;
  color: #555555; /* Gris intermedio */
  margin-bottom: 20px;
  border-left: 4px solid #f0b323; /* Detalle amarillo/dorado a la izquierda */
  padding-left: 15px;
}

/* 5. Mejorar la lectura del texto general de la noticia */
.noticia.full .field--name-body {
  font-size: 1.6rem;
  line-height: 1.8; /* Más espacio entre líneas para no cansar la vista */
  color: #444444; /* Gris oscuro en lugar de negro puro */
}

/* 6. Sección de "Escrito por:" en la parte inferior */
.noticia.full .field--name-field-escrito-por {
  margin-top: 40px;
  padding-top: 15px;
  border-top: 1px solid #eeeeee; /* Línea divisoria superior */
  font-size: 0.95rem;
  color: #777777;
}

/* Poner en la misma línea "Escrito por:" y el "Nombre" */
.noticia.full .field--name-field-escrito-por .field--label {
  font-weight: bold;
  color: #333333;
  display: inline;
}

.noticia.full .field--name-field-escrito-por .field--item {
  display: inline;
  margin-left: 5px;
}

/*=========================================================*/

/* -----------------------------------------
   DIRECTORIO DE ESCUELAS CID (Estilo Botones en Cuadrícula)
----------------------------------------- */

/* 1. Contenedor principal: Convertimos la lista en Grid (2 columnas) */
.view-sedes-cid .view-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Dos columnas del mismo ancho */
  gap: 20px; /* Espacio entre los botones */
  margin: 30px 0 50px 0;
}

/* 2. Limpieza de los contenedores de Drupal */
.view-sedes-cid .views-row {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* 3. Estilo de Botón para los enlaces de las escuelas */
.view-sedes-cid .views-field-title a {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Texto a la izquierda, flecha a la derecha */
  background-color: #f8f9fa; /* Fondo gris súper clarito y elegante */
  color: #333333; /* Texto oscuro pero no negro puro */
  padding: 16px 22px;
  border-radius: 8px; /* Esquinas ligeramente redondas */
  text-decoration: none !important; /* Quitamos la línea de enlace tradicional */
  font-weight: 600; /* Letra seminegrita */
  font-family: 'Montserrat', sans-serif;
  border-left: 6px solid #c20202; /* Borde rojo grueso característico a la izquierda */
  box-shadow: 0 4px 6px rgba(0,0,0,0.05); /* Sombra gris muy sutil */
  transition: all 0.3s ease; /* Animación fluida para todos los cambios */
}

/* 4. Agregamos una flecha indicativa al lado derecho del botón */
.view-sedes-cid .views-field-title a::after {
  content: "→"; /* Ícono de flecha */
  font-size: 20px;
  color: #c20202; /* Flecha roja por defecto */
  transition: transform 0.3s ease;
}

/* 5. Efecto interactivo al pasar el mouse (Hover) */
.view-sedes-cid .views-field-title a:hover {
  background-color: #c20202; /* El fondo se llena del color rojo del equipo */
  color: #ffffff !important; /* El texto se vuelve blanco */
  transform: translateY(-3px); /* El botón "flota" o se levanta 3px */
  box-shadow: 0 10px 20px rgba(194, 2, 2, 0.2); /* Sombra roja brillante debajo */
}

/* Al pasar el mouse, la flecha se vuelve blanca y se mueve a la derecha */
.view-sedes-cid .views-field-title a:hover::after {
  color: #ffffff;
  transform: translateX(5px); /* Empuja la flecha 5px a la derecha */
}

/* =========================================
   ADAPTACIÓN RESPONSIVA (Celulares)
========================================= */
@media (max-width: 767px) {
  .view-sedes-cid .view-content {
    grid-template-columns: 1fr; /* Se colapsa a UNA sola columna en celular */
    gap: 15px; /* Un poco menos de espacio entre botones */
  }
  
  .view-sedes-cid .views-field-title a {
    padding: 14px 18px;
    font-size: 15px; /* Letra un poquitito más pequeña para evitar que se corte el texto */
  }
}

/*=========================================================*/

/* -----------------------------------------
   NUEVO MENÚ PRINCIPAL
----------------------------------------- */

/* Contenedor general de la barra de navegación */
#navigation {
  background-color: #c20202; 
  border-top: 1px solid #000000; 
  border-bottom: 4px solid #000000; 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
}

/* Enlaces principales del menú (Nivel 1) */
#navigation .navbar-nav > li > a {
  color: #ffffff !important; 
  font-weight: 700; /* Letra fuerte pero no exagerada */
  font-size: 13px; /* Tamaño reducido para que sea más elegante */
  text-transform: uppercase; 
  padding: 16px 16px; /* Menos margen interno para adelgazar la barra */
  letter-spacing: 0.5px; 
  
  /* REGLAS CLAVE PARA QUE NO SE ROMPA LA LÍNEA */
  white-space: nowrap; /* Evita que la flecha se vaya abajo */
  display: flex; /* Alinea perfectamente el texto y la flecha */
  align-items: center;
  
  transition: all 0.3s ease; 
}

/* Efecto al pasar el ratón (Hover) y página activa en Nivel 1 */
#navigation .navbar-nav > li > a:hover,
#navigation .navbar-nav > li > a:focus,
#navigation .navbar-nav > li > a.is-active,
#navigation .navbar-nav > li.active > a {
  background-color: #000000; 
  color: #ffcd00 !important; 
}

/* Ajuste perfecto para la flechita (caret) hacia abajo */
#navigation .navbar-nav > li > a .caret {
  border-top-color: #ffffff;
  margin-left: 8px; /* Separación de la palabra */
  margin-top: 0; /* Asegura que esté en el centro vertical */
  transition: all 0.3s ease;
}

/* Cambiar la flechita a amarillo cuando se pasa el ratón o está abierto */
#navigation .navbar-nav > li > a:hover .caret,
#navigation .navbar-nav > li.open > a .caret {
  border-top-color: #ffcd00;
}

/* Mantener estilo cuando el desplegable está abierto (hicieron clic) */
#navigation .navbar-nav > li.open > a, 
#navigation .navbar-nav > li.open > a:hover, 
#navigation .navbar-nav > li.open > a:focus {
  background-color: #000000;
  color: #ffcd00 !important;
}


/* -----------------------------------------
   MENÚS DESPLEGABLES (Submenús / Dropdowns)
----------------------------------------- */

/* Caja del submenú */
#navigation .navbar-nav .dropdown-menu {
  background-color: #000000; 
  border: none;
  border-top: 4px solid #ffcd00; 
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
  padding: 0;
  margin-top: 0;
  min-width: 220px; 
}

/* Enlaces dentro del submenú */
#navigation .navbar-nav .dropdown-menu > li > a {
  color: #ffffff; 
  font-weight: 700;
  padding: 12px 20px;
  font-size: 13px;
  text-transform: uppercase;
  transition: all 0.3s ease; 
  border-bottom: 1px solid #1a1a1a; 
}

/* Quitar la línea divisoria del último elemento del menú */
#navigation .navbar-nav .dropdown-menu > li:last-child > a {
  border-bottom: none;
}

/* Efecto al pasar el ratón por opciones del submenú */
#navigation .navbar-nav .dropdown-menu > li > a:hover,
#navigation .navbar-nav .dropdown-menu > li > a:focus {
  background-color: #222222; 
  color: #ffcd00; 
  padding-left: 25px; /* Efecto de deslizamiento ligero */
}

/*=========================================================*/

/* -----------------------------------------
   SECCIÓN DE PATROCINADORES / LOGOS (CORREGIDA)
----------------------------------------- */

/* 1. Contenedor principal: Usamos Flexbox para evadir elementos invisibles de Drupal */
#block-bannerudg {
  display: flex !important;
  flex-wrap: wrap; /* Permite que bajen de línea solo si no caben */
  justify-content: center; /* Centra todo perfectamente */
  align-items: center; /* Centrado vertical impecable */
  gap: 50px; /* Espacio ideal entre logos */
  max-width: 1200px; 
  margin: 0 auto;
  padding: 50px 20px;
}

/* OBLIGATORIO: Sacamos de la alineación al botón oculto del administrador de Drupal */
#block-bannerudg .contextual {
  position: absolute !important;
}

/* 2. Limpieza de los contenedores individuales de cada logo */
#block-bannerudg .campo {
  float: none !important; 
  margin: 0 !important;
  flex: 0 1 140px; /* Ancho base que garantiza que los 6 quepan en 1 sola fila en PC */
  display: flex;
  justify-content: center;
}

/* 3. Control estricto de proporciones de las imágenes */
#block-bannerudg .campo img {
  width: 100% !important;
  max-width: 160px !important; 
  max-height: 70px !important; 
  object-fit: contain !important; 
  
  /* Efecto Premium: Unifica los logos haciéndolos grisáceos y tenues */
  opacity: 0.6; 
  filter: grayscale(100%); 
  transition: all 0.4s ease;
  
  margin: 0 auto;
  display: block;
}

/* 4. Efecto al pasar el mouse (Hover) */
#block-bannerudg .campo a:hover img {
  opacity: 1; 
  filter: grayscale(0%); 
  transform: scale(1.1); 
}

/* =========================================
   ADAPTACIÓN RESPONSIVA (Tablets y Celulares)
========================================= */

/* Tablets (Pantallas medianas) */
@media (max-width: 991px) {
  #block-bannerudg {
    gap: 40px; 
  }
  #block-bannerudg .campo {
    flex: 0 1 120px; /* Un poco más angostos para que sigan cabiendo */
  }
}

/* Celulares (Mobile) */
@media (max-width: 767px) {
  #block-bannerudg {
    gap: 30px 15px; 
    padding: 30px 15px;
  }
  
  #block-bannerudg .campo {
    /* Forzamos a que en celular se pongan en 2 columnas (pares) */
    flex: 0 1 40%; 
  }
  
  #block-bannerudg .campo img {
    max-width: 130px !important; 
    max-height: 60px !important;
  }
}

/*=========================================================*/

/* -----------------------------------------
   DISEÑO DE PÁGINA INDIVIDUAL: ESCUELA / CID
----------------------------------------- */

/* 1. Ocultar la información del autor (Enviado por Administrador) */
.escuela.full > footer {
  display: none !important;
}

/* 2. Contenedor Principal (Fondo gris elegante y cuadrícula de 2 columnas) */
.escuela.full .content {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Dos columnas iguales */
  gap: 20px;
  background: #f8f9fa; /* Fondo gris muy claro para aislar la sección */
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05); /* Sombra suave */
  margin-top: 20px;
  margin-bottom: 50px;
}

/* 3. Acomodo de los Datos (Lado Izquierdo) */
.escuela.full .field:not(.field--name-field-mapa-google-maps) {
  grid-column: 1 / 2; /* Forzamos a que todos se apilen en la columna 1 */
  background: #ffffff;
  padding: 15px 20px;
  border-radius: 8px;
  border-left: 5px solid #fcd116; /* Línea amarilla institucional */
  box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}

/* 4. Estilo de los Textos */
.escuela.full .field--label {
  color: #c20202; /* Rojo Leones Negros para los títulos */
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
}

.escuela.full .field--item {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

/* 5. Acomodo del Mapa de Google (Lado Derecho) */
.escuela.full .field--name-field-mapa-google-maps {
  grid-column: 2 / 3; /* Forzamos a que el mapa viva en la columna 2 */
  grid-row: 1 / 10; /* Le decimos que se estire a lo largo de todos los datos de la izquierda */
  height: 100%;
}

.escuela.full .field--name-field-mapa-google-maps .field--label {
  display: none; /* Ocultamos el texto "Mapa (Google Maps)" porque es redundante */
}

.escuela.full .field--name-field-mapa-google-maps iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 350px;
  border-radius: 12px; /* Esquinas redondeadas para el mapa */
  box-shadow: 0 5px 15px rgba(0,0,0,0.1); /* Sombra elegante */
  border: none !important;
}

/* =========================================
   ADAPTACIÓN RESPONSIVA (Tablets y Celulares)
========================================= */
@media (max-width: 991px) {
  .escuela.full .content {
    grid-template-columns: 1fr; /* Cambiamos a 1 sola columna */
    padding: 20px;
  }
  
  .escuela.full .field:not(.field--name-field-mapa-google-maps) {
    grid-column: 1; /* Los datos ocupan todo el ancho */
  }
  
  .escuela.full .field--name-field-mapa-google-maps {
    grid-column: 1;
    grid-row: auto; /* El mapa ya no se estira de lado, sino que baja al final */
    margin-top: 20px;
  }
  
  .escuela.full .field--name-field-mapa-google-maps iframe {
    min-height: 300px;
  }
}

/*=========================================================*/

/* -----------------------------------------
   EXHIBIDOR DE CALENDARIO (Efecto Póster)
----------------------------------------- */

/* 1. El escenario oscuro de fondo */
.escenario-calendario {
  max-width: 650px; /* Como es vertical, no dejamos que se haga ancho gigante */
  margin: 50px auto; /* Centrado en la página */
  padding: 50px 30px;
  text-align: center;
  background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%); /* Fondo negro elegante */
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.2);
  border-bottom: 6px solid #c20202; /* Detalle de línea roja abajo */
  perspective: 1000px; /* Activa la capacidad de hacer efectos 3D */
}

/* 2. El Póster (Imagen) */
.escenario-calendario img {
  width: 100%;
  max-width: 450px; /* Tamaño ideal para póster vertical */
  height: auto;
  border-radius: 6px;
  border: 8px solid #ffffff; /* Marco blanco tipo fotografía impresa */
  box-shadow: 0 20px 50px rgba(0,0,0,0.5); /* Sombra negra muy fuerte */
  transition: transform 0.6s ease, box-shadow 0.6s ease;
  display: inline-block;
}

/* 3. El Efecto 3D al pasar el mouse */
.escenario-calendario:hover img {
  /* Se levanta, se inclina un poco hacia atrás y gira ligeramente */
  transform: translateY(-15px) rotateX(5deg) rotateY(-3deg); 
  /* La sombra cambia a rojo para verse espectacular */
  box-shadow: 15px 30px 60px rgba(194, 2, 2, 0.4); 
}

/* 4. Botón de Descarga */
.calendario-acciones {
  margin-top: 40px;
}

.btn-descargar-calendario {
  display: inline-block;
  background-color: #fcd116; /* Botón Amarillo */
  color: #000000 !important;
  padding: 16px 35px;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 50px; /* Botón en forma de pastilla */
  text-decoration: none !important;
  box-shadow: 0 5px 15px rgba(252, 209, 22, 0.3); /* Sombra amarilla */
  transition: all 0.3s ease;
}

.btn-descargar-calendario:hover {
  background-color: #c20202; /* Se vuelve rojo al pasar el mouse */
  color: #ffffff !important;
  transform: scale(1.05); /* El botón crece un poquito */
  box-shadow: 0 8px 20px rgba(194, 2, 2, 0.4);
}

/* Celulares */
@media (max-width: 767px) {
  .escenario-calendario {
    padding: 30px 15px;
    margin: 20px auto;
  }
  .escenario-calendario img {
    border-width: 4px; /* Marco más delgado en celular */
  }
}

/*=========================================================*/

/* -----------------------------------------
PUBLICIDAD DE CALIENTE MX EN PAGINA INICIO
----------------------------------------- */

/* Nos aseguramos que el contenedor del banner ocupe el ancho adecuado */
#block-drudg8b3-bloquelistondepublicidad {
  width: 100%;
  margin: 30px auto; /* Un poco de separación arriba y abajo */
  text-align: center;
}

#block-drudg8b3-bloquelistondepublicidad .field--name-body {
  width: 100%;
  display: block;
}

/* Magia responsiva para la imagen */
#block-drudg8b3-bloquelistondepublicidad img {
  width: 100% !important; /* Se ajusta al 100% del ancho de la pantalla/contenedor */
  max-width: 1920px !important; /* Nunca crecerá más de su tamaño original */
  height: auto !important; /* Mantiene la proporción exacta (150px) para no deformarse */
  display: block;
  margin: 0 auto; /* Centra la imagen */
  object-fit: contain; /* Garantiza que absolutamente toda la imagen se vea */
}
/*=========================================================*/




/*Encabezado*/
#header.container-fluid {
  background-color: #00427B;
  background-image: -moz-linear-gradient(#00427B, #002D4B);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00427B), to(#002D4B));
  background-image: -webkit-linear-gradient(#ffcd00, #ffcd00);
  background-image: -o-linear-gradient(#00427B, #002D4B);
  color: var(--colorblanco);
  height: 50px;
}

#header.container-fluid a {
  color: var(--colorblanco);
}

.escudo {
  text-align: center;
}

.navbar {
  border: none;
}

.nav>li>a:focus,
.nav>li>a:hover {
  color: var(--color-grisclaro);
  background-color: var(--color-grisclaro);
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: var(--color-grisclaro);
}

/*
SIN ESTILO
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover{  }
*/

.logog {
  position: relative;
  z-index: 400;
  top: 10px;
  width: 100%;
  max-width: 468px;
}

.escudo {
  display: none;
}

.escudoch {
  width: 60%;
  max-width: 468px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#navigation {
  background-color: #c20202/*var(--color-secundario)*/;
  font-size: 13px;
  text-transform: uppercase;
}

.sr-only {
  color: var(--colornegro);
}

#navigation h2 {
  color: var(--colorblanco);
}

/*Titulo de la portada*/
.path-frontpage h1.page-header {
  height: 0;
  overflow: hidden;
  padding: 0;
  border: none;
  margin: 0;
}

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

#precontent {
  background-color: var(--coloridentidad);
}

#content5 {
  background-color: var(--color-grisclaro);
}

.region.region-precontent .name {
  color: var(--colorblanco);
  text-transform: uppercase;
  padding-top: 16px;
  font-family: 'Montserrat Bold', sans-serif;
  line-height: 20px;
  display: inline-block;
  font-size: 18px;
}

.navbar-brand {
  float: none;
}

/*Buscador*/
.block-search-form-block {
  margin-top: 12px;
}

#search-block-form .control-label {
  color: var(--colorblanco);
}

.block-search-form-block {
  margin-top: 15px;
}

#header div.block-search-form-block div.form-group {
  margin-bottom: 2px;
}

#header input#edit-keys {
  height: 25px;
}

#header div.block-search-form-block div.form-group button.button.js-form-submit.form-submit.btn-primary.btn.icon-only {
  height: 25px;
}

#header div.block-search-form-block div.form-group button.button.js-form-submit.form-submit.btn-primary.btn.icon-only span.glyphicon {
  top: 0px;
  line-height: 0;
}

#header .btn-primary {
  background-color: var(--coloridentidad-1);
  border: solid 1px var(--coloridentidad-1);
}

/*menu*/
.navbar-toggle {
  float: none;
}

nav#block-drudg8b3-main-menu ul.menu.menu--main.nav.navbar-nav li.expanded.dropdown ul.dropdown-menu li a:hover {
  background-color: var(--color-grisclaro);
}

nav#block-drudg8b3-main-menu ul.menu.menu--main.nav.navbar-nav li.last {
  border-right: solid thin var(--color-secundario);
}

/*Slideshow*/

.carousel-caption {
  text-align: left;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
  margin-left: auto;
  margin-right: auto;
}

#slideshow.container-fluid {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  padding: 0;
}

#block-drudg8b3-views-block-slideshow-principal-block-1 .form-group {
  margin-bottom: 0;
}

#block-drudg8b3-views-block-slideshow-principal-block-1 .carousel-caption {
  background-color: #4d4d4dcc;
  padding: 10px;
}

#block-drudg8b3-views-block-slideshow-principal-block-1 .view-content a {
  color: var(--colorblanco);
}

#block-drudg8b3-views-block-slideshow-principal-block-1 #carouselButtonsviews-bootstrap-slideshow-principal-block-1 {
  margin-left: 100px;
  position: absolute;
  bottom: 0px;
}

#block-drudg8b3-views-block-slideshow-principal-block-1 .not-show {
  display: none;
}

#slideshow {
  background-color: var(--color-secundario);
}

/*Slideshow video custom*/
#Anuncio1 {
  background-color: #252525cc;
  padding: 10px;
  border-radius: 5px;
  text-align: left;
}

#Anuncio1 h2 a {
  color: var(--colorblanco);
}

#Anuncio1 p {
  display: none;
}

#block-slideudgvideo .node-43 .carousel-caption {
  top: 10px;
  left: 25%;
}

div#Anuncio1 h2 {
  font-family: 'Montserrat Medium', sans-serif;
}

/*Footer*/
#footer {
  background-color: var(--color-secundario);
  padding-top: 20px;
  color: var(--colorblanco);

}

#footer a,
#footer {
  color: var(--colorblanco);
}

#footer ul.contextual-links a:link,
#footer ul.contextual-links a:visited {
  color: var(--color-secundario);
}

#footer ul.menu--footer {
  line-height: 1.5rem;
  font-size: 12px;
}

#footer ul.menu--footer li a:hover {
  background-color: var(--color-secundario);
  border-radius: 4px;
}


.footer {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  border: none;
}

.contextual-links a {
  color: var(--color-secundario);
}

#block-drudg8b3-footer2 {
  clear: both;
  font-size: 12px;
  line-height: 2rem;
}

.row-horizon {
  overflow-x: scroll;
  white-space: nowrap;
}

.row-horizon .card {
  display: inline-block;
  float: none;
}

h2.block-title {
  color: var(--colorblanco);
  background-color: var(--coloridentidad);
  padding: 10px 10px;
  font-family: "Druk Wide Bold", sans-serif;
  border-radius: 5px;
}

/*Videos portada*/

#content3 {
  background-color: var(--color-grisclaro);
  position: relative;
}

#block-drudg8b3-views-block-videos-block-1 {
  padding-bottom: 30px;

}

#block-drudg8b3-views-block-videos-block-1 div.views-field.views-field-field-video-galeria iframe {
  width: 100%;
}

#block-drudg8b3-views-block-videos-block-1 .views-row .views-field.views-field-title {
  font-size: 24px;
  font-family: 'Montserrat Bold', sans-serif;
}

#block-drudg8b3-views-block-videos-block-2 {
  font-family: 'Montserrat', sans-serif;
}

#block-drudg8b3-views-block-videos-block-2 .views-row {
  padding: 5px;
  padding-left: 20px;
  padding-bottom: 1px;
  clear: both;
}

#block-drudg8b3-views-block-videos-block-2 .views-row .views-field.views-field-field-video-galeria {
  display: block;
  margin-right: 15px;
  float: left;
}

#block-drudg8b3-views-block-videos-block-2 .views-row .views-field.views-field-title {
  font-family: 'Montserrat Bold', sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: var(--coloridentidad-2);
}

#block-drudg8b3-views-block-videos-block-2 .views-row .views-field.views-field-field-fecha-galeria-videos {
  display: inline-block;
}

#block-drudg8b3-views-block-videos-block-2 .view-footer {
  clear: both;
  margin-top: 30px;
}

#block-galeriadevideos h2.block-title {
  color: var(--coloridentidad-1);
  padding: 10px 5px;
  background-color: var(--color-grisclaro);
  font-family: 'Druk Wide Bold', sans-serif;
}

/*Banner*/
#block-drudg8b3-views-block-banner-block-1-2 .carousel-control {
  width: 8%;
  width: 0px;
}

#block-drudg8b3-views-block-banner-block-1-2 .carousel-control>a>span {
  color: var(--colorblanco);
  background-color: var(--colorlink);
  font-size: 29px;
}

#block-drudg8b3-views-block-banner-block-1-2 .carousel-col {
  position: relative;
  min-height: 1px;
  padding: 5px;
  float: left;
}

#block-drudg8b3-views-block-banner-block-1-2 .active>div {
  display: none;
}

#block-drudg8b3-views-block-banner-block-1-2 .active>div:first-child {
  display: block;
}

#block-drudg8b3-views-block-banner-block-1-2 #carouselButtonsbanner {
  margin-left: 100px;
  position: absolute;
  bottom: 0px;
}

#block-drudg8b3-views-block-banner-block-1-2 .not-show {
  display: none;
}
#block-drudg8b3-views-block-banner-block-1-2 .img-responsive{
  border-radius: 4px;
}

/* 1. Preparamos la imagen para la transición */
#block-drudg8b3-views-block-banner-block-1-2 .img-responsive {
  border-radius: 4px;
  transition: transform 0.4s ease, filter 0.4s ease; /* Suaviza el movimiento */
}

/* 2. Evitamos que la imagen se salga de su cuadro al crecer */
#block-drudg8b3-views-block-banner-block-1-2 .carousel-col {
  position: relative;
  min-height: 1px;
  padding: 5px;
  float: left;
  overflow: hidden; /* CRUCIAL: Mantiene el zoom dentro del recuadro */
}

/* 3. El efecto cuando el mouse pasa por encima (Hover) */
/* Lo aplicamos al contenedor .carousel-col para que la imagen reaccione 
   aunque el mouse no esté exactamente sobre el centro de la foto */
#block-drudg8b3-views-block-banner-block-1-2 .carousel-col:hover .img-responsive {
  transform: scale(1.08); /* Crece un 8% */
  filter: brightness(1.1); /* Se ilumina ligeramente */
  cursor: pointer;
}


/*Agenda*/
#block-views-block-agenda-contenido-block-1 {
  font-size: 13px;
}

#block-views-block-agenda-contenido-block-1 .views-field-title {
  font-family: 'Montserrat Bold', sans-serif;
  font-size: 16px;
  padding-left: 30px;
}

#block-views-block-agenda-contenido-block-1 .views-field-field-sitio-de-interes {
  background-color: #000000 /*var(--colormenu)*/;
  border: 5px solid #ffcd00;
  /*box-shadow: 0 0 0 6px var(--colormenu);*/
  padding: 7px 9px;
  margin-top: 10px;
  text-align: center;
  color: var(--colorblanco);
  border-radius: 4px;
}

#block-views-block-agenda-contenido-block-1 .views-field-field-sitio-de-interes a {
  color: var(--colorblanco);
}

#block-views-block-agenda-contenido-block-1 input {
  width: 40px;
  height: 40px;
  background: url('../images/ico_evento_fecha.png') no-repeat center;
  text-indent: 50px;
  border: solid 1px var(--colorblanco);
}

#block-views-block-agenda-contenido-block-1 input:hover {
  background: var(--color-grisclaro) url('../images/ico_evento_fecha_over.png') no-repeat center;
}

#block-views-block-agenda-contenido-block-1 .views-field-udg-liston-views-field {
  display: block;
  float: left;
}

#block-views-block-agenda-contenido-block-1 .views-field-field-fecha-agenda {
  display: block;
  padding-left: 20px;
  width: 100%;
  border-bottom: 1px dashed var(--color-grisclaro);
  clear: right;
}


#block-views-block-agenda-contenido-block-1 .views-field-field-lugar-1 a {
  width: 40px;
  height: 40px;
  text-indent: 50px;
  overflow: hidden;
  line-height: 50px;
  background: url('../images/ico_evento_lugar.png') no-repeat 10px center;
  display: block;
  color: var(--colorblanco);
}

#block-views-block-agenda-contenido-block-1 .views-field-field-lugar-1 a:hover {
  background: var(--color-grisclaro) url('../images/ico_evento_lugar_over.png') no-repeat 10px center;
}

#block-views-block-agenda-contenido-block-1 .views-field-field-lugar-1 {
  display: block;
  float: left;
}

#block-views-block-agenda-contenido-block-1 .views-field-field-lugar {
  display: block;
  clear: right;
  padding-left: 20px;
  width: 100%;
}

#block-views-block-agenda-contenido-block-1 .content-group {
  border: solid 3px var(--color-grisclaro);
  margin: 10px 0;
  padding: 5px;
}

.masonry-column {
  padding: 0 1px;
}

.masonry-grid>div .thumbnail {
  margin: 5px 1px;
}


/*Agenda nodo*/
#block-contenidofield-4 {
  margin-bottom: 20px;
}

#block-contenidofield-4 .field a {
  display: inline-block;
}

#block-contenidofield-4 .field {
  text-align: center;
}

#block-views-block-agenda-contenido-block-2 .views-field-field-sitio-de-interes {
  background-color: var(--colormenu);
  padding: 10px;
  margin-top: 10px;
  text-align: center;
}

#block-views-block-agenda-contenido-block-2 .views-field-field-sitio-de-interes a {
  color: var(--colorblanco);
}

#block-views-block-agenda-contenido-block-2 input {
  width: 40px;
  height: 40px;
  background: url('../images/ico_evento_fecha.png') no-repeat center;
  text-indent: 50px;
  border: solid 1px var(--colorblanco);
}

#block-views-block-agenda-contenido-block-2 input:hover {
  background: var(--color-grisclaro) url('../images/ico_evento_fecha_over.png') no-repeat center;
}

#block-views-block-agenda-contenido-block-2 .views-field-udg-liston-views-field {
  display: inline-block;
  vertical-align: top;
}

#block-views-block-agenda-contenido-block-2 .views-field-field-fecha-agenda {
  display: inline-block;
  padding-left: 20px;
  width: 100%;
  max-width: 93%;
}

#block-views-block-agenda-contenido-block-2 .views-field-field-lugar-1 a {
  width: 40px;
  height: 40px;
  text-indent: 50px;
  overflow: hidden;
  line-height: 50px;
  background: url('../images/ico_evento_lugar.png') no-repeat 10px center;
  display: block;
  color: var(--colorblanco);
}

#block-views-block-agenda-contenido-block-2 .views-field-field-lugar-1 a:hover {
  background: var(--color-grisclaro)url('../images/ico_evento_lugar_over.png') no-repeat 10px center;
}

#block-views-block-agenda-contenido-block-2 .views-field-field-lugar-1 {
  display: inline-block;
  vertical-align: top;
}

#block-views-block-agenda-contenido-block-2 .views-field-field-lugar {
  display: inline-block;
  padding-left: 20px;
  width: 100%;
  max-width: 93%;
}

#block-views-block-agenda-contenido-block-2 .content-group {
  border: solid 3px var(--color-grisclaro);
  margin: 10px 0;
  padding: 5px;
}

.evento-de-agenda {
  clear: both;
}

/*Pagina basica*/
#block-contenidofield-3 .field {
  text-align: center;
}

#block-contenidofield-3 .field img {
  display: inline-block;
}

/*Pagina agenda*/
.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-field-field-sitio-de-interes {
  background-color: var(--colormenu);
  padding: 10px;
  margin-top: 10px;
  text-align: center;
}

.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-field-field-sitio-de-interes a {
  color: var(--colorblanco);
}

.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-field-title {
  font-family: 'Montserrat Medium', sans-serif;
  font-size: 20px;
  padding-left: 10px;
  margin-bottom: 2rem;
}

.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 input {
  width: 40px;
  height: 40px;
  background: url('../images/ico_evento_fecha.png') no-repeat center;
  text-indent: 50px;
  border: solid 1px var(--colorblanco);
}

.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 input:hover {
  background: var(--color-grisclaro) url('../images/ico_evento_fecha_over.png') no-repeat center;
}

.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-field-field-fecha-agenda {
  display: inline-block;
  padding-left: 20px;
  width: 88%;
}

.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-field-udg-liston-views-field {
  display: inline-block;
  vertical-align: top;
}

.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-field-field-lugar {
  display: inline-block;
  vertical-align: top;
}

.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-field-field-lugar-1 {
  display: inline-block;
  width: 88%;
  padding-left: 20px;
}

.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-row {
  border: solid 3px var(--color-grisclaro);
  margin: 10px 0;
  padding: 20px;
}

.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-field-field-lugar a {
  width: 40px;
  height: 40px;
  text-indent: 50px;
  overflow: hidden;
  line-height: 50px;
  background: url('../images/ico_evento_lugar.png') no-repeat 10px center;
  display: block;
  color: var(--colorblanco);
}

.view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-field-field-lugar a:hover {
  background: var(--color-grisclaro) url('../images/ico_evento_lugar_over.png') no-repeat 10px center;
}

/*Noticias portada*/

/*#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row img:hover {
  background-color: var(--colorblanco);
  opacity: .5;
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(1) {
  background-color: var(--color-secundario);
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(2) {
  background-color: var(--coloridentidad);
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(3) {
  background-color: var(--coloridentidad);
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(4) {
  background-color: var(--color-secundario);
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row {
  padding-right: 0px;
  padding-left: 0px;
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-field-imagen-noticia.col-sm-6 {
  padding-right: 0px;
  padding-left: 0px;
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-title.col-sm-6 a {
  color: var(--colorblanco);
  font-size: 20px;
  line-height: 22px;
  font-family: 'Montserrat Medium', sans-serif;
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(1) div.views-field.views-field-title.col-sm-6,
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(2) div.views-field.views-field-title.col-sm-6 {
  margin-top: 50px;
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(1) div.views-field.views-field-title.col-sm-6,
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(2) div.views-field.views-field-title.col-sm-6 {
  margin-top: 50px;
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(3) div.views-field.views-field-title.col-sm-6,
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(4) div.views-field.views-field-title.col-sm-6 {
  display: block;
  float: right;
  margin-top: 50px;
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(3) div.views-field.views-field-field-imagen-noticia.col-sm-6,
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(4) div.views-field.views-field-field-imagen-noticia.col-sm-6 {
  float: left;
  display: block;
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-title.col-sm-6 {
  color: var(--colorblanco);
  font-size: 14px;
  font-family: 'Montserrat Medium', sans-serif;
} */

/*Noticias portada - Ajuste de Imagen Total, Esquinas Redondas, Sinopsis y Hover Dinámico*/

/* 1. Contenedor principal: Esquinas redondas y apilamiento vertical */
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-row {
  position: relative;
  width: 265px;
  height: 370px;
  overflow: hidden; /* Esto es clave para que al hacer zoom la imagen no se salga de las curvas */
  float: left;
  margin: 10px; 
  padding: 0 !important;
  display: flex;
  flex-direction: column; 
  justify-content: flex-end; 
  background: transparent !important;
  border-radius: 12px; /* Esquinas redondas */
}

/* Forzar a que Título y Sinopsis ocupen el 100% del ancho */
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-row > .views-field {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

/* 2. Imagen: Ocupa el 100% del recuadro y tiene transición para el zoom */
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-field-field-imagen-noticia,
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-field-field-imagen-noticia .field-content,
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-field-field-imagen-noticia a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1;
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-field-field-imagen-noticia img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover; 
  object-position: center; 
  transition: transform 0.5s ease; /* <-- TRANSICIÓN SUAVE RESTAURADA */
}

/* 3. Capa de Degradado Oscuro */
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-row::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65%; 
  background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 60%, transparent 100%);
  z-index: 2; 
  pointer-events: none;
}

/* 4. Título */
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-field-title {
  position: relative;
  z-index: 3;
  padding: 0 15px 5px 15px !important; 
  background: transparent !important; 
  margin: 0 !important;
  order: 1; 
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-field-title a {
  color: #ffffff !important;
  font-size: 17px;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  font-family: 'Montserrat Medium', sans-serif;
  
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .fecha_enlace_p {
  color: #dddddd;
  font-size: 11px;
  display: block;
  margin-top: 5px;
}

/* 5. Sinopsis */
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-field-field-sinopsis- {
  position: relative;
  z-index: 3;
  padding: 0 15px 25px 15px !important; 
  background: transparent !important;
  order: 2; 
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-field-field-sinopsis- .field-content {
  color: #cccccc !important; 
  font-size: 13px;
  line-height: 1.3;
  font-family: 'Montserrat', sans-serif;
  
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 6. Listón Tricolor (Amarillo, Negro, Rojo) */
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-row::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 4;
  transition: height 0.3s ease;
  background: linear-gradient(to right, 
    #fcd116 0%, #fcd116 33.33%, 
    #000000 33.33%, #000000 66.66%, 
    #e30613 66.66%, #e30613 100%);
}

/* 7. Hover: Aparece el listón y la imagen hace Zoom */
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-row:hover::after {
  height: 10px; /* Sube el listón */
}

#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .views-row:hover .views-field-field-imagen-noticia img {
  transform: scale(1.1); /* <-- EFECTO ZOOM RESTAURADO */
}

/* Forzamos que desaparezcan los estilos de Bootstrap que ponen fondo */
#block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row {
    background-color: transparent !important;
}

/*==================================================================================================================================================*/

/*Pagina de noticias*/
.view.view-noticias-pagina-principal.view-id-noticias_pagina_principal.view-display-id-page_1 .views-field-field-imagen-noticia {
  float: left;
  margin: 10px;
}

.view.view-noticias-pagina-principal.view-id-noticias_pagina_principal.view-display-id-page_1 .views-row {
  clear: both;
}

#block-contenidofield .field--item {
  border-bottom: 1px dashed;
}

#block-contenidofield .field--item:hover {
  background-color: var(--color-grisclaro);
}

#block-contenidofield .field--item:hover a {
  text-decoration: none;
  color: var(--color-secundario);
}

#block-contenidofield .field--item {
  padding: 5px 15px;
}

#block-contenidofield-2 .field--item {
  border-bottom: 1px dashed;
}

#block-contenidofield-2 .field--item:hover {
  background-color: var(--color-grisclaro);
}

#block-contenidofield-2 .field--item:hover a {
  text-decoration: none;
  color: var(--color-secundario);
}

#block-contenidofield-2 .field--item {
  padding: 5px 15px;
}

/*Bloques que estan en pagina de noticias*/
section#block-contenidofield h2.block-title,
section#block-contenidofield-2 h2.block-title {
  font-family: 'Montserrat Medium', sans-serif;
  font-size: 18px;
}

/*Directorio*/
.view-directorio.view-id-directorio.view-display-id-page_1 .views-label {
  float: left;
  margin-right: 5px;
}

.view-directorio.view-id-directorio.view-display-id-page_1 .view-content>div {
  clear: both;
}

.view-directorio.view-id-directorio.view-display-id-page_1 .view-content>h3 {
  clear: both;
}

.view-directorio.view-id-directorio.view-display-id-page_1 .piso-2 {
  float: left;
  margin: 10px 0 0 30px;
}

.view-directorio.view-id-directorio.view-display-id-page_1 .peso-2 {
  margin: 10px 0 0 30px;
}

.view-directorio.view-id-directorio.view-display-id-page_1 .piso-3 {
  float: left;
  margin: 10px 0 0 60px;
}

.view-directorio.view-id-directorio.view-display-id-page_1 .peso-3 {

  margin: 10px 0 0 60px;
}

.view-directorio.view-id-directorio.view-display-id-page_1 .piso-4 {
  float: left;
  margin: 10px 0 0 90px;
}

.view-directorio.view-id-directorio.view-display-id-page_1 .peso-4 {
  margin: 10px 0 0 90px;
}

.view-directorio.view-id-directorio.view-display-id-page_1 .piso-5 {
  float: left;
  margin: 10px 0 0 120px;
}

.view-directorio.view-id-directorio.view-display-id-page_1 .peso-5 {
  margin: 10px 0 0 120px;
}

.view-directorio.view-id-directorio.view-display-id-page_1 .views-field-field-fotografia {
  float: left;
  margin: 4px 10px 20px 10px;
}

/*Carrousel nodo noticia*/
ol.carousel-indicators {
  position: relative;
  bottom: 0px;
  /* width: 59%; */
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: unset;
  z-index: 15;
  width: unset;
  padding-left: 0;
  margin-left: unset;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-left: 10px;
  margin-top: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #00000099;
  background-color: rgba(0, 0, 0, 0);
  border: solid 1px var(--colorblanco);
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 100px;
  height: 100px;
  margin: 0;
  background-color: var(--colorblanco);
  margin-right: 0px;
}

/*Menú secondary node noticia*/
div.region.region-sidebar-second nav#block-mainnavigation h2#block-mainnavigation-menu {
  background-color: var(--color-secundario);
  color: var(--colorblanco);
  padding: 5px;
  text-align: center;
  margin-top: 50px;

  font-size: 18px;
}

div.region.region-sidebar-second nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li {
  display: block;
  float: none;
  width: 100%;
  text-align: left;

  line-height: 30px;
  border-bottom: 1px dashed;
}

/*Redes sociales*/
.stream li a {
  color: var(--colormenu);
}

/*Section redes sociales nodo noticia*/
#block-mailtoudg {
  background-color: var(--color-secundario);
  padding: 10px 15px;
  margin-bottom: 10px;
  color: var(--colorblanco);
  font-weight: bold;
}

#block-mailtoudg a {
  margin-left: 15px;
}

#block-mailtoudg iframe {
  display: inline-block;
  width: 115px;
  height: 35px;
  vertical-align: bottom;
  border: none;
  margin-left: 15px;
  padding-top: 10px;
}

#block-mailtoudg .block-title {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.img_face {
  width: 35px;
  height: 35px;
}

.img_twitter {
  width: 35px;
  height: 35px;
}

/*Galeria de imagenes*/
.view.view-galeria-de-imagenes.view-id-galeria_de_imagenes.view-display-id-page_1 .view-content img {
  display: inline-block;
  vertical-align: top;
}

.view.view-galeria-de-imagenes.view-id-galeria_de_imagenes.view-display-id-page_1 .views-row {
  border-bottom: thin dotted var(--color-grisclaro);
  padding: 10px 0;
  margin: 0;
}

#block-views-block-galeria-de-imagenes-block-2 .views-field {
  text-align: left;

  font-size: 22px;
  line-height: 30px;
  border-bottom: 2px dashed;
}

#block-views-block-galeria-de-imagenes-block-2 .views-field:hover {
  background-color: var(--color-grisclaro);
}

#block-views-block-galeria-de-imagenes-block-2 .views-field:hover a {
  text-decoration: none;
  color: var(--color-secundario);
}

#block-views-block-galeria-de-imagenes-block-2 .views-field {
  padding: 5px 15px;
}

/*Galeria de videos*/
#block-views-block-videos-block-3 .views-field {
  text-align: left;

  font-size: 22px;
  line-height: 30px;
  border-bottom: 2px dashed;
}

#block-views-block-videos-block-3 .views-field:hover {
  background-color: var(--color-grisclaro);
}

#block-views-block-videos-block-3 .views-field:hover a {
  text-decoration: none;
  color: var(--color-secundario);
}

#block-views-block-videos-block-3 .views-field {
  padding: 5px 15px;
}

/*footer*/
#block-redessociales img {
  width: 30px;
  height: auto;
  margin: 5px;
  border-radius: 50%;
  background-color: var(--colormenu);
}

#block-drudg8b3-footer h2 {
  height: 0;
  padding: 0;
  overflow: hidden;
}

#block-drudg8b3-footer1 {
  width: 70%;
}

#block-drudg8b3-footer1 h2.block-title {
  height: 0;
  padding: 0;
  overflow: hidden;
}

#block-redessociales h2.block-title {
  height: 0;
  padding: 0;
  overflow: hidden;
}

#block-drudg8b3-footer2 h2.block-title {
  height: 0;
  padding: 0;
  overflow: hidden;
}

#block-drudg8b3-footer2 .field {
  text-align: center;
}

/*Enlaces de interes*/
#block-bannerudg h2.block-title {
  height: 0;
  padding: 0;
  overflow: hidden;
}
#block-bannerudg .img-responsive{
  border-radius: 4px;
}


/*Paginas basicas font*/
h1.page-header {
  font-family: 'Montserrat Bold', sans-serif;
}

.foot_direccion {
  padding-left: 10px;
  font-size: 12px;
  line-height: 2rem;
}

span.file.icon-before span.file-link a {
  font-family: 'Montserrat Medium', sans-serif;
}

.Informativo,
.Obituario,
.Aviso {
  min-height: 30px;
  padding: 26px 15px 20px 80px;
  border: solid 1px var(--color-grisclaro);
  border-radius: 5px;
  margin-top: 0.5rem;
}

.Informativo {
  background: url("../images/informativo.png") no-repeat 6px 2px;
  border-color: var(--color-grisclaro);
}

.Obituario {
  background: url("../images/obituario.png") no-repeat 6px 5px;
  -webkit-box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.4);
}

.Aviso {
  background: url("../images/aviso.png") no-repeat 6px 10px;
  border-color: #ffcd00;
}


/*-----------------------------------------------------------------------------------*/
/*  2.  adjustments for max width of 767 px
/*-----------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  #block-drudg8b3-views-block-banner-block-1-2 .carousel-col {
    width: 50%;
  }

  #block-drudg8b3-views-block-banner-block-1-2 .active>div:first-child+div {
    display: block;
  }

  /*Noticia portada xs*/
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row {
    padding-bottom: 15px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(1) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(2) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(3) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(4) div.views-field.views-field-title.col-sm-6 {
    padding: 10px;
    margin-top: 0px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-field-imagen-noticia.col-sm-6 {
    padding-right: 15px;
    padding-left: 15px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(3) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(4) div.views-field.views-field-title.col-sm-6 {
    display: block;
    float: left;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(3) div.views-field.views-field-field-imagen-noticia.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(4) div.views-field.views-field-field-imagen-noticia.col-sm-6 {
    float: none;
    display: inline-block;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-title.col-sm-6 {
    color: var(--colorblanco);
    font-size: 12px;
    font-family: 'Montserrat Medium', sans-serif;
  }

  #header.container-fluid {
    height: auto;
    padding-bottom: 10px;
  }

  #block-views-block-agenda-contenido-block-1 .views-field-field-fecha-agenda,
  #block-views-block-agenda-contenido-block-1 .views-field-field-lugar {
    max-width: 90%;
  }
}

/*-----------------------------------------------------------------------------------*/
/*  3.  adjustments for min width of 768 px
/*-----------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  body {
    margin: 0;
  }

  .escudo {
    display: inline-block;
    height: 50px;
  }

  .escudoch {
    display: none;
  }

  .region.region-precontent .name {
    min-height: auto;
  }

  .navbar-nav>li {
    width: 14%;
    text-align: center;
    box-sizing: border-box;
    border-left: solid thin var(--color-secundario);
  }

  ul.navbar-nav {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row p.enlace_noticia {
    color: var(--colorblanco);
    font-size: 10px;
    line-height: 12px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-title.col-sm-6 {
    color: var(--colorblanco);
    font-size: 14px;
  }

  #Anuncio1 {
    left: 0;
    width: 30%;
  }

  .view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-field-field-fecha-agenda {
    width: 93%;
  }

  .view.view-agenda-contenido-.view-id-agenda_contenido_.view-display-id-page_1 .views-field-field-lugar-1 {
    width: 93%;
  }
}

/*-----------------------------------------------------------------------------------*/
/*  4.  adjustments for min width of 768 px and max width of 991
/*-----------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
  #block-drudg8b3-views-block-banner-block-1-2 .carousel-col {
    width: 50%;
  }

  #block-drudg8b3-views-block-banner-block-1-2 .active>div:first-child+div {
    display: block;
  }

  /*Noticia portada sm*/
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row div.views-field.views-field-title.col-sm-6 {
    padding: 10px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(3) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(4) div.views-field.views-field-title.col-sm-6 {
    display: block;
    float: right;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(3) div.views-field.views-field-field-imagen-noticia.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(4) div.views-field.views-field-field-imagen-noticia.col-sm-6 {
    float: none;
    display: inline-block;
  }

  /*Noticias Portada*/
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-title.col-sm-6 a {
    color: var(--colorblanco);
    font-size: 12px;
    line-height: 16px;
    font-family: 'Montserrat Medium', sans-serif;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(1) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(2) div.views-field.views-field-field-title.col-sm-6 {
    margin-top: 0px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(1) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(2) div.views-field.views-field-title.col-sm-6 {
    margin-top: 0px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(3) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(4) div.views-field.views-field-title.col-sm-6 {
    display: block;
    float: right;
    margin-top: 0px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-title.col-sm-6 p:nth-child(2) {
    font-size: 12px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-title.col-sm-6 {
    color: var(--colorblanco);
    font-size: 10px;
    font-family: 'Montserrat Medium', sans-serif;
  }

  #block-redessociales {
    width: 28%;
  }

}

/*-----------------------------------------------------------------------------------*/
/*  5.  adjustments for min width of 992 px and max widht of 1199
/*-----------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
  #block-drudg8b3-views-block-banner-block-1-2 .carousel-col {
    width: 33%;
  }

  #block-drudg8b3-views-block-banner-block-1-2 .active>div:first-child+div {
    display: block;
  }

  #block-drudg8b3-views-block-banner-block-1-2 .active>div:first-child+div+div {
    display: block;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-title.col-sm-6 a {
    color: var(--colorblanco);
    font-size: 16px;
    line-height: 20px;

  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(1) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(2) div.views-field.views-field-title.col-sm-6 {
    margin-top: 30px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(1) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(2) div.views-field.views-field-title.col-sm-6 {
    margin-top: 30px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(3) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(4) div.views-field.views-field-title.col-sm-6 {
    display: block;
    float: right;
    margin-top: 30px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row p.enlace_noticia {
    color: var(--colorblanco);
    font-size: 17px;
    line-height: 22px;

  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-title.col-sm-6 {
    color: var(--colorblanco);
    font-size: 12px;
    font-family: 'Montserrat Medium', sans-serif;
  }
}

/*-----------------------------------------------------------------------------------*/
/*  6.  adjustments for min width of 960 px
/*-----------------------------------------------------------------------------------*/
@media (min-width: 960px) {}

/*-----------------------------------------------------------------------------------*/
/*  7.  adjustments for min width of 1200 px
/*-----------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
  #block-drudg8b3-views-block-banner-block-1-2 .carousel-col {
    width: 25%;
  }

  #block-drudg8b3-views-block-banner-block-1-2 .active>div:first-child+div {
    display: block;
  }

  #block-drudg8b3-views-block-banner-block-1-2 .active>div:first-child+div+div {
    display: block;
  }

  #block-drudg8b3-views-block-banner-block-1-2 .active>div:first-child+div+div+div {
    display: block;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-title.col-sm-6 a {
    color: var(--colorblanco);
    font-size: 20px;
    line-height: 24px;
    font-family: 'Montserrat Medium', sans-serif;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(1) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(2) div.views-field.views-field-title.col-sm-6 {
    margin-top: 50px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(1) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(2) div.views-field.views-field-title.col-sm-6 {
    margin-top: 50px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(3) div.views-field.views-field-title.col-sm-6,
  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row:nth-child(4) div.views-field.views-field-title.col-sm-6 {
    display: block;
    float: right;
    margin-top: 50px;
  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row p.enlace_noticia {
    color: var(--colorblanco);
    font-size: 14px;
    line-height: 23px;

  }

  #block-drudg8b3-views-block-noticias-pagina-principal-block-1 .col-sm-6.col-md-6.views-row .views-field.views-field-title.col-sm-6 {
    color: var(--colorblanco);
    font-size: 12px;
    font-family: 'Montserrat Medium', sans-serif;
  }

  #Anuncio1 p {
    display: block;
  }
}