/* ============================================================
   AstroDeSign — Paneles flotantes del tema (lineal global)
   Se carga en TODO el sitio. Aplica borde 2px blanco + radio
   a los iconos flotantes de Elementor (los que tienen
   _position: fixed) y a los CTAs/slideouts del tema.
   ============================================================ */

:root {
	--adh-fp-line:   rgba(255, 255, 255, 0.92);
	--adh-fp-accent: #bc99ff;
	--adh-fp-bg:     rgba(14, 14, 20, 0.78);
	--adh-fp-ease:   cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Iconos flotantes Elementor (data-settings con "_position":"fixed") */
.elementor-element.elementor-fixed[data-widget_type="icon.default"],
.elementor-widget[data-settings*="\"_position\":\"fixed\""].elementor-widget-icon,
.elementor-widget-icon.elementor-fixed {
	border: 2px solid var(--adh-fp-line);
	border-radius: 14px;
	background: var(--adh-fp-bg);
	width: 56px;
	height: 56px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	box-sizing: border-box;
	transition: border-color 0.3s var(--adh-fp-ease), background-color 0.3s var(--adh-fp-ease), transform 0.3s var(--adh-fp-ease);
}

.elementor-element.elementor-fixed[data-widget_type="icon.default"]:hover,
.elementor-widget[data-settings*="\"_position\":\"fixed\""].elementor-widget-icon:hover,
.elementor-widget-icon.elementor-fixed:hover {
	border-color: var(--adh-fp-accent);
	background: rgba(188, 153, 255, 0.18);
	transform: scale(1.06);
}

.elementor-element.elementor-fixed[data-widget_type="icon.default"] .elementor-widget-container,
.elementor-widget[data-settings*="\"_position\":\"fixed\""].elementor-widget-icon .elementor-widget-container,
.elementor-widget-icon.elementor-fixed .elementor-widget-container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	margin: 0 !important;
}

.elementor-element.elementor-fixed[data-widget_type="icon.default"] .elementor-icon,
.elementor-widget[data-settings*="\"_position\":\"fixed\""].elementor-widget-icon .elementor-icon,
.elementor-widget-icon.elementor-fixed .elementor-icon {
	color: #ffffff !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 22px !important;
	transition: color 0.3s var(--adh-fp-ease);
}
.elementor-element.elementor-fixed[data-widget_type="icon.default"]:hover .elementor-icon,
.elementor-widget[data-settings*="\"_position\":\"fixed\""].elementor-widget-icon:hover .elementor-icon,
.elementor-widget-icon.elementor-fixed:hover .elementor-icon {
	color: var(--adh-fp-accent) !important;
}

/* Slideout / FAB del tema Lalita (botón flotante con cuernos/avatar) */
.lalita-slideout-toggle,
.lalita-slideout-toggle-open,
.lalita-slideout-toggle-close,
a[href$="#lalita-slideout-menu"] {
	border: 2px solid var(--adh-fp-line) !important;
	border-radius: 14px !important;
	background: var(--adh-fp-bg) !important;
	transition: border-color 0.3s var(--adh-fp-ease), background-color 0.3s var(--adh-fp-ease), transform 0.3s var(--adh-fp-ease) !important;
}
.lalita-slideout-toggle:hover,
.lalita-slideout-toggle-open:hover,
.lalita-slideout-toggle-close:hover,
a[href$="#lalita-slideout-menu"]:hover {
	border-color: var(--adh-fp-accent) !important;
	background: rgba(188,153,255,0.18) !important;
	transform: scale(1.06);
}

/* Botón "Scroll back to top" si está flotante */
.elementor-element[class*="back-to-top"],
.scroll-to-top {
	border: 2px solid var(--adh-fp-line) !important;
	border-radius: 14px !important;
	background: var(--adh-fp-bg) !important;
}

/* Hover global — eleva visualmente sin lag */
@media (prefers-reduced-motion: reduce) {
	.elementor-element.elementor-fixed[data-widget_type="icon.default"]:hover,
	.elementor-widget[data-settings*="\"_position\":\"fixed\""].elementor-widget-icon:hover,
	.elementor-widget-icon.elementor-fixed:hover,
	.lalita-slideout-toggle:hover { transform: none !important; }
}