/**
 * Foundation for Sites by ZURB
 * Version 6.2.4
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900&display=swap");
.header {
  position: absolute;
  width: 100%;
  padding: 1.875rem;
  z-index: 1; }
  .header .logotipo {
    width: 10.625rem; }
  .header .abrir-menu {
    margin: 3.125rem 0;
    width: 4.375rem; }
    @media print, screen and (min-width: 40em) {
      .header .abrir-menu {
        float: right;
        margin: 3.125rem 3.125rem 0 0; } }

.bg-menu {
  position: absolute;
  right: 0;
  top: 0; }

.position-right {
  background: #133359;
  z-index: 3;
  padding-top: 10%; }
  @media print, screen and (min-width: 40em) {
    .position-right {
      width: 40rem;
      transform: translateX(40rem); } }
  .position-right .close-button {
    top: 1.25rem;
    right: 5%; }
    .position-right .close-button span {
      font-size: 3.125rem;
      color: #ffffff; }
  .position-right ul.menu li a {
    color: #ffffff;
    font-size: 1.125rem; }
    @media print, screen and (min-width: 40em) {
      .position-right ul.menu li a {
        font-size: 2.1875rem; } }
    .position-right ul.menu li a span {
      color: #299fd6;
      font-size: 1.125rem;
      transition: 0.3s;
      opacity: 0; }
      @media print, screen and (min-width: 40em) {
        .position-right ul.menu li a span {
          font-size: 2.1875rem; } }
    .position-right ul.menu li a:hover, .position-right ul.menu li a:active, .position-right ul.menu li a:focus {
      transition: 0.3s; }
      .position-right ul.menu li a:hover span, .position-right ul.menu li a:active span, .position-right ul.menu li a:focus span {
        opacity: 1; }
  .position-right .iconos {
    margin-top: 1.875rem; }
    .position-right .iconos a {
      font-size: 2.5rem;
      color: #299fd6;
      margin-left: 3.125rem; }

.mensaje {
  background: url("../img/bg-mensajes.jpg") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 20;
  top: 5%;
  width: 18.75rem;
  padding: 1.5625rem;
  border-radius: 1.25rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }
  @media print, screen and (min-width: 40em) {
    .mensaje {
      padding: 3.125rem;
      width: 37.5rem; } }
  .mensaje h3 {
    font-size: 1.375rem;
    line-height: 1.375rem;
    color: #133359; }
    @media screen and (max-width: 39.9375em) {
      .mensaje h3 {
        font-size: 1.125rem;
        line-height: 1.125rem; } }
  .mensaje p {
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    color: #133359; }
  .mensaje i {
    color: #133359; }
  .mensaje .fa-times {
    color: #133359;
    font-size: 1.25rem; }

.mensaje.success {
  border: 4px solid #00617d; }
  .mensaje.success h3, .mensaje.success .fa-times, .mensaje.success .iconos {
    color: #00617d; }

.mensaje.alert {
  border: 4px solid #e55a24; }
  .mensaje.alert h3, .mensaje.alert .fa-times, .mensaje.alert .iconos {
    color: #e55a24; }

h1, h2, h3, h4, h5 {
  font-family: 'Titillium Web', sans-serif; }
  h1.azul04, h2.azul04, h3.azul04, h4.azul04, h5.azul04 {
    color: #133359; }
  h1.azul05, h2.azul05, h3.azul05, h4.azul05, h5.azul05 {
    color: #102749; }

h1 {
  color: #ffffff;
  font-size: 1.875rem;
  line-height: 1.875rem;
  margin-bottom: 1.875rem; }
  @media print, screen and (min-width: 40em) {
    h1 {
      font-size: 3.125rem;
      line-height: 3.125rem; } }
  @media print, screen and (min-width: 64em) {
    h1 {
      font-size: 6.25rem;
      line-height: 6.25rem; } }
  h1 img {
    margin-right: 1%;
    width: 0.6em;
    margin-left: -10%; }
    @media print, screen and (min-width: 40em) {
      h1 img {
        margin-left: -14%; } }
    @media print, screen and (min-width: 64em) {
      h1 img {
        margin-left: -7%; } }
  h1 span {
    display: block;
    line-height: 2.1875rem;
    font-size: 2.1875rem; }
    @media print, screen and (min-width: 40em) {
      h1 span {
        line-height: 3.125rem;
        font-size: 3.125rem; } }
    @media print, screen and (min-width: 64em) {
      h1 span {
        line-height: 4.375rem;
        font-size: 4.375rem; } }

h2 {
  margin-bottom: 1.25rem;
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  color: #102749; }
  @media print, screen and (min-width: 40em) {
    h2 {
      font-size: 2.1875rem;
      line-height: 2.1875rem; } }
  h2 span {
    color: #299fd6;
    font-size: 1.25rem;
    line-height: 1.25rem; }
    @media print, screen and (min-width: 40em) {
      h2 span {
        font-size: 2.1875rem;
        line-height: 2.1875rem; } }

h3 {
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  font-weight: 700; }

.bg-titulos {
  background: url("../img/bg-titulo.png") no-repeat;
  background-size: cover;
  padding-left: 30vw;
  background-position: 20%; }
  .bg-titulos .titulo {
    margin: 3.125rem auto;
    display: inline-block; }

p, span, li, strong, blockquote, label, small {
  font-family: 'Titillium Web', sans-serif; }

p, span, li, blockquote, label {
  font-size: 1.25rem;
  line-height: 1.4375rem;
  color: #666666; }
  p.azul05, span.azul05, li.azul05, blockquote.azul05, label.azul05 {
    color: #102749; }
  p.azul01, span.azul01, li.azul01, blockquote.azul01, label.azul01 {
    color: #299fd6; }

p.aviso {
  font-size: 1rem;
  line-height: 1.125rem; }
p.no-margin {
  margin: 0; }

p a {
  color: #666666; }
  p a:hover, p a:active, p a:focus {
    color: #299fd6; }

form span.form-error {
  display: none; }
form .has-error label {
  color: #ec5840; }
form .has-error input[type="text"], form .has-error input[type="password"], form .has-error input[type="date"], form .has-error input[type="datetime"], form .has-error input[type="datetime-local"], form .has-error input[type="month"], form .has-error input[type="week"], form .has-error input[type="email"], form .has-error input[type="number"], form .has-error input[type="search"], form .has-error input[type="tel"], form .has-error input[type="time"], form .has-error input[type="url"], form .has-error input[type="color"], form .has-error select, form .has-error textarea {
  border-color: #ec5840; }
form .has-error span.form-error {
  font-family: 'Titillium Web', sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840;
  display: block;
  margin: 0; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], select, textarea {
  color: #666666;
  font-family: 'Titillium Web', sans-serif;
  font-size: 1.25rem;
  height: 3.75rem;
  box-shadow: none;
  border: none;
  border-bottom: 0.0625rem solid #666666; }
  input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #666666;
    opacity: 1; }
  input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="color"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: #666666;
    opacity: 1; }
  input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="color"]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
    color: #666666;
    opacity: 1; }
  input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #666666;
    opacity: 1; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, select:focus, textarea:focus {
    box-shadow: none;
    border: none;
    border-bottom: 0.0625rem solid #666666; }

.field-contactoform-verifycode img {
  vertical-align: -50px;
  max-width: inherit; }

.button {
  font-family: 'Titillium Web', sans-serif;
  font-size: 1.125rem;
  line-height: 1.125rem;
  margin-top: 1.25rem;
  padding: 0.625rem 1.25rem;
  text-transform: uppercase; }
  .button.boton-azul {
    transition: 0.3s;
    background: #102749;
    color: #ffffff; }
    .button.boton-azul:hover, .button.boton-azul:active, .button.boton-azul:focus {
      transition: 0.3s;
      color: #102749;
      background: #299fd6; }
  .button.boton-blanco {
    transition: 0.3s;
    background: #ffffff;
    color: #102749; }
    .button.boton-blanco:hover, .button.boton-blanco:active, .button.boton-blanco:focus {
      transition: 0.3s;
      color: #ffffff;
      background: #299fd6; }

.separador-20 {
  padding: 1.25rem 0; }

.separador-30 {
  padding: 1.875rem 0; }

.separador-50 {
  padding: 3.125rem 0; }

.bg-principal span, .bg-principal h1, .bg-principal p {
  color: #ffffff; }

.site-index {
  position: relative;
  padding-top: 16.875rem;
  background: url("../img/bg-principal-sm.jpg") no-repeat;
  background-position: 50% top; }
  @media print, screen and (min-width: 40em) {
    .site-index {
      padding-top: 13.75rem; } }
  @media print, screen and (min-width: 64em) {
    .site-index {
      padding-top: 18.75rem; } }
  @media print, screen and (min-width: 40em) {
    .site-index {
      height: 143.75rem;
      background-size: cover;
      background: url("../img/bg-principal-md.jpg") no-repeat; } }
  @media print, screen and (min-width: 64em) {
    .site-index {
      background-size: cover;
      background: url("../img/bg-principal.jpg") no-repeat;
      height: 184.375rem; } }
  .site-index h2, .site-index p, .site-index span {
    color: #ffffff; }
  .site-index h2 img {
    margin-right: 1%;
    width: 0.6em;
    margin-left: -10%; }
    @media print, screen and (min-width: 40em) {
      .site-index h2 img {
        margin-left: -4%; } }
    @media print, screen and (min-width: 64em) {
      .site-index h2 img {
        margin-left: -2%; } }
  .site-index h2 span {
    display: block;
    line-height: 1.875rem;
    font-size: 1.875rem; }
    @media print, screen and (min-width: 40em) {
      .site-index h2 span {
        line-height: 3.75rem;
        font-size: 3.75rem; } }
    @media print, screen and (min-width: 64em) {
      .site-index h2 span {
        line-height: 4.375rem;
        font-size: 4.375rem; } }
  .site-index .seccion1 {
    height: 40rem; }
    @media print, screen and (min-width: 64em) {
      .site-index .seccion1 {
        height: 47.5rem; } }
  .site-index .seccion2 {
    height: 27.5rem; }
    @media print, screen and (min-width: 64em) {
      .site-index .seccion2 {
        height: 30.625rem; } }
    .site-index .seccion2 h2 span:before {
      content: url("../img/indicador-02.png");
      margin-right: 0.625rem;
      margin-left: -2.5rem; }
  .site-index .seccion3 h2 span:before {
    content: url("../img/indicador.png");
    margin-right: 0.625rem;
    margin-left: -2.5rem;
    width: 2.1875rem;
    display: inline-flex; }
  .site-index .row-soluciones {
    z-index: 5; }
    @media print, screen and (min-width: 40em) {
      .site-index .row-soluciones {
        transform: rotate(-45deg); } }
  .site-index .cont-imagen {
    position: relative;
    display: table; }
    @media screen and (max-width: 39.9375em) {
      .site-index .cont-imagen {
        transform: rotate(-45deg);
        width: 13.125rem;
        margin: 3.125rem auto; } }
    .site-index .cont-imagen .vermas {
      position: absolute;
      left: 0;
      bottom: 0;
      opacity: 0; }
    .site-index .cont-imagen h3 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transform: translate(-50%, -50%) rotate(45deg);
      color: #ffffff;
      text-align: center; }
      @media screen and (max-width: 63.9375em) {
        .site-index .cont-imagen h3 {
          font-size: 1.0625rem; } }
      .site-index .cont-imagen h3:before, .site-index .cont-imagen h3:after {
        content: '\005C';
        color: #102749; }
    .site-index .cont-imagen:before {
      background: rgba(41, 165, 220, 0.8);
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    @media print, screen and (min-width: 64em) {
      .site-index .cont-imagen img {
        margin: auto;
        display: block; } }
    .site-index .cont-imagen:hover, .site-index .cont-imagen:focus, .site-index .cont-imagen:active {
      cursor: pointer; }
      .site-index .cont-imagen:hover h3, .site-index .cont-imagen:focus h3, .site-index .cont-imagen:active h3 {
        display: none; }
      .site-index .cont-imagen:hover:before, .site-index .cont-imagen:focus:before, .site-index .cont-imagen:active:before {
        transition: 0.3s;
        background: rgba(34, 41, 68, 0); }
      .site-index .cont-imagen:hover .vermas, .site-index .cont-imagen:focus .vermas, .site-index .cont-imagen:active .vermas {
        opacity: 1; }
  .site-index .cont-proyectos {
    position: relative; }
    @media screen and (max-width: 39.9375em) {
      .site-index .cont-proyectos .seccion4 {
        background: #ffffff;
        margin-top: 18.75rem; } }
    @media print, screen and (min-width: 40em) {
      .site-index .cont-proyectos .seccion4 {
        position: absolute;
        z-index: 5;
        width: 25rem;
        bottom: 1%; } }
    .site-index .cont-proyectos .seccion4 h2 {
      color: #133359; }
      .site-index .cont-proyectos .seccion4 h2 span {
        display: inline;
        color: #299fd6;
        font-size: 1.875rem;
        line-height: 1.875rem; }
    .site-index .cont-proyectos .seccion4 p {
      color: #666666; }
    .site-index .cont-proyectos .imagenes img {
      float: right; }
    .site-index .cont-proyectos .triangle {
      position: absolute;
      width: 85vw;
      height: 85vw;
      left: 0;
      bottom: -10%; }
      @media print, screen and (min-width: 64em) {
        .site-index .cont-proyectos .triangle {
          bottom: 10%;
          width: 55vw;
          height: 55vw;
          bottom: -1.875rem; } }

.site-quienes-somos h2 {
  color: #299fd6;
  margin-bottom: 1.25rem; }
  .site-quienes-somos h2 img {
    margin-right: 1%;
    width: 0.6em;
    margin-left: -3%; }
  .site-quienes-somos h2 span {
    display: block;
    color: #133359;
    font-weight: 700; }
.site-quienes-somos .bg-principal {
  background: url("../img/bg-quienes-somos-md.jpg") no-repeat;
  background-position: 50% top;
  height: 30.875rem;
  padding: 16.875rem 0 0 3.75rem;
  background-size: cover; }
  @media print, screen and (min-width: 64em) {
    .site-quienes-somos .bg-principal {
      padding: 25.625rem 0 0 3.75rem;
      background: url("../img/bg-quienes-somos.jpg") no-repeat;
      background-position: 50% top;
      height: 65.625rem; } }
.site-quienes-somos .bg-desarrollos {
  position: relative;
  padding: 5rem 0; }
  .site-quienes-somos .bg-desarrollos img.logo {
    margin: auto;
    display: block;
    width: 90vw; }
    @media print, screen and (min-width: 64em) {
      .site-quienes-somos .bg-desarrollos img.logo {
        position: absolute;
        right: 0;
        top: -38%;
        width: 44vw; } }
.site-quienes-somos .bg-mision {
  background: #eaeaea;
  padding: 0 0 3.125rem 0; }
  @media print, screen and (min-width: 64em) {
    .site-quienes-somos .bg-mision {
      padding: 3.125rem 0;
      background: url("../img/bg-gris-01.jpg") no-repeat;
      background-position: 50%; } }
  .site-quienes-somos .bg-mision h4 {
    color: #133359;
    vertical-align: -1.875rem;
    display: inline;
    font-size: 1.375rem;
    font-weight: 700; }
  @media screen and (max-width: 63.9375em) {
    .site-quienes-somos .bg-mision .media-object {
      margin-top: 3.125rem; } }
.site-quienes-somos .bg-grafico {
  position: relative; }
  @media print, screen and (min-width: 40em) {
    .site-quienes-somos .bg-grafico {
      background: url("../img/qs-bg-02.jpg") no-repeat;
      background-position: 50% top;
      padding: 0.625rem 0 3.125rem 0; } }
  .site-quienes-somos .bg-grafico img {
    margin: auto;
    display: block; }
    @media screen and (max-width: 39.9375em) {
      .site-quienes-somos .bg-grafico img {
        width: 100%; } }

.site-sustentabilidad {
  padding-bottom: 5rem; }
  .site-sustentabilidad .bg-principal {
    background: url("../img/bg-sustentabilidad-md.jpg") no-repeat;
    background-position: 50% top;
    height: 49.375rem;
    padding-top: 25.625rem; }
    @media print, screen and (min-width: 64em) {
      .site-sustentabilidad .bg-principal {
        background: url("../img/bg-sustentabilidad.jpg") no-repeat;
        background-position: 50% top;
        height: 51.5625rem; } }
  .site-sustentabilidad .bg-gris {
    margin: 3.125rem 0 1.25rem 0; }
  .site-sustentabilidad .bg-grafico {
    padding: 6.25rem 0; }
    .site-sustentabilidad .bg-grafico img.grafico {
      margin: auto;
      display: block; }
  .site-sustentabilidad .cont-marcas {
    z-index: 1;
    position: relative; }
    .site-sustentabilidad .cont-marcas h2 {
      margin-bottom: 3.125rem; }
    .site-sustentabilidad .cont-marcas .column-block img {
      margin: auto;
      display: block;
      filter: grayscale(100%); }
      .site-sustentabilidad .cont-marcas .column-block img:hover, .site-sustentabilidad .cont-marcas .column-block img:active, .site-sustentabilidad .cont-marcas .column-block img:focus {
        filter: grayscale(0); }
    .site-sustentabilidad .cont-marcas hr {
      max-width: 38.75rem; }

.proyecto-index {
  padding-bottom: 3.125rem;
  background: url("../img/bg-proyectos-sm.jpg") no-repeat;
  background-size: 180%;
  background-position: 50% top;
  padding-top: 21.25rem; }
  @media print, screen and (min-width: 40em) {
    .proyecto-index {
      padding-top: 15.625rem;
      background: url("../img/bg-proyectos-md.jpg") no-repeat;
      background-position: 50% top;
      background-size: contain; } }
  @media print, screen and (min-width: 64em) {
    .proyecto-index {
      background: url("../img/bg-proyectos.jpg") no-repeat;
      background-size: inherit;
      padding-top: 25.625rem;
      background-position: 30% top; } }
  .proyecto-index h1 span {
    color: #ffffff; }
  .proyecto-index select {
    background: #133359;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    width: 80%;
    margin: 1.25rem auto;
    display: block;
    padding: 0;
    height: 2.5rem; }
  .proyecto-index .lst-proyectos {
    margin-top: 3.125rem; }
    @media print, screen and (min-width: 64em) {
      .proyecto-index .lst-proyectos {
        margin-top: 12.5rem; } }
    .proyecto-index .lst-proyectos h2 {
      margin: 1.25rem; }
    .proyecto-index .lst-proyectos ul.menu {
      margin-top: 3.125rem; }
      .proyecto-index .lst-proyectos ul.menu li a {
        font-size: 1.25rem;
        line-height: 1.25rem;
        color: #666666;
        padding: 1vw 0 1vw 3vw;
        position: relative; }
        .proyecto-index .lst-proyectos ul.menu li a:hover, .proyecto-index .lst-proyectos ul.menu li a:active, .proyecto-index .lst-proyectos ul.menu li a:focus, .proyecto-index .lst-proyectos ul.menu li a.activo {
          color: #133359; }
        .proyecto-index .lst-proyectos ul.menu li a:before {
          content: '';
          display: inline-block;
          border-left: 2vw solid transparent;
          border-top: 1.5vw solid transparent;
          border-bottom: 1.5vw solid transparent;
          position: absolute;
          left: 0;
          top: 7%; }
        .proyecto-index .lst-proyectos ul.menu li a:hover:before, .proyecto-index .lst-proyectos ul.menu li a:active:before, .proyecto-index .lst-proyectos ul.menu li a:focus:before, .proyecto-index .lst-proyectos ul.menu li a.activo:before {
          border-left: 2vw solid #299fd6; }
    .proyecto-index .lst-proyectos .slick-proyectos h2 {
      margin: 5rem 0 1.25rem 0; }
    .proyecto-index .lst-proyectos .row-informacion {
      margin-left: 0; }
      .proyecto-index .lst-proyectos .row-informacion ul li span {
        color: #299fd6; }
    .proyecto-index .lst-proyectos .col-imagenes {
      position: relative; }
      .proyecto-index .lst-proyectos .col-imagenes img.bg-azul {
        position: absolute;
        right: 0;
        width: 50vw;
        top: 60px; }
        @media print, screen and (min-width: 64em) {
          .proyecto-index .lst-proyectos .col-imagenes img.bg-azul {
            top: -6vw; } }
      .proyecto-index .lst-proyectos .col-imagenes ul.custom_paging {
        position: absolute;
        top: 50vw;
        z-index: 1;
        right: 15vw; }
        @media print, screen and (min-width: 64em) {
          .proyecto-index .lst-proyectos .col-imagenes ul.custom_paging {
            top: 39vw; } }
        .proyecto-index .lst-proyectos .col-imagenes ul.custom_paging li {
          display: none; }
          .proyecto-index .lst-proyectos .col-imagenes ul.custom_paging li.slick-active {
            display: table;
            margin: auto;
            color: #ffffff;
            padding: 0.625rem 3.125rem; }
  .proyecto-index .bg-ubicaciones {
    padding: 6.25rem 0;
    background: url("../img/mapa-ubicaciones.png") no-repeat;
    background-position: 50% bottom;
    height: 39.375rem; }
    @media screen and (max-width: 39.9375em) {
      .proyecto-index .bg-ubicaciones {
        background-size: contain; } }
    @media print, screen and (min-width: 64em) {
      .proyecto-index .bg-ubicaciones {
        height: 51.25rem;
        background-position: 80% bottom; } }
    @media screen and (max-width: 74.9375em) {
      .proyecto-index .bg-ubicaciones {
        background-size: 70%; } }
    .proyecto-index .bg-ubicaciones p.realizados i, .proyecto-index .bg-ubicaciones p.activos i, .proyecto-index .bg-ubicaciones p.proximos i {
      font-size: 1.875rem; }
    .proyecto-index .bg-ubicaciones p.oficinas i {
      font-size: 2.5rem;
      color: #00617d; }
    .proyecto-index .bg-ubicaciones p.oficinas span {
      color: #00617d; }
    .proyecto-index .bg-ubicaciones p.realizados i, .proyecto-index .bg-ubicaciones p.realizados span {
      color: #299fd6; }
    .proyecto-index .bg-ubicaciones p.activos i, .proyecto-index .bg-ubicaciones p.activos span {
      color: #39a94a; }
    .proyecto-index .bg-ubicaciones p.proximos i, .proyecto-index .bg-ubicaciones p.proximos span {
      color: #e55a24; }

.site-soluciones {
  background: url("../img/bg-soluciones-sm.jpg") no-repeat;
  background-size: auto;
  background-position: 50% top;
  padding: 18.125rem 0 3.125rem 0; }
  @media print, screen and (min-width: 40em) {
    .site-soluciones {
      background: url("../img/bg-soluciones-md.jpg") no-repeat;
      background-size: contain;
      background-position: 50% top;
      padding: 12.5rem 0 3.125rem 0; } }
  @media print, screen and (min-width: 64em) {
    .site-soluciones {
      background: url("../img/bg-soluciones.jpg") no-repeat;
      background-size: auto;
      background-position: 50% top;
      padding: 31.25rem 0 3.125rem 0; } }
  .site-soluciones .bg-principal {
    margin-bottom: 8.125rem; }
    @media print, screen and (min-width: 64em) {
      .site-soluciones .bg-principal {
        margin-bottom: 16.875rem; } }
    .site-soluciones .bg-principal h2 {
      color: #ffffff; }
  @media print, screen and (min-width: 64em) {
    .site-soluciones .contenido {
      height: 25rem;
      padding-top: 10.625rem; } }
  .site-soluciones .seccion-1 {
    position: relative; }
    @media screen and (max-width: 39.9375em) {
      .site-soluciones .seccion-1 {
        height: 36.25rem;
        padding-top: 1.875rem; } }
    @media screen and (min-width: 40em) and (max-width: 63.9375em) {
      .site-soluciones .seccion-1 {
        height: 30rem;
        padding-top: 1.875rem; } }
    .site-soluciones .seccion-1 img {
      width: 36vw;
      position: absolute;
      bottom: -4.6875rem; }
  .site-soluciones .seccion-2 {
    position: relative; }
    @media screen and (max-width: 39.9375em) {
      .site-soluciones .seccion-2 {
        height: 31.25rem;
        padding-top: 7.5rem; } }
    @media screen and (min-width: 40em) and (max-width: 63.9375em) {
      .site-soluciones .seccion-2 {
        height: 36.25rem;
        padding-top: 6.25rem; } }
    .site-soluciones .seccion-2 img {
      width: 36vw;
      position: absolute;
      bottom: -4.6875rem;
      right: 0; }
  .site-soluciones .seccion-3 {
    position: relative;
    padding-top: 6.25rem; }
    .site-soluciones .seccion-3 img {
      width: 36vw; }
  .site-soluciones .metodologias {
    padding-top: 5rem;
    position: relative; }
    .site-soluciones .metodologias img {
      transform: scale(0.8); }
    @media screen and (max-width: 39.9375em) {
      .site-soluciones .metodologias img {
        margin: 0.625rem 0 3.125rem 0; } }
    @media screen and (min-width: 40em) and (max-width: 63.9375em) {
      .site-soluciones .metodologias img {
        margin: 0.625rem 0 5rem 0; } }
    .site-soluciones .metodologias i {
      display: block;
      font-size: 2.5rem;
      margin: 3.75rem auto; }
    .site-soluciones .metodologias .col-1 span, .site-soluciones .metodologias .col-1 i {
      color: #102749; }
    .site-soluciones .metodologias .col-2 span, .site-soluciones .metodologias .col-2 i {
      color: #00617d; }
    .site-soluciones .metodologias .col-3 span, .site-soluciones .metodologias .col-3 i {
      color: #299fd6; }
    .site-soluciones .metodologias .bg-botom {
      background: url("../img/bg-top-gris.png") no-repeat; }

.site-contacto .bg-principal-contacto {
  background: url("../img/bg-contacto-md.jpg") no-repeat;
  background-size: contain;
  background-position: 50% top;
  padding-top: 20rem;
  margin-bottom: 3.125rem; }
  @media print, screen and (min-width: 64em) {
    .site-contacto .bg-principal-contacto {
      padding-top: 25.625rem;
      height: 53.125rem;
      background: url("../img/bg-contacto.jpg") no-repeat;
      background-size: cover;
      background-position: 90% top; } }
  @media screen and (min-width: 75em) {
    .site-contacto .bg-principal-contacto {
      background-size: auto; } }
.site-contacto .cont-formulario .button.boton-azul {
  margin-bottom: 0.3125rem; }
.site-contacto .bg-gris {
  background: #eaeaea;
  padding: 3.125rem 0;
  margin-top: 1.875rem; }
  .site-contacto .bg-gris .button {
    margin-top: 0; }

.site-error {
  padding-top: 25.625rem;
  background: url("../img/bg-error.jpg") no-repeat;
  background-size: cover;
  background-position: 50% top;
  padding-bottom: 5rem; }
  .site-error h1 span {
    color: #ffffff; }

.site-aviso-de-privacidad-modal h1, .site-aviso-privacidad h1 {
  color: #133359;
  margin-bottom: 1.5625rem;
  font-size: 3.125rem;
  line-height: 3.125rem; }

.site-aviso-privacidad {
  background: url("../img/bg-aviso.jpg") no-repeat;
  background-position: 50% top;
  padding: 18.75rem 0 3.125rem 0; }

.site-aviso-de-privacidad-modal {
  padding: 1.875rem 0; }
  .site-aviso-de-privacidad-modal .close-button span {
    font-size: 2.5rem; }
  @media print, screen and (min-width: 64em) {
    .site-aviso-de-privacidad-modal .contenido {
      padding: 0.625rem;
      height: 37.5rem;
      overflow: hidden;
      overflow-y: scroll; } }

.footer {
  background: url("../img/bg-footer-sm.jpg") no-repeat;
  height: 15.625rem;
  background-position: 50%;
  padding: 1.5625rem; }
  @media print, screen and (min-width: 40em) {
    .footer {
      padding: 3.125rem 0;
      background: #102749;
      height: 15.625rem; } }
  .footer h4, .footer p, .footer a {
    font-size: 1.25rem;
    line-height: 1.25rem; }
  .footer h4 {
    color: #299fd6; }
  .footer p {
    color: #ffffff;
    margin: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.25rem; }
    @media print, screen and (min-width: 64em) {
      .footer p {
        margin: 0; } }
    .footer p a {
      color: #ffffff; }
      .footer p a:hover, .footer p a:active, .footer p a:focus {
        color: #299fd6; }
  .footer ul.menu {
    margin-bottom: 1.25rem;
    padding-bottom: 0.625rem;
    border-bottom: 0.0625rem solid #118096; }
    .footer ul.menu li a {
      color: #ffffff;
      padding: 0.625rem 0.625rem 0.625rem 0; }
      .footer ul.menu li a span {
        color: #299fd6; }
      .footer ul.menu li a:hover, .footer ul.menu li a:active, .footer ul.menu li a:focus {
        color: #299fd6; }
  .footer .iconos {
    border-bottom: 1px solid #299fd6;
    display: table;
    margin: auto; }
    .footer .iconos a {
      color: #ffffff; }
      .footer .iconos a i {
        margin: 1.25rem;
        font-size: 2.1875rem; }
  .footer .col-legales p, .footer .col-legales a {
    font-size: 0.9375rem;
    line-height: 0.9375rem; }

/*# sourceMappingURL=app.css.map */