/* Futbollufo — base: variables, reset, tipografía, contenedores */
@font-face { font-family: Roboto; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/roboto-400.woff2") format("woff2"); }
@font-face { font-family: Roboto; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/roboto-500.woff2") format("woff2"); }

:root {
	--fl-verde: #00c17e;
	--fl-verde-osc: #00935f;
	--fl-verde-badge: #4cc98a;
	--fl-gris-top: #2f2f2f;
	--fl-footer: #121214;
	--fl-texto: #333;
	--fl-texto-2: #666;
	--fl-borde: #ddd;
	--fl-caja: #f5f5f5;
	--fl-rojo: #e4393c;
	--fl-naranja: #f0a030;
	--fl-font: Arial, Helvetica, sans-serif;
	--fl-font-nav: Roboto, Arial, Helvetica, sans-serif;
	--fl-wrap: 1200px;
	--fl-container: 1220px;
	--fl-side: 270px;
	--fl-gutter: 20px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font: 12px/1.45 var(--fl-font);
	color: var(--fl-texto);
	background: #fff url("../img/mubgbox.png") center top no-repeat;
}
img { max-width: 100%; height: auto; border: 0; vertical-align: middle; }
a { color: #4d5255; text-decoration: none; }
a:hover { color: var(--fl-verde-osc); }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid var(--fl-verde-osc); outline-offset: 2px; }

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
	overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap;
}
.fl-skip:focus { position: fixed !important; z-index: 9999; top: 8px; left: 8px; width: auto; height: auto; margin: 0; padding: 10px 14px; clip: auto; clip-path: none; background: #fff; color: #000; }
.fl-green { color: var(--fl-verde); }

.fl-wrap { width: 100%; max-width: var(--fl-wrap); margin: 0 auto; }

/* Cuerpo: contenedor blanco 1220px sobre el fondo de estadio */
.fl-body { padding-top: 0; }
.fl-container { width: 100%; max-width: var(--fl-container); margin: 0 auto; padding: 10px 10px 20px; background: #fff; min-height: 400px; }
.fl-layout { display: block; }
.fl-layout--sidebar { display: grid; grid-template-columns: var(--fl-side) minmax(0, 1fr); column-gap: var(--fl-gutter); align-items: start; }
.fl-content { min-width: 0; }

.fl-title { font-size: 16px; font-weight: 700; margin: 6px 0 12px; color: #000; }
.fl-page .fl-title { font-size: 18px; }
.fl-entry { margin-bottom: 20px; }
.fl-entry__title { font-size: 16px; margin-bottom: 6px; }
.fl-entry__body { font-size: 13px; line-height: 1.6; }
.fl-entry__body p { margin-bottom: 1em; }

/* Botón verde genérico */
.fl-btn, .button.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background: var(--fl-verde-osc); color: #fff; border: 0;
}

/* Paginación del blog */
.navigation.pagination .nav-links { display: flex; gap: 4px; margin: 14px 0; }
.navigation.pagination .page-numbers { display: inline-block; min-width: 26px; padding: 4px 8px; text-align: center; border: 1px solid var(--fl-borde); background: #fff; }
.navigation.pagination .page-numbers.current { background: var(--fl-verde-osc); border-color: var(--fl-verde-osc); color: #fff; }

/* Botón subir */
.fl-totop { position: fixed; right: 16px; bottom: 16px; z-index: 80; width: 38px; height: 38px; border: 0; background: #777; color: #fff; opacity: .85; font-size: 14px; }
.fl-totop:hover { background: var(--fl-verde-osc); opacity: 1; }
.fl-totop[hidden] { display: none; }