/* =========================================================
   Mecha Footer Quote — cita inspiradora como 3ª columna del
   footer (reemplaza "Entradas recientes"), estilo Adafruit.
   El JS reubica #mecha-quote dentro de la fila de widgets;
   aquí ocultamos la columna original y estilizamos la cita.
   ========================================================= */

/* Ensancha el contenedor del footer para aprovechar mejor el ancho de
   pantalla (estilo Adafruit), pero dejando SIEMPRE aire en los laterales
   (mínimo 4rem por lado), sin pegarse a los bordes. Tope de 1440px en
   pantallas muy anchas. Solo en escritorio: en móvil se respeta el
   comportamiento por defecto de Flatsome. Aplica a la fila de widgets y a
   la barra de copyright para que queden alineadas. */
@media (min-width: 850px) {
	.footer-widgets.footer-1 .row,
	.footer-wrapper .absolute-footer .container {
		max-width: min(1440px, calc(100% - 8rem));
	}
}

/* Reparto de ancho tipo Adafruit: las 2 columnas de links más angostas
   (27% c/u) y la cita ocupando casi la mitad (46%) a la derecha. Solo en
   escritorio; en móvil las columnas se apilan. */
@media (min-width: 850px) {
	.footer-widgets.footer-1 .row > .widget_custom_html,
	.footer-widgets.footer-1 .row > .widget_nav_menu {
		flex: 0 0 27% !important;
		max-width: 27% !important;
	}
	.footer-widgets.footer-1 .row > #mecha-quote {
		flex: 0 0 46% !important;
		max-width: 46% !important;
	}
}

/* Oculta "Entradas recientes" (el JS pone la cita en su lugar). */
.footer-widgets.footer-1 .widget_recent_entries {
	display: none !important;
}

/* La cita, ya como columna (.col) del footer. */
#mecha-quote.mecha-quote {
	text-align: right;          /* alineada a la derecha, como Adafruit */
	opacity: 0;
	transition: opacity .5s ease;
}

#mecha-quote.mecha-quote.is-visible {
	opacity: 1;
}

.mecha-quote__text {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;                  /* neutraliza el border-left del blockquote de Flatsome */
	background: none;
	font-family: 'Montserrat', system-ui, sans-serif;
	font-style: italic;
	font-size: clamp(1.15rem, 1.9vw, 1.8rem);
	line-height: 1.4;
	color: #ffffff;
}

.mecha-quote__text::before { content: '\201C'; }
.mecha-quote__text::after  { content: '\201D'; }

.mecha-quote__author {
	display: block;
	margin-top: .8rem;
	font-style: normal;
	font-weight: 700;
	font-size: clamp(1.1rem, 1.5vw, 1.5rem);
	color: #ffef37;             /* amarillo de marca, alto contraste sobre el morado del footer */
}

.mecha-quote__author::before { content: '\00B7\00A0'; } /* punto medio + nbsp (regla de marca: sin guiones) */

/* En móvil Flatsome apila las columnas: alinear como las demás. */
@media (max-width: 849px) {
	#mecha-quote.mecha-quote { text-align: left; }
	.mecha-quote__text { font-size: 1.1rem; }
}