.elementor-701 .elementor-element.elementor-element-0a0400c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-701 .elementor-element.elementor-element-2bd7cda{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-701 .elementor-element.elementor-element-2bd7cda.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}:root{--page-title-display:none;}body.elementor-page-701{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-2bd7cda *//* ===== CI Assistance (bloque full screen + panel 12.5% + overlay azul + panel +35px) ===== */

/* No scroll horizontal */
html, body { overflow-x: hidden !important; }

/* Contenedor principal */
#ci-assistance{
  position: relative;
  --ci-panel-visible: 0px;
}

/* Full-bleed sin “bordes blancos” (usa dvw cuando existe para evitar scroll horizontal) */
#ci-assistance{
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: clip;
}
@supports (width: 100dvw){
  #ci-assistance{
    margin-left: calc(50% - 50dvw) !important;
    margin-right: calc(50% - 50dvw) !important;
    width: 100dvw !important;
    max-width: 100dvw !important;
  }
}

/* Quita padding/margen del contenedor del widget (Elementor) */
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container,
.elementor-widget-html .elementor-widget-container > *{
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* HERO full screen */
#ci-assistance .ci-hero{
  position: relative;
  width: 100% !important;
  height: 100vh;
  background-image: url(/wp-content/uploads/2026/03/assistance.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #0271bb;
  overflow: hidden;
}

/* Overlay azul */
#ci-assistance .ci-hero::before{
  content:"";
  position: absolute;
  inset: 0;
  background: rgba(2,113,187,.62);
  z-index: 1;
  pointer-events: none;
}

/* Capa superior para textos/íconos/flecha */
#ci-assistance .ci-hero .header-middle,
#ci-assistance .ci-hero #next,
#ci-assistance .ci-hero .ci-back{
  position: relative;
  z-index: 2;
}

/* Centro de contenido */
#ci-assistance .ci-hero .header-middle{
  position: absolute;
  left: 0;
  right: 0;
  top: 30%;
}

/* Flecha casi al pie */
#ci-assistance #next{
  position: absolute !important;
  left: 50% !important;
  bottom: 24px !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
}

/* Link volver */
#ci-assistance .ci-back{
  position: absolute;
  left: 20px;
  top: 18px;
  z-index: 3;
}

/* Evita padding extra del template */
#ci-assistance .section.section-gradient{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Panel: 12.5% visible + subir 35px (robusto: usa top, no transform) */
#ci-assistance .ci-panel.page-container{
  margin: 0 auto !important;
  position: relative !important;
  top: calc(-1 * var(--ci-panel-visible) - 35px) !important;
  transform: none !important;
}

/* Antibordes/antidesbordes */
#ci-assistance img,
#ci-assistance svg,
#ci-assistance iframe{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
  display: block;
}

/* Responsive */
@media (max-width: 767px){
  #ci-assistance .ci-hero .header-middle{ top: 22%; }
  #ci-assistance #next{ bottom: 20px !important; }
}
#ci-assistance #next,
#ci-assistance .header-service-next{
  display: none !important;
}/* End custom CSS */
/* Start custom CSS *//* ===== CI Assistance (bloque full screen + panel 12.5% + overlay azul + sin bordes/scroll lateral) ===== */

/* No scroll horizontal */
html, body { overflow-x: hidden !important; }

/* Contenedor principal */
#ci-assistance{
  position: relative;
  --ci-panel-visible: 0px;
}

/* Full-bleed sin “bordes blancos” (usa dvw cuando existe para evitar scroll horizontal) */
#ci-assistance{
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: clip;
}
@supports (width: 100dvw){
  #ci-assistance{
    margin-left: calc(50% - 50dvw) !important;
    margin-right: calc(50% - 50dvw) !important;
    width: 100dvw !important;
    max-width: 100dvw !important;
  }
}

/* Quita padding/margen del contenedor del widget (Elementor) */
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container,
.elementor-widget-html .elementor-widget-container > *{
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* HERO full screen */
#ci-assistance .ci-hero{
  position: relative;
  width: 100% !important;
  height: 100vh;
  background-image: url(/wp-content/uploads/2026/03/assistance.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #0271bb;
  overflow: hidden;
}

/* Overlay azul como en referencia */
#ci-assistance .ci-hero::before{
  content:"";
  position: absolute;
  inset: 0;
  background: rgba(2,113,187,.62);
  z-index: 1;
  pointer-events: none;
}

/* Capa superior para textos/íconos/flecha */
#ci-assistance .ci-hero .header-middle,
#ci-assistance .ci-hero #next,
#ci-assistance .ci-hero .ci-back{
  position: relative;
  z-index: 2;
}

/* Centro de contenido (título + icono) */
#ci-assistance .ci-hero .header-middle{
  position: absolute;
  left: 0;
  right: 0;
  top: 30%;
}

/* Flecha casi al pie */
#ci-assistance #next{
  position: absolute !important;
  left: 50% !important;
  bottom: 24px !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
}

/* Link volver */
#ci-assistance .ci-back{
  position: absolute;
  left: 20px;
  top: 18px;
  z-index: 3;
}

/* Evita padding extra del template */
#ci-assistance .section.section-gradient{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Panel: solo 12.5% visible + subido 35px */
#ci-assistance .ci-panel.page-container{
  margin: 0 auto !important;
  transform: translateY(calc(-1 * var(--ci-panel-visible) - 35px));
}

/* Seguridad anti “líneas” y desbordes */
#ci-assistance img,
#ci-assistance svg,
#ci-assistance iframe{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
  display: block;
}

/* Responsive */
@media (max-width: 767px){
  #ci-assistance .ci-hero .header-middle{ top: 22%; }
  #ci-assistance #next{ bottom: 20px !important; }
}
/* Mata la flecha sí o sí dentro del hero */
#ci-assistance .ci-hero a#next,
#ci-assistance .ci-hero .header-service-next,
#ci-assistance .ci-hero .w-inline-block.header-service-next,
#ci-assistance .ci-hero [data-ix="bounce-in"],
#ci-assistance .ci-hero a[href="#service-content"],
#ci-assistance .ci-hero a[aria-label="Ver más"],
#ci-assistance .ci-hero a[aria-label="Ir al contenido"]{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Por si la flecha es un pseudo-elemento */
#ci-assistance .ci-hero a#next::before,
#ci-assistance .ci-hero a#next::after,
#ci-assistance .ci-hero .header-service-next::before,
#ci-assistance .ci-hero .header-service-next::after{
  content: none !important;
  display: none !important;
}/* End custom CSS */