@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@500;600;700&display=swap');



.descripcion p{font-size: 1rem; margin-top: 1rem;}
ul li{
  font-size: 1rem;
  font-family: "DM Sans",Arial,Helvetica, sans-serif;
}
p{font-size: 1rem;text-align: justify;line-height: 1.4rem;font-family: "DM Sans",Arial,Helvetica, sans-serif}

p.modoh1{font-size: 24px; font-weight: bold;}
p.modoh2{font-size: 22px; font-weight: bold;}
p.modoh3{font-size: 20px; font-weight: bold;}
p.modoh4{font-size: 18px; font-weight: bold;}
p.normal{font-size: 1rem;font-weight: normal;text-align: justify;}
p.junto{font-size: 1rem; font-weight: normal;margin:0!important;}
dl dt, dl dd{
	font-family: "DM Sans", Arial, Helvetica, sans-serif;
}
dl dt{
	font-weight: bold;
}
a.downloadpdf{
    transition: none;
    font-weight: 300;
    span{
      transition: none;
      font-weight: 300;
      
    }
    text-decoration: none!important;
    img{
      transform: none!important;
      margin: 0!important;
    }
    span.size{
      font-size: .85rem;
      opacity: .9;
    }
    &:hover, &:focus{
      background: #11264f;
      color:#fff!important;
      img{
        filter: brightness(0) saturate(100%) invert(100%) sepia(50%) saturate(2784%) hue-rotate(12deg) brightness(100%) contrast(88%);
      }
      span{
        background: none;
        
        transition: none;
      }
    }
  }

  .rounded-2{
    border-radius: 0.375rem;
  }

  .btn-dark {
    border:1px solid rgb(33, 37, 41);
    background-color: transparent;
    color:rgb(33, 37, 41);
    padding: 6px 12px;
    display: inline-flex;
    align-items: center;
  }

  
  .transport-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .25rem;
}

.transport-item {
  display: flex;
  align-items: flex-start;
  gap: .2rem;
}
  .transport-list dd p{
	margin: 0;
}

.transport-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
  margin-top: .15rem;
}

.transport-icon--metro::before,
.transport-icon--renfe::before,
.transport-icon--cercanias::before,
.transport-icon--bus::before,
.transport-icon--bicimad::before,
.transport-icon--otro::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.transport-icon--bicimad::before {
  background-image: url('/build/images/icons/bicimad.svg');
}
.transport-icon--metro::before {
  background-image: url('/build/images/icons/metro.svg');
}

.transport-icon--renfe::before,
.transport-icon--cercanias::before {
  background-image: url('/build/images/icons/train.svg');
}

.transport-icon--bus::before {
  background-image: url('/build/images/icons/emt.svg');
}

.transport-icon--otro::before {
  background-image: url('/build/images/icons/location.svg');
}