.elementor-26 .elementor-element.elementor-element-cc77182{--display:flex;--min-height:529px;--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-26 .elementor-element.elementor-element-cc77182:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-cc77182 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-26 .elementor-element.elementor-element-ea2bc57{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-26 .elementor-element.elementor-element-c3ec176{--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:space-between;--margin-top:-460px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-26 .elementor-element.elementor-element-bfc910b{--display:flex;--min-height:410px;--justify-content:center;}.elementor-26 .elementor-element.elementor-element-bfc910b:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-bfc910b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sotelodevweb.com/wp-content/uploads/2025/06/sotedev-movil.webp");}.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-26 .elementor-element.elementor-element-87dde5d{text-align:center;font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:800;color:#FFFFFF;}.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-26 .elementor-element.elementor-element-dceff47{text-align:center;}.elementor-26 .elementor-element.elementor-element-dceff47 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:600;color:#D4AF37;}.elementor-26 .elementor-element.elementor-element-dd7802a{text-align:center;font-family:"Inter Tight", Sans-serif;font-size:13px;font-weight:400;color:#FFFFFF;}.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-26 .elementor-element.elementor-element-0d378e1 .elementor-button{background-color:#D4AF37;font-family:"Inter Tight", Sans-serif;font-weight:500;fill:#000000;color:#000000;}.elementor-26 .elementor-element.elementor-element-d3ce8bd{--display:flex;--min-height:240px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-d3ce8bd:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-d3ce8bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sotelodevweb.com/wp-content/uploads/2025/06/sotedev-escritorio.webp");background-position:center center;background-repeat:no-repeat;}.elementor-26 .elementor-element.elementor-element-f99389c{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:left;font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:800;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-f99389c > .elementor-widget-container{margin:94px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-78ce63b{width:var( --container-widget-width, 286px );max-width:286px;--container-widget-width:286px;--container-widget-flex-grow:0;}.elementor-26 .elementor-element.elementor-element-78ce63b > .elementor-widget-container{margin:8px 0px 0px 79px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-78ce63b.elementor-element{--align-self:flex-start;}.elementor-26 .elementor-element.elementor-element-78ce63b .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:600;color:#D4AF37;}.elementor-26 .elementor-element.elementor-element-ced87b5{width:var( --container-widget-width, 315px );max-width:315px;--container-widget-width:315px;--container-widget-flex-grow:0;font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:400;line-height:12px;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-ced87b5 > .elementor-widget-container{margin:17px 0px 0px 42px;}.elementor-26 .elementor-element.elementor-element-4cc1eb9 .elementor-button{background-color:#D4AF37;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:500;fill:#000000;color:#000000;border-radius:5px 5px 5px 5px;}.elementor-26 .elementor-element.elementor-element-8628f8b{--display:flex;--min-height:1200px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26 .elementor-element.elementor-element-8628f8b:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-8628f8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(351deg, #333333 35%, #000000 75%);}.elementor-26 .elementor-element.elementor-element-6383f3d{--display:flex;}.elementor-26 .elementor-element.elementor-element-0af1e9d .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-weight:600;color:#D4AF37;}.elementor-26 .elementor-element.elementor-element-86414d4{--display:flex;--justify-content:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-ea2bc57 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-c3ec176{--min-height:901px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-300px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-bfc910b{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:11px 0px;--row-gap:11px;--column-gap:0px;}.elementor-26 .elementor-element.elementor-element-bfc910b:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-bfc910b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-26 .elementor-element.elementor-element-87dde5d > .elementor-widget-container{margin:-12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-dceff47{width:var( --container-widget-width, 155px );max-width:155px;--container-widget-width:155px;--container-widget-flex-grow:0;}.elementor-26 .elementor-element.elementor-element-dceff47 .elementor-heading-title{font-size:20px;}.elementor-26 .elementor-element.elementor-element-dd7802a{width:var( --container-widget-width, 177px );max-width:177px;--container-widget-width:177px;--container-widget-flex-grow:0;text-align:justify;font-size:14px;}.elementor-26 .elementor-element.elementor-element-dd7802a > .elementor-widget-container{margin:4px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-0d378e1 > .elementor-widget-container{margin:4px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-d3ce8bd{--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-d3ce8bd.e-con{--align-self:center;}.elementor-26 .elementor-element.elementor-element-f99389c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-26 .elementor-element.elementor-element-f99389c > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-f99389c.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-78ce63b{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;}.elementor-26 .elementor-element.elementor-element-78ce63b > .elementor-widget-container{margin:-9px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-78ce63b.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-ced87b5{width:var( --container-widget-width, 93% );max-width:93%;--container-widget-width:93%;--container-widget-flex-grow:0;}.elementor-26 .elementor-element.elementor-element-ced87b5 > .elementor-widget-container{margin:-8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-ced87b5.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-4cc1eb9 > .elementor-widget-container{margin:-34px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-4cc1eb9 .elementor-button{padding:10px 10px 10px 10px;}}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-cc77182{--width:100%;}.elementor-26 .elementor-element.elementor-element-bfc910b{--width:200px;}.elementor-26 .elementor-element.elementor-element-d3ce8bd{--width:390px;}}/* Start custom CSS for html, class: .elementor-element-ea2bc57 */.wrapper {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

.line-container {
  position: relative;
  width: 100%;
  height: 500px;
}

/* Línea horizontal del medio */
.line {
  position: absolute;
  top: 50%;
  height: 4px;
  background-color: #D4AF37;
  z-index: 1;
  overflow: visible;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}



/* Spark animado horizontal */
.spark {
  position: absolute;
  top: 50%;
  left: -30px;
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, #D4AF37 90%, transparent 80%);
  border-radius: 50%;
  filter: drop-shadow(0 0 8px #D4AF37);
  transform: translateY(-50%);
  animation: moveSpark 3s linear infinite;
  opacity: 0;
}

.middle .spark {
  animation-delay: 0s;
}

@keyframes moveSpark {
  0% {
    left: -30px;
    opacity: 0;
    filter: drop-shadow(0 0 0 #D4AF37);
  }
  10% {
    opacity: 1;
    filter: drop-shadow(0 0 10px #D4AF37);
  }
  90% {
    opacity: 1;
    filter: drop-shadow(0 0 10px #D4AF37);
  }
  100% {
    left: 98%;
    opacity: 0;
    filter: drop-shadow(0 0 0 #D4AF37);
  }
}

/* Responsive móvil: línea vertical con spark vertical */
@media (max-width: 768px) {
  .line-container {
    height: 300px;
  }

  .line {
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    margin-top: 300px;
    background-color: #D4AF37;
    transform: translateX(-50%);
  }



  .spark {
    top: -30px;
    left: 50%;
    width: 20px;
    height: 20px;
    background: radial-gradient(circle, #D4AF37 40%, transparent 80%);
    border-radius: 50%;
    filter: drop-shadow(0 0 8px #D4AF37);
    transform: translateX(-50%);
    animation: moveSparkVertical 3s linear infinite;
    opacity: 0;
  }

  @keyframes moveSparkVertical {
    0% {
      top: -30px;
      opacity: 0;
      filter: drop-shadow(0 0 0 #D4AF37);
    }
    10% {
      opacity: 1;
      filter: drop-shadow(0 0 10px #D4AF37);
    }
    90% {
      opacity: 1;
      filter: drop-shadow(0 0 10px #D4AF37);
    }
    100% {
      top: 100%;
      opacity: 0;
      filter: drop-shadow(0 0 0 #D4AF37);
    }
  }
}/* End custom CSS */