:root {
  --white: white;
  --azul-epesa: #023e84;
  --verde-oscuro-epesa: #379e32;
  --verde-epesa: #a0c96d;
  --blanco-20: rgba(255, 255, 255, .15);
  --celeste-mas-claro-epesa: #ecf5fc;
  --azul-medio-epesa: #008ecf;
  --black: black;
  --celeste-claro-epesa: #86c2eb;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.menu-movil-abrir {
  border: 2px solid #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 40px;
  display: none;
}

.nav-bar {
  background-image: linear-gradient(113deg, #033e84, rgba(3, 62, 132, .4) 22%, rgba(2, 62, 132, 0) 57%);
  border-bottom: 2px solid rgba(255, 255, 255, .2);
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 0 20px;
  display: flex;
}

.epesa-logotipo {
  width: auto;
  max-width: none;
}

.button {
  border: 2px solid var(--white);
  background-color: var(--white);
  color: var(--azul-epesa);
  text-transform: uppercase;
  border-radius: 5px;
  height: 45px;
  margin-left: 15px;
  font-family: Outfit, sans-serif;
}

.button:hover {
  border-color: var(--verde-oscuro-epesa);
  background-color: var(--verde-oscuro-epesa);
  color: var(--white);
}

.enlaces-nav {
  color: #fff;
  text-transform: uppercase;
  padding: 10px;
  font-family: Outfit, sans-serif;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.enlaces-nav:hover {
  outline-offset: 0px;
  color: var(--verde-epesa);
  border: 1px #000;
  outline: 3px #a0c96d;
}

.contenedor-video-hero {
  z-index: -5;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 610px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.background-video {
  width: 100%;
  height: 100%;
}

.contenedor-elemntos-hero {
  background-image: linear-gradient(120deg, rgba(3, 62, 132, .9) 22%, rgba(255, 255, 255, 0) 70%);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 530px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.contenedor-nav {
  justify-content: space-between;
  align-items: center;
  width: 500px;
  height: auto;
  display: flex;
}

.contenedor-nav:hover {
  width: 500px;
}

.heading {
  color: var(--white);
  text-transform: none;
  font-family: Unbounded, sans-serif;
  font-size: 32px;
  line-height: 40px;
}

.contenedor-h1 {
  width: 500px;
}

.heading-2 {
  color: var(--white);
  width: 360px;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.grafico-linea-verde {
  margin-top: 30px;
  margin-bottom: 10px;
}

.grafico-linea-verde.especialidades {
  margin-top: 10px;
  margin-bottom: 20px;
}

.heading-3 {
  color: #088739;
  text-transform: uppercase;
  font-family: Outfit, sans-serif;
  font-size: 18px;
  display: block;
}

.container {
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.somos-lideres {
  margin-left: auto;
  margin-right: auto;
}

.div-block {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 90px;
  display: flex;
}

.heading-4 {
  color: var(--azul-epesa);
  margin-top: 0;
  font-family: Unbounded, sans-serif;
  font-size: 30px;
  line-height: 35px;
}

.paragraph {
  width: auto;
  font-family: Outfit, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.image-3 {
  margin-bottom: -100px;
  margin-right: 20px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.cell {
  justify-content: flex-start;
  align-items: center;
}

.raya-verde {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
}

.image-4 {
  width: 90%;
}

.heading-5 {
  color: var(--azul-epesa);
  font-family: Unbounded, sans-serif;
  font-size: 23px;
  line-height: 28px;
}

.textos-destacados {
  color: #333;
  font-family: Outfit, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.imagen-destacada {
  margin-top: 20px;
  margin-bottom: 40px;
}

.quick-stack {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.paragraph-2 {
  color: #333;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.section-2 {
  background-image: url('../images/epesa-trama-abajo.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1400px;
  padding-bottom: 100px;
}

.footer {
  background-image: url('../images/epesa-fondo-footer.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1450px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.div-block-2 {
  border-style: solid none;
  border-width: 2px;
  border-color: var(--blanco-20) var(--blanco-20) var(--blanco-20) var(--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.contenedor-elementos-footer {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.text-block-3 {
  color: var(--white);
  margin-right: 15px;
  font-family: Outfit, sans-serif;
  font-size: 14px;
}

.enlaces-con-boton-footer {
  border: 2px solid var(--white);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 180px;
  height: 40px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.enlaces-con-boton-footer:hover {
  background-color: var(--azul-epesa);
}

.text-block-4 {
  color: var(--white);
  margin-left: 10px;
  font-family: Outfit, sans-serif;
  text-decoration: none;
}

.image-5 {
  flex: 0 auto;
  padding: 20px;
  display: block;
}

.contenedor-telefonos, .contenedor-direccion {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.text-block-5 {
  color: var(--white);
  width: 350px;
  margin-right: 10px;
  font-family: Outfit, sans-serif;
  font-size: 14px;
}

.contenedor-copyright-footer {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin: 40px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.copyright-footer {
  color: var(--white);
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 12px;
}

.contenedor-nav-movil {
  display: none;
  position: absolute;
}

.penguin-logotipo {
  width: auto;
  max-width: none;
}

.menu-movil-cerrar {
  border: 2px solid #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 40px;
  display: flex;
  position: relative;
}

.contenedor-redes-sociales {
  display: flex;
  position: relative;
}

.link-block {
  margin: 20px;
}

.vinculo-movil.deskt {
  width: 110px;
}

.link-block-2 {
  width: 100%;
  display: flex;
}

.quick-stack-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
}

.cell-2 {
  justify-content: center;
  align-items: center;
}

.areas-de-actuacion {
  width: auto;
  margin-top: 20px;
}

.enlaces-areas {
  justify-content: space-between;
  align-items: center;
  width: 300px;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.enlaces-areas:hover {
  background-color: var(--celeste-mas-claro-epesa);
  border-radius: 5px;
}

.areas-textos {
  color: var(--azul-epesa);
  margin-left: 20px;
  font-family: Outfit, sans-serif;
  font-size: 17px;
}

.contenedor-iso-texto {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-7 {
  width: 350px;
  position: relative;
}

.quick-stack-3 {
  padding: 0;
}

.cell-3 {
  padding-right: 40px;
}

.hero-lineas-y-redes-electricas {
  width: 100%;
  height: 100%;
}

.contenedor-elemntos-hero-interna {
  background-image: linear-gradient(120deg, rgba(236, 103, 109, .8) 22%, rgba(255, 255, 255, 0) 70%);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 310px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.contenedor-elemntos-hero-interna.lineas-y-redes-electricas {
  background-image: linear-gradient(120deg, rgba(0, 142, 208, .75) 22%, rgba(255, 255, 255, 0) 70%);
}

.contenedor-elemntos-hero-interna.facility-managment {
  background-image: linear-gradient(120deg, rgba(131, 31, 130, .75) 22%, rgba(255, 255, 255, 0) 70%);
}

.contenedor-elemntos-hero-interna.instalaciones-electricas {
  background-image: linear-gradient(120deg, #027f84 22%, rgba(255, 255, 255, 0) 70%);
}

.contenedor-elemntos-hero-interna.proyectos-y-consultoria {
  background-image: linear-gradient(120deg, #fab002 22%, rgba(255, 255, 255, 0) 70%);
}

.contenedor-elemntos-hero-interna.infraestructura-tic {
  background-image: linear-gradient(120deg, rgba(239, 125, 1, .8) 22%, rgba(255, 255, 255, 0) 70%);
}

.contenedor-elemntos-hero-interna.productos-especializados {
  background-image: linear-gradient(120deg, rgba(238, 103, 110, .8) 22%, rgba(255, 255, 255, 0) 70%);
}

.contenedor-elemntos-hero-interna.areas {
  background-image: linear-gradient(120deg, rgba(2, 62, 132, .8) 22%, rgba(255, 255, 255, 0) 70%);
}

.fondo-video-internas {
  z-index: -5;
  background-color: #008ecf;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 390px;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.contenedor-h1-internas {
  width: auto;
}

.grilla-intro-internas {
  padding-left: 0;
  padding-right: 0;
}

.section-4 {
  padding-top: 140px;
}

.intros-areas-de-actuacion {
  font-family: Outfit, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.foto-continua {
  background-image: url('../images/sub-hero-lineas-y-redes-electricas_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1460px;
  height: 515px;
  margin-top: 100px;
  margin-bottom: 100px;
}

.foto-continua.instalaciones-electricas {
  background-image: url('../images/sub-hero-linstalaciones-electricas_1.webp');
}

.foto-continua.facility-managment {
  background-image: url('../images/sub-hero-facility-managment_1.webp');
}

.foto-continua.proyectos-y-consultoria {
  background-image: url('../images/sub-hero-proyectos-y-consultoria_1.webp');
}

.foto-continua.infraestructura-tic {
  background-image: url('../images/sub-hero-infraestructura-tic_1.webp');
}

.foto-continua.productos-especializados {
  background-image: url('../images/sub-hero-productos-especilizados_1.webp');
}

.heading-6 {
  color: var(--azul-epesa);
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.servicios-grilla {
  margin-top: 60px;
  margin-bottom: 100px;
}

.detalle-servicio-fondo {
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 200px;
  padding: 35px;
  display: flex;
  box-shadow: 0 0 30px #86c2eb;
}

.textos-detalle-servicios {
  font-family: Outfit, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.separador-epesa {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.separador-linea-color {
  background-color: var(--azul-medio-epesa);
  width: 50%;
  height: 8px;
}

.separador-linea-color.izquierda {
  background-color: #ed676d;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.separador-linea-color.izquierda.instalaciones-electricas {
  background-color: #00aba0;
}

.separador-linea-color.derecha {
  background-color: #ee676d;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.separador-linea-color.derecha.instalaciones-electricas {
  background-color: #00aba0;
}

.logo-separador {
  margin-left: 100px;
  margin-right: 100px;
}

.section-5 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.heading-7 {
  color: var(--azul-epesa);
  font-family: Unbounded, sans-serif;
  font-size: 22px;
}

.banner-footer {
  background-color: #c9edfd;
  justify-content: space-between;
  align-items: center;
  margin-left: 100px;
  margin-right: 100px;
  display: flex;
}

.banner-calidad-footer-texto {
  color: var(--azul-epesa);
  margin-left: 40px;
  margin-right: 20px;
  font-family: Unbounded, sans-serif;
  font-size: 30px;
  line-height: 35px;
}

.pre-footer-internas-con-banner {
  background-image: url('../images/epesa-trama-abajo.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1400px;
  padding-bottom: 100px;
}

.pre-footer-internas-con-banner.areas {
  height: 150px;
}

.hero-facility-managment, .hero-proyectos-y-consultoria, .hero-infraestructura-tic, .hero-productos-especializados {
  width: 100%;
  height: 100%;
}

.separador-linea-color-lineas-y-redes-electricas {
  background-color: var(--azul-medio-epesa);
  width: 50%;
  height: 8px;
}

.separador-linea-color-lineas-y-redes-electricas.izquierda {
  background-color: #008ecf;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.separador-linea-color-lineas-y-redes-electricas.derecha {
  background-color: #008ed0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.separador-linea-color-facility-managment {
  background-color: #ad4d97;
  width: 50%;
  height: 8px;
}

.separador-linea-color-facility-managment.izquierda {
  background-color: #ad4d97;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.separador-linea-color-facility-managment.derecha {
  background-color: #ad4d97;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.separador-linea-color-proyectos-y-consultoria {
  background-color: #fed503;
  width: 50%;
  height: 8px;
}

.separador-linea-color-proyectos-y-consultoria.izquierda {
  background-color: #fed503;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.separador-linea-color-proyectos-y-consultoria.derecha {
  background-color: #fed503;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.separador-linea-color-infraestructura-tic {
  background-color: #ef7d01;
  width: 50%;
  height: 8px;
}

.separador-linea-color-infraestructura-tic.izquierda {
  background-color: #ef7d01;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.separador-linea-color-infraestructura-tic.derecha {
  background-color: #ef7d01;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.enlaces-a-areas {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.quick-stack-4 {
  grid-column-gap: 63px;
  grid-row-gap: 63px;
  margin-top: 80px;
}

.gerentes-epesa {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.gerentes-epesa.sello {
  justify-content: center;
  align-items: center;
}

.textos-gerentes-epesa {
  color: var(--azul-epesa);
  margin-top: 10px;
  font-family: Outfit, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.quick-stack-5 {
  margin-top: 60px;
}

.fondo-con-imagen {
  z-index: -5;
  background-color: #008ecf;
  background-image: url('../images/fondo-plana-gerencial.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 390px;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.cell-5 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
}

.contenedor-telefonos-contacto {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.direccion-contacto {
  color: var(--azul-epesa);
  text-align: left;
  margin-bottom: 20px;
  margin-right: 15px;
  font-family: Outfit, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.enlaces-con-boton-contacto {
  border: 2px solid var(--azul-epesa);
  background-color: var(--azul-epesa);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 200px;
  height: 40px;
  margin: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.enlaces-con-boton-contacto:hover {
  border-color: var(--verde-oscuro-epesa);
  background-color: var(--verde-oscuro-epesa);
}

.telefono-contacto {
  color: var(--azul-epesa);
  margin-bottom: 10px;
  margin-right: 15px;
  font-family: Outfit, sans-serif;
  font-size: 16px;
}

.image-6 {
  margin-bottom: 15px;
}

.textos-numeros {
  color: var(--white);
  margin-left: 10px;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.contacto-contenedor {
  margin-top: 40px;
  margin-bottom: 40px;
}

.cell-6 {
  justify-content: center;
  align-items: center;
}

.html-embed-2, .html-embed-3 {
  display: none;
}

.cell-7 {
  justify-content: center;
  align-items: flex-end;
}

.enlace-red-footer {
  border: 2px none var(--white);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  display: flex;
}

.background-video-2 {
  border-radius: 10px;
}

.image-9 {
  margin: 10px 20px;
}

.iso-sgs-contenedor {
  background-color: #fff;
  border: 1px #b7b7b7;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 30px 10px 10px;
  display: flex;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
}

.iso-sgs-contenedor:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.texto-id-iso {
  padding-top: 0;
  padding-bottom: 10px;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.iso-sgs-tbn {
  text-align: center;
  text-transform: uppercase;
  background-color: #f26f39;
  border-radius: 5px;
}

.iso-sgs-tbn:hover {
  background-color: #041e41;
}

.seccion-sgs-iso {
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .menu-movil-abrir {
    flex-flow: row;
    width: auto;
    display: flex;
  }

  .nav-bar {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    text-decoration: none;
  }

  .epesa-logotipo {
    width: auto;
  }

  .button {
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .enlaces-nav {
    color: #fff;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
  }

  .contenedor-elemntos-hero {
    background-image: linear-gradient(120deg, rgba(3, 62, 132, .7) 22%, rgba(255, 255, 255, 0) 70%);
    justify-content: space-around;
  }

  .contenedor-nav {
    display: none;
  }

  .heading {
    font-size: 28px;
  }

  .contenedor-h1 {
    width: 250px;
  }

  .image-2 {
    max-width: none;
    margin-left: 10px;
    margin-right: 10px;
  }

  .paragraph {
    width: auto;
  }

  .heading-5 {
    font-size: 21px;
  }

  .textos-destacados {
    font-size: 16px;
    line-height: 25px;
  }

  .section-2 {
    display: block;
  }

  .footer {
    background-position: 50% 0;
    background-size: cover;
    margin-bottom: 0;
  }

  .div-block-2 {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contenedor-elementos-footer {
    flex-flow: column;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .contenedor-telefonos {
    width: 100%;
  }

  .contenedor-direccion {
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
  }

  .text-block-5 {
    text-align: center;
    width: 500px;
    margin-bottom: 20px;
  }

  .contenedor-copyright-footer {
    flex-flow: column;
    margin-bottom: 0;
  }

  .copyright-footer {
    text-align: center;
    margin-bottom: 0;
  }

  .enlace-movil {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Unbounded, sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 30px;
    text-decoration: none;
  }

  .enlace-movil:hover {
    color: var(--verde-epesa);
    text-transform: uppercase;
  }

  .enlace-movil.w--current {
    font-size: 18px;
  }

  .enlace-movil.top {
    margin-top: 0;
    font-size: 18px;
  }

  .enlace-movil.top.w--current {
    margin-top: 20px;
  }

  .contenedor-nav-movil {
    z-index: 10;
    background-color: var(--azul-epesa);
    background-image: linear-gradient(to bottom, var(--azul-epesa), var(--azul-epesa)), url('../images/epesa-fondo-footer.jpg');
    background-position: 0 0, 50% 100%;
    background-size: auto, auto;
    flex-direction: column;
    text-decoration: none;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .textos-direccion {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
  }

  .penguin-logotipo {
    width: auto;
  }

  .menu-movil-cerrar {
    display: flex;
  }

  .contenedor-redes-sociales {
    justify-content: space-around;
    width: 80%;
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
  }

  .btn-direccion-tel {
    border: 2px solid #fff;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    width: 300px;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: flex;
  }

  .enlace-red-social {
    background-color: var(--white);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    display: flex;
  }

  .seccion-menu-movil {
    background-color: var(--azul-epesa);
    background-image: url('../images/epesa-fondo-footer.jpg');
    background-position: 50% 110%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding: 40px 40px 35px;
    font-family: PT Sans, sans-serif;
    display: flex;
  }

  .text-block-10 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .text-block-6 {
    color: #fff;
  }

  .vinculo-movil.deskt {
    width: 70px;
  }

  .link-block-2 {
    justify-content: center;
    align-items: center;
  }

  .areas-de-actuacion {
    width: 100%;
  }

  .contenedor-elemntos-hero-interna {
    background-image: linear-gradient(120deg, rgba(3, 62, 132, .7) 22%, rgba(255, 255, 255, 0) 70%);
    justify-content: space-around;
    padding-left: 10px;
    padding-right: 10px;
  }

  .contenedor-h1-internas {
    width: auto;
  }

  .banner-footer {
    margin-left: 20px;
    margin-right: 20px;
  }

  .banner-calidad-footer-texto {
    margin-right: 20px;
    font-size: 22px;
    line-height: 25px;
  }

  .pre-footer-internas-con-banner {
    display: block;
  }

  .contenedor-telefonos-contacto {
    width: 100%;
  }

  .html-embed {
    display: none;
  }

  .cell-6 {
    justify-content: center;
    align-items: center;
  }

  .html-embed-2 {
    display: flex;
  }

  .html-embed-3 {
    display: none;
  }

  .cell-7 {
    justify-content: center;
    align-items: center;
  }

  .enlace-red-footer {
    border: 2px solid var(--white);
    background-color: rgba(255, 255, 255, 0);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    padding: 0;
    display: flex;
  }

  .titulos-direcciones-tel-movil-2 {
    color: var(--white);
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 15px;
    font-family: Unbounded, sans-serif;
    font-size: 20px;
    display: flex;
  }

  .texto-cierre-menu-movil-2 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .copyright-movil-2 {
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
    font-family: Outfit, sans-serif;
    font-size: 12px;
  }

  .iso-sgs-contenedor {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .menu-movil-abrir {
    display: flex;
  }

  .epesa-logotipo {
    width: auto;
  }

  .button, .enlaces-nav {
    display: none;
  }

  .contenedor-elemntos-hero {
    background-image: linear-gradient(120deg, rgba(3, 62, 132, .7) 22%, rgba(255, 255, 255, 0) 70%);
    justify-content: space-around;
  }

  .heading {
    font-size: 30px;
  }

  .div-block {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-4 {
    width: 300px;
  }

  .paragraph {
    width: auto;
  }

  .image-3 {
    margin-bottom: -88px;
  }

  .imagen-destacada {
    margin-top: 20px;
  }

  .footer {
    height: auto;
  }

  .div-block-2 {
    flex-flow: column;
  }

  .text-block-3 {
    text-align: center;
    width: auto;
    margin-right: 0;
  }

  .enlaces-con-boton-footer {
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .contenedor-telefonos {
    flex-flow: column;
    width: 90%;
  }

  .contenedor-direccion {
    flex-flow: column;
    margin-left: 0;
    margin-right: 0;
  }

  .text-block-5 {
    width: auto;
  }

  .contenedor-copyright-footer {
    width: 100%;
  }

  .copyright-footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contenedor-nav-movil {
    display: none;
  }

  .textos-direccion {
    font-weight: 400;
  }

  .penguin-logotipo {
    width: auto;
  }

  .menu-movil-cerrar {
    display: flex;
  }

  .enlace-red-social {
    background-color: var(--white);
  }

  .seccion-menu-movil {
    padding-left: 40px;
    padding-right: 40px;
  }

  .areas-de-actuacion {
    width: 100%;
  }

  .enlaces-areas {
    width: auto;
  }

  .div-block-7, .cell-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contenedor-elemntos-hero-interna {
    background-image: linear-gradient(120deg, rgba(3, 62, 132, .7) 22%, rgba(255, 255, 255, 0) 70%);
    flex-flow: column;
    justify-content: space-around;
  }

  .contenedor-h1-internas {
    text-align: center;
  }

  .container-3 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .banner-footer {
    flex-flow: column;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 40px;
  }

  .banner-calidad-footer-texto {
    text-align: center;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .cell-5 {
    justify-content: flex-start;
    align-items: center;
  }

  .contenedor-telefonos-contacto {
    flex-flow: column;
    width: 90%;
  }

  .direccion-contacto {
    text-align: center;
    width: auto;
    margin-right: 0;
  }

  .enlaces-con-boton-contacto {
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .telefono-contacto {
    text-align: center;
    width: auto;
    margin-right: 0;
  }

  .cell-6 {
    justify-content: flex-start;
    align-items: center;
  }

  .html-embed-3 {
    display: none;
  }

  .cell-7 {
    justify-content: center;
    align-items: center;
  }

  .enlace-red-footer {
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #fff;
    padding: 0;
  }

  .copyright-movil-2 {
    margin-bottom: 40px;
  }

  .iso-sgs-contenedor {
    width: 70%;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .menu-movil-abrir {
    display: flex;
  }

  .epesa-logotipo {
    width: 180px;
  }

  .contenedor-video-hero {
    justify-content: center;
    align-items: center;
    height: 300px;
  }

  .contenedor-elemntos-hero {
    background-image: linear-gradient(to bottom, var(--azul-epesa), var(--azul-epesa));
    justify-content: space-around;
    height: auto;
    margin-top: 220px;
    padding: 10px 25px 40px;
  }

  .heading {
    color: var(--white);
    white-space: break-spaces;
    font-size: 20px;
    line-height: 28px;
  }

  .contenedor-h1 {
    width: auto;
  }

  .heading-2 {
    color: var(--white);
    width: auto;
    font-size: 17px;
  }

  .grafico-linea-verde {
    margin-top: 10px;
  }

  .grafico-linea-verde.especialidades {
    margin-bottom: 40px;
  }

  .heading-3 {
    text-align: center;
    margin-top: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .div-block {
    flex-flow: column;
    width: 80%;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-4 {
    width: auto;
    font-size: 25px;
    line-height: 30px;
  }

  .paragraph {
    font-size: 18px;
    line-height: 25px;
  }

  .image-3 {
    margin-right: 30px;
  }

  .raya-verde {
    margin-bottom: 40px;
  }

  .image-4 {
    height: 5px;
  }

  .heading-5 {
    font-size: 20px;
    line-height: 25px;
  }

  .imagen-destacada {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .quick-stack {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .contenedor-elementos-footer {
    justify-content: space-between;
    align-items: center;
  }

  .contenedor-telefonos {
    margin-top: 0;
  }

  .copyright-footer {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .enlace-movil, .enlace-movil.top.w--current {
    font-size: 16px;
  }

  .contenedor-nav-movil {
    display: none;
  }

  .penguin-logotipo {
    width: auto;
  }

  .menu-movil-cerrar {
    display: flex;
  }

  .contenedor-redes-sociales {
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    display: flex;
  }

  .btn-direccion-tel {
    margin-top: 30px;
    margin-bottom: 40px;
  }

  .enlace-red-social {
    background-color: var(--white);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .seccion-menu-movil {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-10 {
    color: #fff;
    margin-top: 10px;
  }

  .vinculo-movil.deskt {
    width: 65px;
  }

  .quick-stack-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .areas-de-actuacion {
    width: 100%;
    position: relative;
  }

  .enlaces-areas {
    width: 100%;
  }

  .areas-textos {
    margin-left: 10px;
    font-size: 16px;
  }

  .div-block-7 {
    width: 90%;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .quick-stack-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cell-3 {
    padding-right: 20px;
  }

  .contenedor-elemntos-hero-interna {
    background-image: linear-gradient(to bottom, var(--azul-epesa), var(--azul-epesa));
    justify-content: space-around;
    height: auto;
    margin-top: 220px;
    padding: 10px 25px 40px;
  }

  .contenedor-elemntos-hero-interna.lineas-y-redes-electricas {
    background-image: linear-gradient(120deg, rgba(0, 142, 208, .75) 22%, #0067b2 70%);
  }

  .contenedor-elemntos-hero-interna.facility-managment {
    background-image: linear-gradient(120deg, rgba(131, 31, 130, .75) 22%, #831f82 70%);
  }

  .contenedor-elemntos-hero-interna.instalaciones-electricas {
    background-image: linear-gradient(120deg, rgba(7, 172, 161, .8) 22%, #027f84 70%);
  }

  .contenedor-elemntos-hero-interna.areas {
    margin-top: 0;
    padding-bottom: 40px;
  }

  .fondo-video-internas {
    justify-content: center;
    align-items: center;
    height: 275px;
  }

  .contenedor-h1-internas {
    width: auto;
  }

  .section-4 {
    padding-top: 60px;
  }

  .intros-areas-de-actuacion {
    font-size: 16px;
    line-height: 25px;
  }

  .foto-continua {
    height: 400px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .servicios-grilla {
    margin-top: 20px;
  }

  .textos-detalle-servicios {
    font-size: 16px;
    line-height: 22px;
  }

  .container-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cell-4 {
    justify-content: center;
    align-items: flex-start;
  }

  .heading-7 {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner-footer {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 30px;
  }

  .pre-footer-internas-con-banner.areas {
    padding-bottom: 0;
  }

  .fondo-con-imagen {
    justify-content: center;
    align-items: center;
    height: 275px;
  }

  .contenedor-telefonos-contacto {
    margin-top: 0;
  }

  .cell-6 {
    display: flex;
  }

  .html-embed-2 {
    display: none;
  }

  .html-embed-3 {
    display: flex;
  }

  .quick-stack-6 {
    padding-bottom: 0;
  }

  .cell-7 {
    justify-content: center;
    align-items: center;
  }

  .enlace-red-footer {
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    display: flex;
  }

  .titulos-direcciones-tel-movil-2 {
    font-size: 18px;
  }

  .texto-cierre-menu-movil-2 {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .copyright-movil-2 {
    color: #fff;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .iso-sgs-contenedor {
    flex-flow: column;
    width: 75%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 10px;
  }

  .texto-id-iso {
    text-align: center;
  }
}

#w-node-_9659f5ff-6ed9-497e-27cd-261b2d55d5df-2843fca4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_29186886-7aab-8f24-01a3-8f826595805b-2843fca4 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_65e24f9c-0408-b700-20f2-b725a39559bf-a39559be {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
}

#w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-c853301a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-c853301a {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-65173ec0 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-65173ec0 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-df661ea1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-df661ea1 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-19977489 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-19977489 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-16a22b92 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-16a22b92 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-d537f303 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-d537f303 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_9772ccac-e421-734b-38b0-63fbf4c781df-17d82972 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b463a54f-c075-6a6f-5f8b-6ef8672c4c55-f8a39e8e {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_13d0de6c-36fe-b2eb-906a-f0622feeb1e5-a22d9d40 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_65e24f9c-0408-b700-20f2-b725a39559bf-a39559be {
    grid-template-rows: auto;
    grid-template-columns: .5fr;
  }

  #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-c853301a, #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-65173ec0, #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-df661ea1, #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-19977489, #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-16a22b92, #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-d537f303 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-b463a54f-c075-6a6f-5f8b-6ef8672c4c55-f8a39e8e {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_38037369-ea7a-31bb-34b3-5e37d579da69-f8a39e8e {
    order: 0;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9659f5ff-6ed9-497e-27cd-261b2d55d5df-2843fca4, #w-node-_29186886-7aab-8f24-01a3-8f826595805b-2843fca4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-c853301a, #w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-65173ec0, #w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-df661ea1, #w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-19977489, #w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-16a22b92, #w-node-_9e9e8b82-f3c7-61e5-f0b9-22d75944d65f-d537f303 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b463a54f-c075-6a6f-5f8b-6ef8672c4c55-f8a39e8e {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_13d0de6c-36fe-b2eb-906a-f0622feeb1e5-a22d9d40 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-c853301a, #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-65173ec0, #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-df661ea1, #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-19977489, #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-16a22b92, #w-node-_5e79cf7c-ebd5-6ef8-a42e-5705a36850ee-d537f303 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9772ccac-e421-734b-38b0-63fbf4c781df-17d82972 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-b463a54f-c075-6a6f-5f8b-6ef8672c4c55-f8a39e8e {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    display: grid;
  }
}