.elementor-widget-global .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-global .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-global .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-fad2626 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://dimensioncompanysas.com/wp-content/uploads/2025/12/soldadura-en-santa-marta.jpg);background-size:cover;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-fad2626 .elementor-background-overlay{background-color:#080F299E;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-fad2626 .swiper-slide-contents{margin-right:auto;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-fad2626 .swiper-slide-inner{align-items:center;text-align:left;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-9b4f7ca .swiper-slide-bg{background-color:#833ca3;background-image:url(https://dimensioncompanysas.com/wp-content/uploads/2025/12/fabricantes-de-fachadas-en-santa-marta.jpg);background-size:cover;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-9b4f7ca .elementor-background-overlay{background-color:#080F299E;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-9b4f7ca .swiper-slide-contents{margin-right:auto;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-9b4f7ca .swiper-slide-inner{align-items:center;text-align:left;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-c00b752 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://dimensioncompanysas.com/wp-content/uploads/2025/12/soldores-profesionales-en-santa-marta.jpg);background-size:cover;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-c00b752 .elementor-background-overlay{background-color:#080F299E;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-c00b752 .swiper-slide-contents{margin-right:auto;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-repeater-item-c00b752 .swiper-slide-inner{align-items:center;text-align:left;}.elementor-16803 .elementor-element.elementor-global-18915 .swiper-slide{transition-duration:calc(5000ms*1.2);height:700px;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-slide-button{background-color:var( --e-global-color-primary );border-radius:25px;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-slide-button:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-16803 .elementor-element.elementor-global-18915 .swiper-slide-contents{max-width:66%;}.elementor-16803 .elementor-element.elementor-global-18915 .swiper-slide-inner{text-align:center;}.elementor-16803 .elementor-element.elementor-global-18915 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:0px;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-slide-heading{font-family:"Montserrat", Sans-serif;font-size:80px;font-weight:900;}.elementor-16803 .elementor-element.elementor-global-18915 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:20px;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-slide-description{font-family:"Montserrat", Sans-serif;font-size:23px;font-weight:400;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-swiper-button{color:#02010100;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-swiper-button svg{fill:#02010100;}.elementor-16803 .elementor-element.elementor-element-f212fa8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 5px 0px;}.elementor-16803 .elementor-element.elementor-element-f212fa8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-16803 .elementor-element.elementor-element-cac5ad9{text-align:center;}.elementor-16803 .elementor-element.elementor-element-cac5ad9 .elementor-heading-title{font-family:var( --e-global-typography-620665f-font-family ), Sans-serif;font-size:var( --e-global-typography-620665f-font-size );font-weight:var( --e-global-typography-620665f-font-weight );color:var( --e-global-color-0b4955d );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-16803 .elementor-element.elementor-element-d32397b{text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-16803 .elementor-element.elementor-element-6b42dd0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-16803 .elementor-element.elementor-element-721a713{--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;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.08);--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-16803 .elementor-element.elementor-element-1236434{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-16803 .elementor-element.elementor-element-d849e49 .elementor-button{background-color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:27px;font-weight:700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-16803 .elementor-element.elementor-element-050d6ce{--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;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.08);--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-16803 .elementor-element.elementor-element-406ad5c{text-align:center;}.elementor-16803 .elementor-element.elementor-element-99ca94f .elementor-button{background-color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:27px;font-weight:700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-16803 .elementor-element.elementor-element-b25243d{--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;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.08);--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-16803 .elementor-element.elementor-element-f82ff3f{text-align:center;}.elementor-16803 .elementor-element.elementor-element-f279657 .elementor-button{background-color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:27px;font-weight:700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-16803 .elementor-element.elementor-element-845e2e4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-16803 .elementor-element.elementor-element-de7bb3f{--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;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.08);--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-16803 .elementor-element.elementor-element-6fc8e4d{text-align:center;}.elementor-16803 .elementor-element.elementor-element-69dbe1b .elementor-button{background-color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:27px;font-weight:700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-16803 .elementor-element.elementor-element-eb946fd{--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;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.08);--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-16803 .elementor-element.elementor-element-3de2869{text-align:center;}.elementor-16803 .elementor-element.elementor-element-1b06037 .elementor-button{background-color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:27px;font-weight:700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-16803 .elementor-element.elementor-element-3275342{--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;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.08);--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-16803 .elementor-element.elementor-element-b5263bd{text-align:center;}.elementor-16803 .elementor-element.elementor-element-ecfaa06 .elementor-button{background-color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:27px;font-weight:700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}@media(min-width:768px){.elementor-16803 .elementor-element.elementor-element-721a713{--width:35%;}.elementor-16803 .elementor-element.elementor-element-050d6ce{--width:35%;}.elementor-16803 .elementor-element.elementor-element-b25243d{--width:35%;}.elementor-16803 .elementor-element.elementor-element-de7bb3f{--width:35%;}.elementor-16803 .elementor-element.elementor-element-eb946fd{--width:35%;}.elementor-16803 .elementor-element.elementor-element-3275342{--width:35%;}}@media(max-width:1024px){.elementor-16803 .elementor-element.elementor-global-18915 .swiper-slide{height:400px;}.elementor-16803 .elementor-element.elementor-global-18915 .elementor-slide-heading{font-size:50px;}.elementor-16803 .elementor-element.elementor-element-cac5ad9 .elementor-heading-title{font-size:var( --e-global-typography-620665f-font-size );}}@media(max-width:767px){.elementor-16803 .elementor-element.elementor-global-18915 .elementor-slide-heading{font-size:50px;}.elementor-16803 .elementor-element.elementor-element-cac5ad9 .elementor-heading-title{font-size:var( --e-global-typography-620665f-font-size );}.elementor-16803 .elementor-element.elementor-element-d32397b{font-size:18px;}}/* Start custom CSS for image, class: .elementor-element-c9cd69b *//* ========= CONTENEDOR SERVICE CARD ========= */
.service-hover-effect {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.45s ease;
}

/* ZOOM SUAVE */
.service-hover-effect:hover {
  transform: scale(1.02);
}

/* ========= IMAGEN ========= */
.service-hover-effect img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.45s ease, filter 0.45s ease;
}

.service-hover-effect:hover img {
  transform: scale(1.08);
  filter: brightness(1.08);
}

/* ========= OVERLAY OSCURO SUAVE ========= */
.service-hover-effect::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.22);
  opacity: 0;
  transition: opacity 0.45s ease;
}

.service-hover-effect:hover::before {
  opacity: 1;
}

/* ========= LINEA AZUL ABAJO ========= */
.service-hover-effect::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 3px;
  background: #0054FD;
  transition: width 0.4s ease;
}

.service-hover-effect:hover::after {
  width: 100%;
}

/* ========= DESTELLO SUAVE ========= */
.service-hover-effect .shine {
  position: absolute;
  top: -75%;
  left: -60%;
  width: 50%;
  height: 200%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(0, 84, 253, 0.35),
    transparent
  );
  transform: skewX(-25deg);
  opacity: 0;
  pointer-events: none;
}

.service-hover-effect:hover .shine {
  animation: slideShine 0.9s ease forwards;
  opacity: 1;
}

@keyframes slideShine {
  from { left: -60%; }
  to { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d849e49 *//* BOTÓN CARGA HORIZONTAL AZUL */
.btn-carga-horizontal {
  position: relative;
  overflow: hidden;
  border-radius: 0px;
}

/* TEXTO */
.btn-carga-horizontal .elementor-button-text {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}

/* CAPA DE CARGA */
.btn-carga-horizontal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #0054FD,
    #1e6bff
  );
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s ease;
  z-index: 1;
}

/* HOVER */
.btn-carga-horizontal:hover::before {
  transform: scaleX(1);
}

.btn-carga-horizontal:hover .elementor-button-text {
  color: #ffffff;
}

/* EFECTO PRO */
.btn-carga-horizontal:hover {
  box-shadow: 0 12px 32px rgba(0, 84, 253, 0.45);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a41463a *//* ========= CONTENEDOR SERVICE CARD ========= */
.service-hover-effect {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.45s ease;
}

/* ZOOM SUAVE */
.service-hover-effect:hover {
  transform: scale(1.02);
}

/* ========= IMAGEN ========= */
.service-hover-effect img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.45s ease, filter 0.45s ease;
}

.service-hover-effect:hover img {
  transform: scale(1.08);
  filter: brightness(1.08);
}

/* ========= OVERLAY OSCURO SUAVE ========= */
.service-hover-effect::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.22);
  opacity: 0;
  transition: opacity 0.45s ease;
}

.service-hover-effect:hover::before {
  opacity: 1;
}

/* ========= LINEA AZUL ABAJO ========= */
.service-hover-effect::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 3px;
  background: #0054FD;
  transition: width 0.4s ease;
}

.service-hover-effect:hover::after {
  width: 100%;
}

/* ========= DESTELLO SUAVE ========= */
.service-hover-effect .shine {
  position: absolute;
  top: -75%;
  left: -60%;
  width: 50%;
  height: 200%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(0, 84, 253, 0.35),
    transparent
  );
  transform: skewX(-25deg);
  opacity: 0;
  pointer-events: none;
}

.service-hover-effect:hover .shine {
  animation: slideShine 0.9s ease forwards;
  opacity: 1;
}

@keyframes slideShine {
  from { left: -60%; }
  to { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-99ca94f *//* BOTÓN CARGA HORIZONTAL AZUL */
.btn-carga-horizontal {
  position: relative;
  overflow: hidden;
  border-radius: 0px;
}

/* TEXTO */
.btn-carga-horizontal .elementor-button-text {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}

/* CAPA DE CARGA */
.btn-carga-horizontal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #0054FD,
    #1e6bff
  );
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s ease;
  z-index: 1;
}

/* HOVER */
.btn-carga-horizontal:hover::before {
  transform: scaleX(1);
}

.btn-carga-horizontal:hover .elementor-button-text {
  color: #ffffff;
}

/* EFECTO PRO */
.btn-carga-horizontal:hover {
  box-shadow: 0 12px 32px rgba(0, 84, 253, 0.45);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6f7d98 *//* ========= CONTENEDOR SERVICE CARD ========= */
.service-hover-effect {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.45s ease;
}

/* ZOOM SUAVE */
.service-hover-effect:hover {
  transform: scale(1.02);
}

/* ========= IMAGEN ========= */
.service-hover-effect img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.45s ease, filter 0.45s ease;
}

.service-hover-effect:hover img {
  transform: scale(1.08);
  filter: brightness(1.08);
}

/* ========= OVERLAY OSCURO SUAVE ========= */
.service-hover-effect::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.22);
  opacity: 0;
  transition: opacity 0.45s ease;
}

.service-hover-effect:hover::before {
  opacity: 1;
}

/* ========= LINEA AZUL ABAJO ========= */
.service-hover-effect::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 3px;
  background: #0054FD;
  transition: width 0.4s ease;
}

.service-hover-effect:hover::after {
  width: 100%;
}

/* ========= DESTELLO SUAVE ========= */
.service-hover-effect .shine {
  position: absolute;
  top: -75%;
  left: -60%;
  width: 50%;
  height: 200%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(0, 84, 253, 0.35),
    transparent
  );
  transform: skewX(-25deg);
  opacity: 0;
  pointer-events: none;
}

.service-hover-effect:hover .shine {
  animation: slideShine 0.9s ease forwards;
  opacity: 1;
}

@keyframes slideShine {
  from { left: -60%; }
  to { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f279657 *//* BOTÓN CARGA HORIZONTAL AZUL */
.btn-carga-horizontal {
  position: relative;
  overflow: hidden;
  border-radius: 0px;
}

/* TEXTO */
.btn-carga-horizontal .elementor-button-text {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}

/* CAPA DE CARGA */
.btn-carga-horizontal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #0054FD,
    #1e6bff
  );
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s ease;
  z-index: 1;
}

/* HOVER */
.btn-carga-horizontal:hover::before {
  transform: scaleX(1);
}

.btn-carga-horizontal:hover .elementor-button-text {
  color: #ffffff;
}

/* EFECTO PRO */
.btn-carga-horizontal:hover {
  box-shadow: 0 12px 32px rgba(0, 84, 253, 0.45);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d86ca10 *//* ========= CONTENEDOR SERVICE CARD ========= */
.service-hover-effect {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.45s ease;
}

/* ZOOM SUAVE */
.service-hover-effect:hover {
  transform: scale(1.02);
}

/* ========= IMAGEN ========= */
.service-hover-effect img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.45s ease, filter 0.45s ease;
}

.service-hover-effect:hover img {
  transform: scale(1.08);
  filter: brightness(1.08);
}

/* ========= OVERLAY OSCURO SUAVE ========= */
.service-hover-effect::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.22);
  opacity: 0;
  transition: opacity 0.45s ease;
}

.service-hover-effect:hover::before {
  opacity: 1;
}

/* ========= LINEA AZUL ABAJO ========= */
.service-hover-effect::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 3px;
  background: #0054FD;
  transition: width 0.4s ease;
}

.service-hover-effect:hover::after {
  width: 100%;
}

/* ========= DESTELLO SUAVE ========= */
.service-hover-effect .shine {
  position: absolute;
  top: -75%;
  left: -60%;
  width: 50%;
  height: 200%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(0, 84, 253, 0.35),
    transparent
  );
  transform: skewX(-25deg);
  opacity: 0;
  pointer-events: none;
}

.service-hover-effect:hover .shine {
  animation: slideShine 0.9s ease forwards;
  opacity: 1;
}

@keyframes slideShine {
  from { left: -60%; }
  to { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-69dbe1b *//* BOTÓN CARGA HORIZONTAL AZUL */
.btn-carga-horizontal {
  position: relative;
  overflow: hidden;
  border-radius: 0px;
}

/* TEXTO */
.btn-carga-horizontal .elementor-button-text {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}

/* CAPA DE CARGA */
.btn-carga-horizontal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #0054FD,
    #1e6bff
  );
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s ease;
  z-index: 1;
}

/* HOVER */
.btn-carga-horizontal:hover::before {
  transform: scaleX(1);
}

.btn-carga-horizontal:hover .elementor-button-text {
  color: #ffffff;
}

/* EFECTO PRO */
.btn-carga-horizontal:hover {
  box-shadow: 0 12px 32px rgba(0, 84, 253, 0.45);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9e3d8a3 *//* ========= CONTENEDOR SERVICE CARD ========= */
.service-hover-effect {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.45s ease;
}

/* ZOOM SUAVE */
.service-hover-effect:hover {
  transform: scale(1.02);
}

/* ========= IMAGEN ========= */
.service-hover-effect img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.45s ease, filter 0.45s ease;
}

.service-hover-effect:hover img {
  transform: scale(1.08);
  filter: brightness(1.08);
}

/* ========= OVERLAY OSCURO SUAVE ========= */
.service-hover-effect::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.22);
  opacity: 0;
  transition: opacity 0.45s ease;
}

.service-hover-effect:hover::before {
  opacity: 1;
}

/* ========= LINEA AZUL ABAJO ========= */
.service-hover-effect::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 3px;
  background: #0054FD;
  transition: width 0.4s ease;
}

.service-hover-effect:hover::after {
  width: 100%;
}

/* ========= DESTELLO SUAVE ========= */
.service-hover-effect .shine {
  position: absolute;
  top: -75%;
  left: -60%;
  width: 50%;
  height: 200%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(0, 84, 253, 0.35),
    transparent
  );
  transform: skewX(-25deg);
  opacity: 0;
  pointer-events: none;
}

.service-hover-effect:hover .shine {
  animation: slideShine 0.9s ease forwards;
  opacity: 1;
}

@keyframes slideShine {
  from { left: -60%; }
  to { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1b06037 *//* BOTÓN CARGA HORIZONTAL AZUL */
.btn-carga-horizontal {
  position: relative;
  overflow: hidden;
  border-radius: 0px;
}

/* TEXTO */
.btn-carga-horizontal .elementor-button-text {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}

/* CAPA DE CARGA */
.btn-carga-horizontal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #0054FD,
    #1e6bff
  );
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s ease;
  z-index: 1;
}

/* HOVER */
.btn-carga-horizontal:hover::before {
  transform: scaleX(1);
}

.btn-carga-horizontal:hover .elementor-button-text {
  color: #ffffff;
}

/* EFECTO PRO */
.btn-carga-horizontal:hover {
  box-shadow: 0 12px 32px rgba(0, 84, 253, 0.45);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c4a428 *//* ========= CONTENEDOR SERVICE CARD ========= */
.service-hover-effect {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.45s ease;
}

/* ZOOM SUAVE */
.service-hover-effect:hover {
  transform: scale(1.02);
}

/* ========= IMAGEN ========= */
.service-hover-effect img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.45s ease, filter 0.45s ease;
}

.service-hover-effect:hover img {
  transform: scale(1.08);
  filter: brightness(1.08);
}

/* ========= OVERLAY OSCURO SUAVE ========= */
.service-hover-effect::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.22);
  opacity: 0;
  transition: opacity 0.45s ease;
}

.service-hover-effect:hover::before {
  opacity: 1;
}

/* ========= LINEA AZUL ABAJO ========= */
.service-hover-effect::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 3px;
  background: #0054FD;
  transition: width 0.4s ease;
}

.service-hover-effect:hover::after {
  width: 100%;
}

/* ========= DESTELLO SUAVE ========= */
.service-hover-effect .shine {
  position: absolute;
  top: -75%;
  left: -60%;
  width: 50%;
  height: 200%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(0, 84, 253, 0.35),
    transparent
  );
  transform: skewX(-25deg);
  opacity: 0;
  pointer-events: none;
}

.service-hover-effect:hover .shine {
  animation: slideShine 0.9s ease forwards;
  opacity: 1;
}

@keyframes slideShine {
  from { left: -60%; }
  to { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ecfaa06 *//* BOTÓN CARGA HORIZONTAL AZUL */
.btn-carga-horizontal {
  position: relative;
  overflow: hidden;
  border-radius: 0px;
}

/* TEXTO */
.btn-carga-horizontal .elementor-button-text {
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}

/* CAPA DE CARGA */
.btn-carga-horizontal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #0054FD,
    #1e6bff
  );
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s ease;
  z-index: 1;
}

/* HOVER */
.btn-carga-horizontal:hover::before {
  transform: scaleX(1);
}

.btn-carga-horizontal:hover .elementor-button-text {
  color: #ffffff;
}

/* EFECTO PRO */
.btn-carga-horizontal:hover {
  box-shadow: 0 12px 32px rgba(0, 84, 253, 0.45);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}/* End custom CSS */