/*
Theme Name:   Spectrum Global Radio
Theme URI:    https://spectrummediasolutions.co.uk/
Author:       Spectrum Media Solutions Ltd
Author URI:   https://spectrummediasolutions.co.uk/
Description:  Internet radio station theme in the classic Global Radio network style (Ibiza / Manchester Global Radio, 2011-12), with the original Flash player rebuilt in HTML5, schedule, shows, charts, events and live now-playing. Fully editable with Elementor. Reskinnable per station via Appearance > Customize.
Version: 2.1.3
Requires at least: 6.3
Requires PHP: 7.4
License:      Proprietary. Licensed software of Spectrum Media Solutions Ltd. Not for redistribution.
Text Domain:  spectrum-global-radio
*/

@font-face { font-family: "Magnum"; src: url("assets/fonts/magnum.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } /* Magnum (c) 2001 Font-a-licious, free font: see assets/fonts/magnum-readme.txt */

/* ==========================================================================
   Tokens. Sizes follow the original 2012 stylesheet (954px content box).
   ========================================================================== */
:root {
	--sgr-accent: #ec0b8d;          /* was #FF0033 on Ibiza Global Radio */
	--sgr-accent-dark: #b8086e;
	--sgr-page-bg: #e9e5dc;
	--sgr-panel: #eae5dc;
	--sgr-box: #ffffff;
	--sgr-dark: #222222;
	--sgr-black: #000000;
	--sgr-text: #333333;
	--sgr-text-soft: #555555;
	--sgr-muted: #999999;
	--sgr-line: #cccccc;
	--sgr-link: #333333;
	--sgr-blue: #0099cc;
	--sgr-width: 954px;
	--sgr-bar-h: 45px;
	--sgr-font-body: Arial, Helvetica, sans-serif;
	--sgr-font-heading: "Alfa Slab One", Rockwell, Georgia, serif;
	--sgr-font-menu: "Magnum", "Squada One", Impact, sans-serif;
	--sgr-font-modern: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--sgr-font-plate: "Roboto Slab", Rockwell, Georgia, serif;
}

/* ==========================================================================
   Base
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--sgr-page-bg) var(--sgr-sky, none) center top no-repeat;
	color: var(--sgr-text);
	font-family: var(--sgr-font-body);
	font-size: 12px;
	line-height: 1.35;
}
body.sgr-has-radiobar { padding-top: var(--sgr-bar-h); }
img { max-width: 100%; height: auto; border: 0; }
a { color: var(--sgr-link); text-decoration: none; }
a:hover { color: var(--sgr-accent); }
h1, h2, h3, h4, h5, h6 { color: var(--sgr-text); font-family: var(--sgr-font-body); font-weight: bold; line-height: 1.2; margin: 0 0 .5em; }
h1 { font-size: 32px; color: #000; } h2 { font-size: 22px; } h3 { font-size: 17px; } h4 { font-size: 15px; }
p { margin: 0 0 1em; }
:focus-visible { outline: 2px solid var(--sgr-accent); outline-offset: 2px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.screen-reader-text:focus { clip: auto; width: auto; height: auto; z-index: 100000; background: #fff; padding: 10px; top: 5px; left: 5px; }
.sgr-wrap { width: 100%; max-width: 993px; margin: 0 auto; padding: 0 19px; }
.sgr-clear::after { content: ""; display: table; clear: both; }
.sgr-ico { width: 18px; height: 18px; fill: currentColor; flex: none; display: block; }

/* ==========================================================================
   #radio: fixed top bar
   ========================================================================== */
.sgr-radiobar {
	position: fixed; top: 0; left: 0; right: 0; z-index: 9999;
	height: var(--sgr-bar-h);
	background: linear-gradient(#333 0%, #333 30%, #1b1b1b 97%, rgba(0,0,0,.25) 100%);
	color: #fff;
}
body.admin-bar .sgr-radiobar { top: 32px; }
@media (max-width: 782px) { body.admin-bar .sgr-radiobar { top: 46px; } }
.sgr-radiobar__inner { max-width: 944px; margin: 0 auto; height: 100%; display: flex; align-items: center; gap: 10px; padding: 0; }
.sgr-radiobar__label { font-family: var(--sgr-font-menu); color: #fff; font-size: 21px; text-transform: uppercase; white-space: nowrap; line-height: 1; }
.sgr-radiobar__now { flex: 1; min-width: 0; color: var(--sgr-blue); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgr-radiobar__now b { font-weight: normal; color: #ccc; }
.sgr-radiobar__now span { color: var(--sgr-blue); }
.sgr-btn-player {
	display: inline-flex; align-items: center; gap: 7px; flex: none;
	height: 27px; padding: 0 12px 0 9px;
	background: linear-gradient(#f2259c, var(--sgr-accent) 45%, #c90876); color: #fff !important;
	font-family: var(--sgr-font-heading); font-size: 15px; text-transform: uppercase; letter-spacing: .2px; line-height: 1;
	border-radius: 2px; border: 1px solid rgba(0,0,0,.45);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 1px 2px rgba(0,0,0,.4);
	white-space: nowrap; text-shadow: 0 1px 0 rgba(0,0,0,.2);
}
.sgr-btn-player:hover { filter: brightness(1.12); }
.sgr-btn-player .sgr-ico { width: 20px; height: 20px; }
.sgr-btn-player .sgr-sep { width: 1px; height: 17px; background: rgba(255,255,255,.75); }

/* mini glossy play button: only shown on small screens */
.sgr-minibtn {
	position: relative; overflow: hidden; flex: none; display: none; place-items: center;
	width: 34px; height: 27px; border-radius: 4px; border: 1px solid #000; padding: 0; cursor: pointer;
	background: linear-gradient(#56621a, #3a440c 55%, #2a3106); color: #d4d7c6;
}
.sgr-minibtn::before { content: ""; position: absolute; left: 2px; right: 2px; top: 2px; height: 46%; border-radius: 3px 3px 8px 8px / 3px 3px 3px 3px; background: linear-gradient(rgba(255,255,255,.42), rgba(255,255,255,.08)); }
.sgr-minibtn .sgr-ico { width: 15px; height: 15px; grid-area: 1 / 1; position: relative; }
[data-sgr-state="playing"] .sgr-minibtn, [data-sgr-state="loading"] .sgr-minibtn { background: linear-gradient(#b5d321, #7f9a07 55%, #5c7200); color: #fff; }
.sgr-ico--pause, .is-playing > .sgr-ico--pause ~ x { display: none; }
.is-playing > .sgr-ico--play { display: none; }
.is-playing > .sgr-ico--pause { display: block; }
.sgr-ico--muted, .sgr-muted .sgr-ico--vol { display: none; }
.sgr-muted .sgr-ico--muted { display: block; }

/* ==========================================================================
   #header: logo left, player right, sky behind (body background)
   ========================================================================== */
.sgr-header { position: relative; }
.sgr-header__top { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 137px; padding: 0 0 0 0; }
.sgr-logo img, .sgr-logo .custom-logo { max-height: 118px; width: auto; display: block; }
.sgr-logo__text { font-family: var(--sgr-font-heading); font-size: 38px; line-height: 1; color: var(--sgr-text); display: block; }
.sgr-logo__text span { color: var(--sgr-accent); }
.sgr-logo__tagline { display: block; font-size: 12px; color: var(--sgr-text-soft); margin-top: 6px; }
.sgr-header__player { flex: none; align-self: center; }
.sgr-header__banner { border: 5px solid #333; background: #333; height: 100px; overflow: hidden; }

/* ==========================================================================
   #menu
   ========================================================================== */
.sgr-menubar {
	position: relative; display: flex; align-items: flex-start; justify-content: space-between;
	width: 100%; max-width: var(--sgr-width); margin: 0 auto;
	height: 50px; padding: 0 0 0 12px;
	background: var(--sgr-black);
	border-bottom: 4px solid #ccc;
	border-radius: 6px 6px 0 0;
}
.sgr-nav { min-width: 0; }
.sgr-menu { display: flex; align-items: center; list-style: none; margin: 0; padding: 8px 0 0; gap: 2px; }
.sgr-menu > li { position: relative; display: block; }
.sgr-menu > li > a {
	display: block; height: 32px; padding: 6px 9px 0; min-width: 58px; text-align: center;
	font-family: var(--sgr-font-menu); font-size: 22px; line-height: 1; text-transform: uppercase;
	color: #fff; border-radius: 4px; white-space: nowrap;
}
.sgr-menu > li > a:hover { color: #fff; background: #333; }
.sgr-menu > li.current-menu-item > a,
.sgr-menu > li.current-menu-ancestor > a,
.sgr-menu > li.current_page_item > a,
.sgr-menu > li.current-page-ancestor > a { background: var(--sgr-accent); color: #fff; }
.sgr-menu .sub-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 50; min-width: 190px; list-style: none; margin: 0; padding: 4px 0; background: var(--sgr-dark); border-top: 3px solid var(--sgr-accent); }
.sgr-menu li:hover > .sub-menu, .sgr-menu li:focus-within > .sub-menu { display: block; }
.sgr-menu .sub-menu a { display: block; padding: 7px 14px; color: #ccc; font-size: 12px; }
.sgr-menu .sub-menu a:hover { color: #fff; background: var(--sgr-accent); }

.sgr-search { display: flex; align-items: center; gap: 4px; flex: none; padding: 9px 12px 0 5px; }
.sgr-search input[type="search"] { width: 175px; height: 24px; font-size: 12px; padding: 3px 6px; border: 0; border-radius: 4px; background: #fff; color: #000; }
.sgr-btn-dark, .sgr-search button {
	width: 101px; height: 27px; padding: 0; cursor: pointer;
	font-family: var(--sgr-font-menu); font-size: 17px; line-height: 1; text-transform: uppercase; color: #fff;
	background: linear-gradient(#434343, #525252 30%, #626262 50%, #222 52%, #1b1b1b);
	border: 0; border-radius: 3px; box-shadow: 0 0 0 1px #000;
}
.sgr-btn-dark:hover, .sgr-search button:hover { filter: brightness(1.25); }

.sgr-menu-toggle { display: none; align-items: center; background: none; border: 0; color: #fff; font-family: var(--sgr-font-menu); font-size: 22px; text-transform: uppercase; padding: 12px 6px; cursor: pointer; }
.sgr-menu-toggle span { display: inline-block; width: 22px; height: 3px; background: #fff; position: relative; vertical-align: middle; margin-right: 10px; box-shadow: 0 -7px 0 #fff, 0 7px 0 #fff; }

/* #submenu */
.sgr-submenu { max-width: var(--sgr-width); margin: 0 auto; height: 30px; background: var(--sgr-dark); border-top: 1px solid #333; overflow: hidden; }
.sgr-submenu ul { display: flex; list-style: none; margin: 0; padding: 0 20px; }
.sgr-submenu li { display: flex; align-items: center; }
.sgr-submenu li + li::before { content: ""; width: 2px; height: 10px; background: #ccc; margin: 0 10px; }
.sgr-submenu a { display: block; padding: 7px 0; color: #ccc; font-size: 12px; }
.sgr-submenu a:hover { color: #fff; background: var(--sgr-accent); }

/* ==========================================================================
   .content2: the white box
   ========================================================================== */
.sgr-main { max-width: var(--sgr-width); margin: 0 auto; background: var(--sgr-box); padding: 5px 0 10px; }
.sgr-layout { display: grid; grid-template-columns: 605px 312px; gap: 0 12px; align-items: start; padding: 0 0 0 13px; }
.sgr-layout--full { grid-template-columns: minmax(0, 1fr); padding: 0 12px; }
.sgr-primary { min-width: 0; padding-top: 6px; }
.sgr-sidebar { background: var(--sgr-panel); padding: 2px 6px 10px 8px; margin-top: 5px; }
.sgr-entry-title { font-size: 32px; color: #000; margin: 15px 0 5px; }
.sgr-entry-meta { font-size: 12px; color: #888; margin-bottom: 15px; }
.sgr-entry-meta a { color: #888; }
.sgr-entry-content { font-size: 13px; color: #333; line-height: 1.4; }
.sgr-entry-content h2, .sgr-entry-content h3 { margin-top: 1.1em; }
.sgr-entry-thumb { margin: 6px 0 14px; }
.sgr-entry-thumb img { display: block; width: 100%; }
.sgr-main--elementor { padding: 5px 0 10px; background: var(--sgr-box); }
.entry-content code, .sgr-entry-content code, .elementor-widget-text-editor code { overflow-wrap: anywhere; word-break: break-all; background: #f3f0ea; padding: 1px 4px; }
.elementor-widget-text-editor { font-size: 13px; line-height: 1.4; }

/* ==========================================================================
   Section heading (.content-lineNews): 35px beige bar, slab type
   ========================================================================== */
.sgr-heading {
	display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;
	background: var(--sgr-panel); min-height: 35px; padding: 2px 10px 0; margin: 0 0 7px;
	font-family: var(--sgr-font-heading); font-size: 23px; font-weight: normal; line-height: 1.1;
	letter-spacing: -.6px; overflow-wrap: anywhere;
}
.sgr-heading--left { justify-content: flex-start; }
.sgr-heading--center { justify-content: center; }
.sgr-heading--plain { background: none; padding-left: 0; padding-right: 0; }
.sgr-heading--light { background: #fff; }
.sgr-heading--dark { background: #333; }
.sgr-heading--dark .sgr-heading__a { color: #fff; }
.sgr-heading__a { color: #9b9b9b; }
.sgr-heading__amp { color: #9b9b9b; font-weight: normal; font-size: .82em; letter-spacing: -1px; }
.sgr-heading__b { color: var(--sgr-accent); }
.sgr-heading a { color: inherit; }
.sgr-heading a:hover { background: none; }

/* ==========================================================================
   Main banner slot (#slide): 930 x 220 + side tabs
   ========================================================================== */
.sgr-slot { position: relative; margin: 0; }
.sgr-slot__tab {
	position: absolute; top: 50%; width: 19px; height: 95px; margin-top: -47px; z-index: 2;
	display: grid; place-items: center; padding: 0; border: 0; cursor: pointer;
	background: #fff; color: #a5a5a5; font: 10px/1 Arial, sans-serif;
}
.sgr-slot__tab--prev { left: -31px; border-radius: 6px 0 0 6px; }
.sgr-slot__tab--next { right: -31px; border-radius: 0 6px 6px 0; }
.sgr-slot__tab:hover { color: var(--sgr-accent); }
.sgr-slot__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.sgr-slot__track::-webkit-scrollbar { display: none; }
.sgr-slot__track > * { flex: 0 0 100%; scroll-snap-align: start; }

/* The hero (main banner, 930 x 220) */
.sgr-hero {
	position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center;
	height: 220px; padding: 10px 14px 10px 26px; overflow: hidden; color: #fff;
	font-family: var(--sgr-font-modern);
	background: #0b1a2e var(--sgr-hero-bg) center 62% / cover no-repeat;
}
.sgr-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(11,26,46,.88) 0%, rgba(11,26,46,.55) 52%, rgba(11,26,46,.3) 100%); }
.sgr-hero > * { position: relative; }
.sgr-hero__copy { min-width: 0; }
.sgr-hero__eyebrow { display: inline-block; font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #fff; background: rgba(255,255,255,.14); padding: 4px 9px; border-radius: 999px; margin-bottom: 8px; }
.sgr-hero__title { color: #fff; font-family: var(--sgr-font-modern); font-size: 36px; font-weight: 800; line-height: 1.02; letter-spacing: -.03em; margin: 0 0 8px; }
.sgr-hero__title span { color: var(--sgr-accent); }
.sgr-hero__text { font-size: 12px; line-height: 1.5; color: rgba(255,255,255,.85); max-width: 400px; margin: 0; }
.sgr-hero__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sgr-hero .sgr-btn { font-family: var(--sgr-font-modern); text-transform: none; font-size: 13px; font-weight: 600; padding: 7px 15px; border-radius: 999px; border: 0; box-shadow: none; background: var(--sgr-accent); }
.sgr-hero .sgr-btn .sgr-ico { width: 15px; height: 15px; }
.sgr-hero .sgr-btn--ghost { background: rgba(255,255,255,.13); box-shadow: inset 0 0 0 1px rgba(255,255,255,.3); }
.sgr-hero__card .sgr-fp { font-size: 9.6px; }
.sgr-header .sgr-fp { font-size: 7.8px; }

/* Typographic promo slide (homage to the 2012 banner artwork) */
.sgr-promo { position: relative; display: block; height: 220px; overflow: hidden; background: var(--promo-bg, #ece9dd); color: #222; }
.sgr-promo::after { content: ""; position: absolute; top: 0; bottom: 0; right: 60px; width: 52px; background: var(--sgr-accent); }
.sgr-promo__img { position: absolute; inset: 0 0 0 auto; width: 55%; background: var(--promo-img) center / cover no-repeat; filter: grayscale(1) contrast(1.1); mix-blend-mode: multiply; opacity: .9; -webkit-mask-image: linear-gradient(90deg, transparent, #000 35%); mask-image: linear-gradient(90deg, transparent, #000 35%); }
.sgr-promo__num { position: absolute; top: 26px; right: 60px; width: 52px; text-align: center; z-index: 1; color: #fff; font: 19px/1 Arial, sans-serif; }
.sgr-promo__txt { position: absolute; left: 28px; top: 22px; right: 140px; z-index: 1; }
.sgr-promo__k { display: block; font: bold 26px/1.05 Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #333; }
.sgr-promo__t { display: block; font: bold 44px/1.05 Arial, Helvetica, sans-serif; letter-spacing: -2px; color: #222; }
.sgr-promo__s { display: block; font: 26px/1.2 Arial, Helvetica, sans-serif; letter-spacing: -.5px; color: var(--sgr-accent); margin-top: 2px; }
.sgr-promo__logo { position: absolute; left: 28px; bottom: 18px; z-index: 1; width: 44px; height: 44px; border-radius: 50%; background: var(--fp-icon, none) center / cover; filter: grayscale(1) brightness(.4); }
a.sgr-promo:hover { color: #222; }

/* ==========================================================================
   Show banners (#slideLite): 300 x 120, 16px apart, B&W with name plates
   ========================================================================== */
.sgr-banners-wrap { position: relative; margin: 0 0 10px; }
.sgr-banners { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 32px) / 3); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; margin: 0; }
.sgr-banners::-webkit-scrollbar { display: none; }
.sgr-banner { position: relative; display: block; overflow: hidden; background: #222; aspect-ratio: 300 / 120; scroll-snap-align: start; }
.sgr-banner img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05); transition: filter .3s; }
a.sgr-banner:hover { background: #222; }
a.sgr-banner:hover img { filter: grayscale(.1); }
.sgr-banner__cap { position: absolute; right: 6px; bottom: 8px; left: 6px; display: flex; flex-direction: column; align-items: flex-end; }
.sgr-banner__cap b, .sgr-banner__cap span { display: inline-block; max-width: 100%; color: #fff; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgr-banner__cap b { font-family: var(--sgr-font-heading); font-weight: normal; font-size: 22px; padding: 3px 7px 2px; background: var(--plate-a); letter-spacing: -.4px; }
.sgr-banner__cap span { font-family: var(--sgr-font-plate); font-weight: 300; font-size: 19px; padding: 2px 9px 3px; background: var(--plate-b); }
.sgr-banner:nth-child(5n+1) { --plate-a: #5fbcb0; --plate-b: #1d6b66; }
.sgr-banner:nth-child(5n+2) { --plate-a: #1e5470; --plate-b: #3a8dc9; }
.sgr-banner:nth-child(5n+3) { --plate-a: var(--sgr-accent); --plate-b: #6c2a5a; }
.sgr-banner:nth-child(5n+4) { --plate-a: #ee7a2b; --plate-b: #c51f5d; }
.sgr-banner:nth-child(5n+5) { --plate-a: #c2207a; --plate-b: #5e2b6e; }

/* ==========================================================================
   News lists
   ========================================================================== */
.sgr-news { list-style: none; margin: 0; padding: 0; }
.sgr-news__item { padding: 0 0 6px; margin-bottom: 10px; border-bottom: 2px solid #eae5dc; }
.sgr-news__item:last-child { border-bottom: 0; }
.sgr-news__img { display: block; padding-top: 6px; margin-bottom: 5px; overflow: hidden; }
.sgr-news__img img { display: block; width: 100%; height: auto; aspect-ratio: 298 / 186; object-fit: cover; }
a.sgr-news__img:hover { background: none; }
.sgr-news__title { display: block; font-size: 22px; font-weight: bold; color: #333; line-height: 1.15; margin: 4px 0 6px; }
.sgr-news__title:hover { color: #fff; background: var(--sgr-accent); }
.sgr-news__date { color: var(--sgr-accent); font-size: 12px; margin: 0 0 3px; }
.sgr-news__excerpt { font-size: 11px; color: #555; line-height: 1.3em; }
.sgr-news__excerpt p { margin: 0; }
.sgr-news__posted { font-size: 11px; color: #aaa; margin-top: 14px; padding: 3px 8px; }
.sgr-news__posted a { color: #aaa; }
/* compact (#home-favorites): 80px thumb, 15px title */
.sgr-news--compact .sgr-news__item { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 10px; padding-bottom: 6px; margin: 5px 0 6px; border-bottom: 2px solid #eae5dc; }
.sgr-news--compact .sgr-news__img { margin: 0; padding: 0; }
.sgr-news--compact .sgr-news__img img { aspect-ratio: 1 / 1; }
.sgr-news--compact .sgr-news__title { font-size: 15px; margin: 0 0 4px; line-height: 1.15; }
.sgr-news--compact .sgr-news__excerpt { font-size: 11px; }
.sgr-news--compact .sgr-news__item.no-thumb { grid-template-columns: minmax(0, 1fr); }
/* list (#buscador-list): text left, 110px image right */
.sgr-news--list .sgr-news__item { display: grid; grid-template-columns: minmax(0, 390px) 110px; justify-content: space-between; gap: 14px; padding: 10px 10px 5px 5px; margin: 0 0 5px; border-bottom: 1px solid #ccc; }
.sgr-news--list .sgr-news__title { font-size: 17px; margin-top: 0; }
.sgr-news--list .sgr-news__excerpt { font-size: 12px; color: #666; }
.sgr-news--list .sgr-news__img { order: 2; margin: 0; padding: 0; }
.sgr-news--list .sgr-news__img img { aspect-ratio: 1 / 1; border: 1px solid #ccc; }
.sgr-news--list .sgr-news__item.no-thumb { grid-template-columns: minmax(0, 1fr); }

/* #buscador-pagination */
.sgr-pagination { display: flex; align-items: center; gap: 3px; height: 25px; padding: 5px 0 0; margin: 0 0 5px; border-bottom: 2px solid #333; font-size: 12px; }
.sgr-pagination::before { content: ""; width: 57px; height: 15px; margin-right: 3px; border-radius: 3px; background: var(--sgr-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath fill='%23fff' d='M1 0v12l9-6z'/%3E%3C/svg%3E") center / 8px no-repeat; }
.sgr-pagination .page-numbers { padding: 0 3px; color: var(--sgr-accent); }
.sgr-pagination .page-numbers.current { color: #666; }
.sgr-pagination .page-numbers:hover { background: #fff; text-decoration: underline; color: var(--sgr-accent); }

/* ==========================================================================
   Schedule (#calendar)
   ========================================================================== */
.sgr-schedule { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-top: 15px; }
.sgr-schedule__grid { display: grid; gap: 0; min-width: 760px; border-left: 1px solid #ccc; }
.sgr-schedule__day { min-width: 0; }
.sgr-schedule__dayname { font-family: var(--sgr-font-menu); font-size: 36px; line-height: 1; text-transform: uppercase; color: #9ec2df; padding: 0 0 5px 3px; margin-left: -1px; background: #fff; }
.sgr-schedule__day:nth-child(6) .sgr-schedule__dayname { color: #d5db63; }
.sgr-schedule__day:nth-child(7) .sgr-schedule__dayname { color: #e0675c; }
.sgr-schedule__day.is-today .sgr-schedule__dayname { color: var(--sgr-accent); }
.sgr-schedule__slot { padding: 4px 5px 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; min-height: 82px; }
.sgr-schedule__slot.is-live { background: #faf6fa; box-shadow: inset 0 3px 0 var(--sgr-accent); }
.sgr-schedule__time { font-size: 12px; color: #999; margin: 0 0 2px; }
.sgr-schedule__title { display: block; font-size: 13px; font-weight: bold; color: #333; line-height: 1.25; margin: 0 0 2px; }
a.sgr-schedule__title:hover { color: #fff; background: var(--sgr-accent); }
.sgr-schedule__dj { font-size: 12px; color: #999; }
.sgr-schedule__empty { color: #999; font-size: 12px; padding: 10px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.sgr-schedule__tz { font-size: 12px; color: #999; margin-top: 10px; padding-top: 8px; border-top: 1px solid #ccc; }

/* ==========================================================================
   Show cards (#radio-list): 180px columns, 2px rule
   ========================================================================== */
.sgr-cards { display: grid; grid-template-columns: repeat(var(--sgr-cols, 5), minmax(0, 1fr)); gap: 10px 8px; list-style: none; margin: 0; padding: 0; }
.sgr-card { border-bottom: 2px solid #333; padding-bottom: 10px; display: flex; flex-direction: column; min-width: 0; }
.sgr-card__img { display: block; background: #eee; margin-bottom: 5px; overflow: hidden; }
.sgr-card__img img { display: block; width: 100%; aspect-ratio: 178 / 110; object-fit: cover; filter: grayscale(var(--sgr-card-gray, 0)); transition: filter .2s; }
a.sgr-card__img:hover { background: none; }
.sgr-card:hover .sgr-card__img img { filter: none; }
.sgr-card__title { display: block; font-size: 15px; font-weight: bold; color: #333; line-height: 1.2; margin-bottom: 2px; }
.sgr-card__meta { font-size: 11px; color: #006699; margin-bottom: 4px; }
.sgr-card__text { font-size: 11px; color: #666; line-height: 1.3; flex: 1; }
.sgr-card__text p { margin: 0; }
.sgr-card__btns { margin-top: 6px; }
.sgr-card__btns .sgr-btn { font-size: 15px; padding: 3px 10px 2px; }

/* ==========================================================================
   Charts (#buscador-list-peq)
   ========================================================================== */
.sgr-charts { display: grid; grid-template-columns: repeat(var(--sgr-cols, 3), minmax(0, 1fr)); gap: 0 18px; list-style: none; margin: 0; padding: 0 0 0 5px; }
.sgr-chart { padding: 10px 0 10px; border-bottom: 2px solid #333; margin-bottom: 5px; min-width: 0; min-height: 150px; }
.sgr-chart__title { display: block; font-size: 22px; font-weight: bold; color: #333; line-height: 1.15; margin-bottom: 6px; }
.sgr-chart__dj { font-size: 12px; color: var(--sgr-accent); margin-bottom: 4px; }
.sgr-chart__text { font-size: 12px; color: #666; line-height: 1.3; }
.sgr-chart__text p { margin: 0; }
.sgr-chart__tracks { margin: 6px 0 0; padding-left: 20px; font-size: 12px; color: #555; }

/* ==========================================================================
   Events (#home-worldtour-list)
   ========================================================================== */
.sgr-tour { display: grid; grid-template-columns: repeat(var(--sgr-cols, 2), minmax(0, 1fr)); gap: 0 18px; list-style: none; margin: 0; padding: 0; }
.sgr-tour__item { border-bottom: 2px solid #333; padding: 6px 0 12px; margin-bottom: 3px; display: grid; grid-template-columns: 70px minmax(0,1fr); gap: 10px; }
.sgr-tour__item.no-thumb { grid-template-columns: minmax(0,1fr); }
.sgr-tour__date { color: var(--sgr-accent); font-size: 12px; font-weight: bold; }
.sgr-tour__title { display: block; font-size: 15px; font-weight: bold; color: #333; line-height: 1.2; }
.sgr-tour__venue { font-size: 11px; color: #666; }
.sgr-tour__img img { display: block; width: 70px; height: 70px; object-fit: cover; }
a.sgr-tour__img:hover { background: none; }
.sgr-tour__past .sgr-tour__date { color: #999; }

/* Videos */
.sgr-videos { display: grid; grid-template-columns: repeat(var(--sgr-cols, 4), minmax(0, 1fr)); gap: 16px 12px; list-style: none; margin: 0; padding: 0; }
.sgr-video__frame { position: relative; display: block; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.sgr-video__frame img { width: 100%; height: 100%; object-fit: cover; }
.sgr-video__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sgr-video__title { display: block; font-size: 13px; font-weight: bold; color: #333; margin-top: 6px; }

/* ==========================================================================
   #columnRight: beige column, networks box, register news
   ========================================================================== */
.sgr-panelbox { background: var(--sgr-panel); padding: 0 6px 10px 8px; margin-top: 5px; }
.sgr-panelbox > .e-con-inner, .sgr-panelbox { gap: 0 !important; }
.sgr-netbox, .sgr-panelbox .elementor-widget-sgr-networks { background: #fff; }
.sgr-panelbox .elementor-widget-sgr-heading .sgr-heading--light,
.sgr-panelbox .elementor-widget-sgr-heading:has(+ .elementor-widget-sgr-networks) .sgr-heading { background: #fff; margin: 6px 0 0; padding-top: 6px; }
.sgr-networks { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 12px; list-style: none; margin: 0 0 6px; padding: 4px 6px 12px; background: #fff; }
.sgr-networks__item { display: block; color: #333; }
.sgr-networks__item:hover { color: #333; background: none; }
.sgr-networks__img {
	display: flex; align-items: center; justify-content: center; gap: 5px;
	height: 41px; margin-bottom: 4px; overflow: hidden;
	background: linear-gradient(#f0efec, #d3d1cc 85%, #c6c4bf);
	color: var(--sgr-tile, #666);
	font-family: var(--sgr-font-heading); font-size: 20px; line-height: 1; letter-spacing: -.6px;
}
.sgr-networks__item:hover .sgr-networks__img { filter: brightness(1.05) saturate(1.3); }
.sgr-networks__img .sgr-ico { width: 24px; height: 24px; }
.sgr-networks__img img { width: 100%; height: 100%; object-fit: cover; }
.sgr-networks__word { white-space: nowrap; text-shadow: 0 1px 0 rgba(255,255,255,.7); }
.sgr-networks__label { display: block; font-size: 13px; line-height: 1.2; }
.sgr-networks__label b { font-weight: bold; }
.sgr-networks__label small { display: none; }

.sgr-newsletter { font-size: 12px; color: #555; padding: 4px 2px; }
.sgr-newsletter p { margin: 0 0 6px; line-height: 1.35; }
.sgr-newsletter label { display: block; font-weight: bold; font-size: 12px; color: #333; margin: 0; padding: 5px 0 2px; }
.sgr-newsletter input[type="email"], .sgr-newsletter input[type="text"], .sgr-newsletter input[type="date"], .sgr-newsletter select { width: 225px; max-width: 100%; height: 20px; font-size: 11px; color: #555; padding: 1px 4px; border: 1px solid #aaa; background: #fff; border-radius: 3px; }
.sgr-newsletter select { height: 22px; }
.sgr-newsletter button { margin: 8px 0 10px; }
.sgr-newsletter__ok { color: #2a7a2a; font-weight: bold; }

.sgr-sidebar .widget { margin: 6px 0 12px; }
.sgr-sidebar .widget ul { list-style: none; margin: 0; padding: 4px 6px; background: #fff; }
.sgr-sidebar .widget li { padding: 4px 0; border-bottom: 1px solid #ddd; font-size: 12px; }
.sgr-sidebar .sgr-heading { background: #fff; justify-content: flex-start; margin: 6px 0 0; }
.sgr-sidebar .sgr-news, .sgr-sidebar .sgr-tour { background: #fff; padding: 4px 8px; }
.sgr-sidebar .sgr-fp { margin: 8px auto 6px; font-size: 9.3px; }
.sgr-fp--column { margin: 8px 0 10px !important; font-size: 9.3px !important; }
.sgr-fp--column .sgr-fp__top { padding-top: 2px; }

/* ==========================================================================
   #footer
   ========================================================================== */
.sgr-footer { max-width: var(--sgr-width); margin: 0 auto 30px; background: #fff; }
.sgr-footer .sgr-wrap { max-width: none; padding: 0; }
.sgr-footer__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; padding: 14px 14px; margin-top: 15px; background: #222; }
.sgr-footer__brand { display: flex; align-items: center; gap: 14px; }
.sgr-footer__brand .sgr-logo img { max-height: 54px; }
.sgr-footer__brand .sgr-btn { font-size: 16px; }
.sgr-sponsors { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 26px; }
.sgr-sponsors__group { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.sgr-sponsors__label { font-family: var(--sgr-font-menu); font-size: 15px; text-transform: uppercase; color: #888; }
.sgr-sponsors img { display: block; max-height: 32px; width: auto; opacity: .85; }
.sgr-sponsors a:hover { background: none; }
.sgr-sponsors a:hover img { opacity: 1; }
.sgr-footer__logos { padding: 10px 10px 4px; text-align: center; }
.sgr-footer__bar { background: #222; padding: 0 0 8px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 10px; border-top: 1px solid #333; padding-top: 8px; }
.sgr-footer__menu { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; line-height: 1.3em; }
.sgr-footer__menu li { font-size: 11px; font-weight: bold; padding: 0 10px; border-right: 1px solid #666; }
.sgr-footer__menu li:last-child { border-right: 0; }
.sgr-footer__menu a { color: #999; }
.sgr-footer__menu a:hover { color: #fff; background: var(--sgr-accent); }
.sgr-footer__copy { color: #777; font-size: 11px; padding: 0 10px; }
.sgr-footer__copy a { color: #999; }

/* ==========================================================================
   Buttons (generic)
   ========================================================================== */
.sgr-btn {
	display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px 3px; border-radius: 4px; cursor: pointer; border: 1px solid #000;
	background: linear-gradient(#f2259c, var(--sgr-accent) 50%, #c90876); color: #fff !important;
	font-family: var(--sgr-font-menu); font-size: 18px; line-height: 1.1; text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
}
.sgr-btn:hover { filter: brightness(1.12); background-color: transparent; }
.sgr-btn .sgr-ico { width: 15px; height: 15px; }
.sgr-btn--dark { background: linear-gradient(#434343, #525252 30%, #626262 50%, #222 52%, #1b1b1b); }

/* ==========================================================================
   Comments, details (#detallepost)
   ========================================================================== */
.sgr-comments { margin-top: 24px; border-top: 2px solid #222; padding-top: 10px; }
.sgr-comments .comment-list { list-style: none; margin: 0; padding: 0; }
.sgr-comments .comment-body { background: #eee; padding: 15px 5px; margin-bottom: 15px; font-size: 11px; color: #c06; }
.sgr-comments textarea, .sgr-comments input[type="text"], .sgr-comments input[type="email"], .sgr-comments input[type="url"] { width: 100%; max-width: 480px; border: 1px solid #aaa; padding: 4px; font: 12px Arial, sans-serif; }
.sgr-comments .submit { width: 101px; height: 27px; cursor: pointer; font-family: var(--sgr-font-menu); font-size: 17px; text-transform: uppercase; color: #fff; background: linear-gradient(#434343, #525252 30%, #626262 50%, #222 52%, #1b1b1b); border: 0; border-radius: 3px; }
.sgr-detail__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 12px; margin: 0 0 12px; padding: 6px 8px; background: var(--sgr-panel); }
.sgr-detail__meta b { color: var(--sgr-accent); }
.sgr-embed { position: relative; aspect-ratio: 16 / 9; margin: 0 0 14px; background: #000; }
.sgr-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sgr-empty { padding: 30px 0; color: #999; }
.elementor-widget-sgr-heading .sgr-heading { margin-bottom: 0; }
.sgr-live { display: inline-flex; align-items: center; gap: 5px; font: bold 10px/1 Arial, sans-serif; text-transform: uppercase; color: #fff; background: var(--sgr-accent); padding: 3px 7px; border-radius: 3px; }
.sgr-live__dot { width: 6px; height: 6px; border-radius: 50%; background: #fff; }

/* ==========================================================================
   Classic Global Radio player (HTML rebuild of the original Flash player)
   Everything is in em so one font-size scales the whole player.
   ========================================================================== */
.sgr-fp {
	--fp-accent: var(--sgr-accent, #ec0b8d);
	--fp-accent-dark: var(--sgr-accent-dark, #a0065d);
	--fp-lcd: #9bb31a;
	font-size: 10px;
	width: 32em; max-width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; user-select: none;
	-webkit-tap-highlight-color: transparent;
}
.sgr-fp *, .sgr-fp *::before, .sgr-fp *::after { box-sizing: border-box; }
.sgr-fp button { font-size: inherit; font-family: inherit; line-height: 1; margin: 0; }
.sgr-fp__top { display: flex; align-items: flex-end; justify-content: space-between; padding: 0 .3em .5em; }
.sgr-fp__brand { font-size: 1.75em; letter-spacing: -.04em; line-height: 1; color: #fff; text-shadow: 0 1px 0 #000; white-space: nowrap; }
.sgr-fp__brand b { font-weight: 900; }
.sgr-fp__brand span { font-weight: 300; }
.sgr-fp__powered { display: flex; align-items: center; gap: .5em; font-size: 1em; color: #bbb; white-space: nowrap; }
.sgr-fp .sgr-fp__powered img { height: 2.4em !important; width: auto !important; max-width: none; display: block; }

.sgr-fp__body {
	position: relative;
	background: linear-gradient(#262626, #121212);
	border: .1em solid #000; border-radius: .9em;
	box-shadow: inset 0 .1em 0 rgba(255,255,255,.12), 0 .2em .6em rgba(0,0,0,.45);
	padding: .8em;
}
.sgr-fp__btns { display: grid; grid-template-columns: 1.55fr 1fr; gap: .6em; }

/* the two big square buttons */
.sgr-fp__btn {
	position: relative; overflow: hidden;
	height: 8.6em; border-radius: .7em; cursor: pointer; padding: 0;
	border: .1em solid #000;
	box-shadow: inset 0 0 0 .1em rgba(255,255,255,.08), 0 .1em 0 rgba(255,255,255,.06);
	transition: filter .15s, box-shadow .2s, background .2s;
	display: flex; align-items: center; justify-content: center;
	-webkit-appearance: none; appearance: none;
}
/* glossy reflection: bright top half */
.sgr-fp__btn::before {
	content: ""; position: absolute; left: .25em; right: .25em; top: .2em; height: 48%;
	border-radius: .55em .55em 1.6em 1.6em / .55em .55em .5em .5em;
	background: linear-gradient(rgba(255,255,255,.42), rgba(255,255,255,.08));
	pointer-events: none;
}
/* soft light pooling at the bottom edge */
.sgr-fp__btn::after {
	content: ""; position: absolute; left: 10%; right: 10%; bottom: -1.2em; height: 2.4em; border-radius: 50%;
	background: radial-gradient(rgba(255,255,255,.18), transparent 70%);
	pointer-events: none;
}
.sgr-fp__btn:hover { filter: brightness(1.12); }
.sgr-fp__btn:active, .sgr-fp__btn.is-pressed { filter: brightness(1.45) saturate(1.15); transition: none; }
.sgr-fp__btn:focus-visible { outline: .2em solid #fff; outline-offset: .15em; }
.sgr-fp__btn svg { position: relative; z-index: 1; width: 3.6em; height: 3.6em; filter: drop-shadow(0 .1em .1em rgba(0,0,0,.45)); }

.sgr-fp__play { background: linear-gradient(#56621a, #3a440c 55%, #2a3106); }
.sgr-fp__play svg { fill: #d4d7c6; }
.sgr-fp__stop { background: linear-gradient(var(--fp-accent), var(--fp-accent-dark)); }
.sgr-fp__stop svg { fill: #fbd7ea; }

/* lit states */
[data-sgr-state="playing"] .sgr-fp__play,
[data-sgr-state="loading"] .sgr-fp__play {
	background: linear-gradient(#b5d321, #7f9a07 55%, #5c7200);
	box-shadow: inset 0 0 0 .1em rgba(255,255,255,.18), 0 0 1.4em rgba(170,210,20,.45);
}
[data-sgr-state="playing"] .sgr-fp__play svg { fill: #fff; }
[data-sgr-state="loading"] .sgr-fp__play svg { animation: sgr-fp-blink 1s steps(2) infinite; }
[data-sgr-state="playing"] .sgr-fp__stop,
[data-sgr-state="loading"] .sgr-fp__stop { filter: saturate(.8) brightness(.85); }
[data-sgr-state="playing"] .sgr-fp__stop:hover { filter: none; }
@keyframes sgr-fp-blink { 50% { opacity: .35; } }

/* station logo badge (lights up and pulses when on air, click = mute) + LCD display */
.sgr-fp__lcdrow { display: grid; grid-template-columns: 3.2em minmax(0, 1fr) auto; gap: .6em; align-items: center; margin-top: .6em; }
.sgr-fp__badge {
	position: relative; width: 3.2em; height: 3.2em; border-radius: 50%; padding: 0; cursor: pointer; overflow: visible;
	border: .15em solid #000; background: #2a2a2a var(--fp-icon, none) center / 112% no-repeat;
	filter: grayscale(1) brightness(.55) contrast(1.1);
	box-shadow: inset 0 .1em 0 rgba(255,255,255,.25);
	transition: filter .3s;
	-webkit-appearance: none; appearance: none;
}
.sgr-fp__badge::after { content: ""; position: absolute; inset: -.15em; border-radius: 50%; background: linear-gradient(rgba(255,255,255,.35), rgba(255,255,255,0) 50%); pointer-events: none; }
[data-sgr-state="playing"] .sgr-fp__badge { filter: none; animation: sgr-fp-pulse 1.05s ease-out infinite; }
[data-sgr-state="loading"] .sgr-fp__badge { filter: grayscale(.4) brightness(.85); animation: sgr-fp-blink 1s steps(2) infinite; }
.sgr-muted .sgr-fp__badge { animation: none !important; filter: grayscale(1) brightness(.75); }
.sgr-muted .sgr-fp__badge::before { content: ""; position: absolute; left: 50%; top: -.1em; bottom: -.1em; width: .25em; margin-left: -.125em; background: var(--fp-accent); transform: rotate(45deg); border-radius: .2em; z-index: 1; }
@keyframes sgr-fp-pulse {
	0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(236, 11, 141, .75), 0 0 .8em rgba(236, 11, 141, .6); }
	18% { transform: scale(1.09); }
	45% { transform: scale(1); }
	100% { box-shadow: 0 0 0 1em rgba(236, 11, 141, 0), 0 0 .8em rgba(236, 11, 141, .35); }
}
.sgr-fp__lcd {
	position: relative; overflow: hidden; height: 2.6em; border-radius: .5em;
	background: linear-gradient(#1b1c12, #0d0e08);
	border: .1em solid #000; box-shadow: inset 0 .15em .4em rgba(0,0,0,.8), 0 .1em 0 rgba(255,255,255,.07);
	display: flex; align-items: center;
}
.sgr-fp__lcd::after { /* scanlines + glass glare */
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: repeating-linear-gradient(transparent 0 .15em, rgba(0,0,0,.18) .15em .25em), linear-gradient(rgba(255,255,255,.07), transparent 50%);
}
.sgr-fp__line {
	display: inline-block; white-space: nowrap; padding-left: 1em;
	font: bold 1.25em/1 Verdana, Arial, sans-serif; color: var(--fp-lcd); text-shadow: 0 0 .35em rgba(155,179,26,.55);
}
.sgr-fp__lcd.is-scrolling .sgr-fp__line { padding-left: 100%; animation: sgr-fp-marquee var(--fp-dur, 14s) linear infinite; }
@keyframes sgr-fp-marquee { to { transform: translateX(-100%); } }

/* volume: LCD bar meter */
.sgr-fp__vol { display: flex; align-items: flex-end; gap: .2em; height: 2.6em; padding: .35em .45em; border-radius: .5em; background: linear-gradient(#1b1c12, #0d0e08); border: .1em solid #000; box-shadow: inset 0 .15em .4em rgba(0,0,0,.8); }
.sgr-fp__vol button { width: .55em; padding: 0; border: 0; border-radius: .1em; cursor: pointer; background: #2f3412; -webkit-appearance: none; appearance: none; }
.sgr-fp__vol button.is-on { background: var(--fp-lcd); box-shadow: 0 0 .3em rgba(155,179,26,.6); }
.sgr-fp__vol button:nth-child(1) { height: 30%; } .sgr-fp__vol button:nth-child(2) { height: 45%; } .sgr-fp__vol button:nth-child(3) { height: 60%; }
.sgr-fp__vol button:nth-child(4) { height: 75%; } .sgr-fp__vol button:nth-child(5) { height: 90%; } .sgr-fp__vol button:nth-child(6) { height: 100%; }

/* desktop players row */
.sgr-fp__dl {
	display: flex; align-items: center; justify-content: space-between; gap: .6em;
	margin-top: .6em; padding: .55em .8em;
	background: linear-gradient(#222, #111); border: .1em solid #000; border-radius: .9em;
	box-shadow: inset 0 .1em 0 rgba(255,255,255,.1);
}
.sgr-fp__dltext { font-size: 1.05em; font-weight: bold; line-height: 1.15; color: #6e6e6e; text-transform: uppercase; }
.sgr-fp__dltext small { display: block; font-size: .85em; font-weight: normal; color: #555; }
.sgr-fp__apps { display: flex; gap: .7em; }
.sgr-fp__app { position: relative; display: block; width: 2.9em; height: 2.9em; border-radius: .6em; overflow: hidden; box-shadow: 0 .1em .25em rgba(0,0,0,.6); transition: transform .15s; }
.sgr-fp__app:hover { transform: translateY(-.15em); }
.sgr-fp__app:active { filter: brightness(1.4); }
.sgr-fp__vol button:active { filter: brightness(1.6); }
.sgr-fp__app::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 50%; background: linear-gradient(rgba(255,255,255,.45), rgba(255,255,255,.05)); }
.sgr-fp__app svg { width: 100%; height: 100%; display: block; }

.sgr-fp__msg { min-height: 1.2em; margin: .5em .3em 0; font-size: 1.1em; color: #bbb; }
.sgr-fp__msg:empty { display: none; }

/* on a light background (header): dark brand line like the original */
.sgr-fp--light .sgr-fp__brand { color: #111; text-shadow: 0 1px 0 rgba(255,255,255,.6); }
.sgr-fp--light .sgr-fp__powered { color: #333; }
.sgr-fp--light .sgr-fp__powered img { filter: brightness(0); opacity: .85; }

/* now playing strip (artwork + track + up next) */
.sgr-fp__np {
	display: grid; grid-template-columns: 5.6em minmax(0, 1fr); gap: .9em; align-items: center;
	margin-top: .6em; padding: .6em; border-radius: .9em;
	background: linear-gradient(#222, #111); border: .1em solid #000; box-shadow: inset 0 .1em 0 rgba(255,255,255,.1);
}
.sgr-fp__np img { width: 5.6em; height: 5.6em; object-fit: cover; border-radius: .4em; display: block; background: #222; box-shadow: 0 .2em .5em rgba(0,0,0,.6); }
.sgr-fp__npt { min-width: 0; line-height: 1.3; }
.sgr-fp__npt b { display: block; font-size: 1.45em; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgr-fp__npt span { display: block; font-size: 1.2em; color: #bbb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgr-fp__npt small { display: block; margin-top: .45em; font-size: 1.05em; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sgr-fp__npt small em { font-style: normal; color: var(--fp-lcd); text-transform: uppercase; letter-spacing: .06em; margin-right: .4em; }
.sgr-fp .sgr-progress { height: .35em; margin: .5em 0 0; background: rgba(255,255,255,.12); }

/* mirrored reflection under the player */
.sgr-fp--reflect { -webkit-box-reflect: below .4em linear-gradient(transparent 72%, rgba(255,255,255,.2)); margin-bottom: 9em; }

/* white Flash stage (header): like the original 310 x 180 player */
.sgr-fp--stage { background: #fff; padding: .35em .5em .5em; }
.sgr-fp--compact .sgr-fp__btn { height: 7.4em; }


/* ==========================================================================
   Listen page / pop-out window
   ========================================================================== */
.sgr-listen-page { background: #fff; }
.sgr-listen { min-height: 100vh; min-height: 100dvh; display: grid; place-items: start center; padding: 18px 10px 30px; background: #fff; }
.sgr-listen__inner { width: 100%; max-width: 420px; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.sgr-listen__logo { display: block; }
.sgr-listen__logo:hover { background: none; }
.sgr-listen__logo img { max-height: 70px; width: auto; display: block; }
.sgr-listen .sgr-fp { font-size: clamp(9px, 3vw, 12.5px); }
.sgr-listen__home { color: #999; font-size: 11px; display: inline-flex; gap: 5px; align-items: center; }
.sgr-listen__home .sgr-ico { width: 12px; height: 12px; }


/* ==========================================================================
   #home-content-big: the dark box (Charts, AudioSets & Playlists + WorldTourDates)
   ========================================================================== */
.sgr-darkbox { background: #222 !important; padding: 0 6px 10px 8px !important; margin-top: 5px; min-height: 331px !important; }
.e-con.sgr-darkbox { --width: auto; width: auto !important; max-width: none; margin-left: 0 !important; margin-right: 0 !important; padding: 0 6px 10px 8px !important; }
.sgr-darkbox .sgr-heading { background: #333; justify-content: flex-start; margin: 8px 0 10px; min-height: 40px; font-size: 25px; }
.sgr-darkbox .sgr-heading__a { color: #fff; }
.sgr-darkbox .sgr-heading__g { color: #9b9b9b; }
.sgr-heading__g { color: #9b9b9b; }
.sgr-heading__w { color: #fff; }
.sgr-darkbox .sgr-charts { gap: 0 15px; padding: 0 0 0 10px; }
.sgr-darkbox .sgr-chart { min-height: 0; height: auto; padding: 0 0 10px; margin-bottom: 10px; border-bottom: 2px solid #333; }
.sgr-darkbox .sgr-chart__title { font-size: 15px; font-weight: normal; color: #999; line-height: 1.2; margin-bottom: 6px; min-height: 54px; }
.sgr-darkbox .sgr-chart__title:hover { color: #fff; background: none; }
.sgr-darkbox .sgr-chart__title::after {
	content: ""; display: block; width: 40px; height: 20px; margin-top: 8px; border-radius: 3px;
	background: #333 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23999' d='M3 9v6h4l5 5V4L7 9H3z'/%3E%3Cpath fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' d='M15.5 8.5a5 5 0 0 1 0 7M18.5 5.5a9 9 0 0 1 0 13'/%3E%3C/svg%3E") 8px center / 16px no-repeat;
}
.sgr-darkbox .sgr-chart__title:hover::after { background-color: var(--sgr-accent); }
.sgr-darkbox .sgr-chart__dj, .sgr-darkbox .sgr-chart__text, .sgr-darkbox .sgr-chart__tracks { display: none; }
.sgr-darkbox .sgr-tour { gap: 0 30px; padding: 0 4px; }
.sgr-darkbox .sgr-tour__item { display: block; border-bottom: 2px solid #333; padding: 0 0 18px; margin-bottom: 14px; }
.sgr-darkbox .sgr-tour__img { display: none; }
.sgr-darkbox .sgr-tour__item > div { display: flex; flex-direction: column; }
.sgr-darkbox .sgr-tour__title { order: 1; color: var(--sgr-accent); font-size: 15px; font-weight: bold; text-transform: uppercase; line-height: 1.2; margin-bottom: 4px; }
.sgr-darkbox .sgr-tour__title:hover { color: #fff; background: none; }
.sgr-darkbox .sgr-tour__venue { order: 2; color: #fff; font-size: 13px; line-height: 1.2; }
.sgr-darkbox .sgr-tour__date { order: 3; color: #fff; font-size: 13px; font-weight: normal; margin-top: 4px; }

/* ==========================================================================
   #footer: white partner logos strip, then the dark link bar
   ========================================================================== */
.sgr-footer { max-width: var(--sgr-width); margin: 0 auto 30px; background: #fff; }
.sgr-footer__partners { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 22px 46px; padding: 26px 20px 24px; }
.sgr-footer__partners img { display: block; max-height: 46px; width: auto; filter: brightness(0); opacity: .82; transition: opacity .15s, filter .15s; }
.sgr-footer__partners a:hover { background: none; }
.sgr-footer__partners a:hover img { opacity: 1; filter: none; }
.sgr-footer__partners .sgr-sponsors__label { display: none; }
.sgr-footer__partners .sgr-sponsors, .sgr-footer__partners .sgr-sponsors__group { display: contents; }
.sgr-footer__first { background: #222; padding: 10px 0 8px; }
.sgr-footer__first .sgr-footer__menu li { font-size: 13px; padding: 0 12px; border-right: 1px solid #666; }
.sgr-footer__first .sgr-footer__menu li:first-child { padding-left: 12px; }
.sgr-footer__first .sgr-footer__menu a { color: #ccc; }
.sgr-footer__first .sgr-footer__menu a:hover { color: #fff; }
.sgr-footer__first .sgr-footer__copy { padding: 8px 12px 0; color: #777; }


/* ==========================================================================
   PRECISION PASS: values measured from the live 2012 original
   (web.archive.org/web/20120510082023/ibizaglobalradio.com), 954px box.
   ========================================================================== */
:root { --sgr-font-heading: "Roboto Slab", Rockwell, Georgia, serif; }

/* #radio: only the Open Radio Player button, 240 x 27 at top 7 */
.sgr-radiobar__label, .sgr-radiobar__now { display: none; }
.sgr-radiobar__inner { max-width: 944px; align-items: flex-start; justify-content: flex-end; padding: 7px 0 0; }
.sgr-btn-player { width: 240px; height: 27px; padding: 0 8px; justify-content: center; gap: 8px; font-size: 15px; border-radius: 2px; }

/* #header: 158 incl. the bar, then 20px gap -> menu at 178 */
.sgr-header__top { height: 133px; padding: 0; }

/* #menu: 50px (46 black + 4 grey), Magnum 20px tiles 32px high, 8px from top, 12px in */
.sgr-menubar { height: 50px; box-sizing: border-box; padding: 0; border-bottom: 4px solid #ccc; border-radius: 6px 6px 0 0; align-items: flex-start; }
.sgr-menu { padding: 8px 0 0 12px; gap: 0; align-items: flex-start; }
.sgr-menu > li > a { height: 32px; min-width: 0; margin: 0; padding: 0 13px; font-size: 20px; line-height: 33px; border-radius: 4px; }
.sgr-search { padding: 11px 20px 0 0; gap: 4px; align-items: flex-start; }
.sgr-search input[type="search"] { width: 185px; height: 24px; padding: 3px 6px; border: 0; border-radius: 5px; font-size: 12px; }
.sgr-btn-dark, .sgr-search button { width: 101px; height: 27px; font-size: 17px; line-height: 27px; padding: 0; }

/* .content2 */
.sgr-main--elementor { padding: 0 0 10px; }

/* #slide: 930 x 230 banner; #slideLite: 300 x 120 banners 16px apart */
.sgr-hero { height: 230px; }
.sgr-promo { height: 230px; }
.sgr-slot__tab, .sgr-banners-wrap .sgr-slot__tab { width: 19px; height: 95px; margin: 0; padding: 0; border: 0; border-radius: 0; font-size: 0; color: transparent; background: transparent url(assets/img/slide-left.png) 0 0 / 19px 95px no-repeat; }
.sgr-slot__tab--next { background-image: url(assets/img/slide-right.png); }
.sgr-slot > .sgr-slot__tab { top: 51px; }
.sgr-slot > .sgr-slot__tab--prev { left: -29px; }
.sgr-slot > .sgr-slot__tab--next { right: -33px; }
.sgr-banners-wrap > .sgr-slot__tab { top: 10px; }
.sgr-banners-wrap > .sgr-slot__tab--prev { left: -29px; }
.sgr-banners-wrap > .sgr-slot__tab--next { right: -31px; }
.sgr-banners-wrap { margin: 0; }
.sgr-banners { grid-auto-columns: 300px; gap: 16px !important; }
.sgr-banner { width: 300px; height: 120px; aspect-ratio: auto; }

/* Section headings: 35px bars, slab lettering 18px tall */
.sgr-heading { min-height: 35px; height: 35px; padding: 0 11px; margin: 4px 0 3px; font-size: 22px; font-weight: 800; letter-spacing: -.5px; line-height: 35px; flex-wrap: nowrap; overflow: hidden; }
.sgr-heading__a, .sgr-heading__b, .sgr-heading__w { font-weight: 800; }
.sgr-heading__amp { font-weight: 300; font-size: 1em; letter-spacing: -1px; padding: 0; }
.sgr-heading__g { font-weight: 800; }
.sgr-heading--light { background: #fff; height: 28px; min-height: 28px; line-height: 28px; font-size: 21px; padding: 0 6px; margin: 0; }
.sgr-heading--dark { background: #333; padding: 0 10px; }
.sgr-heading--dark .sgr-heading__a { color: #fff; }
.elementor-widget-sgr-heading .sgr-heading { margin-bottom: 3px; }

/* #columnLeft feature news */
.sgr-news--feature .sgr-news__item { padding: 0 0 0 2px; margin: 0; border-bottom: 1px solid #eae5dc; }
.sgr-news--feature .sgr-news__img { padding-top: 6px; margin: 0 0 5px; width: 300px; max-width: none; }
.sgr-news--feature .sgr-news__img img { width: 300px; height: auto; aspect-ratio: 300 / 190; }
.sgr-news--feature .sgr-news__title { font-size: 22px; line-height: 1.15; margin: 0; padding: 4px 0 3px; color: #333; }
.sgr-news--feature .sgr-news__date { margin: 0; }
.sgr-news--feature .sgr-news__excerpt { font-size: 11px; line-height: 14.3px; color: #555; padding: 4px 0 3px; }
.sgr-news__posted { font-size: 11px; color: #aaa; margin: 0; padding: 7px 8px 7px; border: 0; }
.sgr-news--feature .sgr-news__posted { padding: 3px 8px 4px; margin: 20px 0 6px; line-height: 12px; }

/* #columnCenter home-favorites: 80px thumb, 13px bold, 10px text */
.sgr-news--compact .sgr-news__item { grid-template-columns: 80px minmax(0, 1fr); gap: 10px; padding: 0 0 1px; margin: 5px 0 5px; border-bottom: 2px solid #eae5dc; min-height: 83px; }
.sgr-news--compact .sgr-news__img { border: 0; padding: 0; margin: 0 0 5px; }
.sgr-news--compact .sgr-news__img img { width: 80px; height: 80px; aspect-ratio: 1 / 1; }
.sgr-news--compact .sgr-news__body { padding: 0 4px; width: 188px; }
.sgr-news--compact .sgr-news__title { font-size: 13px; line-height: 1.15; margin: 0 0 4px; }
.sgr-news--compact .sgr-news__excerpt { font-size: 10px; line-height: 12px; color: #666; padding: 0 0 6px; }

/* Audio&Sets / MoreNews (stacked: 296 media, 15px bold title, 11px text) */
.sgr-news--stack .sgr-news__item, .sgr-charts--stack .sgr-chart { display: block; padding: 6px 0 4px 2px; margin: 0; border-bottom: 2px solid #eae5dc; min-height: 0; }
.sgr-news--stack .sgr-news__img img { width: 296px; height: 166px; aspect-ratio: auto; }
.sgr-news--stack .sgr-news__title, .sgr-charts--stack .sgr-chart__title { font-size: 15px; line-height: 17px; margin: 8px 0 3px; color: #333; font-weight: bold; }
.sgr-news--stack .sgr-news__excerpt, .sgr-charts--stack .sgr-chart__text { font-size: 11px; line-height: 14.3px; color: #555; padding: 0 0 4px; }
.sgr-charts--stack { display: block; padding: 0; }
.sgr-charts--stack .sgr-chart__img img { display: block; width: 296px; height: 166px; object-fit: cover; }
.sgr-charts--stack .sgr-chart__dj { display: none; }

/* #columnRight: 312 beige, networks white box 302 wide, 145 x 73 tiles */
.sgr-panelbox { padding: 0 6px 10px 8px !important; }
.sgr-panelbox .elementor-widget-sgr-heading:has(.sgr-heading--light),
.sgr-panelbox .elementor-widget-sgr-networks,
.sgr-panelbox .elementor-widget-sgr-ads,
.sgr-panelbox .elementor-widget-sgr-heading:has(.sgr-heading--dark) { margin-left: -3px !important; margin-right: -1px !important; width: auto !important; }
.sgr-panelbox .elementor-widget-sgr-heading:has(.sgr-heading--light) { margin-top: 5px !important; }
.sgr-panelbox .elementor-widget-sgr-heading:has(.sgr-heading--light) .sgr-heading { margin: 0; padding: 1px 1px 0 3px; }
.sgr-networks { grid-template-columns: 145px 145px; gap: 6px 6px; padding: 2px 0 6px 3px; margin: 0 0 5px; }
.sgr-networks__img { height: 46px; margin: 0; }
.sgr-networks__label { font-size: 14px; line-height: 27px; height: 27px; padding-left: 2px; white-space: nowrap; }
.sgr-ad { background: #fff; padding: 1px; margin: 5px 0 8px; line-height: 0; width: 302px; }
.elementor-widget-sgr-ads { margin-left: -3px !important; margin-right: -1px !important; width: auto !important; }
.sgr-ad img { display: block; width: 300px; height: 250px; max-width: none; }
.sgr-ad a:hover { background: none; }
.sgr-panelbox .elementor-widget-sgr-heading:has(.sgr-heading--dark) .sgr-heading { margin: 0 0 6px; height: 35px; }
.sgr-newsletter { font-size: 11px; color: #555; padding: 0 2px; }
.sgr-newsletter p { font-size: 11px; line-height: 14.3px; margin: 0 0 8px; }
.sgr-newsletter label { color: #555; font-size: 12px; padding: 5px 0 2px; }
.sgr-newsletter input[type="email"], .sgr-newsletter input[type="text"], .sgr-newsletter input[type="date"] { width: 231px; height: 19px; border-radius: 3px; }
.sgr-newsletter select { width: 284px; max-width: 100%; height: 20px; }
.sgr-newsletter button { margin: 8px 0 10px; width: 101px; height: 27px; font-size: 17px; }

/* #home-content-big */
.e-con.sgr-darkbox { padding: 5px 6px 10px 8px !important; }
.sgr-darkbox .sgr-heading { margin: 4px 0 0; height: 35px; min-height: 35px; font-size: 22px; padding: 0 10px; }
.sgr-darkbox .sgr-charts { display: grid; grid-template-columns: repeat(5, 107px); gap: 0 15px !important; padding: 0 !important; margin: 4px 0 0; }
.sgr-darkbox .sgr-chart { height: 87px; min-height: 0; padding: 0; margin: 0 0 10px; border-bottom: 2px solid #333; overflow: hidden; }
.sgr-darkbox .sgr-chart__title { font-size: 12px; line-height: 14px; color: #666; min-height: 42px; margin: 4px 0 0; }
.sgr-darkbox .sgr-chart__title::after { width: 40px; height: 20px; margin-top: 7px; }
.sgr-darkbox .sgr-tour { display: grid; grid-template-columns: 139px 139px; gap: 0 18px !important; padding: 0 !important; margin: 8px 0 0; }
.sgr-darkbox .sgr-tour__item { padding: 0 0 15px; margin: 0 0 8px; border-bottom: 2px solid #333; }
.sgr-darkbox .sgr-tour__title { font-size: 12px; line-height: 14px; text-transform: none; margin: 0; }
.sgr-darkbox .sgr-tour__venue, .sgr-darkbox .sgr-tour__date { font-size: 11px; line-height: 14.3px; color: #999; margin: 0; }

/* #footer */
.sgr-footer__partners { gap: 6px 14px; padding: 10px 20px 0; }
.sgr-footer__partners img { max-height: 50px; height: 50px; }
.sgr-footer__first { margin-top: 15px; padding: 5px 0 10px; display: flex; justify-content: space-between; align-items: center; }
.sgr-footer__first .sgr-footer__menu li { font-size: 11px; line-height: 20.8px; padding: 0 10px; }
.sgr-footer__first .sgr-footer__menu li:first-child { padding-left: 10px; }
.sgr-footer__first .sgr-footer__menu a { color: #fff; }
.sgr-footer__first .sgr-footer__copy { padding: 0 10px; font-size: 11px; line-height: 20.8px; color: #777; white-space: nowrap; }

/* News list (#buscador-list): 390 text, 110 x 110 image */
.sgr-pagination { height: 27px; padding: 5px 0 0; margin: 0 0 0; }
.sgr-pagination::before { width: 57px; height: 15px; }
.sgr-news--list .sgr-news__item { grid-template-columns: 390px 110px; justify-content: space-between; gap: 0; padding: 10px 10px 5px 0; margin: 0 0 5px 5px; border-bottom: 1px solid #ccc; }
.sgr-news--list .sgr-news__title { font-size: 22px; line-height: 1.15; margin: 0 0 5px; }
.sgr-news--list .sgr-news__date { font-size: 12px; margin: 5px 0 0; }
.sgr-news--list .sgr-news__excerpt { font-size: 12px; line-height: 1.2; color: #666; margin-top: 4px; }
.sgr-news--list .sgr-news__img img { width: 110px; height: 110px; border: 0; }

/* Charts page (#buscador-list-peq): 190 cells, 17px bold */
.sgr-charts:not(.sgr-charts--stack) { gap: 0 10px; padding: 0 0 0 5px; }
.sgr-chart { padding: 10px 0 0; margin: 0 0 5px; min-height: 150px; border-bottom: 2px solid #333; }
.sgr-chart__title { font-size: 17px; line-height: 1.15; margin: 0 0 6px; }
.sgr-chart__text { font-size: 12px; color: #666; line-height: 1.2; }

/* Schedule (#calendar): 133 columns, 90px hours */
.sgr-schedule { padding-top: 12px; }
.sgr-schedule__grid { grid-template-columns: repeat(7, 133px) !important; min-width: 931px; border-left: 0; }
.sgr-schedule__dayname { font-size: 26px; line-height: 23px; height: 23px; padding: 0 0 0 2px; margin: 0 0 5px; overflow: visible; }
.sgr-schedule__slot { min-height: 90px; padding: 4px 5px 6px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 0; }
.sgr-schedule__day:last-child .sgr-schedule__slot { border-right: 1px solid #ccc; }
.sgr-schedule__time { font-size: 12px; margin: 0 0 2px; color: #999; }
.sgr-schedule__title { font-size: 13px; color: #333; }
.sgr-schedule__dj { font-size: 12px; color: #999; }

/* Footer partner-logo strip = original #footer-second: logos 50px tall in
   centred rows, 4px apart, one ink colour, pink on hover. */
.sgr-footer__strip { background: #fff; text-align: center; padding: 19px 10px 6px; font-size: 0; line-height: 0; }
.sgr-plogo { display: inline-block; vertical-align: top; height: 50px; margin: 0 2px 4px; max-width: 100%; background-color: #222;
	-webkit-mask: var(--sgr-logo) center / var(--sgr-logo-size, contain) no-repeat; mask: var(--sgr-logo) center / var(--sgr-logo-size, contain) no-repeat; transition: background-color .15s; }
a.sgr-plogo:hover, a.sgr-plogo:focus-visible { background-color: var(--sgr-accent); }
@media (max-width: 600px) { .sgr-plogo { margin: 0 0 6px; } }

/* ==========================================================================
   Below the original 993px: make it work on tablets and phones
   ========================================================================== */
@media (max-width: 1000px) {
	.sgr-slot__tab { display: none; }
	.sgr-layout { grid-template-columns: minmax(0, 1fr); padding: 0 10px; }
	.sgr-main, .sgr-main--elementor { padding-left: 10px; padding-right: 10px; }
	.sgr-cards { --sgr-cols: 3 !important; }
}
@media (max-width: 900px) {
	.sgr-menu-toggle { display: inline-flex; }
	.sgr-menubar { flex-wrap: wrap; height: auto; min-height: 50px; padding: 0 10px; border-radius: 6px 6px 0 0; }
	.sgr-menubar .sgr-nav { order: 3; width: 100%; display: none; }
	.sgr-menubar.is-open .sgr-nav { display: block; }
	.sgr-menu { flex-direction: column; align-items: stretch; padding: 0 0 10px; }
	.sgr-menu > li > a { text-align: left; }
	.sgr-menu .sub-menu { position: static; display: block; background: transparent; border: 0; padding-left: 12px; }
	.sgr-search { padding: 9px 0 9px 5px; }
	.sgr-search input[type="search"] { width: 130px; }
	.sgr-search button { width: 80px; }
	.sgr-header__top { flex-direction: column; justify-content: center; height: auto; gap: 12px; padding: 14px 0 16px; }
	.sgr-logo img, .sgr-logo .custom-logo { max-height: 96px; }
	.sgr-charts, .sgr-tour { --sgr-cols: 1 !important; }
	.sgr-banners { grid-auto-columns: 85%; }
	.sgr-radiobar__now { display: none; }
	.sgr-radiobar__inner { padding: 0 10px; }
	.sgr-minibtn { display: grid; }
	.sgr-radiobar__label { margin-right: auto; }
	.sgr-hero { grid-template-columns: minmax(0, 1fr); height: auto; padding: 22px 18px; }
	.sgr-hero__title { font-size: 32px; }
	.sgr-hero__card .sgr-fp { font-size: clamp(8px, 2.6vw, 10px); }
	.sgr-promo { height: 200px; }
	.sgr-promo__t { font-size: 34px; }
	.sgr-promo__k, .sgr-promo__s { font-size: 20px; }
}
@media (max-width: 600px) {
	.sgr-darkbox .sgr-charts { --sgr-cols: 2 !important; }
	.sgr-footer__partners { gap: 18px 28px; }
	.sgr-footer__partners img { max-height: 34px; }
	.sgr-cards { --sgr-cols: 2 !important; }
	.sgr-news--list .sgr-news__item { grid-template-columns: minmax(0,1fr) 80px; }
	.sgr-btn-player { font-size: 13px; padding: 0 9px 0 8px; gap: 6px; }
	.sgr-search { width: 100%; }
	.sgr-search input[type="search"] { flex: 1 1 auto; width: auto; min-width: 0; }
	.sgr-search button { flex: 0 0 auto; }
	.sgr-header .sgr-fp { font-size: clamp(7px, 2.4vw, 9px); }
	.sgr-footer__top { flex-direction: column; align-items: flex-start; }
	.sgr-promo::after, .sgr-promo__num { right: 18px; width: 36px; }
	.sgr-promo__txt { right: 64px; left: 18px; }
	.sgr-promo__t { font-size: 28px; letter-spacing: -1px; }
	.sgr-promo__k, .sgr-promo__s { font-size: 17px; }
	.sgr-promo__logo { left: 18px; }
}
@media (max-width: 380px) {
	.sgr-btn-player .sgr-btn-player__txt { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.sgr-fp__lcd.is-scrolling .sgr-fp__line { animation: none; padding-left: 1em; }
	.sgr-slot__track, .sgr-banners { scroll-behavior: auto; }
}