:root{--mango-color-primary:#f97316;--mango-color-secondary:#0b0b0b;--mango-color-text:#1c1c1c;--mango-color-accent:#ea580c;--mango-color-paper:#f5f4f0;--mango-color-muted:#6b6b6b;--mango-font-primary:"Oswald", sans-serif;--mango-font-weight-primary:600;--mango-font-secondary:"Oswald", sans-serif;--mango-font-weight-secondary:500;--mango-font-text:"Inter", sans-serif;--mango-font-weight-text:400;--mango-content-width:1140px;--mango-button-radius:6px;}.mango .mango-section-inner, .mango .mango-container--boxed > .mango-container-inner{max-width: 1140px;}

/* Charanga Latina · CSS del kit de Mango (lo sube setup.sh). */
:root { --ch-orange: #f97316; --ch-black: #0b0b0b; --ch-paper: #f5f4f0; --ch-ink: #1c1c1c; --ch-muted: #6b6b6b; }
body { background: #fff; color: var(--ch-ink); font-family: "Inter", system-ui, sans-serif; }
h1, h2, h3, h4, .mango-post-title { font-family: "Oswald", "Arial Narrow", sans-serif; font-weight: 600; letter-spacing: .005em; }
::selection { background: var(--ch-orange); color: #fff; }

/* Cabecera */
.ch-header { position: sticky; top: 0; z-index: 50; }
.admin-bar .ch-header { top: 32px; }
.ch-header .mango-nav-menu a, .ch-header .mango-menu a { font-family: "Oswald", sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.ch-logo img { display: block; width: 92px; height: auto; }
.ch-ticker .mango-ticker { border-bottom: 1px solid #e7e5e0; }
.ch-ticker .mango-ticker-label { font-family: "Oswald", sans-serif; }
.ch-ticker .mango-ticker-track a { font-family: "Oswald", sans-serif; font-weight: 400; letter-spacing: .01em; }

/* Títulos de sección: texto + raya, como un periódico */
.ch-sec-title { display: flex; align-items: center; gap: 16px; }
.ch-sec-title .mango-heading-title { flex: 0 0 auto; margin: 0; font-family: "Oswald", sans-serif; font-size: 30px; font-weight: 600; letter-spacing: .01em; text-transform: uppercase; }
.ch-sec-title .mango-heading-title::before { content: ""; display: inline-block; width: 10px; height: 10px; margin: 0 12px 4px 0; background: var(--ch-orange); vertical-align: middle; }
.ch-sec-title::after { content: ""; flex: 1; height: 2px; background: var(--ch-black); }
.ch-sec-title .mango-heading-title a { color: inherit; text-decoration: none; }
.ch-more a { font-family: "Oswald", sans-serif; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: var(--ch-ink); text-decoration: none; }
.ch-more a:hover { color: var(--ch-orange); }

/* Tarjetas */
.ch-dark { color: #fff; }
.ch-dark .mango-post-title a, .ch-dark .mango-heading-title { color: #fff; }
.mango-posts .mango-post-cat { font-family: "Oswald", sans-serif; font-weight: 500; }
.mango-posts.is-headlines .mango-post-num { font-family: "Oswald", sans-serif; }

/* Promos App / Radio cam */
.ch-promo { position: relative; overflow: hidden; min-height: 230px; border-radius: 6px; }
.ch-promo .mango-heading-title { color: #fff; font-family: "Oswald", sans-serif; text-transform: uppercase; }
.ch-promo .mango-text-editor { color: rgba(255,255,255,.85); }
.ch-btn .mango-button { font-family: "Oswald", sans-serif; letter-spacing: .08em; text-transform: uppercase; }

/* Noticia */
.ch-article h1.mango-heading-title { font-family: "Oswald", sans-serif; font-size: clamp(30px, 4vw, 48px); line-height: 1.08; font-weight: 600; }
.ch-article .mango-post-content { font-size: 18px; }
.ch-article .mango-post-content p { color: #2a2a2a; }

/* Pie */
.ch-footer a { color: rgba(255,255,255,.75); text-decoration: none; }
.ch-footer a:hover { color: var(--ch-orange); }
.ch-footer .mango-heading-title { color: #fff; font-family: "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.ch-footer .mango-text-editor { color: rgba(255,255,255,.7); }
.ch-footer ul { margin: 0; padding: 0; list-style: none; }
.ch-footer li { margin: 0 0 10px; }
.ch-staff img { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; }
.ch-staff .mango-image-box-title { color: #fff; font-family: "Oswald", sans-serif; font-size: 16px; text-transform: uppercase; }
.ch-staff .mango-image-box-description { color: var(--ch-orange); font-size: 13px; }

@media (max-width: 767px) {
	.ch-sec-title .mango-heading-title { font-size: 24px; }
	.admin-bar .ch-header { top: 0; }
	body { padding-bottom: 76px; } /* espacio para la radio fija */
}

/* Estructura (fondos y rejillas que no van en los ajustes de los bloques) */
.ch-header-bar { background: var(--ch-black); }
.ch-header-bar .mango-nav-menu, .ch-header-bar .mango-menu { flex: 1; }
.ch-header-bar .mango-menu > li > a, .ch-nav a { color: #fff !important; font-size: 15px; }
.ch-header-bar .mango-menu > li > a:hover, .ch-nav a:hover { color: var(--ch-orange) !important; }
.ch-header-bar .mango-radio { color: #fff; }
.ch-footer { background: var(--ch-black); color: #fff; }
.ch-rule { margin: 8px 0; border: 0; border-top: 1px solid rgba(255,255,255,.12); }
.ch-copy { color: rgba(255,255,255,.5) !important; font-size: 13px; }
.ch-two-cols, .ch-two-cols > .mango-container-inner { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important; align-items: start; }
.ch-radio-card .mango-radio { width: 100%; background: radial-gradient(120% 120% at 0% 0%, #2a160a 0%, var(--ch-black) 60%); color: #fff; }
.ch-radio-card .mango-radio-text strong { font-family: "Oswald", sans-serif; font-size: 26px; text-transform: uppercase; letter-spacing: .02em; }
.ch-promo { padding: 32px; }
.ch-promo-app { background: linear-gradient(135deg, #ea580c 0%, #f97316 55%, #fb923c 100%); }
.ch-promo-cam { background: radial-gradient(120% 140% at 100% 0%, #3b1d0b 0%, var(--ch-black) 55%); }
.ch-promo .mango-heading-title { margin: 0; font-size: 34px; }
.ch-promo .ch-btn .mango-button { background: #fff !important; color: var(--ch-black) !important; }
.ch-promo-cam .ch-btn .mango-button { background: var(--ch-orange) !important; color: #fff !important; }
.ch-archive-title .mango-heading-title { font-size: 40px; }
.ch-team .mango-heading-title { color: #fff; }
@media (max-width: 1024px) { .ch-two-cols, .ch-two-cols > .mango-container-inner { grid-template-columns: minmax(0, 1fr) !important; } }
.ch-header-bar { color: #fff; }
.ch-header-bar .mango-menu-toggle { color: #fff; }
@media (max-width: 1024px) {
	.ch-header-bar .ch-nav { flex: 0 0 auto !important; width: auto !important; margin-left: auto; }
	.ch-header-bar .mango-menu-container { position: fixed !important; top: 90px; right: 0; left: 0; width: auto !important; max-height: calc(100vh - 90px); overflow-y: auto; padding: 8px 0 24px !important; border-radius: 0 !important; background: #0b0b0b !important; box-shadow: 0 20px 40px rgba(0,0,0,.4) !important; }
	.ch-header-bar .mango-menu { background: transparent !important; }
	.ch-header-bar .mango-menu a { display: block; width: 100%; padding: 16px 24px !important; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 20px !important; }
	.ch-header-bar .mango-menu li { width: 100%; }
}