.elementor-8673 .elementor-element.elementor-element-10cb3e0{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8673 .elementor-element.elementor-element-10cb3e0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8673 .elementor-element.elementor-element-73816ce{--display:flex;--min-height:0vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8673 .elementor-element.elementor-element-0b8e579.elementor-element{--align-self:center;}.elementor-8673 .elementor-element.elementor-element-9945a1e{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8673 .elementor-element.elementor-element-a6df1eb{width:100%;max-width:100%;}@media(min-width:768px){.elementor-8673 .elementor-element.elementor-element-10cb3e0{--width:114.545%;}}/* Start custom CSS *//* =========================================
   FASE 1 - OVERLAY MENÚ ESTABLE
   ========================================= */

.portfolio-overlay-wrap{
  position: relative;
  overflow: hidden;
}

/* Capa de blur */
.portfolio-overlay-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(8,10,16,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 20;
  opacity: 1;
  transition: opacity .25s ease;
  pointer-events: none;
}

/* Estado cerrado */
.portfolio-overlay-wrap.overlay-closed::before{
  opacity: 0;
}

/* Menú filtros centrado sobre portfolio */
.portfolio-overlay-wrap .qodef-m-filter-items{
  position: absolute !important;
  left: 50% !important;
  top: clamp(320px, 40vh, 460px) !important;
  transform: translate(-50%, -50%) !important;
  z-index: 30 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;

  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
}

/* Quitar líneas decorativas del filtro horizontal original */
.portfolio-overlay-wrap .qodef-m-filter-items::before,
.portfolio-overlay-wrap .qodef-m-filter-items::after{
  display: none !important;
}

/* Estilo de items */
.portfolio-overlay-wrap .qodef-m-filter-item{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.portfolio-overlay-wrap .qodef-m-filter-item a,
.portfolio-overlay-wrap .qodef-m-filter-item span{
  color: #fff !important;
  font-size: clamp(34px, 5vw, 64px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
  text-shadow: 0 3px 14px rgba(0,0,0,.35);
  filter: none !important;
  -webkit-filter: none !important;
}

/* Overlay cerrado: ocultar menú */
.portfolio-overlay-wrap.overlay-closed .qodef-m-filter-items{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Overlay abierto: mostrar menú + solo filtro clicable */
.portfolio-overlay-wrap:not(.overlay-closed) .qodef-m-filter-items{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Mientras está abierto, bloqueamos clic en el grid (pero NO en el menú) */
.portfolio-overlay-wrap:not(.overlay-closed) .qodef-m-items,
.portfolio-overlay-wrap:not(.overlay-closed) .qodef-grid-inner{
  pointer-events: none !important;
}
.portfolio-overlay-wrap:not(.overlay-closed) .qodef-m-filter-items,
.portfolio-overlay-wrap:not(.overlay-closed) .qodef-m-filter-items *{
  pointer-events: auto !important;
}

/* Responsive */
@media (max-width: 1024px){
  .portfolio-overlay-wrap .qodef-m-filter-items{
    top: clamp(300px, 44vh, 430px) !important;
  }
}

@media (max-width: 767px){
  .portfolio-overlay-wrap .qodef-m-filter-items{
    top: clamp(270px, 48vh, 380px) !important;
  }
}/* End custom CSS */