/* ==========================================================================
   Actualidad Diocesana – Diócesis de Bata
   ========================================================================== */

.dba-wrap.dba-ui.dba-ui.dba-ui {
	--dba-principal: #032553;
	--dba-secundario: #ebaf35;
	--dba-contraste: #ffffff;
	--dba-suave: #f2f4f8;
	--dba-borde: #d9dee8;
	--dba-texto-suave: #4a5a78;
	--dba-dorado-suave: #fbeecd;
	--dba-serif: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Georgia, serif;

	container-type: inline-size;
	color: var(--dba-principal);
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

@supports (color: color-mix(in srgb, red 50%, blue)) {
	.dba-wrap.dba-ui.dba-ui.dba-ui {
		--dba-suave: color-mix(in srgb, var(--dba-principal) 5%, var(--dba-contraste));
		--dba-borde: color-mix(in srgb, var(--dba-principal) 15%, var(--dba-contraste));
		--dba-texto-suave: color-mix(in srgb, var(--dba-principal) 72%, var(--dba-contraste));
		--dba-dorado-suave: color-mix(in srgb, var(--dba-secundario) 25%, var(--dba-contraste));
	}
}

.dba-wrap.dba-ui.dba-ui.dba-ui * {
	box-sizing: border-box;
}

/* Protección frente al tema (Hello Elementor, kit global de Elementor…) */
.dba-ui.dba-ui.dba-ui button {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	text-transform: none;
	letter-spacing: normal;
	text-decoration: none;
	text-shadow: none;
	box-shadow: none;
	white-space: normal;
	width: auto;
	min-width: 0;
	min-height: 0;
	transition: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

.dba-ui.dba-ui.dba-ui h2,
.dba-ui.dba-ui.dba-ui h3,
.dba-ui.dba-ui.dba-ui p,
.dba-ui.dba-ui.dba-ui ul,
.dba-ui.dba-ui.dba-ui li,
.dba-ui.dba-ui.dba-ui figure {
	text-transform: none;
	letter-spacing: normal;
}

.dba-ui.dba-ui.dba-ui a {
	box-shadow: none;
	text-shadow: none;
}

.dba-ui.dba-ui.dba-ui button:focus-visible,
.dba-ui.dba-ui.dba-ui a:focus-visible {
	outline: 3px solid var(--dba-secundario);
	outline-offset: 2px;
}

/* ---------- Piezas comunes ---------- */

.dba-ui.dba-ui.dba-ui .dba-seccion {
	margin: 0 0 40px;
}

.dba-ui.dba-ui.dba-ui .dba-seccion-cab {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 18px;
	padding: 0 0 10px;
	border-bottom: 2px solid var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dba-seccion-titulo {
	margin: 0;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-ver-todo {
	flex: none;
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--dba-principal);
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.dba-ui.dba-ui.dba-ui .dba-ver-todo:hover {
	color: var(--dba-principal);
	text-decoration-color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-etiqueta {
	display: inline-block;
	margin: 0 0 8px;
	padding: 2px 10px;
	border-radius: 999px;
	background: var(--dba-dorado-suave);
	color: var(--dba-principal);
	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1.5;
}

.dba-ui.dba-ui.dba-ui .dba-fecha {
	font-size: 0.82rem;
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dba-vacio {
	margin: 0;
	padding: 28px 16px;
	border: 1px dashed var(--dba-borde);
	border-radius: 12px;
	text-align: center;
	font-style: italic;
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dba-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border-radius: 0;
}

.dba-ui.dba-ui.dba-ui .dba-img-vacia {
	display: grid;
	place-items: center;
	background: var(--dba-principal);
	color: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dba-img-vacia svg {
	width: 22%;
	max-width: 70px;
	height: auto;
	opacity: 0.9;
}

.dba-ui.dba-ui.dba-ui .dba-chip {
	display: inline-block;
	padding: 0.4em 0.95em;
	border: 1.5px solid var(--dba-borde);
	border-radius: 999px;
	background: var(--dba-contraste);
	color: var(--dba-principal);
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-chip:hover {
	border-color: var(--dba-secundario);
	background: var(--dba-contraste);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-chip[aria-current="page"] {
	background: var(--dba-principal);
	border-color: var(--dba-principal);
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-boton {
	display: inline-block;
	padding: 0.6em 1.3em;
	border-radius: 999px;
	background: var(--dba-principal);
	color: var(--dba-contraste);
	font-weight: 700;
	text-decoration: none;
}

/* ---------- Carrusel de destacadas ---------- */

.dba-ui.dba-ui.dba-ui .dba-hero {
	position: relative;
	margin: 0 0 40px;
	border-radius: 16px;
	overflow: hidden;
	background: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-hero-pista {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.dba-ui.dba-ui.dba-ui .dba-hero-pista::-webkit-scrollbar {
	display: none;
}

.dba-ui.dba-ui.dba-ui .dba-hero-slide {
	position: relative;
	flex: 0 0 100%;
	min-height: clamp(380px, 48vw, 540px);
	margin: 0;
	scroll-snap-align: start;
	display: flex;
	align-items: flex-end;
}

.dba-ui.dba-ui.dba-ui .dba-hero-img {
	position: absolute;
	inset: 0;
}

.dba-ui.dba-ui.dba-ui .dba-hero-img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(3, 21, 51, 0.94) 0%, rgba(3, 21, 51, 0.55) 45%, rgba(3, 21, 51, 0.05) 80%);
}

.dba-ui.dba-ui.dba-ui .dba-hero-texto {
	position: relative;
	max-width: 760px;
	padding: 36px 40px 76px;
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-hero-texto .dba-etiqueta {
	background: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dba-hero-titulo {
	margin: 0 0 10px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: clamp(1.6rem, 3.6vw, 2.6rem);
	font-weight: 700;
	line-height: 1.12;
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-hero-titulo a {
	color: var(--dba-contraste);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-hero-titulo a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.dba-ui.dba-ui.dba-ui .dba-hero-titulo a:hover {
	color: var(--dba-contraste);
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 3px;
	text-underline-offset: 6px;
}

.dba-ui.dba-ui.dba-ui .dba-hero-resumen {
	margin: 0 0 10px;
	padding: 0;
	max-width: 60ch;
	font-size: 1rem;
	color: var(--dba-contraste);
	opacity: 0.88;
}

.dba-ui.dba-ui.dba-ui .dba-hero-texto .dba-fecha {
	color: var(--dba-contraste);
	opacity: 0.75;
}

.dba-ui.dba-ui.dba-ui .dba-hero-controles {
	position: absolute;
	right: 24px;
	bottom: 22px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 10px;
}

.dba-ui.dba-ui.dba-ui .dba-hero-flecha {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	padding: 0 0 3px;
	border: 1.5px solid rgba(255, 255, 255, 0.55);
	border-radius: 50%;
	background: transparent;
	color: var(--dba-contraste);
	font-size: 26px;
	line-height: 1;
}

.dba-ui.dba-ui.dba-ui .dba-hero-flecha:hover {
	background: var(--dba-secundario);
	border-color: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-hero-puntos {
	display: flex;
	gap: 6px;
}

.dba-ui.dba-ui.dba-ui .dba-hero-punto {
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.45);
	transition: width 0.2s ease, background-color 0.2s ease;
}

.dba-ui.dba-ui.dba-ui .dba-hero-punto:hover {
	background: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-hero-punto[aria-current="true"] {
	width: 26px;
	background: var(--dba-secundario);
}

/* ---------- Portada ---------- */

.dba-ui.dba-ui.dba-ui .dba-portada {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0 40px;
}

.dba-ui.dba-ui.dba-ui .dba-rejilla {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 26px 22px;
}

/* ---------- Tarjeta de noticia ---------- */

.dba-ui.dba-ui.dba-ui .dba-tarjeta {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0;
}

.dba-ui.dba-ui.dba-ui .dba-tarjeta-img {
	aspect-ratio: 16 / 10;
	margin-bottom: 14px;
	border-radius: 12px;
	overflow: hidden;
	background: var(--dba-suave);
}

.dba-ui.dba-ui.dba-ui .dba-tarjeta-img .dba-img {
	transition: transform 0.35s ease;
}

.dba-ui.dba-ui.dba-ui .dba-tarjeta:hover .dba-tarjeta-img .dba-img {
	transform: scale(1.04);
}

.dba-ui.dba-ui.dba-ui .dba-tarjeta-cuerpo {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
}

.dba-ui.dba-ui.dba-ui .dba-tarjeta-titulo {
	margin: 0 0 8px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.22rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-tarjeta-titulo a {
	color: var(--dba-principal);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-tarjeta-titulo a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.dba-ui.dba-ui.dba-ui .dba-tarjeta:hover .dba-tarjeta-titulo a {
	color: var(--dba-principal);
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.dba-ui.dba-ui.dba-ui .dba-tarjeta-resumen {
	margin: 0 0 10px;
	padding: 0;
	font-size: 0.93rem;
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dba-tarjeta-pie {
	margin: auto 0 0;
	padding: 0;
}

/* ---------- Columna lateral ---------- */

.dba-ui.dba-ui.dba-ui .dba-lateral-bloque {
	padding: 22px 22px 24px;
	background: var(--dba-suave);
	border-radius: 14px;
}

.dba-ui.dba-ui.dba-ui .dba-lateral-bloque .dba-seccion-titulo {
	font-size: 1.35rem;
}

.dba-ui.dba-ui.dba-ui .dba-eventos {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dba-ui.dba-ui.dba-ui .dba-evento {
	display: flex;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dba-ui.dba-ui.dba-ui .dba-evento::before {
	content: none;
}

.dba-ui.dba-ui.dba-ui .dba-evento-fecha {
	display: flex;
	flex: 0 0 52px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 58px;
	border-radius: 8px 8px 4px 4px;
	background: var(--dba-principal);
	border-bottom: 4px solid var(--dba-secundario);
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-evento-dia {
	font-family: var(--dba-serif);
	font-size: 1.45rem;
	font-weight: 700;
	line-height: 1;
}

.dba-ui.dba-ui.dba-ui .dba-evento-mes {
	margin-top: 2px;
	font-size: 0.72rem;
	line-height: 1;
}

.dba-ui.dba-ui.dba-ui .dba-evento-info {
	min-width: 0;
}

.dba-ui.dba-ui.dba-ui .dba-evento-titulo {
	margin: 0 0 4px;
	padding: 0;
	font-family: inherit;
	font-size: 0.98rem;
	font-weight: 700;
	line-height: 1.3;
}

.dba-ui.dba-ui.dba-ui .dba-evento-titulo a {
	color: var(--dba-principal);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-evento-titulo a:hover {
	color: var(--dba-principal);
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
}

.dba-ui.dba-ui.dba-ui .dba-evento-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0 12px;
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dba-eventos-boton {
	margin-top: 20px;
}

.dba-ui.dba-ui.dba-ui .dba-opiniones {
	display: flex;
	flex-direction: column;
}

.dba-ui.dba-ui.dba-ui .dba-opinion {
	position: relative;
	margin: 0;
	padding: 14px 0;
	border-top: 1px solid var(--dba-borde);
}

.dba-ui.dba-ui.dba-ui .dba-opinion:first-child {
	padding-top: 0;
	border-top: 0;
}

.dba-ui.dba-ui.dba-ui .dba-opinion .dba-etiqueta {
	margin-bottom: 6px;
	background: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-opinion-titulo {
	margin: 0 0 6px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.12rem;
	font-weight: 700;
	line-height: 1.25;
}

.dba-ui.dba-ui.dba-ui .dba-opinion-titulo a {
	color: var(--dba-principal);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-opinion-titulo a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.dba-ui.dba-ui.dba-ui .dba-opinion:hover .dba-opinion-titulo a {
	color: var(--dba-principal);
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
}

.dba-ui.dba-ui.dba-ui .dba-opinion-pie {
	display: flex;
	flex-wrap: wrap;
	gap: 0 12px;
	margin: 0;
	padding: 0;
}

.dba-ui.dba-ui.dba-ui .dba-firma {
	font-size: 0.84rem;
	font-weight: 700;
	font-style: italic;
	color: var(--dba-principal);
}

/* ---------- Vídeos ---------- */

.dba-ui.dba-ui.dba-ui .dba-banda {
	padding: 30px 30px 34px;
	background: var(--dba-principal);
	border-radius: 16px;
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-banda .dba-seccion-titulo,
.dba-ui.dba-ui.dba-ui .dba-banda .dba-video-titulo a,
.dba-ui.dba-ui.dba-ui .dba-banda .dba-ver-todo {
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-banda .dba-ver-todo:hover {
	color: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dba-banda .dba-fecha {
	color: var(--dba-contraste);
	opacity: 0.7;
}

.dba-ui.dba-ui.dba-ui .dba-video {
	margin: 0;
}

.dba-ui.dba-ui.dba-ui .dba-video-marco {
	position: relative;
	aspect-ratio: 16 / 9;
	margin-bottom: 12px;
	border-radius: 12px;
	overflow: hidden;
	background: #000;
}

.dba-ui.dba-ui.dba-ui .dba-video-play {
	position: absolute;
	inset: 0;
	display: block;
}

.dba-ui.dba-ui.dba-ui .dba-video-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border-radius: 0;
	transition: transform 0.35s ease, opacity 0.2s ease;
}

.dba-ui.dba-ui.dba-ui .dba-video-play:hover .dba-video-img {
	transform: scale(1.03);
	opacity: 0.85;
}

.dba-ui.dba-ui.dba-ui .dba-play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--dba-secundario);
	color: var(--dba-principal);
	transform: translate(-50%, -50%);
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
	transition: transform 0.2s ease;
}

.dba-ui.dba-ui.dba-ui .dba-play svg {
	width: 28px;
	height: 28px;
	margin-left: 3px;
}

.dba-ui.dba-ui.dba-ui .dba-video-play:hover .dba-play {
	transform: translate(-50%, -50%) scale(1.08);
}

.dba-ui.dba-ui.dba-ui .dba-directo {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 3px 10px 3px 22px;
	border-radius: 999px;
	background: #c62828;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
}

.dba-ui.dba-ui.dba-ui .dba-directo::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 9px;
	width: 7px;
	height: 7px;
	margin-top: -3.5px;
	border-radius: 50%;
	background: #fff;
}

.dba-ui.dba-ui.dba-ui .dba-video-iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.dba-ui.dba-ui.dba-ui .dba-video-titulo {
	margin: 0 0 4px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.12rem;
	font-weight: 700;
	line-height: 1.25;
}

.dba-ui.dba-ui.dba-ui .dba-video-titulo a {
	color: var(--dba-principal);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-video-titulo a:hover {
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
}

.dba-ui.dba-ui.dba-ui .dba-rejilla-videos {
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* ---------- Archivo ---------- */

.dba-ui.dba-ui.dba-ui .dba-filtro {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 28px;
}

.dba-ui.dba-ui.dba-ui .dba-paginacion {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin: 40px 0 0;
}

.dba-ui.dba-ui.dba-ui .dba-pag {
	display: inline-grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	border: 1.5px solid var(--dba-borde);
	border-radius: 999px;
	color: var(--dba-principal);
	font-weight: 700;
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-pag:hover {
	border-color: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-pag.es-actual {
	background: var(--dba-principal);
	border-color: var(--dba-principal);
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-pag-hueco {
	padding: 0 4px;
	color: var(--dba-texto-suave);
}

/* ---------- Noticia individual ---------- */

.dba-individual.dba-ui.dba-ui.dba-ui {
	margin: 0 0 1.5em;
}

.dba-ui.dba-ui.dba-ui .dba-meta-noticia {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	margin: 0 0 18px;
	padding: 0 0 14px;
	border-bottom: 1px solid var(--dba-borde);
}

.dba-ui.dba-ui.dba-ui .dba-meta-noticia .dba-etiqueta {
	margin: 0;
}

.dba-ui.dba-ui.dba-ui .dba-meta-noticia .dba-fecha {
	font-size: 0.9rem;
}

.dba-ui.dba-ui.dba-ui .dba-meta-noticia .dba-chip {
	padding: 0.25em 0.8em;
	font-size: 0.8rem;
}

.dba-ui.dba-ui.dba-ui .dba-figura {
	margin: 0;
}

.dba-ui.dba-ui.dba-ui .dba-figura-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 14px;
}

.dba-ui.dba-ui.dba-ui .dba-figura figcaption {
	margin-top: 8px;
	font-size: 0.85rem;
	font-style: italic;
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dba-video-noticia {
	margin: 0 0 28px;
}

.dba-ui.dba-ui.dba-ui .dba-compartir {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
	margin: 0 0 36px;
	padding: 18px 0;
	border-top: 1px solid var(--dba-borde);
	border-bottom: 1px solid var(--dba-borde);
}

.dba-ui.dba-ui.dba-ui .dba-compartir-titulo {
	margin: 0;
	padding: 0;
	font-weight: 700;
}

.dba-ui.dba-ui.dba-ui .dba-compartir-botones {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dba-ui.dba-ui.dba-ui .dba-copiar {
	border: 1.5px solid var(--dba-borde);
	border-radius: 999px;
	background: var(--dba-contraste);
	padding: 0.4em 0.95em;
	font-size: 0.85rem;
	font-weight: 600;
}

.dba-ui.dba-ui.dba-ui .dba-relacionadas {
	margin-bottom: 0;
}

.dba-ui.dba-ui.dba-ui .dba-rejilla-3 {
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

/* ---------- Adaptación al ancho ---------- */

@container (min-width: 900px) {
	.dba-ui.dba-ui.dba-ui .dba-portada { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
	.dba-ui.dba-ui.dba-ui .dba-portada-principal .dba-rejilla { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dba-ui.dba-ui.dba-ui .dba-rejilla-archivo { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.dba-ui.dba-ui.dba-ui .dba-rejilla-videos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@container (max-width: 560px) {
	.dba-ui.dba-ui.dba-ui .dba-hero-slide { min-height: 440px; }
	.dba-ui.dba-ui.dba-ui .dba-hero-texto { padding: 24px 20px 72px; }
	.dba-ui.dba-ui.dba-ui .dba-hero-resumen { display: none; }
	.dba-ui.dba-ui.dba-ui .dba-hero-controles { left: 20px; right: auto; bottom: 18px; }
	.dba-ui.dba-ui.dba-ui .dba-banda { padding: 22px 18px 26px; }
	.dba-ui.dba-ui.dba-ui .dba-lateral-bloque { padding: 18px 16px 20px; }
	.dba-ui.dba-ui.dba-ui .dba-seccion-titulo { font-size: 1.4rem; }
}

@supports not (container-type: inline-size) {
	@media (min-width: 960px) {
		.dba-ui.dba-ui.dba-ui .dba-portada { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
	}
}

@media (prefers-reduced-motion: reduce) {
	.dba-ui.dba-ui.dba-ui .dba-tarjeta-img .dba-img,
.dba-ui.dba-ui.dba-ui .dba-video-img,
.dba-ui.dba-ui.dba-ui .dba-play,
.dba-ui.dba-ui.dba-ui .dba-hero-punto { transition: none; }
}

/* ==========================================================================
   v1.1 – Podcasts, hojas dominicales, agenda, galerías y comunicación
   ========================================================================== */

.dba-ui.dba-ui.dba-ui .dba-boton:hover {
	background: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-boton-sec {
	background: transparent;
	border: 1.5px solid var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-banda .dba-boton-sec {
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-acciones {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 16px 0 0;
	padding: 0;
}

.dba-ui.dba-ui.dba-ui .dba-anio-titulo {
	margin: 32px 0 12px;
	padding: 0 0 8px;
	border-bottom: 2px solid var(--dba-secundario);
	font-family: var(--dba-serif);
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--dba-principal);
}

/* Artículos */

.dba-ui.dba-ui.dba-ui .dba-tarjeta-articulo {
	padding: 22px 22px 18px;
	background: var(--dba-suave);
	border-radius: 14px;
	border-top: 4px solid var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dba-tarjeta-articulo .dba-etiqueta {
	background: var(--dba-contraste);
}

/* Podcasts */

.dba-ui.dba-ui.dba-ui .dba-podcasts {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.dba-ui.dba-ui.dba-ui .dba-podcast {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	margin: 0;
	padding: 18px;
	background: var(--dba-suave);
	border-radius: 14px;
}

.dba-ui.dba-ui.dba-ui .dba-podcast-img {
	aspect-ratio: 1 / 1;
	max-width: 160px;
	border-radius: 10px;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dba-podcast-titulo {
	margin: 0 0 4px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
}

.dba-ui.dba-ui.dba-ui .dba-podcast-titulo a {
	color: var(--dba-principal);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-podcast-titulo a:hover {
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
}

.dba-ui.dba-ui.dba-ui .dba-podcast-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0 14px;
	margin: 0 0 8px;
	padding: 0;
}

.dba-ui.dba-ui.dba-ui .dba-audio {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 44px;
	margin-top: 6px;
}

.dba-ui.dba-ui.dba-ui .dba-audio-embed iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 0;
	border-radius: 12px;
}

/* Hojas dominicales */

.dba-ui.dba-ui.dba-ui .dba-hoja-destacada {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 22px;
	margin: 0 0 12px;
	padding: 26px;
	background: var(--dba-principal);
	border-radius: 16px;
	border-bottom: 5px solid var(--dba-secundario);
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-hoja-portada {
	max-width: 220px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.dba-ui.dba-ui.dba-ui .dba-hoja-portada .dba-img {
	height: auto;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-destacada .dba-etiqueta {
	background: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dba-hoja-titulo {
	margin: 0 0 6px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: clamp(1.5rem, 3.2vw, 2.1rem);
	font-weight: 700;
	line-height: 1.15;
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-hoja-fecha {
	margin: 0;
	padding: 0;
	color: var(--dba-contraste);
	opacity: 0.8;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-destacada .dba-boton {
	background: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-hoja-destacada .dba-boton:hover {
	background: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-hoja-destacada .dba-boton-sec {
	background: transparent;
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-hojas {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid var(--dba-borde);
	border-radius: 12px;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dba-hoja {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 2px 16px;
	margin: 0;
	padding: 12px 16px;
	list-style: none;
	border-top: 1px solid var(--dba-borde);
}

.dba-ui.dba-ui.dba-ui .dba-hoja:first-child {
	border-top: 0;
}

.dba-ui.dba-ui.dba-ui .dba-hoja::before {
	content: none;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-dia {
	grid-column: 1;
	font-size: 0.82rem;
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dba-hoja-nombre {
	grid-column: 1;
	font-weight: 700;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-nombre a {
	color: var(--dba-principal);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-nombre a:hover {
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-descargar {
	grid-column: 2;
	grid-row: 1 / span 2;
	padding: 0.35em 0.9em;
	border: 1.5px solid var(--dba-secundario);
	border-radius: 999px;
	color: var(--dba-principal);
	font-size: 0.8rem;
	font-weight: 700;
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-descargar:hover {
	background: var(--dba-secundario);
	color: var(--dba-principal);
}

/* Agenda */

.dba-ui.dba-ui.dba-ui .dba-agenda-boton {
	margin: 0 0 8px;
}

.dba-ui.dba-ui.dba-ui .dba-agenda {
	gap: 18px;
}

.dba-ui.dba-ui.dba-ui .dba-agenda .dba-evento {
	padding: 0 0 18px;
	border-bottom: 1px solid var(--dba-borde);
}

.dba-ui.dba-ui.dba-ui .dba-agenda .dba-evento:last-child {
	border-bottom: 0;
}

.dba-ui.dba-ui.dba-ui .dba-agenda .dba-evento-titulo {
	font-size: 1.08rem;
}

.dba-ui.dba-ui.dba-ui .dba-agenda .dba-tarjeta-resumen {
	margin: 6px 0 0;
}

/* Galerías */

.dba-ui.dba-ui.dba-ui .dba-tarjeta-img {
	position: relative;
}

.dba-ui.dba-ui.dba-ui .dba-contador-fotos {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 3px 10px;
	border-radius: 999px;
	background: rgba(3, 21, 51, 0.85);
	color: #fff;
	font-size: 0.78rem;
	font-weight: 700;
}

.dba-ui.dba-ui.dba-ui .dba-mosaico {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 8px;
	margin: 0 0 32px;
}

.dba-ui.dba-ui.dba-ui .dba-foto {
	display: block;
	aspect-ratio: 1 / 1;
	border-radius: 8px;
	overflow: hidden;
	background: var(--dba-suave);
}

.dba-ui.dba-ui.dba-ui .dba-foto .dba-img {
	transition: transform 0.3s ease, opacity 0.2s ease;
}

.dba-ui.dba-ui.dba-ui .dba-foto:hover .dba-img {
	transform: scale(1.05);
	opacity: 0.9;
}

html.dba-sin-scroll {
	overflow: hidden;
}

.dba-visor.dba-ui.dba-ui.dba-ui {
	--dba-principal: #032553;
	--dba-secundario: #ebaf35;
	--dba-contraste: #ffffff;

	position: fixed;
	inset: 0;
	z-index: 999999;
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) 64px;
	grid-template-rows: auto minmax(0, 1fr);
	align-items: center;
	background: #020c1e;
	color: #fff;
}

.dba-visor[hidden].dba-ui.dba-ui.dba-ui {
	display: none;
}

.dba-ui.dba-ui.dba-ui .dba-visor-barra {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
}

.dba-ui.dba-ui.dba-ui .dba-visor-contador {
	font-size: 0.9rem;
	opacity: 0.8;
}

.dba-ui.dba-ui.dba-ui .dba-visor-cerrar,
.dba-ui.dba-ui.dba-ui .dba-visor-flecha {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	padding: 0 0 3px;
	border: 1.5px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	background: transparent;
	color: #fff;
	font-size: 28px;
	line-height: 1;
}

.dba-ui.dba-ui.dba-ui .dba-visor-cerrar:hover,
.dba-ui.dba-ui.dba-ui .dba-visor-flecha:hover {
	background: var(--dba-secundario);
	border-color: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-visor-flecha {
	justify-self: center;
}

.dba-visor.es-unica.dba-ui.dba-ui.dba-ui .dba-visor-flecha {
	visibility: hidden;
}

.dba-ui.dba-ui.dba-ui .dba-visor-figura {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin: 0;
	padding: 0 0 20px;
	min-height: 0;
}

.dba-ui.dba-ui.dba-ui .dba-visor-img {
	display: block;
	max-width: 100%;
	max-height: calc(100vh - 130px);
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 4px;
}

.dba-ui.dba-ui.dba-ui .dba-visor-pie {
	margin-top: 10px;
	font-size: 0.9rem;
	text-align: center;
	opacity: 0.85;
}

/* Responsable de Comunicación */

.dba-ui.dba-ui.dba-ui .dba-responsable {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 26px;
	align-items: center;
	padding: 28px;
	background: var(--dba-suave);
	border-radius: 16px;
	border-left: 5px solid var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dba-responsable-foto {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	overflow: hidden;
	border: 5px solid var(--dba-contraste);
	box-shadow: 0 6px 20px rgba(3, 21, 51, 0.18);
}

.dba-ui.dba-ui.dba-ui .dba-responsable-nombre {
	margin: 0 0 10px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 700;
	line-height: 1.15;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-responsable-bio {
	max-width: 62ch;
	margin: 0;
	padding: 0;
	color: var(--dba-texto-suave);
}

@container (min-width: 640px) {
	.dba-ui.dba-ui.dba-ui .dba-podcast { grid-template-columns: 160px minmax(0, 1fr); align-items: start; }
	.dba-ui.dba-ui.dba-ui .dba-hoja-destacada { grid-template-columns: 220px minmax(0, 1fr); align-items: center; }
	.dba-ui.dba-ui.dba-ui .dba-hoja-destacada:not(:has(.dba-hoja-portada)) { grid-template-columns: minmax(0, 1fr); }
	.dba-ui.dba-ui.dba-ui .dba-responsable { grid-template-columns: 180px minmax(0, 1fr); }
}

@media (max-width: 600px) {
	.dba-visor.dba-ui.dba-ui.dba-ui { grid-template-columns: 0 minmax(0, 1fr) 0; }
	.dba-ui.dba-ui.dba-ui .dba-visor-flecha { position: fixed; bottom: 16px; }
	.dba-ui.dba-ui.dba-ui .dba-visor-ant { left: calc(50% - 60px); }
	.dba-ui.dba-ui.dba-ui .dba-visor-sig { right: calc(50% - 60px); }
	.dba-ui.dba-ui.dba-ui .dba-visor-img { max-height: calc(100vh - 170px); }
}

@media (prefers-reduced-motion: reduce) {
	.dba-ui.dba-ui.dba-ui .dba-foto .dba-img { transition: none; }
}

.dba-visor.dba-ui.dba-ui.dba-ui * {
	box-sizing: border-box;
}

/* ==========================================================================
   v1.2 – Columna lateral y secciones de portada
   ========================================================================== */

.dba-ui.dba-ui.dba-ui .dba-portada-lateral,
.dba-columna-lateral.dba-ui.dba-ui.dba-ui {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.dba-ui.dba-ui.dba-ui .dba-portada-lateral .dba-seccion,
.dba-columna-lateral.dba-ui.dba-ui.dba-ui .dba-seccion {
	margin: 0;
}

.dba-ui.dba-ui.dba-ui .dba-portada-lateral {
	margin-bottom: 40px;
}

/* Accesos directos (mismo estilo que el menú) */

.dba-ui.dba-ui.dba-ui .dba-accesos {
	background: var(--dba-principal);
	border-radius: 14px;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dba-accesos-titulo {
	margin: 0;
	padding: 16px 20px 14px;
	border-bottom: 3px solid var(--dba-secundario);
	font-family: var(--dba-serif);
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dba-accesos ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dba-ui.dba-ui.dba-ui .dba-accesos li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid rgba(235, 175, 53, 0.55);
}

.dba-ui.dba-ui.dba-ui .dba-accesos li:first-child {
	border-top: 0;
}

.dba-ui.dba-ui.dba-ui .dba-accesos li::before {
	content: none;
}

.dba-ui.dba-ui.dba-ui .dba-accesos a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 13px 20px;
	color: var(--dba-contraste);
	font-size: 0.97rem;
	line-height: 1.3;
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-accesos a::after {
	content: "\203A";
	font-size: 1.3rem;
	line-height: 1;
	color: var(--dba-secundario);
	opacity: 0;
	transform: translateX(-4px);
	transition: opacity 0.15s ease, transform 0.15s ease;
}

.dba-ui.dba-ui.dba-ui .dba-accesos a:hover,
.dba-ui.dba-ui.dba-ui .dba-accesos a[aria-current="page"] {
	color: var(--dba-secundario);
	background: rgba(255, 255, 255, 0.05);
}

.dba-ui.dba-ui.dba-ui .dba-accesos a:hover::after,
.dba-ui.dba-ui.dba-ui .dba-accesos a[aria-current="page"]::after {
	opacity: 1;
	transform: none;
}

/* Hoja dominical (columna lateral) */

.dba-ui.dba-ui.dba-ui .dba-hoja-mini {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-mini-portada {
	flex: 0 0 84px;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(3, 21, 51, 0.2);
}

.dba-ui.dba-ui.dba-ui .dba-hoja-mini-portada .dba-img {
	height: auto;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-mini-texto {
	min-width: 0;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-mini-texto .dba-fecha {
	margin: 0 0 2px;
	padding: 0;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-mini-titulo {
	margin: 0;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.12rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-hoja-mini .dba-acciones {
	margin-top: 12px;
	gap: 8px;
}

.dba-ui.dba-ui.dba-ui .dba-hoja-mini .dba-boton {
	padding: 0.45em 1.05em;
	font-size: 0.85rem;
}

/* Podcast (columna lateral) */

.dba-ui.dba-ui.dba-ui .dba-lateral-podcast .dba-podcast-titulo {
	font-size: 1.1rem;
}

.dba-ui.dba-ui.dba-ui .dba-lateral-podcast .dba-audio {
	margin-top: 10px;
}

/* Galerías (columna lateral) */

.dba-ui.dba-ui.dba-ui .dba-mini-galerias {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.dba-ui.dba-ui.dba-ui .dba-mini-galeria {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	border-radius: 10px;
	overflow: hidden;
	background: var(--dba-principal);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-mini-galeria .dba-img {
	transition: transform 0.3s ease;
}

.dba-ui.dba-ui.dba-ui .dba-mini-galeria:hover .dba-img {
	transform: scale(1.05);
}

.dba-ui.dba-ui.dba-ui .dba-mini-galeria::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(3, 21, 51, 0.85) 0%, rgba(3, 21, 51, 0) 60%);
}

.dba-ui.dba-ui.dba-ui .dba-mini-galeria-titulo {
	position: absolute;
	right: 8px;
	bottom: 7px;
	left: 8px;
	z-index: 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
}

/* Vídeo en la columna lateral */

.dba-ui.dba-ui.dba-ui .dba-lateral-bloque .dba-video-titulo {
	font-size: 1.02rem;
}

/* Galerías en la portada */

.dba-ui.dba-ui.dba-ui .dba-galerias-portada {
	margin-top: 40px;
}

@container (min-width: 900px) {
	.dba-ui.dba-ui.dba-ui .dba-rejilla-galerias { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
	.dba-ui.dba-ui.dba-ui .dba-accesos a::after,
.dba-ui.dba-ui.dba-ui .dba-mini-galeria .dba-img { transition: none; }
}

/* ==========================================================================
   v1.3 – Nueva portada (estilo de las imágenes de referencia)
   ========================================================================== */

.dba-portada2.dba-ui.dba-ui.dba-ui {
	--dba-fondo: #e9ebf0;
	--dba-dorado-oscuro: #8a6212;
	padding: 22px;
	background: var(--dba-fondo);
	border-radius: 12px;
}

@supports (color: color-mix(in srgb, red 50%, blue)) {
	.dba-portada2.dba-ui.dba-ui.dba-ui {
		--dba-fondo: color-mix(in srgb, var(--dba-principal) 8%, #f4f4f4);
		--dba-dorado-oscuro: color-mix(in srgb, var(--dba-secundario) 58%, #000);
	}
}

.dba-suelto.dba-ui.dba-ui.dba-ui {
	padding: 0;
	background: transparent;
}

.dba-ui.dba-ui.dba-ui .dba-p-superior {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 28px;
}

/* Títulos de sección */

.dba-ui.dba-ui.dba-ui .dba-p-ultimas .dba-seccion-cab,
.dba-ui.dba-ui.dba-ui .dba-p-lateral .dba-seccion-cab {
	margin: 0 0 14px;
	padding: 0;
	border: 0;
}

.dba-ui.dba-ui.dba-ui .dba-p-ultimas .dba-seccion-titulo,
.dba-ui.dba-ui.dba-ui .dba-p-lateral .dba-seccion-titulo {
	font-size: 1.3rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-p-lateral .dba-seccion-cab {
	padding-top: 8px;
	border-top: 1px solid var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-p-ultimas {
	margin-top: 26px;
}

.dba-ui.dba-ui.dba-ui .dba-p-tema {
	margin: 0 0 6px;
	padding: 0;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--dba-dorado-oscuro);
}

.dba-ui.dba-ui.dba-ui .dba-p-fecha {
	margin: 0;
	padding: 0;
	font-size: 0.76rem;
	color: var(--dba-texto-suave);
}

/* Noticia principal */

.dba-ui.dba-ui.dba-ui .dba-p-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	background: var(--dba-contraste);
	border-radius: 10px;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dba-p-hero-img {
	aspect-ratio: 16 / 10;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dba-p-hero-img .dba-img {
	transition: transform 0.4s ease;
}

.dba-ui.dba-ui.dba-ui .dba-p-hero:hover .dba-p-hero-img .dba-img {
	transform: scale(1.03);
}

.dba-ui.dba-ui.dba-ui .dba-p-hero-texto {
	padding: 18px 22px 22px;
}

.dba-ui.dba-ui.dba-ui .dba-p-hero-titulo {
	margin: 0 0 12px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: clamp(1.4rem, 2.6vw, 1.75rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-p-hero-titulo a,
.dba-ui.dba-ui.dba-ui .dba-p-card-titulo a,
.dba-ui.dba-ui.dba-ui .dba-p-art-titulo a,
.dba-ui.dba-ui.dba-ui .dba-p-pod-titulo a,
.dba-ui.dba-ui.dba-ui .dba-p-evento-titulo a {
	color: var(--dba-principal);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-p-hero-titulo a::after,
.dba-ui.dba-ui.dba-ui .dba-p-card-titulo a::after,
.dba-ui.dba-ui.dba-ui .dba-p-art-titulo a::after,
.dba-ui.dba-ui.dba-ui .dba-p-evento-titulo a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.dba-ui.dba-ui.dba-ui .dba-p-hero:hover .dba-p-hero-titulo a,
.dba-ui.dba-ui.dba-ui .dba-p-card:hover .dba-p-card-titulo a,
.dba-ui.dba-ui.dba-ui .dba-p-art:hover .dba-p-art-titulo a,
.dba-ui.dba-ui.dba-ui .dba-p-evento:hover .dba-p-evento-titulo a,
.dba-ui.dba-ui.dba-ui .dba-p-pod-titulo a:hover {
	color: var(--dba-principal);
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.dba-ui.dba-ui.dba-ui .dba-p-firma {
	margin: 0 0 12px;
	padding: 0;
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-p-resumen {
	margin: 0;
	padding: 0;
	font-size: 0.92rem;
	line-height: 1.7;
	color: var(--dba-texto-suave);
}

/* Últimas noticias */

.dba-ui.dba-ui.dba-ui .dba-p-rejilla {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
	gap: 14px;
}

.dba-ui.dba-ui.dba-ui .dba-p-card {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0;
	background: var(--dba-contraste);
	border-radius: 8px;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dba-p-card-img {
	aspect-ratio: 16 / 11;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dba-p-card-img .dba-img {
	transition: transform 0.35s ease;
}

.dba-ui.dba-ui.dba-ui .dba-p-card:hover .dba-p-card-img .dba-img {
	transform: scale(1.04);
}

.dba-ui.dba-ui.dba-ui .dba-p-card-cuerpo {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 12px 14px 14px;
}

.dba-ui.dba-ui.dba-ui .dba-p-card-titulo {
	margin: 0 0 12px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.02rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-p-card .dba-p-fecha {
	margin-top: auto;
}

/* Columna lateral */

.dba-ui.dba-ui.dba-ui .dba-p-lateral {
	display: flex;
	flex-direction: column;
	gap: 26px;
}

.dba-ui.dba-ui.dba-ui .dba-p-lista {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.dba-ui.dba-ui.dba-ui .dba-p-art {
	position: relative;
	display: grid;
	grid-template-columns: 104px minmax(0, 1fr);
	margin: 0;
	background: var(--dba-contraste);
	border-radius: 10px;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dba-p-art-foto {
	min-height: 104px;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dba-p-art-texto {
	padding: 10px 14px 12px;
}

.dba-ui.dba-ui.dba-ui .dba-p-art-titulo {
	margin: 2px 0 4px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-p-art-autor {
	margin: 0 0 8px;
	padding: 0;
	font-size: 0.78rem;
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dba-p-badge {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 4px;
	background: var(--dba-principal);
	color: var(--dba-contraste);
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1.3;
}

.dba-ui.dba-ui.dba-ui .dba-p-pod {
	margin: 0;
	padding: 16px 16px 18px;
	background: var(--dba-contraste);
	border-radius: 10px;
}

.dba-ui.dba-ui.dba-ui .dba-p-pod-titulo {
	margin: 0 0 12px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.08rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-p-lateral .dba-lateral-bloque {
	margin: 0;
	background: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-p-lateral .dba-lateral-bloque .dba-seccion-cab {
	padding-top: 0;
	border-top: 0;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dba-p-lateral .dba-lateral-bloque .dba-seccion-titulo {
	text-transform: none;
	letter-spacing: 0;
	font-size: 1.2rem;
}

/* Reproductor de podcasts */

.dba-ui.dba-ui.dba-ui .dba-rep {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
}

.dba-ui.dba-ui.dba-ui .dba-rep-audio {
	grid-column: 1 / -1;
	width: 100%;
}

.dba-ui.dba-ui.dba-ui .dba-rep:not(.con-js) .dba-rep-play,
.dba-ui.dba-ui.dba-ui .dba-rep:not(.con-js) .dba-rep-panel {
	display: none;
}

.dba-ui.dba-ui.dba-ui .dba-rep.con-js .dba-rep-audio {
	display: none;
}

.dba-ui.dba-ui.dba-ui .dba-rep-play {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	padding: 0;
	border: 3px solid var(--dba-principal);
	border-radius: 50%;
	background: var(--dba-contraste);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-rep-play:hover {
	background: var(--dba-principal);
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-rep-play svg {
	width: 26px;
	height: 26px;
}

.dba-ui.dba-ui.dba-ui .dba-rep-i-play {
	margin-left: 3px;
}

.dba-ui.dba-ui.dba-ui .dba-rep-i-pausa,
.dba-ui.dba-ui.dba-ui .dba-rep.sonando .dba-rep-i-play {
	display: none;
}

.dba-ui.dba-ui.dba-ui .dba-rep.sonando .dba-rep-i-pausa {
	display: block;
}

.dba-ui.dba-ui.dba-ui .dba-rep-panel {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

.dba-ui.dba-ui.dba-ui .dba-rep-fila {
	display: flex;
	align-items: center;
	gap: 8px;
}

.dba-ui.dba-ui.dba-ui .dba-rep-tiempo {
	padding: 5px 12px;
	border: 1px solid var(--dba-borde);
	border-radius: 999px;
}

.dba-ui.dba-ui.dba-ui .dba-rep-actual,
.dba-ui.dba-ui.dba-ui .dba-rep-total {
	flex: none;
	font-size: 0.7rem;
	font-variant-numeric: tabular-nums;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui input.dba-rep-barra,
.dba-ui.dba-ui.dba-ui input.dba-rep-volumen {
	-webkit-appearance: none;
	appearance: none;
	flex: 1;
	min-width: 0;
	width: auto;
	height: 4px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--dba-principal) var(--dba-progreso, 0%), var(--dba-borde) var(--dba-progreso, 0%));
	box-shadow: none;
	cursor: pointer;
}

.dba-ui.dba-ui.dba-ui input.dba-rep-volumen {
	flex: 0 1 80px;
}

.dba-ui.dba-ui.dba-ui input.dba-rep-barra::-webkit-slider-thumb,
.dba-ui.dba-ui.dba-ui input.dba-rep-volumen::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 13px;
	height: 13px;
	border: 0;
	border-radius: 50%;
	background: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui input.dba-rep-barra::-moz-range-thumb,
.dba-ui.dba-ui.dba-ui input.dba-rep-volumen::-moz-range-thumb {
	width: 13px;
	height: 13px;
	border: 0;
	border-radius: 50%;
	background: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-rep-controles svg.dba-rep-i-vol {
	flex: none;
	width: 16px;
	height: 16px;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-rep-vel,
.dba-ui.dba-ui.dba-ui .dba-rep-compartir {
	display: grid;
	place-items: center;
	min-width: 32px;
	height: 28px;
	margin-left: 4px;
	padding: 0 8px;
	border: 1px solid var(--dba-borde);
	border-radius: 6px;
	background: var(--dba-suave);
	color: var(--dba-principal);
	font-size: 0.74rem;
	font-weight: 700;
}

.dba-ui.dba-ui.dba-ui .dba-rep-vel:hover,
.dba-ui.dba-ui.dba-ui .dba-rep-compartir:hover,
.dba-ui.dba-ui.dba-ui .dba-rep-compartir.copiado {
	background: var(--dba-secundario);
	border-color: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-rep-compartir svg {
	width: 14px;
	height: 14px;
}

/* Paneles inferiores */

.dba-ui.dba-ui.dba-ui .dba-p-panel {
	margin-top: 24px;
	padding: 16px 20px 22px;
	background: var(--dba-contraste);
	border-radius: 10px;
}

.dba-suelto.dba-ui.dba-ui.dba-ui .dba-p-panel {
	margin-top: 0;
}

.dba-ui.dba-ui.dba-ui .dba-p-panel .dba-seccion-cab {
	margin-bottom: 16px;
	padding-bottom: 6px;
}

.dba-ui.dba-ui.dba-ui .dba-p-panel .dba-seccion-titulo {
	font-size: 1.3rem;
	font-weight: 700;
}

.dba-ui.dba-ui.dba-ui .dba-p-panel-eventos .dba-seccion-titulo,
.dba-ui.dba-ui.dba-ui .dba-p-panel-galerias .dba-seccion-titulo {
	color: var(--dba-dorado-oscuro);
}

.dba-ui.dba-ui.dba-ui .dba-p-panel-reels {
	background: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-p-panel-reels .dba-seccion-titulo,
.dba-ui.dba-ui.dba-ui .dba-p-panel-reels .dba-ver-todo {
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dba-p-panel-reels .dba-ver-todo:hover {
	color: var(--dba-secundario);
}

/* Carril horizontal */

.dba-ui.dba-ui.dba-ui .dba-carril {
	position: relative;
}

.dba-ui.dba-ui.dba-ui .dba-carril-pista {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding: 2px 2px 4px;
}

.dba-ui.dba-ui.dba-ui .dba-carril-pista::-webkit-scrollbar {
	display: none;
}

.dba-ui.dba-ui.dba-ui .dba-carril-btn {
	position: absolute;
	top: 42%;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0 0 3px;
	border: 0;
	border-radius: 50%;
	background: var(--dba-contraste);
	color: var(--dba-principal);
	font-size: 26px;
	line-height: 1;
	box-shadow: 0 3px 12px rgba(3, 21, 51, 0.28);
	transform: translateY(-50%);
}

.dba-ui.dba-ui.dba-ui .dba-carril-btn:hover {
	background: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-carril-btn[disabled] {
	opacity: 0;
	pointer-events: none;
}

.dba-ui.dba-ui.dba-ui .dba-carril-ant {
	left: -10px;
}

.dba-ui.dba-ui.dba-ui .dba-carril-sig {
	right: -10px;
}

.dba-ui.dba-ui.dba-ui .dba-carril.sin-desbordar .dba-carril-btn {
	display: none;
}

/* Eventos */

.dba-ui.dba-ui.dba-ui .dba-p-evento {
	position: relative;
	flex: 0 0 220px;
	margin: 0;
	scroll-snap-align: start;
	background: var(--dba-dorado-suave);
	border-radius: 8px;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dba-p-evento-img {
	position: relative;
	aspect-ratio: 4 / 3;
	margin-bottom: 18px;
}

.dba-ui.dba-ui.dba-ui .dba-p-evento-img .dba-img {
	border-radius: 0;
}

.dba-ui.dba-ui.dba-ui .dba-p-evento-fecha {
	position: absolute;
	bottom: -16px;
	left: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 46px;
	padding: 4px 8px 5px;
	border-radius: 6px;
	background: var(--dba-contraste);
	border-bottom: 3px solid var(--dba-secundario);
	box-shadow: 0 3px 10px rgba(3, 21, 51, 0.25);
	color: var(--dba-principal);
	line-height: 1;
}

.dba-ui.dba-ui.dba-ui .dba-p-evento-fecha b {
	font-family: var(--dba-serif);
	font-size: 1.45rem;
	font-weight: 700;
}

.dba-ui.dba-ui.dba-ui .dba-p-evento-fecha small {
	margin-top: 2px;
	font-size: 0.7rem;
	font-weight: 700;
}

.dba-ui.dba-ui.dba-ui .dba-p-evento-cuerpo {
	padding: 6px 12px 14px;
}

.dba-ui.dba-ui.dba-ui .dba-p-evento-dato {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	margin: 0 0 5px;
	padding: 0;
	font-size: 0.76rem;
	line-height: 1.35;
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dba-p-icono {
	flex: none;
	width: 14px;
	height: 14px;
	margin-top: 1px;
}

.dba-ui.dba-ui.dba-ui .dba-p-evento-titulo {
	margin: 0 0 6px;
	padding: 0;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-p-evento-lugar {
	color: var(--dba-dorado-oscuro);
	font-weight: 600;
}

/* Reels */

.dba-ui.dba-ui.dba-ui .dba-p-reel {
	position: relative;
	flex: 0 0 158px;
	margin: 0;
	scroll-snap-align: start;
}

.dba-ui.dba-ui.dba-ui .dba-video-marco.dba-vertical {
	aspect-ratio: 9 / 16;
	margin: 0;
	border-radius: 10px;
}

.dba-ui.dba-ui.dba-ui .dba-vertical .dba-play {
	width: 44px;
	height: 44px;
}

.dba-ui.dba-ui.dba-ui .dba-vertical .dba-play svg {
	width: 20px;
	height: 20px;
}

.dba-ui.dba-ui.dba-ui .dba-p-reel-titulo {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: 0;
	padding: 34px 10px 10px;
	border-radius: 0 0 10px 10px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
	color: #fff;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.3;
	pointer-events: none;
}

.dba-ui.dba-ui.dba-ui .dba-p-reel:has(iframe) .dba-p-reel-titulo {
	display: none;
}

/* Galería de imágenes */

.dba-ui.dba-ui.dba-ui .dba-p-galerias {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 12px;
}

.dba-ui.dba-ui.dba-ui .dba-p-gal {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	border-radius: 8px;
	overflow: hidden;
	background: var(--dba-principal);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-p-gal .dba-img {
	transition: transform 0.35s ease;
}

.dba-ui.dba-ui.dba-ui .dba-p-gal:hover .dba-img {
	transform: scale(1.05);
}

.dba-ui.dba-ui.dba-ui .dba-p-gal-texto {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 10px 12px;
	background: rgba(3, 21, 51, 0.88);
	border-top: 3px solid var(--dba-secundario);
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dba-p-gal-texto b {
	font-size: 0.88rem;
	font-weight: 700;
	line-height: 1.25;
}

.dba-ui.dba-ui.dba-ui .dba-p-gal-texto small {
	font-size: 0.72rem;
	opacity: 0.8;
}

/* Vídeos */

.dba-ui.dba-ui.dba-ui .dba-p-videos {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
}

.dba-ui.dba-ui.dba-ui .dba-p-videos .dba-video-marco {
	margin-bottom: 10px;
	border-radius: 8px;
}

.dba-ui.dba-ui.dba-ui .dba-p-videos .dba-video-titulo {
	font-size: 0.95rem;
}

.dba-ui.dba-ui.dba-ui .dba-p-videos .dba-play {
	width: 48px;
	height: 48px;
}

/* Anchos */

@container (min-width: 900px) {
	.dba-ui.dba-ui.dba-ui .dba-p-superior { grid-template-columns: minmax(0, 2.15fr) minmax(0, 1fr); }
}

@container (min-width: 620px) {
	.dba-ui.dba-ui.dba-ui .dba-p-hero { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
	.dba-ui.dba-ui.dba-ui .dba-p-hero-img { aspect-ratio: auto; min-height: 300px; }
	.dba-ui.dba-ui.dba-ui .dba-p-hero-texto { padding: 18px 22px 22px 20px; }
}

@container (max-width: 560px) {
	.dba-portada2.dba-ui.dba-ui.dba-ui { padding: 12px; border-radius: 0; }
	.dba-ui.dba-ui.dba-ui .dba-p-panel { padding: 14px 14px 18px; }
	.dba-ui.dba-ui.dba-ui .dba-carril-btn { display: none; }
	.dba-ui.dba-ui.dba-ui .dba-p-evento { flex-basis: 72%; }
	.dba-ui.dba-ui.dba-ui .dba-p-reel { flex-basis: 42%; }
	.dba-ui.dba-ui.dba-ui .dba-p-rejilla { grid-template-columns: minmax(0, 1fr); }
	.dba-ui.dba-ui.dba-ui .dba-p-galerias,
.dba-ui.dba-ui.dba-ui .dba-p-videos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}

@media (prefers-reduced-motion: reduce) {
	.dba-ui.dba-ui.dba-ui .dba-p-hero-img .dba-img,
.dba-ui.dba-ui.dba-ui .dba-p-card-img .dba-img,
.dba-ui.dba-ui.dba-ui .dba-p-gal .dba-img { transition: none; }
}

@media (max-width: 600px) {
	.dba-portada2.dba-ui.dba-ui.dba-ui { padding: 12px; border-radius: 0; }
}

@container (min-width: 900px) {
	.dba-ui.dba-ui.dba-ui .dba-p-galerias,
	.dba-ui.dba-ui.dba-ui .dba-p-videos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@container (max-width: 560px) {
	.dba-ui.dba-ui.dba-ui .dba-p-card { display: grid; grid-template-columns: 116px minmax(0, 1fr); }
	.dba-ui.dba-ui.dba-ui .dba-p-card-img { aspect-ratio: auto; min-height: 100%; }
	.dba-ui.dba-ui.dba-ui .dba-p-card-cuerpo { padding: 10px 12px; }
	.dba-ui.dba-ui.dba-ui .dba-p-card-titulo { font-size: 0.95rem; margin-bottom: 6px; }
}

/* ==========================================================================
   v1.4 – Reels
   ========================================================================== */

.dba-ui.dba-ui.dba-ui .dba-reels {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 22px 16px;
}

.dba-ui.dba-ui.dba-ui .dba-reel {
	margin: 0;
}

.dba-ui.dba-ui.dba-ui .dba-reel .dba-video-marco {
	margin-bottom: 10px;
	box-shadow: 0 6px 18px rgba(3, 21, 51, 0.18);
}

.dba-ui.dba-ui.dba-ui .dba-reel-titulo {
	margin: 0 0 4px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dba-reel-titulo a {
	color: var(--dba-principal);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dba-reel-titulo a:hover {
	color: var(--dba-principal);
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
}

.dba-ui.dba-ui.dba-ui .dba-reel-individual {
	max-width: 380px;
	margin: 0 auto 18px;
}

.dba-ui.dba-ui.dba-ui .dba-reel-individual .dba-video-marco {
	box-shadow: 0 10px 30px rgba(3, 21, 51, 0.25);
}

@container (max-width: 560px) {
	.dba-ui.dba-ui.dba-ui .dba-reels { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
	.dba-ui.dba-ui.dba-ui .dba-reel-titulo { font-size: 0.92rem; }
}

/* ==========================================================================
   v1.5 – Portada moderna
   ========================================================================== */

.dba-moderna.dba-ui.dba-ui.dba-ui {
	--dbx-radio: 18px;
	--dbx-sombra: 0 10px 30px rgba(3, 21, 51, 0.08);
	--dbx-dorado: #8a6212;
	display: flex;
	flex-direction: column;
	gap: 44px;
}

@supports (color: color-mix(in srgb, red 50%, blue)) {
	.dba-moderna.dba-ui.dba-ui.dba-ui {
		--dbx-dorado: color-mix(in srgb, var(--dba-secundario) 58%, #000);
	}
}

.dba-ui.dba-ui.dba-ui .dbx-i {
	flex: none;
	width: 20px;
	height: 20px;
}

/* Cabeceras de sección */

.dba-ui.dba-ui.dba-ui .dbx-cab {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 20px;
}

.dba-ui.dba-ui.dba-ui .dbx-titulo {
	position: relative;
	margin: 0;
	padding: 0 0 0 16px;
	font-family: var(--dba-serif);
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 700;
	line-height: 1.1;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-titulo::before {
	content: "";
	position: absolute;
	top: 0.1em;
	bottom: 0.1em;
	left: 0;
	width: 5px;
	border-radius: 3px;
	background: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dbx-ver {
	flex: none;
	padding: 0.5em 1.1em;
	border: 1.5px solid var(--dba-borde);
	border-radius: 999px;
	color: var(--dba-principal);
	font-size: 0.85rem;
	font-weight: 700;
	text-decoration: none;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.dba-ui.dba-ui.dba-ui .dbx-ver:hover {
	border-color: var(--dba-secundario);
	background: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-tema {
	margin: 0 0 6px;
	padding: 0;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--dbx-dorado);
}

.dba-ui.dba-ui.dba-ui .dbx-meta {
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dbx-meta .dbx-i {
	width: 14px;
	height: 14px;
}

/* 1. Mosaico */

.dba-ui.dba-ui.dba-ui .dbx-mosaico {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: 180px;
	gap: 12px;
}

.dba-ui.dba-ui.dba-ui .dbx-tesela {
	position: relative;
	margin: 0;
	border-radius: var(--dbx-radio);
	overflow: hidden;
	background: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-tesela.es-grande {
	grid-column: 1 / -1;
	grid-row: span 2;
}

.dba-ui.dba-ui.dba-ui .dbx-tesela .dba-img {
	position: absolute;
	inset: 0;
	transition: transform 0.5s ease;
}

.dba-ui.dba-ui.dba-ui .dbx-tesela:hover .dba-img {
	transform: scale(1.05);
}

.dba-ui.dba-ui.dba-ui .dbx-tesela::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(3, 21, 51, 0.92) 0%, rgba(3, 21, 51, 0.35) 55%, rgba(3, 21, 51, 0) 100%);
	pointer-events: none;
}

.dba-ui.dba-ui.dba-ui .dbx-tesela-texto {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding: 16px 18px;
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-tesela.es-grande .dbx-tesela-texto {
	max-width: 760px;
	padding: 26px 28px;
}

.dba-ui.dba-ui.dba-ui .dbx-chip-vidrio {
	display: inline-block;
	margin-bottom: 8px;
	padding: 3px 11px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.16);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	font-size: 0.74rem;
	font-weight: 700;
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-tesela.es-grande .dbx-chip-vidrio {
	border-color: var(--dba-secundario);
	background: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-tesela-titulo {
	margin: 0 0 6px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.22;
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-tesela.es-grande .dbx-tesela-titulo {
	font-size: clamp(1.5rem, 3.4vw, 2.3rem);
	line-height: 1.12;
}

.dba-ui.dba-ui.dba-ui .dbx-tesela-titulo a {
	color: #fff;
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dbx-tesela-titulo a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
}

.dba-ui.dba-ui.dba-ui .dbx-tesela:hover .dbx-tesela-titulo a {
	color: #fff;
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.dba-ui.dba-ui.dba-ui .dbx-tesela-resumen {
	margin: 0 0 8px;
	padding: 0;
	max-width: 62ch;
	font-size: 0.95rem;
	color: rgba(255, 255, 255, 0.86);
}

.dba-ui.dba-ui.dba-ui .dbx-tesela-fecha {
	margin: 0;
	padding: 0;
	font-size: 0.76rem;
	color: rgba(255, 255, 255, 0.72);
}

/* 2. Hoy en la diócesis */

.dba-ui.dba-ui.dba-ui .dbx-hoy {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	margin-top: -24px;
	background: var(--dba-principal);
	border-radius: var(--dbx-radio);
	overflow: hidden;
	box-shadow: var(--dbx-sombra);
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 22px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: #fff;
	text-decoration: none;
	transition: background-color 0.15s ease;
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-item:first-child {
	border-top: 0;
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-item .dbx-i {
	width: 24px;
	height: 24px;
	color: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-item div {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-etq {
	font-size: 0.74rem;
	color: rgba(255, 255, 255, 0.7);
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-item strong {
	overflow: hidden;
	font-size: 0.95rem;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
}

a.dbx-hoy-item:hover {
	background: rgba(255, 255, 255, 0.07);
	color: #fff;
}

a.dbx-hoy-item:hover strong {
	color: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-fecha {
	background: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-fecha .dbx-i,
.dba-ui.dba-ui.dba-ui .dbx-hoy-fecha strong {
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-fecha .dbx-hoy-etq {
	color: var(--dba-principal);
	opacity: 0.75;
}

/* 3. Noticias en lista + agenda */

.dba-ui.dba-ui.dba-ui .dbx-dos {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 44px;
}

.dba-ui.dba-ui.dba-ui .dbx-seccion {
	margin: 0;
}

.dba-ui.dba-ui.dba-ui .dbx-lista {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.dba-ui.dba-ui.dba-ui .dbx-fila {
	position: relative;
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	margin: 0;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--dba-borde);
}

.dba-ui.dba-ui.dba-ui .dbx-fila:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.dba-ui.dba-ui.dba-ui .dbx-fila-img {
	aspect-ratio: 4 / 3;
	border-radius: 14px;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dbx-fila-img .dba-img {
	transition: transform 0.4s ease;
}

.dba-ui.dba-ui.dba-ui .dbx-fila:hover .dbx-fila-img .dba-img {
	transform: scale(1.05);
}

.dba-ui.dba-ui.dba-ui .dbx-fila-titulo {
	margin: 0 0 6px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-fila-titulo a,
.dba-ui.dba-ui.dba-ui .dbx-hito-titulo a,
.dba-ui.dba-ui.dba-ui .dbx-cita-titulo a,
.dba-ui.dba-ui.dba-ui .dbx-pod-titulo a,
.dba-ui.dba-ui.dba-ui .dbx-video-titulo a {
	color: inherit;
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dbx-fila-titulo a::after,
.dba-ui.dba-ui.dba-ui .dbx-cita-titulo a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.dba-ui.dba-ui.dba-ui .dbx-fila:hover .dbx-fila-titulo a,
.dba-ui.dba-ui.dba-ui .dbx-cita:hover .dbx-cita-titulo a,
.dba-ui.dba-ui.dba-ui .dbx-hito-titulo a:hover,
.dba-ui.dba-ui.dba-ui .dbx-pod-titulo a:hover,
.dba-ui.dba-ui.dba-ui .dbx-video-titulo a:hover {
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.dba-ui.dba-ui.dba-ui .dbx-fila-resumen {
	display: none;
	margin: 0 0 8px;
	padding: 0;
	font-size: 0.9rem;
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dbx-agenda {
	padding: 24px 22px;
	background: var(--dba-suave);
	border-radius: var(--dbx-radio);
}

.dba-ui.dba-ui.dba-ui .dbx-agenda .dbx-cab {
	margin-bottom: 18px;
}

.dba-ui.dba-ui.dba-ui .dbx-agenda .dbx-titulo {
	font-size: 1.5rem;
}

.dba-ui.dba-ui.dba-ui .dbx-agenda .dbx-ver {
	background: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dbx-tiempo {
	position: relative;
	margin: 0;
	padding: 0 0 0 26px;
	list-style: none;
}

.dba-ui.dba-ui.dba-ui .dbx-tiempo::before {
	content: "";
	position: absolute;
	top: 6px;
	bottom: 6px;
	left: 6px;
	width: 2px;
	background: var(--dba-borde);
}

.dba-ui.dba-ui.dba-ui .dbx-hito {
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.dba-ui.dba-ui.dba-ui .dbx-hito:last-child {
	margin-bottom: 0;
}

.dba-ui.dba-ui.dba-ui .dbx-hito::before {
	content: "";
	position: absolute;
	top: 4px;
	left: -25px;
	width: 12px;
	height: 12px;
	border: 3px solid var(--dba-principal);
	border-radius: 50%;
	background: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dbx-hito.es-proximo::before {
	border-color: var(--dba-secundario);
	background: var(--dba-secundario);
	box-shadow: 0 0 0 5px rgba(235, 175, 53, 0.25);
}

.dba-ui.dba-ui.dba-ui .dbx-hito-fecha {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 3px;
	padding: 0;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-falta {
	padding: 1px 8px;
	border-radius: 999px;
	background: var(--dba-contraste);
	color: var(--dbx-dorado);
	font-size: 0.72rem;
}

.dba-ui.dba-ui.dba-ui .dbx-hito.es-proximo .dbx-falta {
	background: var(--dba-principal);
	color: var(--dba-contraste);
}

.dba-ui.dba-ui.dba-ui .dbx-hito-titulo {
	margin: 0 0 3px;
	padding: 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-agenda-boton {
	margin-top: 22px;
}

/* Bandas oscuras: reels y vídeos */

.dba-ui.dba-ui.dba-ui .dbx-banda {
	padding: 28px 26px 30px;
	background: var(--dba-principal);
	border-radius: 24px;
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-banda .dbx-titulo,
.dba-ui.dba-ui.dba-ui .dbx-banda .dbx-video-titulo {
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-banda .dbx-ver {
	border-color: rgba(255, 255, 255, 0.35);
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-banda .dbx-ver:hover {
	border-color: var(--dba-secundario);
	background: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-banda .dbx-meta {
	color: rgba(255, 255, 255, 0.7);
}

.dba-ui.dba-ui.dba-ui .dbx-reels .dba-p-reel {
	flex-basis: 190px;
}

.dba-ui.dba-ui.dba-ui .dbx-reels .dba-video-marco.dba-vertical {
	border-radius: 16px;
}

.dba-ui.dba-ui.dba-ui .dbx-reels .dba-p-reel-titulo {
	border-radius: 0 0 16px 16px;
	font-size: 0.85rem;
}

/* 5. Opinión */

.dba-ui.dba-ui.dba-ui .dbx-citas {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 18px;
}

.dba-ui.dba-ui.dba-ui .dbx-cita {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 24px 22px 20px;
	background: var(--dba-contraste);
	border: 1px solid var(--dba-borde);
	border-radius: var(--dbx-radio);
	box-shadow: var(--dbx-sombra);
	transition: transform 0.2s ease;
}

.dba-ui.dba-ui.dba-ui .dbx-cita:hover {
	transform: translateY(-3px);
}

.dba-ui.dba-ui.dba-ui .dbx-cita-marca .dbx-i {
	width: 32px;
	height: 32px;
	margin-bottom: 10px;
	color: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dbx-cita-titulo {
	margin: 0 0 8px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.22;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-cita-resumen {
	flex: 1;
	margin: 0 0 18px;
	padding: 0;
	font-size: 0.9rem;
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dbx-autor {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-top: 14px;
	border-top: 1px solid var(--dba-borde);
}

.dba-ui.dba-ui.dba-ui .dbx-avatar {
	flex: none;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dbx-autor div {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.dba-ui.dba-ui.dba-ui .dbx-autor strong {
	font-size: 0.88rem;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-col {
	align-self: flex-start;
	padding: 1px 8px;
	border-radius: 999px;
	background: var(--dba-dorado-suave);
	color: var(--dba-principal);
	font-size: 0.7rem;
	font-weight: 700;
}

/* 6. Escucha y lee */

.dba-ui.dba-ui.dba-ui .dbx-escucha {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px;
}

.dba-ui.dba-ui.dba-ui .dbx-pod {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 24px;
	border-radius: var(--dbx-radio);
	background: linear-gradient(135deg, var(--dba-principal) 0%, #0a3d7a 100%);
	color: #fff;
	box-shadow: var(--dbx-sombra);
}

.dba-ui.dba-ui.dba-ui .dbx-pod-item + .dbx-pod-item {
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.dba-ui.dba-ui.dba-ui .dbx-pod-etq {
	margin: 0 0 4px;
	padding: 0;
	font-size: 0.74rem;
	font-weight: 700;
	color: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dbx-pod-titulo {
	margin: 0 0 2px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-pod-meta {
	margin: 0 0 14px;
	padding: 0;
	font-size: 0.8rem;
	color: rgba(255, 255, 255, 0.7);
}

/* Reproductor en fondo oscuro */
.dba-ui.dba-ui.dba-ui .dbx-pod .dba-rep-play {
	border-color: var(--dba-secundario);
	background: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-pod .dba-rep-play:hover {
	background: #fff;
	border-color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-pod .dba-rep-tiempo {
	border-color: rgba(255, 255, 255, 0.25);
}

.dba-ui.dba-ui.dba-ui .dbx-pod .dba-rep-actual,
.dba-ui.dba-ui.dba-ui .dbx-pod .dba-rep-total,
.dba-ui.dba-ui.dba-ui .dbx-pod svg.dba-rep-i-vol {
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-pod .dba-rep-vel,
.dba-ui.dba-ui.dba-ui .dbx-pod .dba-rep-compartir {
	border-color: rgba(255, 255, 255, 0.25);
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-pod input.dba-rep-barra,
.dba-ui.dba-ui.dba-ui .dbx-pod input.dba-rep-volumen {
	background: linear-gradient(90deg, var(--dba-secundario) var(--dba-progreso, 0%), rgba(255, 255, 255, 0.25) var(--dba-progreso, 0%));
}

.dba-ui.dba-ui.dba-ui .dbx-pod input.dba-rep-barra::-webkit-slider-thumb,
.dba-ui.dba-ui.dba-ui .dbx-pod input.dba-rep-volumen::-webkit-slider-thumb {
	background: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dbx-pod input.dba-rep-barra::-moz-range-thumb,
.dba-ui.dba-ui.dba-ui .dbx-pod input.dba-rep-volumen::-moz-range-thumb {
	background: var(--dba-secundario);
}

.dba-ui.dba-ui.dba-ui .dbx-hoja {
	display: flex;
	gap: 20px;
	align-items: center;
	margin: 0;
	padding: 24px;
	background: var(--dba-dorado-suave);
	border-radius: var(--dbx-radio);
}

.dba-ui.dba-ui.dba-ui .dbx-hoja-portada {
	flex: 0 0 120px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 12px 26px rgba(3, 21, 51, 0.25);
	transform: rotate(-3deg);
}

.dba-ui.dba-ui.dba-ui .dbx-hoja-portada .dba-img {
	height: auto;
}

.dba-ui.dba-ui.dba-ui .dbx-hoja-titulo {
	margin: 0 0 4px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-botones {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 10px;
	padding: 0;
}

.dba-ui.dba-ui.dba-ui .dbx-btn {
	display: inline-block;
	padding: 0.55em 1.25em;
	border: 1.5px solid var(--dba-principal);
	border-radius: 999px;
	background: var(--dba-principal);
	color: #fff;
	font-size: 0.85rem;
	font-weight: 700;
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dbx-btn:hover {
	background: var(--dba-secundario);
	border-color: var(--dba-secundario);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-btn-borde {
	background: transparent;
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-enlace {
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--dba-principal);
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

/* 7. Galerías en mosaico */

.dba-ui.dba-ui.dba-ui .dbx-galerias {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: 150px;
	gap: 10px;
}

.dba-ui.dba-ui.dba-ui .dbx-gal {
	position: relative;
	display: block;
	border-radius: 14px;
	overflow: hidden;
	background: var(--dba-principal);
	text-decoration: none;
}

.dba-ui.dba-ui.dba-ui .dbx-gal.es-grande {
	grid-column: 1 / -1;
	grid-row: span 2;
}

.dba-ui.dba-ui.dba-ui .dbx-gal .dba-img {
	position: absolute;
	inset: 0;
	transition: transform 0.5s ease;
}

.dba-ui.dba-ui.dba-ui .dbx-gal:hover .dba-img {
	transform: scale(1.06);
}

.dba-ui.dba-ui.dba-ui .dbx-gal::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(3, 21, 51, 0.85) 0%, rgba(3, 21, 51, 0) 60%);
}

.dba-ui.dba-ui.dba-ui .dbx-gal-num {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	padding: 2px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.9);
	color: var(--dba-principal);
	font-size: 0.72rem;
	font-weight: 700;
}

.dba-ui.dba-ui.dba-ui .dbx-gal-texto {
	position: absolute;
	right: 14px;
	bottom: 12px;
	left: 14px;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-gal-texto strong {
	font-size: 0.9rem;
	line-height: 1.25;
}

.dba-ui.dba-ui.dba-ui .dbx-gal.es-grande .dbx-gal-texto strong {
	font-family: var(--dba-serif);
	font-size: 1.35rem;
}

.dba-ui.dba-ui.dba-ui .dbx-gal-texto small {
	font-size: 0.74rem;
	opacity: 0.8;
}

/* 8. Vídeos */

.dba-ui.dba-ui.dba-ui .dbx-videos-cuerpo {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 22px;
}

.dba-ui.dba-ui.dba-ui .dbx-video-principal .dba-video-marco {
	margin-bottom: 14px;
	border-radius: 16px;
}

.dba-ui.dba-ui.dba-ui .dbx-video-titulo {
	margin: 0 0 4px;
	padding: 0;
	font-family: var(--dba-serif);
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.2;
}

.dba-ui.dba-ui.dba-ui .dbx-video-lista {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dba-ui.dba-ui.dba-ui .dbx-video-item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dba-ui.dba-ui.dba-ui .dbx-video-item::before {
	content: none;
}

.dba-ui.dba-ui.dba-ui .dbx-video-item a {
	display: grid;
	grid-template-columns: 136px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	padding: 8px;
	border-radius: 14px;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.15s ease;
}

.dba-ui.dba-ui.dba-ui .dbx-video-item a:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}

.dba-ui.dba-ui.dba-ui .dbx-video-mini {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	border-radius: 10px;
	overflow: hidden;
}

.dba-ui.dba-ui.dba-ui .dbx-mini-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--dba-secundario);
	transform: translate(-50%, -50%);
}

.dba-ui.dba-ui.dba-ui .dbx-mini-play::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 54%;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid var(--dba-principal);
	transform: translate(-50%, -50%);
}

.dba-ui.dba-ui.dba-ui .dbx-video-item-texto {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.dba-ui.dba-ui.dba-ui .dbx-video-item-texto strong {
	font-size: 0.92rem;
	line-height: 1.3;
}

.dba-ui.dba-ui.dba-ui .dbx-video-item-texto small {
	font-size: 0.75rem;
	color: rgba(255, 255, 255, 0.7);
}

/* Anchos */

@container (min-width: 700px) {
	.dba-ui.dba-ui.dba-ui .dbx-mosaico { grid-template-columns: 2fr 1fr 1fr; grid-auto-rows: 215px; }
	.dba-ui.dba-ui.dba-ui .dbx-tesela.es-grande { grid-column: 1; grid-row: span 2; }
	.dba-ui.dba-ui.dba-ui .dbx-hoy { grid-template-columns: 1fr 1.3fr 1.3fr; }
	.dba-ui.dba-ui.dba-ui .dbx-hoy-item { border-top: 0; border-left: 1px solid rgba(255, 255, 255, 0.1); }
	.dba-ui.dba-ui.dba-ui .dbx-hoy-item:first-child { border-left: 0; }
	.dba-ui.dba-ui.dba-ui .dbx-fila { grid-template-columns: 210px minmax(0, 1fr); gap: 20px; }
	.dba-ui.dba-ui.dba-ui .dbx-fila-resumen { display: block; }
	.dba-ui.dba-ui.dba-ui .dbx-escucha { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
	.dba-ui.dba-ui.dba-ui .dbx-galerias { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 170px; }
	.dba-ui.dba-ui.dba-ui .dbx-gal.es-grande { grid-column: span 2; grid-row: span 2; }
}

@container (min-width: 960px) {
	.dba-ui.dba-ui.dba-ui .dbx-dos { grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); align-items: start; }
	.dba-ui.dba-ui.dba-ui .dbx-videos-cuerpo { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); align-items: start; }
	.dba-ui.dba-ui.dba-ui .dbx-banda { padding: 34px 36px 38px; }
}

@container (max-width: 520px) {
	.dba-moderna.dba-ui.dba-ui.dba-ui { gap: 34px; }
	.dba-ui.dba-ui.dba-ui .dbx-hoy { margin-top: -18px; }
	.dba-ui.dba-ui.dba-ui .dbx-banda { padding: 22px 16px 24px; border-radius: 18px; }
	.dba-ui.dba-ui.dba-ui .dbx-cab { flex-wrap: wrap; align-items: center; }
	.dba-ui.dba-ui.dba-ui .dbx-hoja { flex-direction: column; align-items: flex-start; }
	.dba-ui.dba-ui.dba-ui .dbx-hoja-portada { flex-basis: auto; width: 110px; }
	.dba-ui.dba-ui.dba-ui .dbx-video-item a { grid-template-columns: 110px minmax(0, 1fr); }
	.dba-ui.dba-ui.dba-ui .dbx-reels .dba-p-reel { flex-basis: 45%; }
}

@media (prefers-reduced-motion: reduce) {
	.dba-ui.dba-ui.dba-ui .dbx-tesela .dba-img,
.dba-ui.dba-ui.dba-ui .dbx-fila-img .dba-img,
.dba-ui.dba-ui.dba-ui .dbx-gal .dba-img,
.dba-ui.dba-ui.dba-ui .dbx-cita { transition: none; }
	.dba-ui.dba-ui.dba-ui .dbx-cita:hover { transform: none; }
}

/* Mosaicos que se adaptan al número de elementos (portada moderna) */
@container (min-width: 700px) {
	.dba-ui.dba-ui.dba-ui .dbx-citas { grid-template-columns: repeat(3, minmax(0, 1fr)); }

	.dba-ui.dba-ui.dba-ui .dbx-mosaico.n-1 { grid-template-columns: 1fr; }
	.dba-ui.dba-ui.dba-ui .dbx-mosaico.n-2 .dbx-tesela:not(.es-grande),
	.dba-ui.dba-ui.dba-ui .dbx-galerias.n-2 .dbx-gal:not(.es-grande) { grid-column: span 2; grid-row: span 2; }
	.dba-ui.dba-ui.dba-ui .dbx-mosaico.n-3 .dbx-tesela:not(.es-grande),
	.dba-ui.dba-ui.dba-ui .dbx-galerias.n-3 .dbx-gal:not(.es-grande),
	.dba-ui.dba-ui.dba-ui .dbx-mosaico.n-4 .dbx-tesela:last-child,
	.dba-ui.dba-ui.dba-ui .dbx-galerias.n-4 .dbx-gal:last-child { grid-column: span 2; }
	.dba-ui.dba-ui.dba-ui .dbx-galerias.n-1 { grid-template-columns: 1fr; }
	.dba-ui.dba-ui.dba-ui .dbx-galerias.n-1 .dbx-gal { grid-column: 1; }
}

@container (max-width: 699px) {
	.dba-ui.dba-ui.dba-ui .dbx-mosaico.n-2 .dbx-tesela:not(.es-grande),
	.dba-ui.dba-ui.dba-ui .dbx-mosaico.n-4 .dbx-tesela:last-child,
	.dba-ui.dba-ui.dba-ui .dbx-galerias.n-2 .dbx-gal:not(.es-grande),
	.dba-ui.dba-ui.dba-ui .dbx-galerias.n-4 .dbx-gal:last-child { grid-column: 1 / -1; }
}

/* ==========================================================================
   v1.5.1 – Portada moderna con menos azul
   ========================================================================== */

/* Columnas */
.dba-ui.dba-ui.dba-ui .dbx-principal,
.dba-ui.dba-ui.dba-ui .dbx-lateral {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.dba-ui.dba-ui.dba-ui .dbx-principal {
	gap: 44px;
}

.dba-ui.dba-ui.dba-ui .dbx-lateral {
	gap: 30px;
}

/* Barra «Hoy en la diócesis»: blanca con borde */
.dba-ui.dba-ui.dba-ui .dbx-hoy {
	background: var(--dba-contraste);
	border: 1px solid var(--dba-borde);
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-item {
	border-color: var(--dba-borde);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-item .dbx-i {
	color: var(--dbx-dorado);
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-etq {
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-item strong {
	color: var(--dba-principal);
}

a.dbx-hoy-item:hover {
	background: var(--dba-suave);
	color: var(--dba-principal);
}

a.dbx-hoy-item:hover strong {
	color: var(--dba-principal);
	text-decoration: underline;
	text-decoration-color: var(--dba-secundario);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.dba-ui.dba-ui.dba-ui .dbx-hoy-fecha .dbx-i {
	color: var(--dba-principal);
}

/* Reels: fondo claro */
.dba-ui.dba-ui.dba-ui .dbx-claro {
	padding: 28px 26px 30px;
	background: var(--dba-suave);
	border-radius: 24px;
}

/* Escucha y lee (columna lateral) */
.dba-ui.dba-ui.dba-ui .dbx-lateral .dbx-escucha {
	display: block;
}

.dba-ui.dba-ui.dba-ui .dbx-escucha-lista {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.dba-ui.dba-ui.dba-ui .dbx-escucha .dba-p-pod {
	border: 1px solid var(--dba-borde);
	box-shadow: var(--dbx-sombra);
}

.dba-ui.dba-ui.dba-ui .dbx-escucha .dbx-hoja {
	padding: 18px;
	gap: 16px;
}

.dba-ui.dba-ui.dba-ui .dbx-escucha .dbx-hoja-portada {
	flex-basis: 92px;
}

.dba-ui.dba-ui.dba-ui .dbx-escucha .dbx-hoja-titulo {
	font-size: 1.12rem;
}

.dba-ui.dba-ui.dba-ui .dbx-escucha .dbx-botones {
	margin: 10px 0 8px;
}

.dba-ui.dba-ui.dba-ui .dbx-escucha .dbx-btn {
	padding: 0.45em 1.05em;
	font-size: 0.82rem;
}

.dba-ui.dba-ui.dba-ui .dbx-lateral .dbx-agenda .dbx-titulo,
.dba-ui.dba-ui.dba-ui .dbx-lateral .dbx-escucha .dbx-titulo {
	font-size: 1.5rem;
}

/* Vídeos sin fondo */
.dba-ui.dba-ui.dba-ui .dbx-videos .dbx-video-titulo {
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-videos .dbx-video-item a {
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-videos .dbx-video-item a:hover {
	background: var(--dba-suave);
	color: var(--dba-principal);
}

.dba-ui.dba-ui.dba-ui .dbx-videos .dbx-video-item-texto small {
	color: var(--dba-texto-suave);
}

.dba-ui.dba-ui.dba-ui .dbx-videos .dbx-video-principal .dba-video-marco {
	box-shadow: var(--dbx-sombra);
}

@container (max-width: 520px) {
	.dba-ui.dba-ui.dba-ui .dbx-claro { padding: 22px 16px 24px; border-radius: 18px; }
}

@container (min-width: 700px) {
	.dba-ui.dba-ui.dba-ui .dbx-lateral .dbx-escucha { display: block; grid-template-columns: none; }
}