.elementor-981 .elementor-element.elementor-element-8c36bbe > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-981 .elementor-element.elementor-element-8c36bbe{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-primary );margin-top:-22px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-981 .elementor-element.elementor-element-a1dbe6d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-981 .elementor-element.elementor-element-a1dbe6d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-981 .elementor-element.elementor-element-a1dbe6d.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.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-981 .elementor-element.elementor-element-1f9ac81{text-align:center;}.elementor-981 .elementor-element.elementor-element-1f9ac81 img{width:100%;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for section, class: .elementor-element-8c36bbe *//* === Curva suave inferior en el banner === */
.curva-banner {
  position: relative;
  overflow: hidden;

  /* 🔸 Controla la forma de la curva:
     ellipse(ANCHO ALTURA at POSICION-X POSICION-Y)
     - 100% = ancho total
     - 90%  = altura (más bajo = curva más pronunciada)
     - at 50% 0% = centra la curva y la ancla abajo
  */
  clip-path: ellipse(100% 90% at 50% 0%);
}

/* === Borde inferior que sigue la curvatura === */
.curva-banner::after {
  content: "";
  position: absolute;
  inset: 0; /* cubre todo el banner */
  z-index: 2;

  /* 🔸 Mismo recorte que el banner, pero invertido visualmente para formar el borde */
  clip-path: ellipse(100% 90% at 50% 0%);

  /* 🔹 Grosor del borde (ajústalo con el valor de 'height' del gradiente) */
  background: 
    radial-gradient(
      ellipse 100% 90% at 50% 0%, 
      transparent calc(100% - 10px),  /* 3px = grosor del borde */
      #1A2169 calc(100% - 1px)
    );
  pointer-events: none; /* no interfiere con clics o interacciones */
}/* End custom CSS */