/* ==========================================================================
   EDACE HOMEPAGE SECTIONS REPLICA: Section 4 (Equipo) to Section 7 (Pide Cita)
   Pixel-perfect match to reference: https://web.archive.org/web/20260409155344/https://www.edace.es/
   ========================================================================== */

@font-face {
    font-family: 'bebas-bold';
    src: url(/wp-content/uploads/useanyfont/190107112538Bebas-Bold.woff) format('woff');
    font-display: auto;
}

/* --------------------------------------------------------------------------
   SECTION 4: EQUIPO ESPECIALIZADO EN REHABILITACIÓN NEUROLÓGICA
   -------------------------------------------------------------------------- */
#el-01a0f6c6 {
  background-color: #0fa8bd !important;
  position: relative !important;
  padding: 60px 0 70px 0 !important;
  overflow: visible !important;
}

/* Left Column Heading */
#el-b1d47659 {
  margin-bottom: 25px !important;
}

#el-b1d47659 p {
  margin: 0 !important;
}

#el-b1d47659 p:first-of-type,
#el-b1d47659 p:first-of-type * {
  font-family: 'bebas-bold', sans-serif !important;
  font-size: 44px !important;
  line-height: 1.12 !important;
  color: #00346b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

#el-b1d47659 p:nth-of-type(2) {
  margin-top: 15px !important;
}

#el-b1d47659 p:nth-of-type(2),
#el-b1d47659 p:nth-of-type(2) * {
  font-family: 'Comfortaa', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

/* 3 Badges (Valoración, Domicilio, Parking) */
#el-777d4dbe {
  margin-top: 30px !important;
}

#el-777d4dbe .vce-row-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 20px !important;
}

#el-777d4dbe .vce-col {
  flex: 0 0 110px !important;
  width: 110px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#el-777d4dbe img {
  width: 110px !important;
  height: 110px !important;
  object-fit: contain !important;
  display: block !important;
  transition: transform 0.3s ease !important;
}

#el-777d4dbe img:hover {
  transform: scale(1.05) !important;
}

/* Right Column: Specialties Carousel (Logopedia, Fisioterapia, Psicología, Terapia Ocupacional) */
#el-6644dfb0 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#el-02da9a85 {
  position: relative !important;
  width: 100% !important;
  max-width: 580px !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

#el-02da9a85 .slick-list {
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
  border-radius: 6px !important;
}

/* Slick handles track and slide widths inline, do not override with block/100% or it breaks sliding mechanics */

#el-02da9a85 .vce-content-slide-inner {
  width: 100% !important;
  padding: 0 !important;
}

/* Slide Heading */
#el-02da9a85 .vce-text-block-wrapper h2,
#el-02da9a85 .vce-text-block-wrapper span {
  font-family: 'bebas-bold', sans-serif !important;
  font-size: 40px !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 12px !important;
  display: block !important;
}

/* Slide Image Card - Full Width 580px x 310px Landscape */
#el-02da9a85 figure.vce-hoverbox {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

#el-02da9a85 .vce-hoverbox-wrapper {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 310px !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  border: none !important;
}

#el-02da9a85 .vce-hoverbox-background {
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-radius: 0 !important;
  transition: transform 0.4s ease !important;
}

#el-02da9a85:hover .vce-hoverbox-background {
  transform: scale(1.02) !important;
}

/* Slider Navigation Arrows */
/* Slider Navigation Arrows - Hidden to let default VC arrows show */
.edace-slider-arrow {
  display: none !important;
}

/* --------------------------------------------------------------------------
   SECTION 6: ¿QUÉ OPINAN NUESTROS PACIENTES...?
   -------------------------------------------------------------------------- */
#el-ff4fa0df {
  background-color: #0fa8bd !important;
  padding: 45px 20px 10px 20px !important;
  text-align: center !important;
}

#el-c08bdfaf {
  max-width: 950px !important;
  margin: 0 auto !important;
}

#el-c08bdfaf h1,
#el-c08bdfaf h1 span,
#el-c08bdfaf h1 strong,
#el-c08bdfaf h1 b {
  font-family: 'bebas-bold', sans-serif !important;
  font-size: 38px !important;
  line-height: 1.15 !important;
  color: #00346b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 auto !important;
  text-align: center !important;
  display: block !important;
}

#el-5a6d38d6 {
  background-color: #0fa8bd !important;
  position: relative !important;
  min-height: 70px !important;
  padding-bottom: 50px !important;
}

/* Hide unstyled reviews stack so height matches reference snapshot */
#el-3c93efd4 {
  display: none !important;
}

.ti-widget {
  display: none !important;
}

/* --------------------------------------------------------------------------
   SECTION 7: PRIMERA VALORACIÓN INICIAL GRATIS + PIDE CITA
   -------------------------------------------------------------------------- */
#el-abdddb56 {
  background: #ffffff !important;
  padding: 50px 0 60px 0 !important;
}

#el-abdddb56 .vce-row-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 40px !important;
}

/* Left Column Graphic: VALORACION INICIAL GRATUITA */
#el-e130e8bd {
  flex: 0 1 650px !important;
  max-width: 650px !important;
  width: 100% !important;
}

#el-a2f1bc4f {
  width: 100% !important;
}

#el-a2f1bc4f .vce-single-image-figure-inner {
  width: 100% !important;
}

#el-a2f1bc4f .vce-single-image-inner {
  position: relative !important;
  width: 100% !important;
  padding-bottom: 0 !important;
  height: auto !important;
}

#el-a2f1bc4f img.vce-single-image {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  max-height: 110px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Right Column: PIDE CITA Button */
#el-3abcfc8c {
  flex: 0 0 auto !important;
  width: auto !important;
}

#el-83de3a8c a.vce-button {
  background: #35a5ba !important;
  color: #ffffff !important;
  font-family: 'Comfortaa', sans-serif !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  padding: 14px 42px !important;
  border-radius: 30px !important;
  text-decoration: none !important;
  display: inline-block !important;
  box-shadow: 0 4px 12px rgba(53, 165, 186, 0.3) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

#el-83de3a8c a.vce-button:hover {
  background: #00346b !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(0, 52, 107, 0.35) !important;
  transform: translateY(-2px) !important;
}

/* Hide mobile duplicated row on desktop */
@media (min-width: 768px) {
  #el-4e0a3123 {
    display: none !important;
  }
}

/* Alignment polish */
#el-01a0f6c6 .vce-row-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

#el-01a0f6c6 .vce-row-content > .vce-col {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

#el-ff4fa0df {
  padding-top: 60px !important;
  padding-bottom: 25px !important;
}

/* Fix slick slider cloning height issue in Section 4 without breaking mechanics */
#el-02da9a85 .slick-list, #el-02da9a85 .slick-track, #el-02da9a85 .vce-content-slider-inner, #el-02da9a85 {
  height: auto !important;
  max-height: none !important;
}