:root {
    --mapfre-red: #E40520;
    --light-grey: #526570;
    --dark-grey: #2D373D;
    --mapfre-white: #e8ebed;
}



body {
    font-family: 'Source Sans 3', sans-serif;
    background-color: var(--mapfre-white);
    color: var(--dark-grey);
    font-size: 1.2em;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

main {
    flex: 1 0 auto; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pointer {cursor: pointer}
i{color: var(--mapfre-red);}
a{color: var(--dark-grey);}
.bulletSmall {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: .7rem;
    border-radius: 50%;
    background-color: var(--dark-grey);
}

.logo{
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.card{margin: 0; box-shadow: none;}
.card .card-content{ padding: 1em 1.5em;}

.card-logo{background-color: var(--mapfre-red);}

.card-logo .card-action{
    background-color: var(--light-grey);
    font-size: 0.9em;
    color: var(--mapfre-white);
    padding: 1em 1.5em;
}

.card .card-reveal .card-title {
  font-size: 1em;
  font-weight: 500;
}

.card .card-reveal{
    padding: 1em 1.5em;
    box-shadow: none;
    background-color: var(--mapfre-white);
}


section{padding: 0.8em;}
.section-title{font-weight: bold; font-size: 1em; margin-bottom: 0.5em;}

.img-main{width: 100%;}

.ruta {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  transform: translateX(-50%); 
  height: 0.8em;
  background-color: #444;
}

.ruta::after {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 100%;
  height: 0.2em;
  background: repeating-linear-gradient(
    to right,
    white 0,
    white 20px,
    transparent 10px,
    transparent 30px
  );
}

.list{
    margin-left: 2.3em;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

.footer-logo{
    width: 100%;
    max-width: 150px;
}

.page-footer{font-size: 0.8em;}

/*colors*/
.B-mapfre-red{background-color:var(--mapfre-red)}
.B-mapfre-white{background-color:var(--mapfre-white)}
.B-light-grey{background-color:var(--light-grey)}
.B-dark-grey{background-color:var(--dark-grey)}

/*margin-padding-size*/
.mb0{margin-bottom: 0em;}
.pd08{padding: 0.8em;}
.mt1{margin-top: 1em;}
.w100{width: 100%;}


/*RESPONSIVE*/
@media (max-width: 600px) {
  .container {width: 100%;}
}
@media (min-width: 992px) {
  .logo { width: 50%;}
}