/* ==========================================================================
   Lightening Talents — capa moderna
   Se carga después del tema y de Elementor. Paleta tomada del logo.
   ========================================================================== */

:root {
	--lt-gold: #e0a33a;
	--lt-gold-light: #f6d27a;
	--lt-gold-dark: #b97a1c;
	--lt-grad: linear-gradient(135deg, #f6d27a 0%, #e0a33a 45%, #b97a1c 100%);
	--lt-ink: #0d0d0f;
	--lt-ink-2: #17171b;
	--lt-line: rgba(224, 163, 58, .18);
	--lt-radius: 18px;
	--lt-radius-sm: 12px;
	--lt-shadow: 0 10px 30px -12px rgba(0, 0, 0, .25);
	--lt-shadow-hover: 0 22px 45px -18px rgba(0, 0, 0, .35), 0 0 0 1px var(--lt-line);
	--lt-ease: cubic-bezier(.22, 1, .36, 1);
}

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
/* overflow-x:hidden en body rompe position:sticky del header; clip no. */
body { overflow-x: clip !important; overflow-y: visible !important; -webkit-font-smoothing: antialiased; }
::selection { background: var(--lt-gold); color: var(--lt-ink); }
h1, h2, h3, h4, .elementor-heading-title { letter-spacing: -.01em; }
a { transition: color .25s var(--lt-ease); }

/* Barra de progreso de lectura */
#lt-progress {
	position: fixed; top: 0; left: 0; height: 3px; width: 100%;
	transform-origin: 0 50%; transform: scaleX(var(--lt-p, 0));
	background: var(--lt-grad); z-index: 100000; pointer-events: none;
}

/* Scrollbar fina */
@supports (scrollbar-color: red blue) {
	html { scrollbar-color: var(--lt-gold) var(--lt-ink); scrollbar-width: thin; }
}

/* ---------- Header de vidrio, fijo y compacto al bajar ---------- */
#kaya-header-content-wrapper {
	position: sticky; top: 0; z-index: 9999;
	background: rgba(13, 13, 15, .78) !important;
	-webkit-backdrop-filter: saturate(160%) blur(14px);
	backdrop-filter: saturate(160%) blur(14px);
	border-bottom: 1px solid var(--lt-line);
	transition: box-shadow .35s var(--lt-ease), background .35s var(--lt-ease);
}
.admin-bar #kaya-header-content-wrapper { top: var(--wp-admin--admin-bar--height, 32px); }
#kaya-header-content-wrapper .header-section { transition: padding .35s var(--lt-ease); }
#kaya-header-content-wrapper #logo img { transition: transform .35s var(--lt-ease); transform-origin: left center; }
body.lt-scrolled #kaya-header-content-wrapper { box-shadow: 0 12px 30px -18px rgba(0, 0, 0, .8); background: rgba(13, 13, 15, .9) !important; }
body.lt-scrolled #kaya-header-content-wrapper #logo img { transform: scale(.82); }

/* Menú: píldoras con subrayado dorado */
#main-nav > ul > li > a {
	border-radius: 999px !important;
	background: transparent !important;
	position: relative;
	transition: color .25s var(--lt-ease), background .25s var(--lt-ease);
}
#main-nav > ul > li > a::after {
	content: ""; position: absolute; left: 18%; right: 18%; bottom: 4px; height: 2px;
	background: var(--lt-grad); border-radius: 2px;
	transform: scaleX(0); transition: transform .3s var(--lt-ease);
}
#main-nav > ul > li:hover > a { color: var(--lt-gold-light) !important; }
#main-nav > ul > li:hover > a::after { transform: scaleX(1); }
#main-nav > ul > li.current-menu-item > a,
#main-nav > ul > li.current-menu-ancestor > a,
#main-nav > ul > li.current_page_item > a {
	background: var(--lt-grad) !important; color: var(--lt-ink) !important; font-weight: 600;
	box-shadow: 0 6px 18px -6px rgba(224, 163, 58, .6);
}
#main-nav > ul > li.current-menu-item > a::after,
#main-nav > ul > li.current-menu-ancestor > a::after { display: none; }

/* Submenú flotante */
@media (min-width: 1025px) {
	#main-nav ul.sub-menu {
		background: rgba(18, 18, 22, .96) !important;
		-webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
		border: 1px solid var(--lt-line); border-radius: 14px !important;
		padding: 8px !important; overflow: hidden;
		box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .8);
	}
	#main-nav ul.sub-menu li a {
		border-radius: 10px !important; background: transparent !important;
		transition: background .2s var(--lt-ease), color .2s, padding-left .25s var(--lt-ease);
	}
	#main-nav ul.sub-menu li a:hover,
	#main-nav ul.sub-menu li.current-menu-item > a {
		background: rgba(224, 163, 58, .14) !important; color: var(--lt-gold-light) !important; padding-left: 22px !important;
	}
}

/* ---------- Botones ---------- */
.elementor-button,
.um .um-button, .um input[type=submit].um-button, .um a.um-button,
.wpcf7-submit, .talent-btn, a.selmember,
button:not(.pswp__button):not([class*="n2-"]):not(.main-menu-btn):not(.slick-arrow):not(.owl-prev):not(.owl-next),
input[type="button"], input[type="reset"], input[type="submit"],
.um-member-directory-search-line .um-do-search {
	background: var(--lt-grad) !important;
	background-size: 160% 160% !important;
	color: var(--lt-ink) !important;
	border: 0 !important;
	border-radius: 999px !important;
	font-weight: 600 !important;
	letter-spacing: .02em;
	box-shadow: 0 10px 24px -10px rgba(224, 163, 58, .7) !important;
	transition: transform .3s var(--lt-ease), box-shadow .3s var(--lt-ease), background-position .6s var(--lt-ease) !important;
	position: relative; overflow: hidden;
}
.elementor-button:hover,
.um .um-button:hover, .um a.um-button:hover,
.wpcf7-submit:hover, .talent-btn:hover, a.selmember:hover,
button:not(.pswp__button):not([class*="n2-"]):not(.main-menu-btn):not(.slick-arrow):not(.owl-prev):not(.owl-next):hover,
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
.um-member-directory-search-line .um-do-search:hover {
	transform: translateY(-2px);
	background-position: 100% 0 !important;
	box-shadow: 0 16px 32px -12px rgba(224, 163, 58, .85) !important;
	color: var(--lt-ink) !important;
}
/* Destello que cruza el botón */
.elementor-button::after, .um a.um-button::after, .talent-btn::after {
	content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .55), transparent);
	transform: skewX(-20deg); transition: left .7s var(--lt-ease); pointer-events: none;
}
.elementor-button:hover::after, .um a.um-button:hover::after, .talent-btn:hover::after { left: 130%; }
/* Botones secundarios de UM (Cancelar, etc.) */
.um .um-alt, .um input[type=submit].um-button.um-alt, .um a.um-button.um-alt {
	background: transparent !important; color: var(--lt-gold) !important;
	box-shadow: inset 0 0 0 1.5px var(--lt-gold) !important;
}

/* Botón del slider de portada */
#n2-ss-5 .n2-ss-button-container a,
#n2-ss-5 [class*="-heading"] {
	border-radius: 999px !important;
}
.n2-ss-control-bullet .n2-bullet, .n2-ss-slider .n2-bullet { transition: transform .3s var(--lt-ease), background .3s; }
.n2-ss-slider .n2-bullet.n2-active { background: var(--lt-gold) !important; transform: scale(1.25); }

/* ---------- Tarjetas (Elementor) ---------- */
.elementor-icon-box-wrapper,
.elementor-testimonial-wrapper {
	transition: transform .45s var(--lt-ease), box-shadow .45s var(--lt-ease);
	border-radius: var(--lt-radius);
}
.elementor-testimonial-wrapper { padding: 28px !important; background: #fff; box-shadow: var(--lt-shadow); border: 1px solid rgba(0, 0, 0, .05); }
.elementor-testimonial-wrapper:hover { transform: translateY(-6px); box-shadow: var(--lt-shadow-hover); }
.elementor-icon-box-wrapper:hover { transform: translateY(-4px); }
.elementor-icon-box-icon .elementor-icon,
.elementor-icon-list-icon {
	transition: transform .45s var(--lt-ease), box-shadow .45s var(--lt-ease);
}
.elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-icon {
	transform: rotate(-8deg) scale(1.08);
	box-shadow: 0 0 0 8px rgba(224, 163, 58, .15);
}

/* Imágenes con zoom suave */
.elementor-image-box-img { overflow: hidden; }
.elementor-image-box-img img,
.elementor-widget-image img {
	transition: transform .7s var(--lt-ease), box-shadow .5s var(--lt-ease), filter .5s;
}
.elementor-image-box-wrapper:hover .elementor-image-box-img img { transform: scale(1.06); box-shadow: 0 0 0 5px rgba(224, 163, 58, .45), var(--lt-shadow-hover); }
.elementor-widget-image:hover img { transform: scale(1.03); }
.elementor-image-box-title { transition: color .3s; }
.elementor-image-box-wrapper:hover .elementor-image-box-title { color: var(--lt-gold) !important; }

/* ---------- Directorio de talentos (Ultimate Member) ---------- */
.um-members-wrapper .um-member {
	border-radius: var(--lt-radius) !important;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, .06) !important;
	box-shadow: var(--lt-shadow);
	transition: transform .5s var(--lt-ease), box-shadow .5s var(--lt-ease) !important;
	background: #fff;
}
.um-members-wrapper .um-member:hover { transform: translateY(-8px); box-shadow: var(--lt-shadow-hover); }
.um-members-wrapper .um-member img { transition: transform .8s var(--lt-ease) !important; }
.um-members-wrapper .um-member:hover img { transform: scale(1.07); }
.um-members-wrapper .um-member-name a { transition: color .25s; }
.um-members-wrapper .um-member:hover .um-member-name a { color: var(--lt-gold) !important; }
.um-members-wrapper .um-members.um-members-list .um-member .um-member-meta-main,
.um-members-wrapper .um-member-card { transition: background .4s var(--lt-ease); }

/* Paginación */
.um-members-pagi .pagi {
	border-radius: 999px !important; min-width: 36px; height: 36px; line-height: 36px !important;
	transition: background .25s, color .25s, transform .25s var(--lt-ease);
}
.um-members-pagi .pagi:not(.disabled):hover { transform: translateY(-2px); color: var(--lt-gold) !important; }
.um-members-pagi .pagi.current, .um-members-pagi .pagi.current:hover {
	background: var(--lt-grad) !important; color: var(--lt-ink) !important; box-shadow: 0 8px 18px -8px rgba(224, 163, 58, .8);
}

/* Filtros y búsqueda del directorio */
.search_filter_header_wrap, .search_filter_header_wrap_sidebar,
.um-member-directory-header .um-member-directory-search-line {
	border-radius: var(--lt-radius) !important;
}
.um-member-directory-search-line input[type="search"],
.um-member-directory-search-line input[type="text"] { border-radius: 999px !important; }
.um .ui-slider .ui-slider-range, .ui-slider-range { background: var(--lt-grad) !important; }
.um .ui-slider .ui-slider-handle, .ui-slider .ui-slider-handle {
	border-radius: 50% !important; border: 2px solid var(--lt-gold) !important; background: #fff !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}

/* Perfil */
.um-profile-nav-item a, .um-row-heading, .kaya-um-tabs .um-row-heading { border-radius: 12px 12px 0 0; }
.um-profile .um-profile-photo a.um-profile-photo-img { border-radius: var(--lt-radius) !important; overflow: hidden; box-shadow: var(--lt-shadow-hover); }
.um-profile .um-field { border-radius: var(--lt-radius-sm); transition: background .25s; }
.um-profile .um-field:hover { background: rgba(224, 163, 58, .06); }
li.tab-active a, .pods_cpt_single_compcard a, .title-meta-data-wrapper { background: var(--lt-grad) !important; border-color: var(--lt-gold) !important; color: var(--lt-ink) !important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus { background: var(--lt-gold) !important; border-color: var(--lt-gold) !important; }
span#sndmailfrnds, span#sndmailusers, div#send_users span#sendmail_members, div#send_friends span#sendmail_friends {
	background: var(--lt-grad) !important; border-color: var(--lt-gold) !important; color: var(--lt-ink) !important; border-radius: 999px;
}

/* ---------- Blog ---------- */
body.blog article, body.archive article, body.search article {
	border-radius: var(--lt-radius); padding: 24px; background: #fff;
	box-shadow: var(--lt-shadow); border: 1px solid rgba(0, 0, 0, .05);
	transition: transform .45s var(--lt-ease), box-shadow .45s var(--lt-ease);
	margin-bottom: 32px;
}
body.blog article:hover, body.archive article:hover { transform: translateY(-5px); box-shadow: var(--lt-shadow-hover); }
body.blog article img, body.archive article img, body.single article img { border-radius: var(--lt-radius-sm); }

/* ---------- Formularios ---------- */
.um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel],
.um .um-form input[type=number], .um .um-form input[type=password], .um .um-form input[type=email],
.um .um-form textarea, .um .um-form select, .um .select2-container .select2-selection,
.wpcf7-form input:not([type=submit]):not([type=checkbox]):not([type=radio]), .wpcf7-form textarea, .wpcf7-form select {
	border-radius: var(--lt-radius-sm) !important;
	transition: border-color .25s, box-shadow .25s !important;
}
.um .um-form input:focus, .um .um-form textarea:focus, .um .um-form select:focus,
.wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus {
	border-color: var(--lt-gold) !important;
	box-shadow: 0 0 0 4px rgba(224, 163, 58, .18) !important;
	outline: none !important;
}
.um .um-form .um-field-checkbox-state i, .um .um-form .um-field-radio-state i { color: var(--lt-gold) !important; }

/* ---------- Pie de página ---------- */
#colophon { position: relative; }
#colophon::before {
	content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; z-index: 2;
	background: linear-gradient(90deg, transparent, var(--lt-gold), transparent);
}
#colophon .elementor-social-icon {
	border-radius: 50% !important;
	transition: transform .35s var(--lt-ease), background .35s, box-shadow .35s;
}
#colophon .elementor-social-icon:hover { transform: translateY(-3px); background: var(--lt-gold) !important; box-shadow: 0 10px 20px -8px rgba(224, 163, 58, .8); }
#colophon .elementor-icon-list-item a { transition: color .25s, padding-left .3s var(--lt-ease); }
#colophon .elementor-icon-list-item a:hover { color: var(--lt-gold-light) !important; padding-left: 4px; }

/* Botón volver arriba */
#toTop, .scroll-to-top, a#scroll-top, .scrolltop, #back-to-top {
	border-radius: 50% !important; background: var(--lt-grad) !important; color: var(--lt-ink) !important;
	box-shadow: 0 10px 24px -10px rgba(224, 163, 58, .9);
	transition: transform .3s var(--lt-ease);
}
#toTop:hover, .scroll-to-top:hover, a#scroll-top:hover, .scrolltop:hover, #back-to-top:hover { transform: translateY(-3px); }

/* ---------- Animación de entrada al hacer scroll ---------- */
.lt-reveal {
	opacity: 0;
	transform: translate3d(0, 28px, 0);
	transition: opacity .9s var(--lt-ease), transform .9s var(--lt-ease);
	transition-delay: var(--lt-d, 0s);
	will-change: opacity, transform;
}
.lt-reveal.lt-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
	.lt-reveal { opacity: 1; transform: none; }
}

/* ---------- Ajustes ---------- */
/* Las páginas hechas con Elementor no usan la barra lateral del tema; se asomaba detrás del diseño. */
body.elementor-page #sidebar { display: none !important; }
/* Tarjetas del directorio: el tema fija 4px con más especificidad */
.um.um-directory .um-members-wrapper .um-members .um-member { border-radius: var(--lt-radius) !important; }
.um.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img { border-radius: 0 !important; }
.um-directory .um-members-wrapper .um-members .um-member .um-member-photo { overflow: hidden; }
.um .ui-slider .ui-slider-range, .um-slider .ui-slider-range { background: linear-gradient(90deg, #f6d27a, #e0a33a 60%, #b97a1c) !important; height: 3px !important; }
.um .ui-widget.ui-widget-content.um-slider { border: 0 !important; background: rgba(0, 0, 0, .08) !important; border-radius: 3px; }