.elementor-152 .elementor-element.elementor-element-f925820{--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-152 .elementor-element.elementor-element-d92f585{--display:flex;}.elementor-152 .elementor-element.elementor-element-065e0dd{--display:flex;--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-end;--align-items:flex-start;}.elementor-152 .elementor-element.elementor-element-065e0dd:not(.elementor-motion-effects-element-type-background), .elementor-152 .elementor-element.elementor-element-065e0dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-152 .elementor-element.elementor-element-4601e45 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:800;}.elementor-152 .elementor-element.elementor-element-b477bcb{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-152 .elementor-element.elementor-element-d92f585{--content-width:1340px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-152 .elementor-element.elementor-element-4601e45 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for container, class: .elementor-element-065e0dd *//* ==========================================
   SR ENERGÍA — HERO PROYECTOS V3
   Elementor Pro + Hello Elementor
   Fondo dinámico + H1 integrado
   ========================================== */

/* CONTENEDOR HERO */

.elementor-152 .elementor-element.elementor-element-065e0dd {
  position: relative;
  isolation: isolate;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;

  width: 100%;
  max-width: 1340px;
  min-height: 490px;

  margin: 0 auto;
  padding: 48px 55px;

  box-sizing: border-box;
  overflow: hidden;

  background-color: #12314A;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;

  border-radius: 18px;

  font-family: "Manrope", sans-serif;
}

/* DEGRADADO SOBRE LA IMAGEN */

.elementor-152 .elementor-element.elementor-element-065e0dd::before {
  content: "";
  position: absolute;
  inset: 0;

  z-index: 0;
  pointer-events: none;

  background: linear-gradient(
    0deg,
    rgba(18,49,74,.96) 0%,
    rgba(18,49,74,.82) 20%,
    rgba(18,49,74,.38) 52%,
    rgba(18,49,74,.04) 88%
  );
}

/* WIDGETS POR ENCIMA DE LA IMAGEN */

.elementor-152 .elementor-element.elementor-element-065e0dd .sr-project-kicker,
.elementor-152 .elementor-element.elementor-element-065e0dd .sr-project-title {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 1050px;

  margin: 0 !important;
  padding: 0 !important;
}

/* ETIQUETA DEL PROYECTO */

.elementor-152 .elementor-element.elementor-element-065e0dd .sr-project-kicker
.elementor-heading-title {
  display: block;

  margin: 0 0 13px !important;
  padding: 0 !important;

  color: #B8EAC3 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;

  letter-spacing: .11em;
  text-transform: uppercase;
}

/* H1 DINÁMICO */

.elementor-152 .elementor-element.elementor-element-065e0dd .sr-project-title
.elementor-heading-title {
  display: block;

  width: 100%;
  max-width: 1050px;

  margin: 0 !important;
  padding: 0 !important;

  color: #FFFFFF !important;

  font-family: "Manrope", sans-serif !important;
  font-size: clamp(32px,3.4vw,48px) !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
  letter-spacing: -.035em;

  text-align: left !important;

  text-shadow: 0 2px 15px rgba(0,0,0,.14);
}

/* TABLET */

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-152 .elementor-element.elementor-element-065e0dd {
    min-height: 410px;
    padding: 36px;
    border-radius: 15px;
  }

  .elementor-152 .elementor-element.elementor-element-065e0dd .sr-project-title
  .elementor-heading-title {
    font-size: 36px !important;
  }
}

/* MÓVIL */

@media (max-width: 767px) {

  .elementor-152 .elementor-element.elementor-element-065e0dd {
    min-height: 390px;
    padding: 28px 22px;

    background-position: center center;
    border-radius: 13px;
  }

  .elementor-152 .elementor-element.elementor-element-065e0dd::before {
    background: linear-gradient(
      0deg,
      rgba(18,49,74,.98) 0%,
      rgba(18,49,74,.87) 35%,
      rgba(18,49,74,.28) 78%,
      transparent 100%
    );
  }

  .elementor-152 .elementor-element.elementor-element-065e0dd .sr-project-kicker
  .elementor-heading-title {
    font-size: 10px !important;
    line-height: 1.5 !important;
    letter-spacing: .07em;

    margin-bottom: 11px !important;
  }

  .elementor-152 .elementor-element.elementor-element-065e0dd .sr-project-title
  .elementor-heading-title {
    font-size: clamp(26px,7vw,34px) !important;
    line-height: 1.2 !important;
    letter-spacing: -.025em;
  }
}

/* MÓVILES PEQUEÑOS */

@media (max-width: 360px) {

  .elementor-152 .elementor-element.elementor-element-065e0dd {
    min-height: 365px;
    padding: 24px 18px;
  }

  .elementor-152 .elementor-element.elementor-element-065e0dd .sr-project-title
  .elementor-heading-title {
    font-size: 25px !important;
  }
}/* End custom CSS */