/* ==========================================================
   Método Naturaly - estilos.css
   Estilos propios del theme. Se cargan DESPUÉS de bootstrap.min.css
   para poder sobreescribir sus utilidades cuando haga falta.
   Escrito con variables CSS para facilitar cambios de marca rápidos
   sin tener que recompilar nada (nada de Sass aquí, a propósito,
   para mantener el theme ligero y sin build-step).
   ========================================================== */

:root {
	--mn-verde: #2f7d4f;
	--mn-verde-oscuro: #1f5a37;
	--mn-crema: #f7f4ec;
	--mn-texto: #2b2b2b;
	--mn-radio: 0.75rem;
}

/* Tipografía del sistema: cero peticiones de red por fuentes externas,
   lo que ahorra una petición extra y evita el "flash" de texto invisible. */
body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--mn-texto);
	background-color: #ffffff;
}

a {
	color: var(--mn-verde);
}

a:hover,
a:focus {
	color: var(--mn-verde-oscuro);
}

.btn-success {
	background-color: var(--mn-verde);
	border-color: var(--mn-verde);
}

.btn-success:hover,
.btn-success:focus {
	background-color: var(--mn-verde-oscuro);
	border-color: var(--mn-verde-oscuro);
}

/* Cabecera / navbar */
.mnaturaly-cabecera .navbar-brand {
	font-size: 1.25rem;
}

.icono-svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.icono-marca {
	color: var(--mn-verde);
	width: 28px;
	height: 28px;
}

.icono-pequeno {
	width: 14px;
	height: 14px;
}

.icono-grande {
	width: 48px;
	height: 48px;
}

.icono-boton {
	width: 18px;
	height: 18px;
}

/* Tarjetas de listado */
.mnaturaly-tarjeta {
	border-radius: var(--mn-radio);
	overflow: hidden;
	transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.mnaturaly-tarjeta:hover {
	transform: translateY(-2px);
	box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.08) !important;
}

.mnaturaly-extracto {
	color: #555;
}

/* Entrada individual */
.mnaturaly-titulo {
	font-weight: 700;
	line-height: 1.2;
}

.mnaturaly-imagen-destacada img {
	border-radius: var(--mn-radio);
}

.mnaturaly-cuerpo {
	font-size: 1.05rem;
	line-height: 1.75;
}

.mnaturaly-cuerpo img {
	max-width: 100%;
	height: auto;
	border-radius: var(--mn-radio);
}

/* Barra lateral */
.mnaturaly-sidebar .widget {
	background-color: var(--mn-crema);
	border-radius: var(--mn-radio);
	padding: 1.25rem;
}

/* Pie de página */
.mnaturaly-pie a {
	color: #cfe8da;
}

.mnaturaly-pie a:hover {
	color: #ffffff;
}

/* Paginación */
.mnaturaly-paginacion .page-link {
	color: var(--mn-verde);
}

.mnaturaly-paginacion .page-item.active .page-link {
	background-color: var(--mn-verde);
	border-color: var(--mn-verde);
}

/* Sin resultados / 404 */
.mnaturaly-sin-resultados .icono-svg {
	color: var(--mn-verde);
}

/* Comentarios */
.comment-list .comment {
	border-bottom: 1px solid #eee;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

/* Utilidad para no depender de fuentes de Google:
   evita "layout shift" y peticiones de red extra. */
* {
	text-rendering: optimizeSpeed;
}