:root {
	--en27-ui-background: #f4f8f8;
	--en27-ui-surface: #ffffff;
	--en27-ui-text: #18313b;
	--en27-ui-muted: #5b7078;
	--en27-ui-border: #dce7e9;
	--en27-ui-link: #087f8c;
	--en27-ui-shadow: 0 12px 35px rgba(10, 57, 64, .07);
}

html[data-en27-theme="dark"] {
	--en27-ui-background: #101b22;
	--en27-ui-surface: #172832;
	--en27-ui-text: #e8f2f2;
	--en27-ui-muted: #b5c7ca;
	--en27-ui-border: #30464f;
	--en27-ui-link: #79ded0;
	--en27-ui-shadow: 0 12px 35px rgba(0, 0, 0, .24);
}

@media (prefers-color-scheme: dark) {
	html[data-en27-theme="system"] {
		--en27-ui-background: #101b22;
		--en27-ui-surface: #172832;
		--en27-ui-text: #e8f2f2;
		--en27-ui-muted: #b5c7ca;
		--en27-ui-border: #30464f;
		--en27-ui-link: #79ded0;
		--en27-ui-shadow: 0 12px 35px rgba(0, 0, 0, .24);
	}
}

html[data-en27-theme="light"], html[data-en27-theme="system"] { color-scheme: light; }
html[data-en27-theme="dark"] { color-scheme: dark; }
body { background-color: var(--en27-ui-background); color: var(--en27-ui-text); }
body a { color: var(--en27-ui-link); }
body input, body select, body textarea { background-color: var(--en27-ui-surface); color: var(--en27-ui-text); border-color: var(--en27-ui-border); }
/* El banner heredado aporta el collage; el hero EN27 se convierte en contenido transparente sobre ese fondo. */
body.home .lp-home-banner-contianer { display: block; }
body.home .lp-home-banner-contianer .lp_auto_loc_container,
body.home .lp-home-banner-contianer .lp-search-description { visibility: hidden; }
body.home .en27-home { margin-top: -610px; position: relative; z-index: 10; }
body.home .en27-hero {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	min-height: 610px;
	margin-bottom: 0;
}
body.home .en27-hero::before { background: linear-gradient(90deg, rgba(6, 38, 50, .76), rgba(6, 38, 50, .42)); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 0; }
body.home .en27-hero__content, body.home .en27-hero__signal { position: relative; z-index: 1; }
body .lp-logo a { align-items: center; display: inline-flex; }
body .lp-logo a img { content: url("../images/el-nino-2027-logo-36px.png"); height: 36px; width: auto; }
body .en27-appearance-control {
	align-items: center; background: var(--en27-ui-surface); border: 1px solid var(--en27-ui-border); border-radius: 999px;
	box-shadow: var(--en27-ui-shadow); display: flex; gap: 8px; padding: 6px 10px; position: fixed; right: 180px; top: 17px; z-index: 100001;
}
body.admin-bar .en27-appearance-control { top: 49px; }
body .en27-appearance-control label { color: var(--en27-ui-text); font-size: 12px; font-weight: 700; }
body .en27-appearance-control select { border: 0; font-size: 12px; padding: 2px 18px 2px 2px; }
body .en27-appearance-control select:focus-visible { outline: 2px solid var(--en27-ui-link); outline-offset: 2px; }
html[data-en27-theme="dark"] .lp-header, html[data-en27-theme="dark"] .header-container, html[data-en27-theme="dark"] footer { background-color: #12232c; color: var(--en27-ui-text); }
html[data-en27-theme="dark"] .en27-panel, html[data-en27-theme="dark"] .en27-summary-card, html[data-en27-theme="dark"] .en27-editorial-card, html[data-en27-theme="dark"] .en27-enso-card, html[data-en27-theme="dark"] .en27-registration__notice, html[data-en27-theme="dark"] .en27-registration__account, html[data-en27-theme="dark"] .en27-registration__feedback, html[data-en27-theme="dark"] .en27-registration__form fieldset { background: var(--en27-ui-surface); border-color: var(--en27-ui-border); color: var(--en27-ui-text); box-shadow: var(--en27-ui-shadow); }
html[data-en27-theme="dark"] .en27-summary-card strong, html[data-en27-theme="dark"] .en27-section-heading h2 { color: var(--en27-ui-text); }
html[data-en27-theme="dark"] .en27-summary-card__label, html[data-en27-theme="dark"] .en27-section-heading__note { color: var(--en27-ui-muted); }
html[data-en27-theme="dark"] .gm-style-iw,
html[data-en27-theme="dark"] .gm-style-iw-c,
html[data-en27-theme="dark"] .en27-popup { background: var(--en27-ui-surface); color: var(--en27-ui-text); }
html[data-en27-theme="dark"] .en27-popup h3 { color: var(--en27-ui-text); }
html[data-en27-theme="dark"] .en27-popup p { color: var(--en27-ui-muted); }
html[data-en27-theme="dark"] .en27-popup__reading { background: var(--en27-ui-background); color: var(--en27-ui-text); }
html[data-en27-theme="dark"] .en27-popup__reading strong { color: var(--en27-ui-text); }
html[data-en27-theme="dark"] .en27-popup__link { color: var(--en27-ui-link) !important; }
@media (prefers-color-scheme: dark) {
	html[data-en27-theme="system"] .gm-style-iw,
	html[data-en27-theme="system"] .gm-style-iw-c,
	html[data-en27-theme="system"] .en27-popup { background: var(--en27-ui-surface); color: var(--en27-ui-text); }
	html[data-en27-theme="system"] .en27-popup h3 { color: var(--en27-ui-text); }
	html[data-en27-theme="system"] .en27-popup p { color: var(--en27-ui-muted); }
	html[data-en27-theme="system"] .en27-popup__reading { background: var(--en27-ui-background); color: var(--en27-ui-text); }
	html[data-en27-theme="system"] .en27-popup__reading strong { color: var(--en27-ui-text); }
	html[data-en27-theme="system"] .en27-popup__link { color: var(--en27-ui-link) !important; }
}
@media (max-width: 620px) {
	body .en27-appearance-control { right: 10px; top: auto; bottom: 10px; }
	body.admin-bar .en27-appearance-control { top: auto; }
	body.home .en27-home { margin-top: -440px; }
	body.home .en27-hero { min-height: 610px; }
}