/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Tema hijo de Hello Elementor.
 */

/* --- CONFIGURACIÓN PARA DESKTOP (Solo pantallas de más de 768px) --- */
@media (min-width: 768px) {
  .texto-oculto-hover {
    opacity: 0;
    text-align: center; /* En desktop puedes mantenerlo centrado si prefieres */
    transition: all 0.3s ease-in-out;
    transform: translateY(10px);
  }

  /* Mostrar el texto al hacer hover en la imagen */
  .elementor-widget-image:hover + .texto-oculto-hover {
    opacity: 1;
    transform: translateY(0);
  }
}

.tabs_servicios,
.tabs_tecnologias,
.tabs_npa {
  width: 100% !important;
}

.image-tab-box {
  counter-reset: title;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 400px;
  gap: 8px;
}

.image-tab {
  width: 10%;
  flex-grow: 1;
  height: 450px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  cursor: pointer;
  transition: width 0.4s;
  margin: 1px;
}

.image-tab__bg,
.image-tab__bg--servicios-01,
.image-tab__bg--servicios-02,
.image-tab__bg--servicios-03,
.image-tab__bg--servicios-04,
.image-tab__bg--servicios-05,
.image-tab__bg--servicios-06,
.image-tab__bg--servicios-07,
.image-tab__bg--servicios-08,
.image-tab__bg--tecnologias-01,
.image-tab__bg--tecnologias-02,
.image-tab__bg--tecnologias-03,
.image-tab__bg--tecnologias-04,
.image-tab__bg--tecnologias-05,
.image-tab__bg--tecnologias-06,
.image-tab__bg--tecnologias-07,
.image-tab__bg--tecnologias-08,
.image-tab__bg--tecnologias-09,
.image-tab__bg--tecnologias-10,
.image-tab__bg--tecnologias-11,
.image-tab__bg--tecnologias-12,
.image-tab__bg--tecnologias-13,
.image-tab__bg--tecnologias-14,
.image-tab__bg--tecnologias-15,
.image-tab__bg--tecnologias-16,
.image-tab__bg--tecnologias-17,
.image-tab__bg--tecnologias-18,
.image-tab__bg--npa-01,
.image-tab__bg--npa-02,
.image-tab__bg--npa-03 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  transition: all 0.4s;
}

.image-tab__bg--servicios-01 {
  background-image: url(https://palaciomarquesdeforonda.2ados.net/wp-content/uploads/2026/03/img-home-escenario-palacio-e1776936417274.png);
}

.image-tab__bg--servicios-02 {
  background-image: url(https://palaciomarquesdeforonda.2ados.net/wp-content/uploads/2026/03/img-home-escenario-zaldiaran-e1776936436540.png);
}

.image-tab__bg--servicios-03 {
  background-image: url(https://palaciomarquesdeforonda.2ados.net/wp-content/uploads/2026/03/img-home-escenario-foronda-e1776936455614.png);
}

.image-tab__bg--servicios-04 {
  background-image: url(https://palaciomarquesdeforonda.2ados.net/wp-content/uploads/2026/03/img-home-escenario-comedor-e1776936468183.png);
}

.image-tab__bg--servicios-05 {
  background-image: url(https://palaciomarquesdeforonda.2ados.net/wp-content/uploads/2026/03/img-home-escenario-casabaile-e1776936482945.png);
}

.image-tab__body {
  position: absolute;
  left: 10px;
  top: calc(100% - 80px);
  z-index: 10;
  height: 100%;
  width: calc(100% - 20px);
  transition: all 0.4s;
  display: none;
}

.image-tab__header,
.image-tab__header--servicios,
.image-tab__header--tecnologias,
.image-tab__header--npa {
  position: relative;
  display: flex;
  height: 40px;
  width: 100%;
  transition: all 0.4s;
  text-align: center;
}

.image-tab__content--servicios,
.image-tab__content--npa {
  padding: 30px 20px;
  color: #d00000;
  text-align: center;
}

.image-tab__title {
  width: 100%;
  padding: 10px;
}

.image-tab__title h3 {
  margin: 0;
  color: #000000 !important;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
}

#is0 .image-tab__header--servicios,
#it0 .image-tab__header--tecnologias,
#in0 .image-tab__header--npa {
  margin-right: 0;
  margin-left: auto;
}

.image-tab.active {
  position: relative;
  height: auto;
  top: 0;
  left: 0;
  z-index: 20;
  width: 25%;
}

.image-tab.active .image-tab__bg,
.image-tab.active .image-tab__bg--servicios-01,
.image-tab.active .image-tab__bg--servicios-02,
.image-tab.active .image-tab__bg--servicios-03,
.image-tab.active .image-tab__bg--servicios-04,
.image-tab.active .image-tab__bg--servicios-05,
.image-tab.active .image-tab__bg--servicios-06,
.image-tab.active .image-tab__bg--servicios-07,
.image-tab.active .image-tab__bg--servicios-08,
.image-tab.active .image-tab__bg--tecnologias-01,
.image-tab.active .image-tab__bg--tecnologias-02,
.image-tab.active .image-tab__bg--tecnologias-03,
.image-tab.active .image-tab__bg--tecnologias-04,
.image-tab.active .image-tab__bg--tecnologias-05,
.image-tab.active .image-tab__bg--tecnologias-06,
.image-tab.active .image-tab__bg--tecnologias-07,
.image-tab.active .image-tab__bg--tecnologias-08,
.image-tab.active .image-tab__bg--tecnologias-09,
.image-tab.active .image-tab__bg--tecnologias-10,
.image-tab.active .image-tab__bg--tecnologias-11,
.image-tab.active .image-tab__bg--tecnologias-12,
.image-tab.active .image-tab__bg--tecnologias-13,
.image-tab.active .image-tab__bg--tecnologias-14,
.image-tab.active .image-tab__bg--tecnologias-15,
.image-tab.active .image-tab__bg--tecnologias-16,
.image-tab.active .image-tab__bg--tecnologias-17,
.image-tab.active .image-tab__bg--tecnologias-18,
.image-tab.active .image-tab__bg--npa-01,
.image-tab.active .image-tab__bg--npa-02,
.image-tab.active .image-tab__bg--npa-03 {
  height: 100%;
  background-position: 50%;
}

.image-tab.active .image-tab__body {
  left: 0;
  height: 100%;
  width: 100%;
  top: 0;
  overflow-y: auto;
  transition: all 0.4s;
}

.image-tab.active .image-tab__body {
  top: 85%;
  left: 0px;
  width: 100%;
  display: block;
}

.image-tab.active .image-tab__header--servicios,
.image-tab.active .image-tab__header--tecnologias,
.image-tab.active .image-tab__header--npa {
  width: 100%;
}