/*!
 * Panise — Overrides sobre Magazine News Byte
 * Solo tipografía + ticker. Colores originales del tema intactos.
 */

/* ══════════════════════════════════════════
   VARIABLES
   ══════════════════════════════════════════ */
:root {
	--panise-red:      #D40000;
	--panise-red-dark: #A80000;
	--panise-white:    #FFFFFF;

	--panise-font-editorial: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--panise-font-ui:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ══════════════════════════════════════════
   TIPOGRAFÍA
   ══════════════════════════════════════════ */

/* Fuente UI en el cuerpo general */
body, p, li, input, textarea, select,
.widget, .entry-byline, .entry-meta, .navigation {
	font-family: var(--panise-font-ui) !important;
}

/* Titulares editoriales */
h1, h2, h3, h4,
.entry-title, .entry-title a,
.widget-title, .widgettitle,
.module-title, .page-title,
.archive-title, .singular .entry-title,
.hentry h1, .hentry h2, .hentry h3 {
	font-family: var(--panise-font-editorial) !important;
}

/* ══════════════════════════════════════════
   TICKER DE ÚLTIMA HORA
   ══════════════════════════════════════════ */
.panise-ticker {
	display: flex;
	align-items: stretch;
	background: var(--panise-red);
	color: var(--panise-white);
	font-family: var(--panise-font-ui);
	font-size: .78rem;
	font-weight: 500;
	overflow: hidden;
	height: 36px;
	width: 100%;
	position: relative;
	z-index: 100;
}

.panise-ticker__label {
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--panise-red-dark);
	padding: 0 18px 0 14px;
	flex-shrink: 0;
	position: relative;
	white-space: nowrap;
}
.panise-ticker__label::after {
	content: '';
	position: absolute;
	right: -10px;
	top: 0; bottom: 0;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 10px solid var(--panise-red-dark);
}

.panise-ticker__dot {
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--panise-white);
	flex-shrink: 0;
	animation: panise-pulse 1.4s ease-in-out infinite;
}
@keyframes panise-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50%       { opacity: .4; transform: scale(.8); }
}

.panise-ticker__text {
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.panise-ticker__track-wrap {
	flex: 1;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding-left: 20px;
}

.panise-ticker__track {
	display: flex;
	list-style: none;
	margin: 0; padding: 0;
	white-space: nowrap;
	animation: panise-ticker-scroll 40s linear infinite;
}
.panise-ticker:hover .panise-ticker__track {
	animation-play-state: paused;
}
@keyframes panise-ticker-scroll {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.panise-ticker__item {
	display: inline-flex;
	align-items: center;
	padding: 0 28px 0 0;
}
.panise-ticker__item::before {
	content: '//';
	color: rgba(255,255,255,.5);
	margin-right: 28px;
	font-weight: 300;
	font-size: .85em;
}
.panise-ticker__item a {
	color: var(--panise-white) !important;
	text-decoration: none !important;
	transition: opacity .2s;
}
.panise-ticker__item a:hover {
	opacity: .8;
}

/* Responsive */
@media (max-width: 768px) {
	.panise-ticker { height: 32px; font-size: .72rem; }
	.panise-ticker__text { display: none; }
}
@media (max-width: 480px) {
	.panise-ticker__label::after { display: none; }
}