/*
 Theme Name: Leadinjection Child
 Theme URI: https://example.com/leadinjection-child
 Description: Child Theme for Leadinjection
 Author: acceseo
 Author URI: https://example.com
 Template: leadinjection
 Version: 1.0.0
*/

/* Aquí puedes añadir tu CSS personalizado */

.li-topbar {
    background-color: #2d472b;
}


.separador-vertical {
  width: 1px;
	background-color: #EBEBEB70;
  height: 317px;
  margin: 0 auto;
}

.imagen-cuadrada img {
	width: 641px;
	height: 560px;
}

.imagen-cuadrada-secundaria img {
	width: 639px;
	height: 560px;
}

.imagen-portada img {
	display: flex;
	width: 1440px;
	height: 1024px;
	padding: 0px 297px 120px 80px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 70px;
	flex-shrink: 0;
}

/* Header transparente por defecto */
.elementor-header {
  background: transparent;
  transition: background 0.3s ease;
}

/* Cuando se hace scroll, cambia de fondo */
.elementor-header.elementor-sticky--effects {
  background: rgba(255, 255, 255, 0.95); /* blanco translúcido */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	position: fixed !important;
  width: 100%;
  top: 0;
  z-index: 9999;
}

.elementor-location-header {
  height: auto !important;
}

html, body {
    scroll-behavior: inherit !important;
    /* O prueba con 'auto' si 'inherit' no funciona */
}

/* Reset al cambiar de vista */
@media (min-width: 1025px) {
    body.elementor-page .elementor-header {
        width: 100% !important;
        position: static !important;
        transform: none !important;
    }
    /* Asegura que el header de Elementor no herede estilos de móvil */
    .elementor-section-wrap, .elementor-header {
        display: block !important;
        overflow: visible !important;
    }
}