@charset "utf-8";
/* ==========================================================================
   ESTILOS EXCLUSIVOS DE LA FICHA DE COMUNICADO / NOTICIA  (blog_leer.php)
   --------------------------------------------------------------------------
   Ambito: body.pagina-articulo  -> no afecta al resto del sitio.

   Motivo: esta pagina no tiene carrusel de cabecera ni el JS que anade la
   clase .scrolled al navbar, por lo que la regla de estilos_menu.css
   (.navbar { top:95px; background-color: transparent !important; })
   dejaba el menu flotando sobre fondo blanco y el contenido pasaba por
   debajo del propio menu.

   Solucion: se fija aqui el estado compacto de la cabecera -> banda solida
   del mismo color que la topbar (#27002b) y contenido desplazado hacia abajo.
   ========================================================================== */

/* -------------------------- ESCRITORIO (>= 992px) ------------------------ */
@media (min-width: 992px) {

	/* Navbar pegado al borde inferior de .cabecera (0-50px) -> banda 0-110px */
	body.pagina-articulo .navbar {
		top: 50px;
		height: 60px;
		padding-top: 5px;
		/* !important necesario para ganar al transparent !important de estilos_menu.css */
		background-color: #27002b !important;
		z-index: 15;
	}

	/* Logo reducido, igual que en el estado .scrolled del resto del sitio */
	body.pagina-articulo .navbar .navbar-brand {
		margin-top: -40px;
	}

	body.pagina-articulo .navbar .navbar-brand img {
		height: 80px;
		margin-top: 20px;
	}

	/* Contenido por debajo de la banda (110px) + 40px de aire */
	body.pagina-articulo .margen-noticias {
		margin-top: 150px;
	}
}

/* ---------------------- TABLET Y MOVIL (< 992px) ------------------------- */
/* El navbar ya es solido en estilos_menu.css; aqui solo se corrige el margen,
   que se quedaba corto (100px en XS / 130px por defecto) frente al alto real
   de la cabecera con el logo. */
@media (max-width: 991.98px) {

	body.pagina-articulo .margen-noticias {
		margin-top: 165px;
	}
}