/*
 *
 */

a {
  text-decoration: none;
}

.texto-sombreado {
  text-shadow: 2px 2px 3px black;
}

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

.logo__button {
  width: fit-content;
  height: auto;
  border: none;
  outline: none;
  background-color: transparent;
}

.video__div {
  width: 100%;
  height: auto;
  margin: 1rem 0;

  & .video-promo {
    width: 50%;
  }
}

.logo__div {
  width: fit-content;
  height: auto;

  & .logo-span {
    width: fit-content;
    height: auto;
    overflow: hidden;
    background-color: transparent;

    & .fr-logo {
      width: 70%;
      /*  max-width: 200px; */
      height: auto;
      display: block;
      border-radius: 50%;
      filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.5));
      background-color: transparent;
      position: relative; /* para el pseudo-elemento necesitarás un wrapper */
    }
  }
}

/* Wrapper necesario para pseudo-elemento */
/* .logo-wrap {
  display: inline-block;
  position: relative;
  line-height: 0;
} */

/* .logo-wrap img.fr_logo {
  position: relative;
  z-index: 2;
} */

/* pseudo-elemento que simula stroke */
/* .logo-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/assets/imgs/logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  filter: blur(6px) saturate(0%);
  transform: scale(1.06); /* hace que el "halo" sea visible alrededor */
/*opacity: 1;
  mix-blend-mode: exclusion;
  pointer-events: none;
  /* color del "stroke": usar background-blend o usar drop-shadow sobre el pseudo con transparencia */
/*background-color: black; /* usado junto a saturate(0%) y blend en navegadores; ver tip abajo */ /*
} */

/* Modal conocenos */
.equipo {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;

  & .terapeutas {
    width: 100%;
    height: fit-content;
    display: flex;
    gap: 10px;

    & img {
      width: 40%;
    }

    & .terapeuta-info {
      width: 45%;
      height: auto;

      & p {
        margin: 0;
        padding: 0;
      }

      & .social-ig {
        width: 100%;
      }
    }
  }
}

/* Modal contacto */
.contenedor-contacto {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;

  & img {
    width: 45%;
  }

  .contacto-info {
    width: 45%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;

    /*  & i {
      font-size: 1em;
    } */

    /* & a {
      width: fit-content;
      height: fit-content;
      font-size: 1em;
      margin: 0;
      padding: 0;
    } */

    .info-divs {
      width: fit-content;
      height: auto;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 10px;
    }
  }
}