@charset "UTF-8";
/* ----------------------------------------------------------
   0) GENERAL
----------------------------------------------------------- */
html,
body {
  overflow-x: hidden;
}

.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
  top: unset;
  margin-top: 20px;
  width: 80%;
}

svg:hover path {
  fill: #B80000;
}

.icon-arrow {
  height: 45px;
  width: 45px;
}

.icon-arrow svg {
  height: 45px;
  width: 45px;
}

@media screen and (max-width: 986px) {
  body .swiper .swiper-pagination-progressbar {
    width: 70% !important;
  }
}
/* ----------------------------------------------------------
   1) TABS — ICONO + BLUR + DESPLAZAMIENTO
----------------------------------------------------------- */
.dropdowns-services .elementor-element.elementor-widget-n-tabs:not(:has(> .elementor-widget-container)) > .e-n-tabs[data-touch-mode=false] > .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover,
.dropdowns-services .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode=false] > .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover,
.dropdowns-services .elementor-element.elementor-widget-n-tabs:not(:has(> .elementor-widget-container)) > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title[aria-selected=true],
.dropdowns-services .elementor-element.elementor-widget-n-tabs:not(:has(> .elementor-widget-container)) > .e-n-tabs[data-touch-mode=true] > .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover,
.dropdowns-services .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title[aria-selected=true],
.dropdowns-services .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode=true] > .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
  background: transparent !important;
}
.dropdowns-services .e-n-tab-title-text {
  position: relative;
  filter: blur(2px);
  padding-left: 0;
  transition: padding-left 0.25s ease, filter 0.25s ease;
}
.dropdowns-services .e-n-tab-title-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.25s ease;
  background: #B80000;
  transform: rotate(45deg);
}
.dropdowns-services button[aria-selected=true] .e-n-tab-title-text {
  filter: blur(0);
  padding-left: 28px;
}
.dropdowns-services button[aria-selected=true] .e-n-tab-title-text::before {
  opacity: 1;
}

/* ----------------------------------------------------------
   2) ROTACIÓN DE PALABRAS
----------------------------------------------------------- */
.se-rotate-text {
  font-size: 48px;
  font-weight: 600;
}

.red-word {
  color: #B80000;
  display: inline-block;
  transition: opacity 0.4s ease;
}

/* ----------------------------------------------------------
   3) FILLBAR ON SCROLL
----------------------------------------------------------- */
.se-fillbar {
  display: inline-block;
  height: 7px;
  width: 0;
  background: rgba(216, 35, 31, 0);
  position: relative;
  vertical-align: middle;
  overflow: hidden;
}
.se-fillbar .bar-fill {
  display: block;
  width: 100%;
  height: 7px;
  background: #B80000;
  transform-origin: left center;
  transform: scaleX(0);
}

/* ============================================================
   4) CAROUSEL TEAM — CUSTOM STYLES
============================================================ */
.carousel-team {
  /* PROGRESSBAR — SIEMPRE ABAJO IZQUIERDA */
  /* FLECHAS — SIEMPRE DERECHA, ABAJO */
}
.carousel-team .e-n-carousel {
  position: relative !important;
  padding-bottom: 60px !important;
}
.carousel-team .swiper-pagination-progressbar {
  position: absolute !important;
  left: 0 !important;
  bottom: 10px !important;
  top: auto !important;
  right: auto !important;
  width: 80% !important;
  height: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  z-index: 99 !important;
}
.carousel-team .swiper-pagination-progressbar-fill {
  transform-origin: left center !important;
  height: 100% !important;
}
.carousel-team .elementor-swiper-button-next,
.carousel-team .elementor-swiper-button-prev {
  position: absolute !important;
  bottom: -55px !important;
  top: auto !important;
  margin: 0 !important;
  z-index: 100 !important;
}

/* ============================================================
   5) CAROUSEL-PROJECTS — NUEVOS ESTILOS
============================================================ */
.carousel-projects {
  /* BULLETS — miniaturas */
  /* RESPONSIVE */
}
.carousel-projects .swiper-pagination-bullet {
  width: 150px !important;
  height: 150px !important;
  border-radius: 6px !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 0.5;
  border: 2px solid transparent;
  margin: 0 6px !important;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.carousel-projects .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  border-color: #fff;
  transform: scale(1.05);
}
.carousel-projects .swiper-pagination-bullet.carousel-1 {
  /* Miniaturas fijas */
}
.carousel-projects .swiper-pagination-bullet.carousel-1:nth-child(1) {
  background-image: url("http://shoeniq.several.studio/wp-content/uploads/2025/11/WhatsApp-Image-2025-01-24-at-12.23.11-2.png");
}
.carousel-projects .swiper-pagination-bullet.carousel-1:nth-child(2) {
  background-image: url("http://shoeniq.several.studio/wp-content/uploads/2025/11/c9d9e501c92cbd53caa7026d6316a4aec1e61766-scaled.jpg");
}
.carousel-projects .swiper-pagination-bullet.carousel-1:nth-child(3) {
  background-image: url("http://shoeniq.several.studio/wp-content/uploads/2025/11/f91d093f118f6ea1d10070722381d5e375013a38-scaled.webp");
}
.carousel-projects .swiper-pagination-bullet.carousel-1:nth-child(4) {
  background-image: url("https://shoeniq.several.studio/wp-content/uploads/2025/11/WhatsApp-Image-2025-01-24-at-12.23.11-5-1.png");
}
.carousel-projects .swiper-pagination-bullet.carousel-2 {
  /* Miniaturas fijas */
}
.carousel-projects .swiper-pagination-bullet.carousel-2:nth-child(1) {
  background-image: url("http://shoeniq.several.studio/wp-content/uploads/2025/11/WhatsApp-Image-2025-01-24-at-12.23.11-2.png");
}
.carousel-projects .swiper-pagination-bullet.carousel-2:nth-child(2) {
  background-image: url("http://shoeniq.several.studio/wp-content/uploads/2025/11/c9d9e501c92cbd53caa7026d6316a4aec1e61766-scaled.jpg");
}
.carousel-projects .swiper-pagination-bullet.carousel-2:nth-child(3) {
  background-image: url("http://shoeniq.several.studio/wp-content/uploads/2025/11/f91d093f118f6ea1d10070722381d5e375013a38-scaled.webp");
}
.carousel-projects .swiper-pagination-bullet.carousel-2:nth-child(4) {
  background-image: url("https://shoeniq.several.studio/wp-content/uploads/2025/11/WhatsApp-Image-2025-01-24-at-12.23.11-5-1.png");
}
@media (max-width: 700px) {
  .carousel-projects .swiper-pagination-bullet {
    width: 50px !important;
    height: 50px !important;
  }
}

/*CAROUSEL PROCESS*/
.carousel-process {
  /* PROGRESSBAR — SIEMPRE ABAJO IZQUIERDA */
  /* FLECHAS — SIEMPRE DERECHA, ABAJO */
}
.carousel-process .e-n-carousel {
  position: relative !important;
  padding-bottom: 60px !important;
  overflow: visible !important;
}
.carousel-process .swiper-pagination-progressbar {
  position: absolute !important;
  left: 5% !important;
  bottom: 10px !important;
  top: auto !important;
  right: auto !important;
  width: 67% !important;
  height: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  z-index: 99 !important;
}
.carousel-process .swiper-pagination-progressbar-fill {
  transform-origin: left center !important;
  height: 100% !important;
}
.carousel-process .elementor-swiper-button-next,
.carousel-process .elementor-swiper-button-prev {
  position: absolute !important;
  bottom: -55px !important;
  top: auto !important;
  margin: 0 !important;
  z-index: 100 !important;
}

.filling-text-hero h2 {
  color: #ffffff;
  /* blanco visible */
  display: inline-block;
  overflow: hidden;
  /* clave para que no se vea la parte sin revelar */
  line-height: 1.3em !important;
  opacity: 0;
  /* <-- TOTALMENTE OCULTO AL INICIO */
}

.filling-text-hero h2 .line {
  display: block;
  overflow: hidden;
  /* cada línea tiene su propio “viewport” */
}

/* máscara inicial: línea oculta */
.filling-text-hero h2 .line-inner {
  display: inline-block;
  clip-path: inset(0 100% 0 0);
  /* oculto totalmente desde la derecha */
  margin-top: -0.2em;
  opacity: 0;
  /* <-- también invisible */
}

#services .e-n-tab-title[aria-selected=false]:hover, #services .e-n-tab-title[aria-selected=false]:hover,
#services .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true]:hover,
#services .elementor-widget-n-tabs .e-n-tab-title:hover a,
#services .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true]:hover a,
#services .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true],
#services .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] a {
  background: transparent !important;
}/*# sourceMappingURL=style.css.map */