/* Home Page — overrides para look “elecciones anteriores” (sin tocar partículas) */

/* Fondo más celeste (solo overlays; las partículas siguen encima) */
.sim-home-page .sim-hero-gradient {
	background: linear-gradient(
		165deg,
		color-mix(in srgb, rgba(145, 214, 255, 0.72) 55%, var(--sim-gradient-from) 45%) 0%,
		color-mix(in srgb, rgba(120, 196, 255, 0.68) 45%, var(--sim-gradient-from) 55%) 25%,
		color-mix(in srgb, rgba(30, 120, 210, 0.78) 40%, var(--sim-gradient-to) 60%) 55%,
		color-mix(in srgb, rgba(0, 60, 160, 0.86) 35%, var(--sim-gradient-to) 65%) 100%
	);
}
.sim-home-page .sim-hero-glow {
	background:
		radial-gradient(ellipse 60% 55% at 18% 55%, rgba(245, 166, 35, 0.08) 0%, transparent 70%),
		radial-gradient(ellipse 55% 60% at 78% 38%, rgba(184, 204, 228, 0.10) 0%, transparent 65%),
		radial-gradient(ellipse 70% 65% at 55% 30%, rgba(145, 214, 255, 0.10) 0%, transparent 60%);
}

/* Franja naranja superior del panel */
.sim-home-page .sim-glass-card {
	position: relative;
	overflow: hidden;
}

.sim-home-page .sim-card-topbar {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	border-radius: 1.25rem 1.25rem 0 0;
	background: linear-gradient(
		90deg,
		color-mix(in srgb, var(--sim-accent) 92%, rgba(255, 255, 255, 0.25) 8%) 0%,
		var(--sim-accent) 100%
	);
	box-shadow: 0 10px 26px rgba(245, 166, 35, 0.18);

	/* Extender la franja hasta los bordes (compensa el padding actual del card) */
	margin: -0.875rem -1rem 0.875rem;
	padding: 0 1rem;
}
.sim-home-page .sim-card-topbar-text {
	font-family: 'Poppins', sans-serif;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(0, 21, 53, 0.92);
	text-align: center;
	white-space: nowrap;
}

@media (min-width: 640px) {
	.sim-home-page .sim-card-topbar {
		margin: -1.5rem -1.5rem 1rem;
		padding: 0 1.5rem;
	}
}

@media (min-width: 1024px) {
	.sim-home-page .sim-card-topbar {
		margin: -1.75rem -1.75rem 1.1rem;
		padding: 0 1.75rem;
	}
}

/* Logo arriba del título (marco blanco con menos padding) */
.sim-home-page .sim-hero-logo {
	margin-bottom: 0.75rem;
	animation: sim-fadeInUp 0.7s ease-out 0.12s both;
}
.sim-home-page .sim-hero-logo .sim-logo-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.85rem;
}
.sim-home-page .sim-hero-logo .sim-logo-box {
	padding: 0.35rem;
	border-radius: 0.9rem;
}

@media (min-width: 1024px) {
	.sim-home-page .sim-hero-logo .sim-logo-row {
		justify-content: flex-start;
	}
}

/* Ícono de seguridad al costado del texto (como en mobile) */
.sim-home-page .sim-trust-note {
	align-items: center;
}
.sim-home-page .sim-trust-icon {
	margin-top: 0;
}

/* Ocultar la descripción (subtítulo) en mobile */
@media (max-width: 639.98px) {
	.sim-home-page .sim-hero-subtitle {
		display: none;
	}
}

/* Desktop: panel de días a la izquierda; título/CTA a la derecha */
@media (min-width: 1024px) {
	.sim-home-page .sim-col-right { order: 1; }
	.sim-home-page .sim-col-left { order: 2; }
}