.elementor-7377 .elementor-element.elementor-element-6c741e65{margin-top:0px;margin-bottom:0px;padding:130px 30px 157px 30px;}.elementor-7377 .elementor-element.elementor-element-316eb20 > .elementor-element-populated{margin:-82px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7377 .elementor-element.elementor-element-45b0b27{width:100%;max-width:100%;}.elementor-7377 .elementor-element.elementor-element-45b0b27 > .elementor-widget-container{margin:4px -35px 4px -35px;padding:0px 0px 0px 0px;}.elementor-7377 .elementor-element.elementor-element-dc8f88b{width:100%;max-width:100%;}.elementor-7377 .elementor-element.elementor-element-dc8f88b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7377 .elementor-element.elementor-element-c5fb05c{width:100%;max-width:100%;}.elementor-7377 .elementor-element.elementor-element-c5fb05c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7377 .elementor-element.elementor-element-70c3858{padding:16px 0px 0px 0px;}.elementor-7377 .elementor-element.elementor-element-0dc5fe8{margin-top:-6px;margin-bottom:-17px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-7377 .elementor-element.elementor-element-37ae9fa.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7377 .elementor-element.elementor-element-37ae9fa.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7377 .elementor-element.elementor-element-71829a8{width:100%;max-width:100%;}.elementor-7377 .elementor-element.elementor-element-71829a8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7377 .elementor-element.elementor-element-cc00e36{border-style:none;margin-top:0px;margin-bottom:0px;padding:130px 30px 157px 30px;}.elementor-7377 .elementor-element.elementor-element-6180405 > .elementor-element-populated{margin:-82px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-7377 .elementor-element.elementor-element-cc00e36{padding:105px 10px 17px 10px;}}/* Start custom CSS for firstframe_core_text_marquee, class: .elementor-element-45b0b27 */.Portfolio-destok .pf-filters{
  position: relative;
  z-index: 7;
}/* End custom CSS */
/* Start custom CSS for firstframe_core_portfolio_list, class: .elementor-element-dc8f88b *//* Fondo blur con transición suave */
.Portfolio-destok .pf-video-works-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;

  filter: blur(35px);
  opacity:.55;

  transform-origin: top center;
  transform: scale(1.18);

  transition: opacity 2.5s ease;
}

/* estado invisible */
.Portfolio-destok .pf-video-works-bg.is-fading{
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for firstframe_core_portfolio_list, class: .elementor-element-c5fb05c */.qodef-e-info{
  display: none !important;
}

.pf-scope-desktop .qodef-e-text .qodef-e-title-link{
  font-size: 1em;
}

.pf-scope-desktop .qodef-e-text{
  position: absolute;
  top: 83%;
  left: 4%;
}
.pf-scope-desktop article.qodef-e{
  transition: opacity .65s ease-in-out;
}

.pf-scope-desktop article.qodef-e.is-hidden{
  opacity: 0;
  pointer-events: none;
}
/* ===== QODE FILTER ESTILO PREMIUM ===== */

.qodef-m-filter{
  display:flex;
  justify-content:center;
  margin-bottom:18px;
}

.qodef-m-filter .qodef-m-filter-items{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}

/* Cada botón */
.qodef-m-filter .qodef-m-filter-item{
  position:relative;
  display:inline-block;

  appearance:none;
  background:transparent;
  border:0;
  padding:4px 0 4px 14px;

  font:inherit;
  font-size:1.14em !important;   /* +20% */
  text-transform:uppercase;
  letter-spacing:.08em;

  color:rgba(255,255,255,.6) !important;
  text-decoration:none !important;

  cursor:pointer;
  transition: color .3s ease, transform .3s ease;
}

/* Eliminar pseudo-elemento del tema */
.qodef-m-filter .qodef-m-filter-item::after{
  display:none !important;
  content:none !important;
}

/* Barra vertical amarilla */
.qodef-m-filter .qodef-m-filter-item::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%) scaleY(0);
  transform-origin:center;
  width:2px;
  height:60%;
  background:rgb(255,195,0);
  border-radius:2px;
  transition:transform .3s ease;
}

/* Hover */
.qodef-m-filter .qodef-m-filter-item:hover{
  color:rgb(255,195,0) !important;
  transform:scale(1.05);
}

/* Activo */
.qodef-m-filter .qodef-m-filter-item.qodef--active{
  color:rgb(255,195,0) !important;
  transform:scale(1.08);
}

.qodef-m-filter .qodef-m-filter-item.qodef--active::before{
  transform:translateY(-50%) scaleY(1);
}

/* Responsive */
@media (max-width:768px){
  .qodef-m-filter .qodef-m-filter-items{
    gap:10px;
    padding:0 10px;
  }

  .qodef-m-filter .qodef-m-filter-item{
    font-size:1em !important;
    letter-spacing:.06em;
    transform:none !important; /* evita saltos en touch */
  }
}

/* ===== PAGINATION ESTILO PREMIUM (izquierda) ===== */

.qodef-m-pagination{
  display:flex;
  justify-content:flex-start;
  margin-top: 18px;
}

.qodef-m-pagination .qodef-m-pagination-items{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
}

/* Links/Items */
.qodef-m-pagination .qodef-m-pagination-item{
  position:relative;
  display:inline-block;

  font: inherit;
  font-size: 1.05em;
  text-transform: uppercase;
  letter-spacing: .08em;

  color: rgba(255,255,255,.6) !important;
  text-decoration:none !important;

  padding:4px 0 4px 14px;
  cursor:pointer;

  transition: color .3s ease, transform .3s ease;
}

/* Quitar decoraciones raras del tema */
.qodef-m-pagination .qodef-m-pagination-item::after{
  display:none !important;
  content:none !important;
}

/* Barra vertical amarilla */
.qodef-m-pagination .qodef-m-pagination-item::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%) scaleY(0);
  transform-origin:center;
  width:2px;
  height:60%;
  background:rgb(255,195,0);
  border-radius:2px;
  transition:transform .3s ease;
}

/* Hover */
.qodef-m-pagination .qodef-m-pagination-item:hover{
  color:rgb(255,195,0) !important;
  transform:scale(1.05);
}

/* Activo */
.qodef-m-pagination .qodef-m-pagination-item.qodef--active{
  color:rgb(255,195,0) !important;
  transform:scale(1.08);
}
.qodef-m-pagination .qodef-m-pagination-item.qodef--active::before{
  transform:translateY(-50%) scaleY(1);
}

/* Dots */
.qodef-m-pagination .qodef-m-pagination-item.qodef--dots{
  padding-left: 0;
  color: rgba(255,255,255,.35) !important;
}
.qodef-m-pagination .qodef-m-pagination-item.qodef--dots::before{
  display:none !important;
}

/* Responsive */
@media (max-width:768px){
  .qodef-m-pagination .qodef-m-pagination-items{
    gap:10px;
  }
  .qodef-m-pagination .qodef-m-pagination-item{
    font-size: 1.95em;
    letter-spacing: .06em;
    transform:none !important;
  }
}

/* Intento de mostrar todos los números (si existen pero están ocultos) */
.qodef-m-pagination .qodef--hide{
  display: inline-block !important;
}
.qodef-m-pagination .qodef--dots{
  display: none !important;
}
/* Reducir espacio entre números de paginación */
.qodef-m-pagination .qodef-m-pagination-items{
  gap: 5px !important;
}

/* Centrar paginación */
.qodef-m-pagination{
  display: flex;
  justify-content: center !important;
}

.qodef-m-pagination .qodef-m-pagination-items{
  justify-content: center !important;
  gap: 9px !important; /* mantenemos el spacing reducido */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70c3858 */.pf-filters{
  display:flex;
  gap:28px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  margin-bottom: 28px;
}

.pf-btn{
  appearance:none;
  background:transparent;
  border:0;
  padding: 6px 0 6px 18px;
  font: inherit;
  font-size: px 1,4em;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: rgba(255,255,255,.6);
  cursor:pointer;
  position: relative;
  transition: 
    opacity .25s ease,
    color .25s ease,
    transform .25s cubic-bezier(.2,.8,.2,1);
}

/* Barra vertical */
.pf-btn::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform: translateY(-50%) scaleY(0);
  transform-origin: center;
  width:3px;
  height:70%;
  background: rgb(255,195,0);
  border-radius:2px;
  transition: transform .25s ease;
}

/* Hover en los NO activos */
.pf-btn:hover{
  color: rgb(255,195,0);
  transform: scale(1.08);
}

/* Activo */
.pf-btn.is-active{
  color: rgb(255,195,0);
  transform: scale(1.15);
}

.pf-btn.is-active::before{
  transform: translateY(-50%) scaleY(1);
}/* End custom CSS */
/* Start custom CSS for firstframe_core_portfolio_list, class: .elementor-element-c1f7cd2 */.pf-scope-movil .qodef-e-info{
  display: none !important;
}

.pf-scope-movil .qodef-e-text .qodef-e-title-link{
  font-size: 0.65em;
}

.pf-scope-movil .qodef-e-text{
  position: absolute;
  top: 83%;
  left: 4%;
}

/* ===== QODE FILTER (MÓVIL) estilo como tu filtro custom ===== */

@media (max-width: 768px){

  .qodef-m-filter{
    display:flex;
    justify-content:center;
    margin-bottom:14px;
  }

  .qodef-m-filter .qodef-m-filter-items{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    padding:0 10px;
  }

  .qodef-m-filter .qodef-m-filter-item{
    position:relative;
    display:inline-block;

    padding: 2px 0 2px 10px;

    font: inherit;
    font-size: .92em !important;
    text-transform: uppercase;
    letter-spacing: .06em;

    color: rgba(255,255,255,.6) !important;
    text-decoration: none !important;

    cursor:pointer;
  }

  /* Quitar el ::after del tema */
  .qodef-m-filter .qodef-m-filter-item::after{
    display:none !important;
    content:none !important;
  }

  /* Barra vertical */
  .qodef-m-filter .qodef-m-filter-item::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%) scaleY(0);
    transform-origin:center;
    width:2px;
    height:52%;
    background: rgb(255,195,0);
    border-radius:2px;
    transition: transform .25s ease;
  }

  /* Activo */
  .qodef-m-filter .qodef-m-filter-item.qodef--active{
    color: rgb(255,195,0) !important;
  }
  .qodef-m-filter .qodef-m-filter-item.qodef--active::before{
    transform: translateY(-50%) scaleY(1);
  }
}
@media (max-width: 768px){

  .qodef-m-filter .qodef-m-filter-items{
    flex-wrap: nowrap !important;
    gap: 0.1px !important;              /* 🔥 mucho menos espacio */
    justify-content: center !important;
    padding: 0 6px !important;
  }

  .qodef-m-filter .qodef-m-filter-item{
    font-size: .5em !important;      /* un poco más pequeño */
    letter-spacing: .03em !important; /* menos aire entre letras */
    padding: 2px 0 2px 6px !important;/* menos espacio lateral */
    white-space: nowrap;
  }

  /* Barra vertical más fina */
  .qodef-m-filter .qodef-m-filter-item::before{
    width: 1.5px !important;
    height: 48% !important;
  }

}
@media (max-width: 768px){

  .qodef-m-filter{
    display:flex;
    justify-content:center !important;
  }

  .qodef-m-filter .qodef-m-filter-items{
    display:flex !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;

    gap: 15px !important;      /* espacio real */
  }

  /* 🔥 ELIMINAR cualquier margen lateral */
  .qodef-m-filter .qodef-m-filter-item{
    margin: 0 !important;
    padding: 2px 6px !important;  /* padding controlado */
    min-width: auto !important;
    flex: 0 0 auto !important;    /* evita que se expandan */
    white-space: nowrap;
    font-size: .85em !important;
    letter-spacing: .05em !important;
  }

}
/* ===== PAGINACIÓN MÓVIL: 1 línea, compacta, sin huecos raros ===== */
@media (max-width: 768px){

  .qodef-m-pagination{
    display:flex;
    justify-content:center !important;
  }

  .qodef-m-pagination .qodef-m-pagination-items{
    display:flex !important;
    flex-wrap: nowrap !important;
    justify-content:center !important;
    align-items:center !important;

    gap: 2px !important;
    padding: 0 6px !important;

    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap !important;
  }

  /* ocultar scrollbar (opcional) */
  .qodef-m-pagination .qodef-m-pagination-items::-webkit-scrollbar{
    display:none;
  }

  .qodef-m-pagination .qodef-m-pagination-item{
    margin: 0 !important;
    padding: 2px 6px !important;
    min-width: auto !important;
    width: auto !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;

    font-size: 1em !important;
    letter-spacing: .03em !important;
    transform: none !important;
  }

  /* barra amarilla más discreta */
  .qodef-m-pagination .qodef-m-pagination-item::before{
    width: 1.5px !important;
    height: 48% !important;
  }

  /* dots: compactos */
  .qodef-m-pagination .qodef-m-pagination-item.qodef--dots{
    padding-left: 0 !important;
  }
}/* End custom CSS */