/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/sass/portada.scss ***!
  \**************************************************************************************************************************************************************************************/
.textoPortada-inner, .imagenConFrases, .especialidades {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (min-width: 48rem) {
  .textoPortada-inner, .imagenConFrases, .especialidades {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 64rem) {
  .especialidades {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.imagenConFrases {
  font-family: "Playfair Display", serif;
}
@media only screen and (min-width: 48rem) {
  .imagenConFrases {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.imagenConFrases-imagen {
  width: 100%;
}
@media only screen and (min-width: 48rem) {
  .imagenConFrases-imagen {
    flex: 0 0 auto;
    width: calc(50% - 10px);
    height: auto;
  }
}

.frases {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
}
@media only screen and (min-width: 48rem) {
  .frases {
    flex: 0 0 auto;
    width: calc(50% - 10px);
  }
}
@media only screen and (min-width: 64rem) {
  .frases {
    font-size: 3rem;
  }
}

.frase {
  display: inline-block;
  width: 100%;
  white-space: normal;
  vertical-align: middle;
  position: relative;
  transition: transform 1.3s ease, opacity 1s ease;
}

.especialidades {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 50ch), 1fr));
  gap: 2rem;
}

.especialidad {
  margin-bottom: 2.5rem;
  container-type: inline-size;
}

.especialidad-adicional a[href^="#"] {
  font-size: 15px;
  font-weight: bold;
}
.especialidad-adicional a[href^="#"] svg {
  vertical-align: baseline;
}
.especialidad-adicional a[href^="#especialidades"] {
  display: none;
}
.especialidad-adicional a[href^="#especialidades"] svg {
  transform: rotateZ(180deg);
}
.target .especialidad-adicional a[href^="#especialidades"] {
  display: block;
}
.target .especialidad-adicional a[href^="#especialidad-"] {
  display: none;
}

.especialidad-adicional-texto {
  display: none;
}
:target .especialidad-adicional-texto {
  display: block;
}

.especialidad-titulo {
  text-align: center;
  font-family: Arimo, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}
.especialidad-titulo > a {
  border-bottom: 4px solid #b8d7ce;
  color: currentColor;
}
@media only screen and (min-width: 48rem) {
  .especialidad-titulo {
    font-size: 1.5625rem;
  }
}
@media only screen and (min-width: 90rem) {
  .especialidad-titulo {
    font-size: 1.875rem;
  }
}

.listadoDoctores {
  display: grid;
  grid-gap: 1rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 48rem) {
  .listadoDoctores {
    margin-bottom: 5rem;
  }
}
@media only screen and (min-width: 90rem) {
  .listadoDoctores {
    margin-bottom: 6.25rem;
  }
}

@container (min-width: 50ch) {
  .listadoDoctores {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}
.listadoDoctores-doctor {
  position: relative;
}
.listadoDoctores-doctor a {
  color: currentColor;
}

.listadoDoctores-imagen {
  width: 100%;
}

.listadoDoctores-datos {
  position: absolute;
  bottom: 1.25rem;
  right: 0;
  padding: 0.625rem 1.25rem;
  background: #fff;
}
@media only screen and (min-width: 64rem) {
  .listadoDoctores-datos {
    padding-right: 0;
  }
}

.listadoDoctores-nombre {
  font-family: "Playfair Display", serif;
  font-size: 1.0625rem;
}

.listadoDoctores-especialidad {
  font-size: 0.875rem;
  font-weight: bold;
}

.especialidad-descripcion .introduccion {
  font-size: 1.1875rem;
}
.especialidad-descripcion a {
  color: currentColor;
  display: inline-block;
  line-height: 1;
  border-bottom: 1px solid currentColor;
}

.textoPortada {
  background: #b8d7ce;
}

.textoPortada-inner {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  font-family: "Playfair Display", serif;
}
.textoPortada-inner > h2 {
  font-size: 2.1875rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 48rem) {
  .textoPortada-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .textoPortada-inner > h2 {
    padding-right: 1em;
  }
}
@media only screen and (min-width: 64rem) {
  .textoPortada-inner {
    font-size: 1.375rem;
    padding-top: 4.375rem;
    padding-bottom: 4.375rem;
  }
  .textoPortada-inner > h2 {
    padding: 0 2em;
  }
}

@media only screen and (max-width: 539px) {
  .js .cabeceraPrincipal {
    display: block;
  }
  .js .cabeceraPrincipal-citaPrevia {
    float: none;
    text-align: center;
    margin-bottom: 2em;
    display: block;
  }
  .js .cabeceraPrincipal-citaPrevia > h2 {
    display: inline-block;
    font-size: 1.375rem;
  }
  .js .imagenConFrases-imagen > img {
    width: auto;
    max-height: 40vh;
    margin: 0 auto;
    display: block;
  }
  .js .frases {
    display: none;
  }
  .js .contenedor-menu {
    padding: 0 10px;
    margin-bottom: 20px;
    text-align: center;
  }
  .js .contenedor-menu #menu-principal {
    padding-bottom: 0.625rem;
    background: #e1e3e2;
  }
}

/*# sourceMappingURL=portada.9d2fc4ea.css.map*/