/*
Theme Name: Novaschool Basket
Template: twentytwentyfive
Description: Tema del equipo de minibasket de Novaschool Añoreta. Hijo de Twenty Twenty-Five, inspirado en acb.com.
Version: 0.19.0
Text Domain: novaschool-basket
*/

/* ---------- Cabecera ---------- */
header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 100;
}
.admin-bar header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { .admin-bar header.wp-block-template-part { top: 0; } }

.nsb-brand a {
	color: #fff;
	text-decoration: none;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}
/* Escudo sobre placa blanca: el original tiene las letras en azul y no se lee sobre azul marino.
   Provisional hasta tener el escudo en vector con version para fondo oscuro. */
.nsb-logo a {
	display: grid;
	place-items: center;
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 3px var(--wp--preset--color--accent-1), 0 4px 12px rgba(0,0,0,.3);
}
.nsb-logo img { display: block; height: auto; }
.nsb-logo--grande a { width: 104px; height: 104px; }
.nsb-brand em { font-style: normal; color: var(--wp--preset--color--accent-1); }

.nsb-header .wp-block-navigation a { font-weight: 600; }
.nsb-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent-1); }
.nsb-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--accent-3);
	color: #fff;
}

/* ---------- Portada: hero ---------- */
.nsb-hero .wp-block-post-template { margin: 0; }
.nsb-hero .wp-block-cover { border-radius: 0; }
.nsb-hero .wp-block-post-title a { color: #fff; text-decoration: none; }
.nsb-hero .wp-block-post-title a:hover { color: var(--wp--preset--color--accent-1); }
.nsb-kicker,
.nsb-hero .wp-block-post-terms a {
	display: inline-block;
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--accent-3);
	font-size: .75rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
	padding: .25rem .6rem;
	border-radius: 4px;
	text-decoration: none;
}

/* ---------- Partidos ---------- */
.nsb-countdown {
	border-radius: 12px;
}
/* wpautop mete <br> y <p> vacios dentro de la salida de los shortcodes */
.sportspress br,
.sportspress p:empty { display: none; }

.nsb-countdown .sp-countdown-wrapper,
.nsb-countdown .sp-countdown { color: #fff; background: none; border: 0; padding: 0; margin: 0; }
.nsb-countdown .sp-countdown-wrapper .event-name,
.nsb-countdown .sp-countdown-wrapper .sp-event-name {
	background: none;
	border: 0;
	padding: 0;
	margin: .9rem 0 1.2rem;
	text-align: left;
	font-size: 1.15rem;
	line-height: 1.25;
}
.nsb-countdown .sp-event-name a { color: #fff; font-weight: 800; text-decoration: none; }
.nsb-countdown .sp-event-name a:hover { color: var(--wp--preset--color--accent-1); }
.nsb-countdown .sp-countdown time {
	display: flex;
	justify-content: space-between;
	gap: .25rem;
}
.nsb-countdown .sp-countdown time span {
	display: block;
	flex: 1;
	background: none;
	border: 0;
	padding: 0;
	text-align: center;
	font-size: 1.9rem;
	font-weight: 800;
	line-height: 1;
	color: var(--wp--preset--color--accent-1);
	font-variant-numeric: tabular-nums;
}
.nsb-countdown .sp-countdown time span small {
	display: block;
	margin-top: .35rem;
	font-size: .62rem;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .08em;
}

/* Bloques de partidos de SportsPress en fila, como la tira de la ACB */
.nsb-matches .sp-template-event-blocks .sp-data-table { border: 0; }
.nsb-matches .sp-event-blocks thead { display: none; }
.nsb-matches .sp-event-blocks tbody {
	display: flex;
	gap: 1rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-bottom: .5rem;
}
.nsb-matches .sp-event-blocks tbody tr {
	flex: 0 0 220px;
	scroll-snap-align: start;
	background: #fff;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 12px;
	display: block;
}
.nsb-matches .sp-event-blocks td { display: block; border: 0; padding: 1.1rem 1rem; text-align: center; background: #fff; border-radius: 12px; }
.nsb-matches .sp-event-blocks tbody tr:hover { border-color: var(--wp--preset--color--accent-1); }
/* Sin escudos de los rivales todavia: ocultos para que las tarjetas queden simetricas */
.nsb-matches .sp-event-blocks .team-logo { display: none; }
.nsb-matches .sp-event-blocks .sp-event-date,
.nsb-matches .sp-event-blocks .sp-event-date a { display: block; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--wp--preset--color--accent-4); text-decoration: none; }
.nsb-matches .sp-event-blocks .sp-event-results { margin: .5rem 0; font-size: 1.6rem; font-weight: 800; line-height: 1; }
.nsb-matches .sp-event-blocks .sp-event-results a { color: var(--wp--preset--color--accent-3); text-decoration: none; }
.nsb-matches .sp-event-blocks .sp-event-title { margin: 0; font-size: .88rem; font-weight: 700; line-height: 1.3; }
.nsb-matches .sp-event-blocks .sp-event-title a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.nsb-matches .sp-table-wrapper { overflow: visible; }

.nsb-empty { color: var(--wp--preset--color--accent-4); }

/* ---------- Highlights: tarjetas verticales tipo "Historias" ---------- */
.nsb-stories .wp-block-post-template {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(170px, 1fr);
	gap: 1rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-bottom: .5rem;
}
.nsb-stories .wp-block-post-template > li { scroll-snap-align: start; margin: 0; }
.nsb-stories .wp-block-cover { border-radius: 12px; overflow: hidden; }
.nsb-stories .wp-block-post-title a { color: #fff; text-decoration: none; }

/* ---------- Actualidad ---------- */
.nsb-news .wp-block-post-featured-image img,
.nsb-news-list .wp-block-post-featured-image img { border-radius: 10px; }
.nsb-news .wp-block-post-title a,
.nsb-news-list .wp-block-post-title a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.nsb-news .wp-block-post-title a:hover,
.nsb-news-list .wp-block-post-title a:hover { color: var(--wp--preset--color--accent-2); }

/* ---------- Tablas de SportsPress (clasificación, estadísticas, calendario) ---------- */
.sp-data-table {
	width: 100%;
	border-collapse: collapse;
	font-size: .95rem;
	font-variant-numeric: tabular-nums;
}
.sp-data-table thead th {
	background: var(--wp--preset--color--accent-3);
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: .75rem;
	letter-spacing: .05em;
	padding: .7rem .6rem;
	border: 0;
}
.sp-data-table td { padding: .65rem .6rem; border: 0; border-bottom: 1px solid var(--wp--preset--color--accent-6); }
.sp-data-table tbody tr:nth-child(even) { background: var(--wp--preset--color--accent-5); }
.sp-data-table tbody tr.highlighted,
.sp-data-table tbody tr.sp-highlight { background: color-mix(in srgb, var(--wp--preset--color--accent-1) 22%, #fff); font-weight: 700; }
.sp-data-table a { color: var(--wp--preset--color--accent-2); text-decoration: none; font-weight: 600; }
.sp-table-caption,
.sp-template .sp-table-caption { font-weight: 800; font-size: 1.1rem; margin-bottom: .5rem; }
.sp-view-all-link a { font-weight: 700; color: var(--wp--preset--color--accent-2); }
.sp-table-wrapper { overflow-x: auto; }

/* Cabeceras de seccion con barra amarilla */
.nsb-section-title {
	display: flex;
	align-items: center;
	gap: .6rem;
}
.nsb-section-title::before {
	content: "";
	width: 6px;
	height: 1.1em;
	background: var(--wp--preset--color--accent-1);
	border-radius: 3px;
}

/* ---------- Pie ---------- */
.nsb-footer a { color: #fff; text-decoration: none; }
.nsb-footer a:hover { color: var(--wp--preset--color--accent-1); }

/* ---------- Calendario: pelota de basket en los dias con partido ---------- */
.sp-event-calendar td a.has-tip,
.sp-event-calendar tbody td a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%23F47B20' stroke='%23072564' stroke-width='2.5'/%3E%3Cpath d='M2 32h60M32 2v60M12 10c9 9 9 35 0 44M52 10c-9 9-9 35 0 44' fill='none' stroke='%23072564' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	color: #fff !important;
	font-weight: 800;
	font-size: .95rem;
	text-decoration: none;
	text-shadow: 0 0 3px var(--wp--preset--color--accent-3), 0 0 2px var(--wp--preset--color--accent-3), 0 1px 0 var(--wp--preset--color--accent-3);
	transition: transform .15s ease;
}
.sp-event-calendar tbody td a::before,
.sp-event-calendar tbody td a::after { display: none !important; }
.sp-event-calendar tbody td a:hover,
.sp-event-calendar tbody td a:focus-visible { transform: scale(1.15) rotate(-12deg); }
.sp-event-calendar tbody td:has(a) { background: color-mix(in srgb, var(--wp--preset--color--accent-1) 18%, #fff) !important; }
.sp-event-calendar tbody td { vertical-align: middle; height: 3.2rem; }
.sp-event-calendar caption { font-weight: 800; font-size: 1.1rem; text-transform: capitalize; }

/* ---------- En casa / fuera ---------- */
.nsb-lugar {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	font-size: .7rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .05em;
	text-shadow: none;
	vertical-align: middle;
}
.nsb-lugar i {
	display: inline-block;
	width: 1.35rem;
	height: 1.35rem;
	border-radius: 50%;
	flex: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 62%;
}
.nsb-lugar--casa i {
	background-color: var(--wp--preset--color--accent-3);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFA900'%3E%3Cpath d='M12 3 2 11.5h3V21h5.5v-6h3v6H19v-9.5h3z'/%3E%3C/svg%3E");
}
.nsb-lugar--fuera i {
	background-color: var(--wp--preset--color--accent-1);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23072564'%3E%3Cpath d='M5 3h14a2 2 0 0 1 2 2v11a2 2 0 0 1-1 1.7V20a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H7v1a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2.3A2 2 0 0 1 3 16V5a2 2 0 0 1 2-2zm0 3v5h14V6zm2 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm10 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E");
}
.nsb-lugar--casa b { color: var(--wp--preset--color--accent-3); }
.nsb-lugar--fuera b { color: #b36f00; }

/* En el calendario: insignia pequena en la esquina de la pelota */
.sp-event-calendar tbody td a .nsb-lugar {
	position: absolute;
	right: -.55rem;
	bottom: -.35rem;
}
.sp-event-calendar tbody td a .nsb-lugar i {
	width: 1.15rem;
	height: 1.15rem;
	box-shadow: 0 0 0 2px #fff;
}

/* En la cuenta atras (fondo azul marino) */
.nsb-countdown .nsb-lugar { margin: -.6rem 0 1rem; }
.nsb-countdown .nsb-lugar b { color: #fff; }
.nsb-countdown .nsb-lugar--casa i { box-shadow: 0 0 0 2px var(--wp--preset--color--accent-1); }

/* En las tarjetas de partido */
.nsb-matches .sp-event-blocks td > .nsb-lugar { margin-bottom: .5rem; }

/* En la lista de partidos */
.sp-event-list td.data-event .nsb-lugar { margin-right: .4rem; }

/* Leyenda del calendario */
.nsb-leyenda {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1.4rem;
	margin-top: .8rem;
	font-size: .8rem;
	color: var(--wp--preset--color--accent-4);
}
.nsb-leyenda-pelota {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	margin-right: -.9rem;
	vertical-align: middle;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%23F47B20' stroke='%23072564' stroke-width='2.5'/%3E%3Cpath d='M2 32h60M32 2v60M12 10c9 9 9 35 0 44M52 10c-9 9-9 35 0 44' fill='none' stroke='%23072564' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.nsb-leyenda .nsb-lugar b { font-weight: 700; text-transform: none; letter-spacing: 0; font-size: .8rem; color: var(--wp--preset--color--accent-4); }

/* ---------- Portada: nuestra casa ---------- */
.nsb-casa .wp-block-image img { width: 100%; height: auto; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.nsb-casa .wp-element-button:hover { background: #fff; color: var(--wp--preset--color--accent-3); }

/* ---------- Noticia ---------- */
.nsb-single-head .wp-block-post-featured-image img { width: 100%; height: auto; border-radius: 14px; }
.nsb-terms a {
	display: inline-block;
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--accent-3);
	font-size: .75rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
	padding: .25rem .6rem;
	border-radius: 4px;
	text-decoration: none;
}

/* ---------- Tira de partidos estilo ACB ([nsb_partidos]) ---------- */
.nsb-tira {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 236px;
	gap: 1rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding: .25rem .1rem .75rem;
}
.nsb-partido {
	scroll-snap-align: start;
	box-sizing: border-box;
	height: 184px; /* todas las tarjetas iguales, pase lo que pase con los nombres */
	display: grid;
	grid-template-rows: auto 1fr auto;
	gap: .4rem;
	padding: .8rem .9rem .7rem;
	background: #fff;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 12px;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.nsb-partido:hover,
.nsb-partido:focus-visible {
	border-color: var(--wp--preset--color--accent-1);
	box-shadow: 0 8px 22px rgba(7, 37, 100, .12);
	transform: translateY(-2px);
}
.nsb-partido__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
}
.nsb-partido__top .nsb-lugar i { width: 1.15rem; height: 1.15rem; }
.nsb-partido__top .nsb-lugar b { font-size: .62rem; }
.nsb-partido__fecha {
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .05em;
	color: var(--wp--preset--color--accent-4);
	white-space: nowrap;
}
.nsb-partido__cara {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: .4rem;
}
.nsb-partido__equipo {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .3rem;
	min-width: 0;
}
.nsb-partido__equipo b {
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .04em;
}
.nsb-escudo {
	width: 46px;
	height: 46px;
	object-fit: contain;
	display: block;
}
.nsb-escudo--vacio {
	display: grid;
	place-items: center;
	font-size: .7rem;
	font-weight: 800;
	color: var(--wp--preset--color--accent-4);
	background: var(--wp--preset--color--accent-5);
	border: 2px solid var(--wp--preset--color--accent-6);
	/* silueta de escudo */
	clip-path: polygon(50% 100%, 6% 72%, 6% 10%, 50% 0, 94% 10%, 94% 72%);
	border-radius: 0;
}
.nsb-partido__centro {
	font-size: 1.45rem;
	font-weight: 800;
	color: var(--wp--preset--color--accent-3);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.nsb-partido.is-jugado .nsb-partido__centro { font-size: 1.3rem; }
.nsb-partido__liga {
	text-align: center;
	font-size: .68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--wp--preset--color--accent-4);
	border-top: 1px solid var(--wp--preset--color--accent-6);
	padding-top: .45rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.nsb-matches p:has(> .nsb-tira) { margin: 0; }

/* =====================================================================
   MOVIL
   ===================================================================== */

/* ---------- Menú: desplegable bajo la cabecera, no pantalla completa ---------- */
/* WordPress solo pliega el menú por debajo de 600px; con 6 secciones no cabe hasta ~1150px (8 secciones) */
@media (min-width: 600px) and (max-width: 1149px) {
	.nsb-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
	.nsb-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
	.nsb-header .wp-block-navigation__responsive-container.is-menu-open { display: block !important; }
	.nsb-header .is-menu-open .wp-block-navigation__container { flex-direction: column !important; }
}
@media (max-width: 1149px) {
	.nsb-header .wp-block-navigation__responsive-container.is-menu-open {
		position: fixed;
		top: 76px; /* menu.js lo ajusta a la altura real de la cabecera */
		left: 0;
		right: 0;
		bottom: auto;
		height: auto;
		max-height: calc(100vh - 76px);
		overflow-y: auto;
		padding: 0 !important;
		background: var(--wp--preset--color--accent-3) !important;
		border-top: 3px solid var(--wp--preset--color--accent-1);
		box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
		animation: nsb-menu-baja .18s ease-out;
	}
	@keyframes nsb-menu-baja {
		from { opacity: 0; transform: translateY(-8px); }
		to { opacity: 1; transform: none; }
	}
	.nsb-header .is-menu-open .wp-block-navigation__responsive-close,
	.nsb-header .is-menu-open .wp-block-navigation__responsive-dialog,
	.nsb-header .is-menu-open .wp-block-navigation__responsive-container-content {
		margin: 0 !important;
		padding: 0 !important;
		max-width: none !important;
		width: 100%;
	}
	.nsb-header .is-menu-open .wp-block-navigation__responsive-container-close { display: none; }
	.nsb-header .is-menu-open .wp-block-navigation__responsive-container-content,
	.nsb-header .is-menu-open .wp-block-navigation__container {
		align-items: stretch !important;
		gap: 0 !important;
	}
	.nsb-header .is-menu-open .wp-block-navigation-item {
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
	}
	.nsb-header .is-menu-open .wp-block-navigation-item:last-child { border-bottom: 0; }
	.nsb-header .is-menu-open .wp-block-navigation-item__content {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 1rem 20px !important;
		font-size: 1.05rem !important;
		font-weight: 700;
	}
	.nsb-header .is-menu-open .wp-block-navigation-item__content:active,
	.nsb-header .is-menu-open .current-menu-item > .wp-block-navigation-item__content {
		color: var(--wp--preset--color--accent-1);
		background: rgba(255, 255, 255, .05);
	}
	/* La hamburguesa se convierte en una X mientras el menú está abierto */
	.nsb-header .wp-block-navigation__responsive-container-open {
		width: 40px;
		height: 40px;
		display: grid;
		place-items: center;
		border-radius: 8px;
	}
	.nsb-menu-abierto .wp-block-navigation__responsive-container-open svg { display: none; }
	.nsb-menu-abierto .wp-block-navigation__responsive-container-open::before {
		content: "✕";
		font-size: 1.35rem;
		line-height: 1;
		color: var(--wp--preset--color--accent-1);
	}
	/* Que la página no salte al bloquear el scroll */
	html.has-modal-open { overflow: hidden; }
}

/* ---------- Cabecera más compacta en móvil ---------- */
@media (max-width: 599px) {
	.nsb-logo a { width: 52px; height: 52px; }
	.nsb-logo img { width: 40px !important; }
	.nsb-header .nsb-brand { font-size: 1.05rem !important; }
}

/* ---------- Portada: imagen entera arriba y titular debajo (móvil y tablet) ---------- */
@media (max-width: 1023px) {
	.nsb-hero .wp-block-cover {
		display: block;
		min-height: 0 !important;
		padding: 0 !important;
		background: var(--wp--preset--color--accent-3);
	}
	.nsb-hero .wp-block-cover__image-background {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}
	.nsb-hero .wp-block-cover__background { display: none; }
	.nsb-hero .wp-block-cover__inner-container {
		padding: 1.1rem 20px 1.6rem;
		width: auto !important;
	}
	.nsb-hero .wp-block-post-title { font-size: 1.7rem !important; line-height: 1.12 !important; margin-top: .6rem; }
	.nsb-hero .wp-block-post-excerpt { font-size: .95rem !important; margin-top: .5rem; }
	.nsb-hero .wp-block-post-excerpt__excerpt { margin: 0; }
}

/* ---------- Tira de partidos: deslizar con el dedo, sin barra ---------- */
@media (max-width: 781px) {
	.nsb-tira {
		grid-auto-columns: 78%;
		scrollbar-width: none;
		margin-right: calc(-1 * var(--wp--preset--spacing--50));
		padding-right: var(--wp--preset--spacing--50);
	}
	.nsb-tira::-webkit-scrollbar { display: none; }
	.nsb-countdown { flex-basis: auto !important; }
	.nsb-matches .wp-block-columns { gap: 1.5rem; }
}

/* ---------- Highlights e historias ---------- */
@media (max-width: 781px) {
	.nsb-stories .wp-block-post-template { grid-auto-columns: 46%; scrollbar-width: none; }
	.nsb-stories .wp-block-post-template::-webkit-scrollbar { display: none; }
}

/* ---------- Pie en móvil ---------- */
@media (max-width: 781px) {
	.nsb-logo--grande a { width: 84px; height: 84px; }
	.nsb-logo--grande img { width: 62px !important; }
}

/* ---------- Plantilla ([nsb_plantilla]): estilo cromos, foto o camiseta ilustrada ---------- */
.nsb-plantilla {
	list-style: none;
	margin: 1.5rem 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
	gap: 1rem;
}
.nsb-jugador a {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #fff;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none;
	color: var(--wp--preset--color--accent-3);
	transition: transform .15s ease, box-shadow .15s ease;
}
.nsb-jugador a:hover,
.nsb-jugador a:focus-visible {
	transform: translateY(-3px);
	box-shadow: 0 12px 26px rgba(7, 37, 100, .18);
}
.nsb-jugador__foto { display: block; aspect-ratio: 300 / 330; background: #eef2f8; }
.nsb-jugador__foto svg,
.nsb-jugador__foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.nsb-jugador__pie {
	display: flex;
	align-items: stretch;
	border-top: 3px solid var(--wp--preset--color--accent-1);
}
.nsb-jugador__dorsal {
	flex: none;
	min-width: 3.1rem;
	display: grid;
	place-items: center;
	padding: .45rem .5rem;
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--accent-3);
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}
.nsb-jugador__nombre {
	display: flex;
	align-items: center;
	padding: .45rem .7rem;
	font-size: .95rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .03em;
	line-height: 1.15;
}
@media (max-width: 599px) {
	.nsb-plantilla { grid-template-columns: repeat(2, 1fr); gap: .75rem; }
	.nsb-jugador__dorsal { font-size: 1.3rem; min-width: 2.6rem; }
	.nsb-jugador__nombre { font-size: .85rem; }
}


/* ---------- Estadísticas ([nsb_estadisticas]) ---------- */
.nsb-stats-wrap { overflow-x: auto; }
.nsb-stats { width: 100%; }
.nsb-stats th,
.nsb-stats td { text-align: center; }
.nsb-stats th abbr { text-decoration: none; cursor: help; }
.nsb-stats .nsb-stats__nombre { text-align: left; width: 100%; }
.nsb-stats .nsb-stats__dorsal { width: 2.5rem; color: var(--wp--preset--color--accent-4); font-weight: 700; }
.nsb-stats thead .nsb-stats__dorsal { color: #fff; }
.nsb-stats td.nsb-stats__pts { font-weight: 800; color: var(--wp--preset--color--accent-3); }
.nsb-stats td { white-space: nowrap; }
.nsb-stats__nota { margin-top: .6rem; font-size: .85rem; color: var(--wp--preset--color--accent-4); }

/* Nombres largos (Alexander, Alejandro…) sin cortarse */
.nsb-plantilla { grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); }
.nsb-jugador__dorsal { min-width: 2.8rem; padding: .45rem .4rem; }
.nsb-jugador__nombre {
	flex: 1;
	min-width: 0;
	padding: .45rem .55rem;
	font-size: clamp(.8rem, 1.6vw, .92rem);
	letter-spacing: 0;
	overflow-wrap: anywhere;
}
@media (max-width: 599px) {
	.nsb-jugador__nombre { font-size: .8rem; padding: .4rem .45rem; }
	.nsb-jugador__dorsal { min-width: 2.4rem; font-size: 1.2rem; }
}

/* Estadísticas: columnas numéricas con aire */
.nsb-stats thead th:not(.nsb-stats__nombre):not(.nsb-stats__dorsal),
.nsb-stats td:not(.nsb-stats__nombre):not(.nsb-stats__dorsal) { min-width: 3.4rem; }

/* Plantilla: filas completas con 12 jugadores (6 / 4 / 2) */
.nsb-plantilla { grid-template-columns: repeat(6, 1fr); }
@media (max-width: 1023px) { .nsb-plantilla { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 599px) { .nsb-plantilla { grid-template-columns: repeat(2, 1fr); } }

/* ---------- Clasificación pendiente ([nsb_clasificacion]) ---------- */
.nsb-proximamente {
	display: flex;
	gap: 1.4rem;
	align-items: flex-start;
	padding: 1.8rem;
	border-radius: 14px;
	background:
		radial-gradient(90% 120% at 100% 0%, rgba(255, 169, 0, .18), transparent 60%),
		var(--wp--preset--color--accent-3);
	color: #fff;
}
.nsb-proximamente p { margin: 0; }
.nsb-proximamente__icono {
	flex: none;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23072564'%3E%3Cpath d='M7 3h10v2h4v3a5 5 0 0 1-4.6 5 5 5 0 0 1-3.4 2.9V18h3v3H8v-3h3v-2.1A5 5 0 0 1 7.6 13 5 5 0 0 1 3 8V5h4zm0 4H5v1a3 3 0 0 0 2 2.8zm10 0v3.8A3 3 0 0 0 19 8V7z'/%3E%3C/svg%3E") center / 55% no-repeat;
}
.nsb-proximamente__titulo { font-size: 1.35rem; font-weight: 800; line-height: 1.2; }
.nsb-proximamente__texto { margin-top: .5rem !important; color: #d6def0; line-height: 1.55; }
.nsb-proximamente__boton { margin-top: 1.1rem !important; }
.nsb-proximamente .wp-element-button:hover { background: #fff; color: var(--wp--preset--color--accent-3); }
.nsb-proximamente.is-compacta { padding: 1.3rem; gap: 1rem; }
.nsb-proximamente.is-compacta .nsb-proximamente__icono { width: 48px; height: 48px; }
.nsb-proximamente.is-compacta .nsb-proximamente__titulo { font-size: 1.1rem; }
.nsb-proximamente.is-compacta .nsb-proximamente__texto { font-size: .92rem; }
@media (max-width: 599px) {
	.nsb-proximamente { flex-direction: column; padding: 1.4rem; }
}

/* ---------- Lista de partidos ([nsb_lista_partidos]) ---------- */
.nsb-lista-partidos { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: .75rem; }
.nsb-lp a {
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-areas: "fecha equipos lado" "info info info";
	gap: .5rem 1rem;
	align-items: center;
	padding: .9rem 1rem;
	background: #fff;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 12px;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.nsb-lp a:hover,
.nsb-lp a:focus-visible { border-color: var(--wp--preset--color--accent-1); box-shadow: 0 6px 18px rgba(7, 37, 100, .1); }
.nsb-lp__fecha {
	grid-area: fecha;
	display: grid;
	justify-items: center;
	min-width: 3.4rem;
	padding: .45rem .3rem;
	border-radius: 10px;
	background: var(--wp--preset--color--accent-3);
	color: #fff;
	line-height: 1.05;
}
.nsb-lp__fecha span { font-size: .62rem; font-weight: 800; letter-spacing: .06em; }
.nsb-lp__fecha b { font-size: 1.5rem; font-weight: 800; color: var(--wp--preset--color--accent-1); }
.nsb-lp__equipos { grid-area: equipos; display: grid; gap: .4rem; min-width: 0; }
.nsb-lp__equipo { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.nsb-lp__equipo .nsb-escudo { width: 28px; height: 28px; flex: none; }
.nsb-lp__equipo .nsb-escudo--vacio { font-size: .5rem; }
.nsb-lp__nombre { font-weight: 700; font-size: .95rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nsb-lp__lado { grid-area: lado; display: grid; justify-items: end; gap: .4rem; }
.nsb-lp__hora { font-size: 1.35rem; font-weight: 800; color: var(--wp--preset--color--accent-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.nsb-lp__lado .nsb-lugar b { font-size: .62rem; }
.nsb-lp__info {
	grid-area: info;
	padding-top: .5rem;
	border-top: 1px solid var(--wp--preset--color--accent-6);
	font-size: .75rem;
	font-weight: 600;
	color: var(--wp--preset--color--accent-4);
}
.nsb-lp__info:empty { display: none; }
@media (max-width: 599px) {
	.nsb-lp a { gap: .45rem .7rem; padding: .75rem; }
	.nsb-lp__fecha { min-width: 3rem; }
	.nsb-lp__nombre { font-size: .88rem; }
	.nsb-lp__hora { font-size: 1.15rem; }
}

/* Estadísticas / Líderes en móvil: que quepan las 6 columnas sin desplazamiento */
@media (max-width: 599px) {
	.nsb-stats { font-size: .85rem; }
	.nsb-stats th,
	.nsb-stats td { padding: .55rem .3rem !important; }
	.nsb-stats thead th { font-size: .66rem; letter-spacing: .02em; }
	.nsb-stats thead th:not(.nsb-stats__nombre):not(.nsb-stats__dorsal),
	.nsb-stats td:not(.nsb-stats__nombre):not(.nsb-stats__dorsal) { min-width: 2.1rem; width: 2.1rem; }
	.nsb-stats .nsb-stats__dorsal { width: 1.8rem; }
	.nsb-stats .nsb-stats__nombre { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* Calendario mensual en móviles estrechos */
@media (max-width: 420px) {
	.sp-event-calendar { table-layout: fixed; width: 100%; }
	.sp-event-calendar th,
	.sp-event-calendar td { padding: .3rem 0 !important; font-size: .82rem; }
	.sp-event-calendar td a.has-tip,
	.sp-event-calendar tbody td a { width: 2.05rem; height: 2.05rem; font-size: .8rem; }
	.sp-event-calendar tbody td a .nsb-lugar { right: -.4rem; bottom: -.3rem; }
	.sp-event-calendar tbody td a .nsb-lugar i { width: .95rem; height: .95rem; }
	.sp-event-calendar tbody td { height: 2.7rem; }
}

/* ---------- Ficha de partido ([nsb_cabecera_partido]) ---------- */
.nsb-cp { text-align: center; }
.nsb-cp p { margin: 0; }
.nsb-cp__top { display: flex; justify-content: center; align-items: center; gap: .8rem; flex-wrap: wrap; }
.nsb-cp__top .nsb-lugar b { color: #fff; }
.nsb-cp__top .nsb-lugar--casa i { box-shadow: 0 0 0 2px var(--wp--preset--color--accent-1); }
.nsb-cp__fecha { margin-top: .8rem !important; color: #c9d4ec; font-weight: 600; }
.nsb-cp__marcador {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 1.5rem;
	margin: 1.8rem 0 1.4rem;
}
.nsb-cp__equipo { display: flex; flex-direction: column; align-items: center; gap: .8rem; min-width: 0; }
.nsb-cp__equipo .nsb-escudo {
	width: 120px;
	height: 120px;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 3px var(--wp--preset--color--accent-1), 0 10px 26px rgba(0, 0, 0, .35);
}
.nsb-cp__equipo .nsb-escudo--vacio {
	clip-path: none;
	border: 0;
	border-radius: 50%;
	font-size: 1.4rem;
	color: var(--wp--preset--color--accent-3);
}
.nsb-cp__nombre { font-size: 1.25rem; font-weight: 800; line-height: 1.2; }
.nsb-cp__centro { display: grid; gap: .3rem; }
.nsb-cp__hora { font-size: clamp(2.4rem, 6vw, 3.6rem); font-weight: 800; line-height: 1; color: var(--wp--preset--color--accent-1); font-variant-numeric: tabular-nums; white-space: nowrap; }
.nsb-cp__estado { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #c9d4ec; }
.nsb-cp__recinto {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem 1.4rem;
	flex-wrap: wrap;
	padding-top: 1.3rem;
	border-top: 1px solid rgba(255, 255, 255, .15);
	font-size: .92rem;
	color: #d6def0;
	text-align: left;
}
.nsb-cp__recinto b { color: #fff; }
.nsb-cp .wp-element-button:hover { background: #fff; color: var(--wp--preset--color--accent-3); }

/* Lo que SportsPress pinta por su cuenta y ya muestra la cabecera */
.nsb-ficha-partido .sp-template-event-logos,
.nsb-ficha-partido .sp-template-event-details,
.nsb-ficha-partido .sp-template-event-venue .sp-table-caption + .sp-table-wrapper thead,
.nsb-ficha-partido .sp-event-venue-address-row { display: none; }
.nsb-ficha-partido .sp-template-event-venue .sp-table-caption { font-size: 1.3rem; font-weight: 800; }
.nsb-ficha-partido .sp-google-map,
.nsb-ficha-partido .sp-venue-map,
.nsb-ficha-partido .leaflet-container { border-radius: 12px; }

@media (max-width: 599px) {
	.nsb-cp__marcador { gap: .6rem; }
	.nsb-cp__equipo .nsb-escudo { width: 76px; height: 76px; padding: 6px; }
	.nsb-cp__nombre { font-size: .95rem; }
	.nsb-cp__hora { font-size: 2.1rem; }
	.nsb-cp__recinto { flex-direction: column; text-align: center; }
}

/* Ficha de partido: cartel más llamativo */
.nsb-cp-fondo {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(115deg, transparent 0 62%, rgba(255, 169, 0, .95) 62% 64.5%, transparent 64.5% 66%, rgba(255, 169, 0, .35) 66% 67%, transparent 67%),
		linear-gradient(115deg, transparent 0 30%, rgba(255, 169, 0, .25) 30% 30.8%, transparent 30.8%),
		radial-gradient(60% 90% at 50% 0%, #1d3d91 0%, transparent 70%),
		var(--wp--preset--color--accent-3) !important;
}
.nsb-cp { position: relative; z-index: 1; }
.nsb-cp__marcador { margin: 2.2rem 0 1.8rem; gap: 2rem; }
.nsb-cp__equipo { position: relative; gap: 1rem; }
.nsb-cp__equipo::before {
	/* halo detrás del escudo */
	content: "";
	position: absolute;
	top: -18px;
	left: 50%;
	width: 210px;
	height: 210px;
	transform: translateX(-50%);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 169, 0, .35) 0%, rgba(255, 169, 0, 0) 65%);
	z-index: -1;
}
.nsb-cp__equipo .nsb-escudo {
	width: 150px;
	height: 150px;
	padding: 14px;
	box-shadow: 0 0 0 5px var(--wp--preset--color--accent-1), 0 0 0 10px rgba(255, 169, 0, .25), 0 16px 34px rgba(0, 0, 0, .45);
	transition: transform .2s ease;
}
.nsb-cp__equipo:hover .nsb-escudo { transform: scale(1.04) rotate(-2deg); }
.nsb-cp__nombre {
	font-size: clamp(1.15rem, 2.4vw, 1.7rem);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .02em;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .35);
}
.nsb-cp__nombre::after {
	content: "";
	display: block;
	width: 44px;
	height: 4px;
	margin: .55rem auto 0;
	border-radius: 2px;
	background: var(--wp--preset--color--accent-1);
}
.nsb-cp__vs {
	justify-self: center;
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin-bottom: .5rem;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--accent-3);
	font-size: .95rem;
	font-weight: 800;
	box-shadow: 0 0 0 6px rgba(255, 169, 0, .2);
}
.nsb-cp__hora { font-size: clamp(2.6rem, 7vw, 4.2rem); text-shadow: 0 4px 18px rgba(255, 169, 0, .35); }
.nsb-cp__lugar { display: grid; gap: .15rem; }
.nsb-cp__lugar small { font-size: .88rem; color: #c9d4ec; }

/* Recinto bajo la cabecera: solo el mapa */
.nsb-ficha-partido .sp-template-event-venue thead { display: none; }

@media (max-width: 599px) {
	.nsb-cp-fondo {
		background:
			linear-gradient(115deg, transparent 0 78%, rgba(255, 169, 0, .9) 78% 81%, transparent 81%),
			var(--wp--preset--color--accent-3) !important;
	}
	.nsb-cp__marcador { gap: .5rem; }
	.nsb-cp__equipo::before { width: 120px; height: 120px; top: -10px; }
	.nsb-cp__equipo .nsb-escudo { width: 84px; height: 84px; padding: 8px; box-shadow: 0 0 0 3px var(--wp--preset--color--accent-1), 0 0 0 6px rgba(255, 169, 0, .25), 0 10px 22px rgba(0, 0, 0, .4); }
	.nsb-cp__nombre { font-size: .95rem; }
	.nsb-cp__vs { width: 34px; height: 34px; font-size: .78rem; }
	.nsb-cp__hora { font-size: 2rem; }
	.nsb-cp__lugar { text-align: center; }
}

/* Ficha de partido en móvil: que la columna central no ensanche el marcador */
.nsb-cp__marcador { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
@media (max-width: 599px) {
	.nsb-cp__estado { font-size: .56rem; letter-spacing: .04em; white-space: normal; max-width: 4.5rem; justify-self: center; line-height: 1.2; }
	.nsb-cp__hora { font-size: 1.8rem; }
	.nsb-cp__nombre { font-size: .85rem; overflow-wrap: anywhere; }
}

/* Aviso de estadísticas: icono de balón en lugar del trofeo */
.nsb-proximamente--stats .nsb-proximamente__icono {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='26' fill='none' stroke='%23072564' stroke-width='4'/%3E%3Cpath d='M6 32h52M32 6v52M14 13c8 8 8 30 0 38M50 13c-8 8-8 30 0 38' fill='none' stroke='%23072564' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
	background-size: 62%;
}

/* Portada en pantallas anchas: el texto se queda a la izquierda, sin pisar la franja ni el escudo
   (en las imágenes de noticia el escudo empieza hacia el 65% del ancho) */
@media (min-width: 1024px) {
	.nsb-hero .wp-block-cover__inner-container > * {
		max-width: min(54%, 720px);
		/* alineado a la izquierda con el logo de la cabecera, no centrado */
		margin-left: max(0px, calc((100% - 1280px) / 2)) !important;
		margin-right: auto !important;
	}
	.nsb-hero .wp-block-post-title { font-size: clamp(2rem, 3.4vw, 3.4rem) !important; text-shadow: 0 2px 16px rgba(4, 22, 64, .6); }
	.nsb-hero .wp-block-post-excerpt { text-shadow: 0 1px 8px rgba(4, 22, 64, .7); }
}

/* ---------- Resultados ([nsb_resultados]) ---------- */
.nsb-resultados .nsb-lp__equipo { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; }
.nsb-lp__pts {
	min-width: 2.2rem;
	text-align: right;
	font-size: 1.15rem;
	font-weight: 800;
	color: var(--wp--preset--color--accent-4);
	font-variant-numeric: tabular-nums;
}
.nsb-res {
	display: inline-block;
	padding: .3rem .6rem;
	border-radius: 6px;
	font-size: .68rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
}
.nsb-res--v { background: #1f9d55; color: #fff; }
.nsb-res--d { background: #e5484d; color: #fff; }
.nsb-res--e { background: var(--wp--preset--color--accent-6); color: var(--wp--preset--color--accent-3); }
.nsb-resultados .is-v a { border-left: 5px solid #1f9d55; }
.nsb-resultados .is-d a { border-left: 5px solid #e5484d; }
.nsb-resultados .is-e a { border-left: 5px solid var(--wp--preset--color--accent-4); }
.nsb-lp__info em {
	float: right;
	font-style: normal;
	font-weight: 800;
	color: var(--wp--preset--color--accent-2);
}

/* ---------- Acta del partido ([nsb_acta_partido]) ---------- */
.nsb-acta-bloque { margin: 0 0 2.2rem; }
.nsb-acta-bloque h2 { margin: 0 0 .9rem; font-size: 1.35rem; }
.nsb-acta-titulo {
	display: flex;
	align-items: center;
	gap: .8rem;
	padding: .7rem 1rem;
	border-radius: 12px 12px 0 0;
	background: var(--wp--preset--color--accent-3);
	color: #fff;
	margin-bottom: 0 !important;
}
.nsb-acta-titulo .nsb-escudo {
	width: 44px;
	height: 44px;
	padding: 4px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 50%;
}
.nsb-acta-titulo .nsb-escudo--vacio { clip-path: none; border: 0; border-radius: 50%; font-size: .6rem; }
.nsb-acta-titulo span { flex: 1; font-size: 1.1rem; font-weight: 800; text-transform: uppercase; }
.nsb-acta-titulo b { font-size: 1.8rem; font-weight: 800; color: var(--wp--preset--color--accent-1); font-variant-numeric: tabular-nums; }
.nsb-acta-titulo + .nsb-stats-wrap .nsb-stats thead th { background: var(--wp--preset--color--accent-2); }
.nsb-stats tfoot td {
	font-weight: 800;
	background: color-mix(in srgb, var(--wp--preset--color--accent-1) 18%, #fff);
	border-top: 2px solid var(--wp--preset--color--accent-1);
}
.nsb-parciales td, .nsb-parciales th { min-width: 2.6rem; }
.nsb-acta-equipo { display: inline-flex; align-items: center; gap: .55rem; font-weight: 700; }
.nsb-acta-equipo .nsb-escudo { width: 26px; height: 26px; }
.nsb-acta-equipo .nsb-escudo--vacio { font-size: .45rem; }

/* La ficha del partido ya pinta resultados y estadísticas a su manera */
.nsb-ficha-partido .sp-template-event-results,
.nsb-ficha-partido .sp-template-event-performance,
.nsb-ficha-partido .sp-event-performance-tables { display: none; }

@media (max-width: 599px) {
	.nsb-acta-titulo span { font-size: .95rem; }
	.nsb-acta-titulo b { font-size: 1.5rem; }
	.nsb-lp__info em { float: none; display: block; margin-top: .2rem; }
	.nsb-acta-equipo span { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* ---------- Cuerpo técnico ---------- */
.nsb-staff-titulo { margin: 2.6rem 0 0; font-size: 1.5rem; }
.nsb-jugador--staff .nsb-jugador__pie { flex-direction: column; align-items: stretch; }
.nsb-jugador__rol {
	padding: .3rem .6rem;
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--accent-3);
	font-size: .66rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
}
.nsb-jugador--staff .nsb-jugador__nombre { padding: .5rem .6rem; }