.elementor-14 .elementor-element.elementor-element-0485dff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-f01f613{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-8125131{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:1;}.elementor-14 .elementor-element.elementor-element-81a7d78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--z-index:0;}.elementor-14 .elementor-element.elementor-element-81a7d78::before, .elementor-14 .elementor-element.elementor-element-81a7d78 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-81a7d78 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-81a7d78 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-81a7d78 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-81a7d78 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-81a7d78.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-5588d59{margin:-150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-7017b48{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-96a6c75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-14 .elementor-element.elementor-element-96a6c75::before, .elementor-14 .elementor-element.elementor-element-96a6c75 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-96a6c75 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-96a6c75 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-96a6c75 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-96a6c75 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-d986927{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-14 .elementor-element.elementor-element-2425c1d{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-2d2b080{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-c819a3f{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-9076671{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:1;}.elementor-14 .elementor-element.elementor-element-e0af4d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-e0af4d1:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-e0af4d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #08060600 100%, #FFFFFF 100%);}.elementor-14 .elementor-element.elementor-element-e0af4d1::before, .elementor-14 .elementor-element.elementor-element-e0af4d1 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-e0af4d1 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-e0af4d1 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-e0af4d1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-e0af4d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-a0d1a93{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-14 .elementor-element.elementor-element-02904c9{padding:0px 0px 40px 0px;}.elementor-14 .elementor-element.elementor-element-3a86ca0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-81a7d78{--width:98.852%;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-8125131{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-81a7d78{--overlay-opacity:1;}.elementor-14 .elementor-element.elementor-element-5588d59{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-d986927{padding:50px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-f367151{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-9076671{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-e0af4d1::before, .elementor-14 .elementor-element.elementor-element-e0af4d1 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-e0af4d1 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-e0af4d1 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-e0af4d1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-e0af4d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://abogadoslujan.com/wp-content/uploads/2026/01/Mesa-de-trabajo-1@2x-8.png");}.elementor-14 .elementor-element.elementor-element-e0af4d1{--overlay-opacity:0;}}/* Start custom CSS for html, class: .elementor-element-572dbe6 *//* ✅ Hamburguesa centrada perfecto */
.la-burger{
  width:44px;
  height:44px;
  padding:0;                 /* clave */
  box-sizing:border-box;     /* clave */
  border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);

  display:flex;              /* clave */
  align-items:center;        /* clave */
  justify-content:center;    /* clave */

  cursor:pointer;
  line-height:0;             /* clave */
}

/* el "stack" de 3 líneas centrado */
.la-burger span{
  display:block;
  width:18px;
  height:2px;
  border-radius:2px;
  background:#fff;

  position:relative;
  margin:0;                  /* clave */
}

.la-burger span::before,
.la-burger span::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;
  height:2px;
  border-radius:2px;
  background:#fff;
}

.la-burger span::before{ top:-6px; }
.la-burger span::after{ top: 6px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd6fb84 *//* ✅ Hamburguesa centrada perfecto */
.la-burger{
  width:44px;
  height:44px;
  padding:0;                 /* clave */
  box-sizing:border-box;     /* clave */
  border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);

  display:flex;              /* clave */
  align-items:center;        /* clave */
  justify-content:center;    /* clave */

  cursor:pointer;
  line-height:0;             /* clave */
}

/* el "stack" de 3 líneas centrado */
.la-burger span{
  display:block;
  width:18px;
  height:2px;
  border-radius:2px;
  background:#fff;

  position:relative;
  margin:0;                  /* clave */
}

.la-burger span::before,
.la-burger span::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;
  height:2px;
  border-radius:2px;
  background:#fff;
}

.la-burger span::before{ top:-6px; }
.la-burger span::after{ top: 6px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24e8d84 *//* ✅ Hamburguesa centrada perfecto */
.la-burger{
  width:44px;
  height:44px;
  padding:0;                 /* clave */
  box-sizing:border-box;     /* clave */
  border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);

  display:flex;              /* clave */
  align-items:center;        /* clave */
  justify-content:center;    /* clave */

  cursor:pointer;
  line-height:0;             /* clave */
}

/* el "stack" de 3 líneas centrado */
.la-burger span{
  display:block;
  width:18px;
  height:2px;
  border-radius:2px;
  background:#fff;

  position:relative;
  margin:0;                  /* clave */
}

.la-burger span::before,
.la-burger span::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;
  height:2px;
  border-radius:2px;
  background:#fff;
}

.la-burger span::before{ top:-6px; }
.la-burger span::after{ top: 6px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf32e46 */<style>
/* =========================================
   LUJÁN · TOOLBAR ALIGN (buscador + chips)
   - Misma altura
   - Chips pill (no círculos)
   - Alineación perfecta + wrap prolijo
========================================= */

#luj-servicios .luj-tools{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

/* Medida “maestra” */
#luj-servicios{
  --toolH: 44px;
}

/* BUSCADOR: altura fija y ancho más estable */
#luj-servicios .luj-search{
  height: var(--toolH) !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex: 1 1 360px !important;   /* ocupa y empuja chips */
  max-width: 520px !important;
}

#luj-servicios .luj-search input{
  height: calc(var(--toolH) - 16px) !important;
  line-height: calc(var(--toolH) - 16px) !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Botón X: centrado vertical */
#luj-servicios .luj-clear{
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  display:grid !important;
  place-items:center !important;
  line-height: 1 !important;
}

/* FILTROS: fila alineada y que wrappee prolijo */
#luj-servicios .luj-filters{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  flex: 1 1 420px !important;
}

/* CHIPS: pill premium (adiós círculos) */
#luj-servicios .luj-chip{
  height: var(--toolH) !important;
  min-height: var(--toolH) !important;
  border-radius: 999px !important;
  padding: 0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  letter-spacing: .01em !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.16) !important;
}

/* Activo/hover más “jurídico” (dorado oscuro) */
#luj-servicios .luj-chip:hover{
  transform: translateY(-1px) !important;
}
#luj-servicios .luj-chip.is-active{
  box-shadow: 0 12px 30px rgba(0,0,0,.20), 0 0 0 2px rgba(201,164,90,.22) inset !important;
}

/* Desktop: que quede todo en una línea cuando hay espacio */
@media (min-width: 980px){
  #luj-servicios .luj-tools{
    flex-wrap:nowrap !important;
  }
  #luj-servicios .luj-filters{
    justify-content:flex-start !important;
  }
}

/* Tablet: buscador arriba, chips debajo (ordenado) */
@media (max-width: 979px){
  #luj-servicios .luj-search{
    flex: 1 1 100% !important;
    max-width: 620px !important;
  }
  #luj-servicios .luj-filters{
    flex: 1 1 100% !important;
  }
}

/* Mobile: chips más compactos */
@media (max-width: 520px){
  #luj-servicios{ --toolH: 42px; }
  #luj-servicios .luj-chip{ padding: 0 12px !important; font-size: 12.5px !important; }
}
</style>
<style>
/* =========================================
   LUJÁN · FIX FINAL
   - Fondo fijo (parallax elegante)
   - Título principal blanco puro
========================================= */

/* 1) Fondo FIJO */
#luj-servicios.luj-scope::before{
  background-attachment: fixed !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* En mobile evitamos fixed por performance */
@media (max-width: 768px){
  #luj-servicios.luj-scope::before{
    background-attachment: scroll !important;
  }
}

/* 2) Título principal en blanco */
#luj-servicios .luj-title{
  color: #FFFFFF !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.35); /* mejora lectura sobre imagen */
}

/* Subtítulo un poco más claro pero secundario */
#luj-servicios .luj-sub{
  color: rgba(255,255,255,.78) !important;
}

/* Kicker dorado se mantiene elegante */
#luj-servicios .luj-kicker{
  color: rgba(201,164,90,.95) !important;
}
</style>
<style>
/* =========================================
   LUJÁN · AJUSTE FINAL DE CALIDAD
   - Chips inactivos negros
   - Chip activo dorado
   - Micro animación título
========================================= */

/* =========================
   1) CHIPS INACTIVOS → NEGROS
========================= */
#luj-servicios .luj-chip{
  background: rgba(0,0,0,.72) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
}

/* Hover en chips inactivos */
#luj-servicios .luj-chip:hover{
  background: rgba(0,0,0,.82) !important;
  border-color: rgba(201,164,90,.45) !important;
  color: #FFFFFF !important;
}

/* =========================
   2) CHIP ACTIVO → DORADO
========================= */
#luj-servicios .luj-chip.is-active{
  background: rgba(201,164,90,.92) !important;
  color: #111111 !important;
  border-color: rgba(201,164,90,1) !important;
  box-shadow:
    0 14px 36px rgba(0,0,0,.45),
    0 0 0 2px rgba(201,164,90,.35) inset !important;
}

/* =========================
   3) MICRO ANIMACIÓN TÍTULO
   (entrada elegante, sin exagerar)
========================= */
#luj-servicios .luj-title{
  opacity: 0;
  transform: translateY(14px);
  animation: lujTitleIn .9s cubic-bezier(.16,1,.3,1) forwards;
  animation-delay: .15s;
}

@keyframes lujTitleIn{
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/* Subtítulo acompaña más suave */
#luj-servicios .luj-sub{
  opacity: 0;
  transform: translateY(10px);
  animation: lujSubIn .9s cubic-bezier(.16,1,.3,1) forwards;
  animation-delay: .28s;
}

@keyframes lujSubIn{
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   4) CONSOLIDAR OVERLAY
   (mismo carácter que el hero)
========================= */
#luj-servicios.luj-scope::after{
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.74),
      rgba(0,0,0,.64)
    ) !important;
}
</style>/* End custom CSS */