/* ---------------------------- from colors used ---------------------------- */
:root {
  --negro: #212121;
  --negro-tr: #212121bf;
  --negro-25: #21212140;
  --blanco: #fafafa;
  --blanco-tr: #fafafabf;
  --blanco-25: #fafafa40;
  --exaazul: #164B8F;
  --exaazul-tr: #164B8Fbf;
  --exaazul-25: #164B8F40;
}

/* ---------------------------- tile link scss---------------------------- */
.title-link-enlace-boton.bg-blanco .button--icon {
  background: var(--exaazul);
  border-color: var(--blanco);
  color: var(--blanco) !important;
}
.title-link-enlace-boton.bg-blanco .button--icon:hover {
  transform: none;
  background: var(--blanco) !important;
  border-color: var(--negro) !important;
  color: var(--negro) !important;
}
.title-link-enlace-boton.bg-negro {
  background: var(--exaazul) !important;
}
.title-link-enlace-boton.bg-negro .button--icon {
  background: var(--blanco) !important;
  border-color: var(--negro);
  color: var(--negro) !important;
}
.title-link-enlace-boton.bg-negro .button--icon:hover {
  transform: none;
  background: var(--exaazul) !important;
  border-color: var(--blanco) !important;
  color: var(--blanco) !important;
}

.title-link-enlace-boton-modal.bg-blanco .button--icon {
  background: var(--exaazul);
  border-color: var(--blanco);
  color: var(--blanco) !important;
  display: flex;
}
.title-link-enlace-boton-modal.bg-blanco .button--icon:hover {
  transform: none;
  background: var(--blanco) !important;
  border-color: var(--negro) !important;
  color: var(--negro) !important;
}
.title-link-enlace-boton-modal.bg-negro {
  background: var(--exaazul) !important;
}
.title-link-enlace-boton-modal.bg-negro .button--icon {
  background: var(--blanco) !important;
  border-color: var(--negro);
  color: var(--negro) !important;
}
.title-link-enlace-boton-modal.bg-negro .button--icon:hover {
  transform: none;
  background: var(--exaazul) !important;
  border-color: var(--blanco) !important;
  color: var(--blanco) !important;
}


.button--exatec {
    background: #164b8f!important;
}

.title-link-enlace-boton.bg-blanco-exa .button {
  background: var(--exa-azul);
}

.title-link-enlace-boton.bg-blanco-exa .button:hover {
  background: var(--blanco);
  color: var(--negro);
}

.title-link-enlace-boton.bg-azul-exa {
  background: var(--exa-azul);
}

.title-link-enlace-boton.bg-blanco-exa,
.title-link-enlace-boton.bg-azul-exa {
  margin: 0;
}

.title-link-enlace-boton.bg-blanco-exa,
.title-link-enlace-boton.bg-azul-exa {
  padding: 32px 64px;
}

@media (max-width: 1023px) {
  .title-link-enlace-boton.bg-blanco-exa,
  .title-link-enlace-boton.bg-azul-exa {
    padding: 16px;
  }
}

.title-link-enlace-boton.bg-azul-exa .container {
  border-color: var(--blanco);
  color: var(--blanco);
}

.title-link-enlace-boton.bg-azul-exa .button {
  background: var(--blanco);
  color: var(--negro);
}

@media (min-width: 768px) {
  .title-link-enlace-boton-modal .container,
  .title-link-enlace-boton .container {
    display: flex;
    flex-wrap: initial;
    justify-content: space-between;
    align-items: center;
  }

  .title-link-enlace-boton-modal .container .columnasuperior ,
  .title-link-enlace-boton .container .columnasuperior {
    width: auto;
    flex: initial;
  }

  .title-link-enlace-boton-modal .container .columnainferior.altura-boton,
  .title-link-enlace-boton .container .columnainferior.altura-boton {
    float: none !important;
    position: initial;
    flex: initial;
    padding-left: 16px;
  }
}

@media (max-width: 767px) {
  .title-link-enlace-boton-modal .container,
  .title-link-enlace-boton .container {
    display: flex;
  }

  .title-link-enlace-boton-modal .container .columnainferior.altura-boton,
  .title-link-enlace-boton .container .columnainferior.altura-boton {
    padding-left: 0;
  }
}

.title-link-enlace-boton .container .columnasuperior,
.title-link-enlace-boton .container .columnainferior {
  float: none !important;
}

.link, a {
  color: var(--exa-azul-tr);
}

.link:hover, a:hover {
  color: var(--exa-azul);
}