/* =========================================================
 * Footer Hömmer
 * Fondo negro, contenido centrado en una columna y acento naranja.
 * Logo · descripción · contacto · menú horizontal · copyright.
 * ========================================================= */

.jym-footer {
	--jym-fb-bg:          #000000;
	--jym-fb-text:        #c7ccd1;
	--jym-fb-text-soft:   #8a9097;
	--jym-fb-text-strong: #ffffff;
	--jym-fb-accent:      #ff6a00;
	--jym-fb-accent-2:    #e85d00;
	--jym-fb-border:      rgba(255, 255, 255, .12);

	background: var(--jym-fb-bg);
	color: var(--jym-fb-text);
	font-family: var(--OZ-Font-Base, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 15px;
	line-height: 1.6;
	padding: 64px 0 28px;
}

.jym-footer * { box-sizing: border-box; }
.jym-footer ul { list-style: none; margin: 0; padding: 0; }
.jym-footer a { color: inherit; text-decoration: none; transition: color .2s ease; }
/* .jym-footer a:hover { color: var(--jym-fb-accent); }
 */
.jym-footer__container {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 24px;
	text-align: center;
}

/* =========================================================
 *  Logo
 * ========================================================= */
.jym-footer__logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 22px;
}
.jym-footer__logo a { display: inline-flex; align-items: center; }
.jym-footer__logo img {
	width: 378px;
	max-width: 100%;
	height: auto;
	display: block;
}
.jym-footer__logo-text {
	color: var(--jym-fb-text-strong);
	font-weight: 800;
	font-size: clamp(38px, 6vw, 64px);
	letter-spacing: .01em;
	line-height: 1;
}

/* =========================================================
 *  Descripción
 * ========================================================= */
.jym-footer__about {
	max-width: 964px;
	margin: 0 auto 36px;
	color: #838383;
	font-size: 20px;
	line-height: 1.7;
}

/* =========================================================
 *  Fila de contacto
 * ========================================================= */
.jym-footer__contacts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 18px 40px;
	margin-bottom: 38px;
}
.jym-footer__contact {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}
.jym-footer__contact-icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #838383;
	transition: color .2s ease;
}
.jym-footer__contact-icon svg { width: 35px; height: 35px; display: block; }
.jym-footer__contact-text {
	color: #838383;
	font-size: 20px;
	line-height: 1.3;
}

/* Hover: icono + texto se vuelven naranja juntos (también en "Lima", que no es enlace) */
/* .jym-footer__contact:hover .jym-footer__contact-icon,
.jym-footer__contact:hover .jym-footer__contact-text {
	color: var(--jym-fb-accent);
}
 */
/* =========================================================
 *  Divisores
 * ========================================================= */
.jym-footer__divider {
	border: 0;
	height: 1px;
	background: var(--jym-fb-border);
	margin: 28px 0;
}

/* =========================================================
 *  Menú horizontal
 * ========================================================= */
.jym-footer__nav { display: flex; justify-content: center; }
.jym-footer__menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 14px 48px;
}
.jym-footer__menu li { margin: 0; }
.jym-footer__menu a {
	color: #838383;
	font-size: 20px;
	font-weight: 500;
	padding: 4px 2px;
	transition: color .2s ease;
}
.jym-footer__menu a:hover { color: var(--jym-fb-accent); }

/* Item activo en naranja */
.jym-footer__menu .current-menu-item > a,
.jym-footer__menu .current_page_item > a,
.jym-footer__menu .current-menu-ancestor > a {
	color: var(--jym-fb-accent);
	font-weight: 700;
}

/* Oculta submenús en el footer */
.jym-footer__menu .sub-menu { display: none; }

/* =========================================================
 *  Copyright
 * ========================================================= */
.jym-footer__copy {
	margin: 12px 0 0;
	color: rgba(255, 255, 255, .15);
	font-size: 12px;
}

/* =========================================================
 *  Responsive
 * ========================================================= */
@media (max-width: 768px) {
	.jym-footer { padding: 48px 0 24px; }
	.jym-footer__about { font-size: 14px; }
	.jym-footer__contacts { gap: 16px 28px; }
	.jym-footer__contact-text { font-size: 15px; }
	.jym-footer__menu { gap: 12px 28px; }
	.jym-footer__menu a { font-size: 15px; }
}

@media (max-width: 480px) {
	.jym-footer__container { padding: 0 18px; }
	.jym-footer__contacts {
		flex-direction: column;
		gap: 16px;
	}
	.jym-footer__menu { gap: 10px 22px; }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
	.jym-footer a { transition: none !important; }
}
