:root {
  --bs-blanco: #fcfcfc !important;
  --bs-letras: #7f8794 !important;

  /*tema*/
  --bs-fondo-letras: #f7ede2;
  --bs-colortm-1: black;
  --bs-colortm-2: gray;
  /*fin*/

  --bs-fondo-oscuro: black;

  --gd1: #c8f7d0;
  --gd2: #a4f8f8;

  --gdf1: #a4f8f8;
  --gdf2: #f7ede2;
  --gradiente2: linear-gradient(
    270deg,
    var(--gd1) 0%,
    var(--gd2) 72%,
    var(--gd1) 100%
  );
}

/*quitar origen*/
.body2 {
  overflow-y: inherit !important;
}
.home-block2 {
  position: relative !important;
}

._90 {
  width: 90% !important;
}

.hiden {
  display: inherit !important;
  z-index: 100 !important;
}

.header-logo {
  position: absolute !important;
  top: 50px !important;
  right: 10px !important;
  width: 7rem;
}

.bt-color1 {
  background-color: #d1d1d1;
}

#mas {
  z-index: 2;
}

.gif-1 {
  background-position: center;
  position: fixed;
  right: -1%;
  width: 15%;
  top: 35vh;
  z-index: 1;
}
/*quitar*/

/*redes sociales sociales*/

.__icored a i {
  font-size: 1.6rem;
  margin-left: 1rem;
}
.__icored {
  font-size: 1rem;
  stroke: var(--bs-indigo);
  position: relative !important;
}
/*<-------*/

/*utilidades*/

/*Fondo oscuro*/
.fo {
  background-color: var(--bs-fondo-oscuro) !important;
  color: var(--bs-blanco);
}

/*Gradiente texto*/
.tg {
  background: var(--gradiente2);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*fondo gradiente*/
.fg {
  background-image: linear-gradient(
    120deg,
    var(--gdf1) 0%,
    var(--gdf2) 50%,
    var(--gdf1) 100%
  );
  background-attachment: fixed;
  background-position: center;
  background-size: contain;
}

/*contorno texto*/
.texto-borde {
  -webkit-text-stroke: 0.15px black;
  font-size: 1.6rem;
}

/**

Codigo personalizado

*/

.site-footer a {
  color: white;
}

.usefull-nav a i {
  font-size: 1.25rem !important;
}

.feature-block .feature-icon.style-2::before {
  border: 3px solid var(--bs-colortm-2);
}

.divider.divider-alt {
  background-color: var(--bs-colortm-2) !important;
}

.btn-primary {
  background-color: var(--bs-colortm-2) !important;
}

.btn-outline-white:hover {
  color: white !important;
}

/*responsive*/
@media (max-width: 1199px) and (min-width: 100px) {
  .overlay-inner {
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .header-logo {
    width: 4rem;
    position: absolute !important;
    top: 1px !important;
    right: 0 !important;
  }
  .header-block {
    height: 56px;
  }

}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
  .overlay-inner {
    background-position:center bottom;
    background-size: contain;
    background-repeat:no-repeat;
  }
}

a[tabindex="0"]:focus-visible,button:focus-visible {

  outline: 2px rgb(36, 65, 87) solid;
  /* border: 1px white solid;
  background:rgba(0, 0, 0, 0.556); */
}