.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-796 .elementor-element.elementor-element-37c488c .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:500;color:#000000;}.elementor-796 .elementor-element.elementor-element-f5f81a0{text-align:start;}.elementor-796 .elementor-element.elementor-element-f5f81a0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:110px;font-weight:600;}.elementor-796 .elementor-element.elementor-element-5048f0f{text-align:start;}.elementor-796 .elementor-element.elementor-element-5048f0f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:110px;font-weight:600;}.elementor-796 .elementor-element.elementor-element-a88e770{text-align:start;}.elementor-796 .elementor-element.elementor-element-a88e770 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:85px;font-weight:600;}@media(max-width:767px){.elementor-796 .elementor-element.elementor-element-f5f81a0{text-align:start;}.elementor-796 .elementor-element.elementor-element-f5f81a0 .elementor-heading-title{font-size:50px;}.elementor-796 .elementor-element.elementor-element-5048f0f{text-align:start;}.elementor-796 .elementor-element.elementor-element-5048f0f .elementor-heading-title{font-size:50px;}.elementor-796 .elementor-element.elementor-element-a88e770{text-align:start;}.elementor-796 .elementor-element.elementor-element-a88e770 .elementor-heading-title{font-size:45px;}}/* Start custom CSS for heading, class: .elementor-element-f5f81a0 */.elementor-796 .elementor-element.elementor-element-f5f81a0 span {
    font-family: 'roboto serif';
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5048f0f */.elementor-796 .elementor-element.elementor-element-5048f0f span {
    font-family: 'roboto serif';
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a88e770 */.elementor-796 .elementor-element.elementor-element-a88e770 span {
    font-family: 'roboto serif';
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS *//* ══════════════════════════════════════
   WRAPPER
══════════════════════════════════════ */
#hs-wrapper {
  position: relative !important;
  width: 100% !important;
  height: 95vh !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* ══════════════════════════════════════
   SLIDES
══════════════════════════════════════ */
.hs-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.6s ease !important;
  z-index: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  padding: 0 !important;
  gap: 0 !important;
}

.hs-slide.hs-on {
  opacity: 1 !important;
  pointer-events: all !important;
  z-index: 1 !important;
}


.span_servicios {
    font-family: 'roboto serif';
    font-style: italic;
    font-weight: 400;
    font-size: 85%;
}

/* ══════════════════════════════════════
   MAIN — ocupa todo menos el sidebar
══════════════════════════════════════ */
.hs-s0 .hs-main { background-color: #7b2319 !important; }
.hs-s1 .hs-main { background-color: #e8d4bc !important; }
.hs-s2 .hs-main { background-color: #5b8b8b !important; }

/* ══════════════════════════════════════
   ROW — centrado igual que el resto
   de secciones de la web: max 1300px
══════════════════════════════════════ */



/* ══════════════════════════════════════
   IMAGEN — absoluta dentro de hs-row
   max 400px, alineada a la derecha
   dentro del área de 1300px
══════════════════════════════════════ */


/* ══════════════════════════════════════
   TEXTO — alineado a la izquierda
   dentro del área centrada
══════════════════════════════════════ */

.hs-s0 .hs-title .elementor-heading-title { color: #ffffff !important; }
.hs-s1 .hs-title .elementor-heading-title { color: #6b2218 !important; }
.hs-s2 .hs-title .elementor-heading-title { color: #ffffff !important; }


.hs-s0 .hs-desc { color: rgba(255, 255, 255, 0.82) !important; }
.hs-s1 .hs-desc { color: rgba(107, 34, 24, 0.82)   !important; }
.hs-s2 .hs-desc { color: rgba(255, 255, 255, 0.82) !important; }


/* ══════════════════════════════════════
   SIDEBAR
══════════════════════════════════════ */

/* ══════════════════════════════════════
   LANES
══════════════════════════════════════ */
.hs-lane:hover { opacity: 0.75 !important; }

.hs-s0 .hs-lane-1 { background-color: #e8d4bc !important; }
.hs-s0 .hs-lane-2 { background-color: #5b8b8b !important; }

.hs-s1 .hs-lane-1 { background-color: #7b2319 !important; }
.hs-s1 .hs-lane-2 { background-color: #5b8b8b !important; }

.hs-s2 .hs-lane-1 { background-color: #7b2319 !important; }
.hs-s2 .hs-lane-2 { background-color: #e8d4bc !important; }

/* ══════════════════════════════════════
   TEXTO VERTICAL EN LANES
══════════════════════════════════════ */

.hs-lane-text {
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
  transform: rotate(180deg) !important;
  white-space: nowrap !important;
  margin: 0 !important;
}


.hs-s0 .hs-lane-1 .hs-lane-text { color: #4a2010 !important; }
.hs-s0 .hs-lane-2 .hs-lane-text .elementor-heading-title { color: #ffffff !important; }

.hs-s1 .hs-lane-1 .hs-lane-text { color: #ffffff !important; }
.hs-s1 .hs-lane-2 .hs-lane-text .elementor-heading-title { color: #ffffff !important; }

.hs-s2 .hs-lane-1 .hs-lane-text { color: #ffffff !important; }
.hs-s2 .hs-lane-2 .hs-lane-text { color: #4a2010 !important; }


/* ══════════════════════════════════════
   WRAPPER DETALLES
══════════════════════════════════════ */
#hs-detail-wrapper {
  position: relative !important;
  width: 100% !important;
  padding: 0 !important;
  height: auto !important;
  min-height: unset !important;
}


/* ══════════════════════════════════════
   PANELES DE DETALLE — apilados
   solo el .hs-on es visible
══════════════════════════════════════ */
.hs-detail {
  position: relative !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.hs-detail.hs-on {
  position: relative !important;
  height: auto !important;
  overflow: visible !important;
  pointer-events: all !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */

@media (max-width: 1024px) {
     #hs-wrapper { 
         height: auto !important;
         min-height: 700px;
         ; }
    
   .hs-sidebar {
    width: 100% !important;
    height: 56px !important;
  }

  .hs-lane {
    padding: 0 !important;
    justify-content: center !important;
  }

  .hs-lane-text {
    writing-mode: horizontal-tb !important;
    transform: none !important;
  }
    
}
@media (max-width: 768px) {

 #hs-wrapper { height: auto !important;  }

  .hs-slide {
    position: relative !important;
    display: none !important;
    height: auto !important;
    flex-direction: column !important;
  }
  .hs-slide.hs-on { display: flex !important; }

  .hs-main {
    flex-direction: column !important;
    height: auto !important;
    justify-content: flex-start !important;
  }

  .hs-sidebar {
    width: 100% !important;
    height: 56px !important;
  }

  .hs-lane {
    padding: 0 !important;
    justify-content: center !important;
  }

  .hs-lane-text {
    writing-mode: horizontal-tb !important;
    transform: none !important;
  }
}/* End custom CSS */