.elementor-382 .elementor-element.elementor-element-25019c8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-382 .elementor-element.elementor-element-25019c8:not(.elementor-motion-effects-element-type-background), .elementor-382 .elementor-element.elementor-element-25019c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0bb879f );}.elementor-382 .elementor-element.elementor-element-95b13bc{--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;}.elementor-382 .elementor-element.elementor-element-65a71ba{--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;}.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-382 .elementor-element.elementor-element-557dc61{text-align:center;}.elementor-382 .elementor-element.elementor-element-557dc61 .elementor-heading-title{font-family:"Titulos", Sans-serif;font-size:45px;font-weight:400;color:#FFFFFF;}.elementor-382 .elementor-element.elementor-element-4a6b81a{text-align:center;}.elementor-382 .elementor-element.elementor-element-4a6b81a .elementor-heading-title{font-family:"Textos", Sans-serif;font-size:20px;font-weight:400;font-style:italic;color:#FFFFFF;}.elementor-382 .elementor-element.elementor-element-b6a4968{--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;}.elementor-382 .elementor-element.elementor-element-65ab1eb{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-382 .elementor-element.elementor-element-65ab1eb:not(.elementor-motion-effects-element-type-background), .elementor-382 .elementor-element.elementor-element-65ab1eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0bb879f );}.elementor-382 .elementor-element.elementor-element-58d3d68{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-382 .elementor-element.elementor-element-5ba1425{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-382 .elementor-element.elementor-element-c84edcf{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-382 .elementor-element.elementor-element-b3c53f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-382 .elementor-element.elementor-element-9041404{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-382 .elementor-element.elementor-element-f4046a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-382 .elementor-element.elementor-element-3194d7c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-382 .elementor-element.elementor-element-637a5a2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-382 .elementor-element.elementor-element-25019c8{--width:100%;}.elementor-382 .elementor-element.elementor-element-95b13bc{--width:25%;}.elementor-382 .elementor-element.elementor-element-65a71ba{--width:50%;}.elementor-382 .elementor-element.elementor-element-b6a4968{--width:25%;}.elementor-382 .elementor-element.elementor-element-65ab1eb{--width:100%;}.elementor-382 .elementor-element.elementor-element-58d3d68{--width:25%;}.elementor-382 .elementor-element.elementor-element-c84edcf{--width:25%;}.elementor-382 .elementor-element.elementor-element-9041404{--width:25%;}.elementor-382 .elementor-element.elementor-element-3194d7c{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-382 .elementor-element.elementor-element-95b13bc{--width:20%;}.elementor-382 .elementor-element.elementor-element-65a71ba{--width:60%;}.elementor-382 .elementor-element.elementor-element-b6a4968{--width:20%;}.elementor-382 .elementor-element.elementor-element-58d3d68{--width:25%;}.elementor-382 .elementor-element.elementor-element-c84edcf{--width:25%;}.elementor-382 .elementor-element.elementor-element-9041404{--width:25%;}.elementor-382 .elementor-element.elementor-element-3194d7c{--width:25%;}}@media(max-width:1024px){.elementor-382 .elementor-element.elementor-element-25019c8{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-382 .elementor-element.elementor-element-5ba1425{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-382 .elementor-element.elementor-element-b3c53f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-382 .elementor-element.elementor-element-25019c8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-382 .elementor-element.elementor-element-557dc61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:70px 0px 0px 0px;}.elementor-382 .elementor-element.elementor-element-557dc61 .elementor-heading-title{font-size:40px;}.elementor-382 .elementor-element.elementor-element-4a6b81a .elementor-heading-title{font-size:18px;}.elementor-382 .elementor-element.elementor-element-65ab1eb{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--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-382 .elementor-element.elementor-element-58d3d68{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-382 .elementor-element.elementor-element-5ba1425{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-382 .elementor-element.elementor-element-c84edcf{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-382 .elementor-element.elementor-element-9041404{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-382 .elementor-element.elementor-element-3194d7c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-5ba1425 *//* =====================================
   FLOW CURVE RESPONSIVE — BR1 PERFORMANCE
   ===================================== */

/* CONTENEDOR PADRE */

.circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle .step-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  z-index: 3;
}

/* Ícono opcional debajo del número */
.circle i {
  font-size: 24px;
  opacity: .35;
  color: #fff;
}

.flow-curve {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  padding: 40px 10px;
  position: relative;
}



/* LÍNEA CURVA HORIZONTAL (alineada al centro del círculo) */
.flow-curve::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 115px; /* ESTA es la única válida */
  height: 3px;
  background: linear-gradient(90deg, #d81f1f, #ff3a3a);
  border-radius: 80px;
  z-index: 0;
}

/* PASO */
margin-top: 55px;
.flow-step {
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 220px;
}

/* NÚMERO */
.flow-step .step-number {
  font-size: 32px;
  font-weight: 700;
  font-family: "TITULOS";
  color: #fff;
  margin-bottom: 8px;
  display: block;
}

/* CÍRCULO */
.flow-step .circle {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 3px solid #d81f1f;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0f0f0f;
  margin: 0 auto 12px;
  transition: all .35s ease;
}

/* HOVER */
.flow-step:hover .circle {
  transform: translateY(-6px);
  box-shadow: 0 0 20px rgba(216,31,31,0.45);
}

/* FLECHAS (horizontal) */
.flow-step::after {
  content: "→";
  position: absolute;
  top: 130px; /* alineada exacto con la línea */
  right: -35px;
  color: #fff;
  font-size: 20px;
  opacity: .35;
  
  
}

/* Último paso sin flecha */
.flow-step:last-child::after {
  display: none;
}

/* TEXTO */
.flow-step h4 {
  font-size: 20px; /* antes 16px */
  font-weight: 700;
  margin-bottom: 8px;
  color: white;
  margin-top:20px;
}


.flow-step p {
  font-size: 15px; /* antes 12px */
  line-height: 1.55;
  opacity: .85; /* más legible */
  color: white;
}



/* ============================================
   RESPONSIVE PARA CELULAR — FLUJO VERTICAL
   ============================================ */

@media (max-width: 767px) {
  
  .flow-curve {
    flex-direction: column;
    align-items: center;
    gap: 35px;
  }

  /* SIN LÍNEA HORIZONTAL */
  .flow-curve::before {
    display:none;
  }

  /* Flecha hacia abajo */
  .flow-step::after {
    content: "↓";
    top: auto;
    bottom: -30px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    
  }

  .flow-step:last-child::after {
    display: none;
  }

  /* Tamaños para móvil */
  .flow-step {
    
    max-width: 300px;
  }

  .flow-step .circle {
    width: 75px;
    height: 75px;
  }

  .flow-step .step-number {
    font-size: 26px;
  }

  .flow-step h4 {
    
    font-size: 22px;
  }

  .flow-step p {
     font-size: 15px;
    line-height: 1.6;
  }
}

/* Alinear título con el círculo de forma estable */
.flow-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.flow-step h4 {
  margin-top: 18px; /* separa el título del círculo */
  text-align: center;
  line-height: 1.2;
}/* End custom CSS */