@import url("../../prosilver/theme/stylesheet.css");
/* ==================================================
   CFFE Modern — Estilo general
   ================================================== */

html,
body {
	background: #eef3f8;
}

body {
	color: #26384a;
}

/* Contenedor principal */
.wrap {
	max-width: 1400px;
	margin: 24px auto;
	padding: 18px;
	background: #ffffff;
	border: 0;
	border-radius: 18px;
	box-shadow: 0 12px 35px rgba(15, 49, 82, 0.10);
}

/* Cabecera */
.headerbar {
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 65, 125, 0.18);
}

/* Barra de navegación */
.navbar {
	margin-top: 10px;
	border-radius: 12px;
}

/* Categorías como tarjetas */
.forabg,
.forumbg {
	margin-bottom: 20px;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 6px 18px rgba(31, 78, 121, 0.10);
}

/* Cabeceras de las categorías */
.forabg .header,
.forumbg .header {
	background: linear-gradient(135deg, #003d73, #0878bd);
}

/* Filas de los foros */
ul.forums,
ul.topics {
	background: #ffffff;
}

li.row {
	background: #ffffff;
	border-bottom-color: #dce6ef;
	transition: background-color 0.2s ease;
}

li.row:hover {
	background: #f3f8fc;
}

/* Títulos de los foros */
a.forumtitle {
	font-size: 1.08em;
	font-weight: 700;
	color: #064f89;
}

a.forumtitle:hover {
	color: #0081c9;
	text-decoration: none;
}

/* Descripciones */
li.row .list-inner {
	line-height: 1.45;
}

/* Columnas secundarias */
dd.posts,
dd.topics,
dd.views {
	color: #60758a;
}
/* ==================================================
   CFFE Modern — Tipografía y filas
   ================================================== */

body {
	font-family: "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 15px;
}

/* Más espacio dentro de cada foro */
ul.topiclist.forums li.row .list-inner,
ul.topiclist.topics li.row .list-inner {
	padding-top: 13px;
	padding-bottom: 13px;
}

/* Títulos principales */
a.forumtitle,
a.topictitle {
	font-weight: 700;
	letter-spacing: -0.01em;
}

a.forumtitle {
	font-size: 1.12em;
}

/* Descripciones más suaves */
li.row .list-inner,
li.row dd {
	color: #52677b;
}

/* Cabeceras de categorías */
.forabg ul.topiclist li.header,
.forumbg ul.topiclist li.header {
	padding-top: 10px;
	padding-bottom: 10px;
}

.forabg ul.topiclist li.header dt,
.forabg ul.topiclist li.header dd,
.forumbg ul.topiclist li.header dt,
.forumbg ul.topiclist li.header dd {
	font-weight: 700;
	letter-spacing: 0.03em;
}

/* Último mensaje */
dd.lastpost {
	font-size: 0.94em;
	line-height: 1.35;
}

/* Transición más suave */
li.row,
.navbar,
.forabg,
.forumbg {
	transition: all 0.2s ease;
}
/* ==================================================
   CFFE Modern — Navegación y botones
   ================================================== */

/* Barra superior de navegación */
.navbar {
	background: #e6f0f8;
	border: 1px solid #d2e1ed;
	border-radius: 14px;
	box-shadow: 0 4px 12px rgba(20, 66, 105, 0.08);
	padding: 10px 14px;
}

.navbar a {
	color: #07558	padding: 10px 14px;
}

e;
	font-weight: 600;
}

.navbar a:hover {
	color: #0083c8;
	text-decoration: none;
}

/* Botones generales */
.button,
.button1,
.button2,
input.button1,
input.button2,
a.button {
	border: 0;
	border-radius: 9px;
	background: linear-gradient(135deg, #07558e, #0797d5);
	color: #ffffff;
	font-weight: 600;
	box-shadow: 0 3px 9px rgba(0, 86, 145, 0.20);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.button:hover,
.button1:hover,
.button2:hover,
input.button1:hover,
input.button2:hover,
a.button:hover {
	background: linear-gradient(135deg, #064678, #087fbd);
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 5px 12px rgba(0, 86, 145, 0.28);
}

/* Campos de texto */
.inputbox {
	border: 1px solid #c7d8e6;
	border-radius: 9px;
	background: #ffffff;
	color: #26384a;
}

.inputbox:focus {
	border-color: #168ac5;
	box-shadow: 0 0 0 3px rgba(22, 138, 197, 0.13);
	outline: none;
}

/* Paginación */
.pagination li a,
.pagination li span {
	border-radius: 7px;
}
/* ==================================================
   CFFE Modern — Columnas de temas
   ================================================== */

/* Evitar que los títulos de las columnas se partan */
.forumbg ul.topiclist li.header dd.posts,
.forumbg ul.topiclist li.header dd.views,
.forumbg ul.topiclist li.header dd.lastpost {
	white-space: nowrap;
	letter-spacing: 0;
}

/* Reducir ligeramente los encabezados secundarios */
.forumbg ul.topiclist li.header dd.posts,
.forumbg ul.topiclist li.header dd.views {
	font-size: 0.82em;
}

/* Mejorar los títulos de los temas */
a.topictitle {
	font-size: 1.12em;
	font-weight: 700;
	color: #064f89;
}

a.topictitle:hover {
	color: #0081c9;
	text-decoration: none;
}

/* Filas de temas más limpias */
.forumbg li.row {
	border-bottom: 1px solid #dce6ef;
}

.forumbg li.row:last-child {
	border-bottom: 0;
}
/* ==================================================
   CFFE Modern — Mensajes y publicaciones
   ================================================== */

/* Cada mensaje como una tarjeta */
.post {
	background: #ffffff;
	border: 1px solid #d9e5ef;
	border-radius: 14px;
	margin-bottom: 18px;
	overflow: hidden;
	box-shadow: 0 5px 16px rgba(25, 67, 103, 0.08);
}

/* Tamaño y lectura del contenido */
.postbody .content {
	font-size: 16px;
	line-height: 1.65;
	color: #26384a;
}

/* Título del mensaje */
.postbody h3 {
	font-size: 1.25em;
	font-weight: 700;
	color: #064f89;
	margin-bottom: 12px;
}

/* Perfil del autor */
.postprofile {
	border-color: #d9e5ef;
	color: #52677b;
}

.postprofile dt,
.postprofile strong {
	color: #064f89;
}

/* Firma del usuario */
.signature {
	border-top: 1px solid #d9e5ef;
	color: #60758a;
	margin-top: 18px;
	padding-top: 12px;
}
/* ==================================================
   CFFE Modern — Estadísticas y pie del foro
   ================================================== */

/* Bloques inferiores */
.stat-block {
	background: #ffffff;
	border: 1px solid #d9e5ef;
	border-radius: 14px;
	margin: 16px 0;
	padding: 16px 18px;
	box-shadow: 0 5px 16px rgba(25, 67, 103, 0.07);
}

.stat-block h3 {
	margin: 0 0 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #dce6ef;
	color: #064f89;
	font-size: 1.1em;
	font-weight: 700;
}

/* Barra inferior */
.navbar.footer-row {
	background: #e6f0f8;
	border: 1px solid #d2e1ed;
	border-radius: 14px;
	margin-top: 20px;
	padding: 14px 18px;
	box-shadow: 0 4px 12px rgba(20, 66, 105, 0.08);
}

/* Enlaces del pie */
.footer-row a {
	color: #07558e;
	font-weight: 600;
}

.footer-row a:hover {
	color: #0083c8;
	text-decoration: none;
}

/* Texto de créditos */
.copyright {
	color: #718396;
	font-size: 0.85em;
	line-height: 1.5;
	padding: 14px 0;
}

/* Barras de acciones */
.action-bar {
	margin-top: 14px;
	margin-bottom: 14px;
}
/* ==================================================
   CFFE Modern — Versión móvil
   ================================================== */

@media only screen and (max-width: 700px) {

	body {
		font-size: 14px;
	}

	/* Aprovechar toda la pantalla */
	.wrap {
		width: auto;
		margin: 0;
		padding: 8px;
		border-radius: 0;
		box-shadow: none;
	}

	/* Cabecera */
	.headerbar {
		padding: 10px;
		border-radius: 12px;
	}

	.logo {
		float: none;
		display: block;
		width: 100%;
		padding: 0;
		text-align: center;
	}

	.site_logo {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 16 / 3;
		background-size: contain !important;
		background-position: center !important;
	}

	.site-description {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 8px;
	}

	.site-description h1 {
		font-size: 1.45em;
		line-height: 1.2;
	}

	.site-description p {
		font-size: 0.92em;
		line-height: 1.35;
	}

	/* Ocultar el buscador superior para ahorrar espacio */
	.search-header {
		display: none;
	}

	/* Navegación */
	.navbar {
		padding: 8px 10px;
		border-radius: 10px;
	}

	/* Tarjetas de categorías */
	.forabg,
	.forumbg {
		margin-bottom: 14px;
		border-radius: 10px;
	}

	/* Títulos y descripciones */
	a.forumtitle,
	a.topictitle {
		font-size: 1.05em;
	}

	ul.topiclist.forums li.row .list-inner,
	ul.topiclist.topics li.row .list-inner {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/* Publicaciones */
	.post {
		border-radius: 10px;
		margin-bottom: 14px;
	}

	.postbody .content {
		font-size: 15px;
		line-height: 1.55;
	}

	/* Estadísticas */
	.stat-block {
		padding: 14px;
		border-radius: 10px;
		margin: 12px 0;
	}

	/* Pie */
	.navbar.footer-row {
		padding: 12px;
		border-radius: 10px;
	}
}
/* ==================================================
   CFFE Modern — Últimos ajustes móviles
   ================================================== */

@media only screen and (max-width: 700px) {

	/* Títulos de páginas y foros más proporcionados */
	h2,
	.forum-title {
		font-size: 2em;
		line-height: 1.15;
		margin-bottom: 16px;
	}

	/* Ordenar mejor las barras de acciones */
	.action-bar {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
	}

	/* Ocultar el buscador interno, ya existe el buscador general */
	.search-box {
		display: none;
	}

	/* Evitar que los botones queden pegados */
	.action-bar .buttons,
	.action-bar .pagination {
		margin: 0;
	}

	/* Ajustar el pie para que no se amontonen los enlaces */
	.footer-row {
		line-height: 1.8;
	}
}
/* ==================================================
   CFFE Modern — Remates finales para móvil
   ================================================== */

@media only screen and (max-width: 700px) {

	/* Títulos de página más compactos */
	h2,
	.forum-title {
		font-size: 1.65em;
		line-height: 1.2;
		margin: 18px 10px;
	}

	/* Títulos dentro de los mensajes */
	.postbody h3 {
		font-size: 1.45em;
		line-height: 1.25;
	}

	/* Separar mejor los enlaces del pie */
	.footer-row .linklist > li {
		margin-right: 10px;
	}

	.footer-row .dropdown-container {
		margin-left: 6px;
	}
}
/* ==================================================
   CFFE Modern — Corrección definitiva de cabecera PC
   ================================================== */

@media only screen and (min-width: 701px) {

	.headerbar {
		position: relative;
	}

	/* Cabecera gráfica */
	.logo {
		float: none;
		display: block;
		width: calc(100% - 300px);
		padding: 0;
	}

	.site_logo {
		display: block;
		width: 800px !important;
		height: 150px !important;
		max-width: 100% !important;
		background-position: left center !important;
		background-size: contain !important;
	}

	/* Nombre y descripción debajo de la imagen */
	.site-description {
		float: none;
		clear: both;
		width: auto;
		margin: 6px 290px 0 0;
	}

	.site-description h1,
	.site-description p {
		white-space: normal;
	}

	/* Buscador fijo arriba a la derecha */
	.search-header {
		position: absolute;
		top: 20px;
		right: 20px;
	}
}

/* Portátiles y tabletas horizontales */
@media only screen and (min-width: 701px) and (max-width: 1050px) {

	.logo {
		width: 100%;
	}

	.site-description {
		margin-right: 0;
	}

	.search-header {
		display: none;
	}
}