@import "brandbook-colors.css";
.blog {overflow: hidden;padding: 0 15px;margin: 0 auto;}
.blog-title {font-family: 'Nunito', 'Trebuchet MS', sans-serif;font-size: 26px;color: var(--black);text-align: center;margin-bottom: 1.5rem;letter-spacing: .5px;}
.blog-card {background: var(--white);border-radius: 4px;overflow: hidden;box-shadow: 0 0 31px 0 rgba(168, 168, 168, 0.5);}
.blog-card-image img {width: 100%;height: 156px;object-fit: cover;}
.blog-card-body {position: relative;padding: 1.5rem 1.5rem 1.5rem 1rem;}
.blog-card-tag {position: absolute;top: 0;transform: translateY(-50%);display: inline-block;font-family: 'Nunito', 'Trebuchet MS', sans-serif;font-size: 12px;line-height: normal;letter-spacing: 2px;text-transform: uppercase;color: var(--white);padding: 6px;border-radius: 3px;}
.blog-card.seguros-coche .blog-card-tag {background: var(--mistic);}
.blog-card-title {font-family: 'Nunito', 'Trebuchet MS', sans-serif;font-size: 1.5rem;color: var(--black);margin-bottom: .5rem;line-height: normal;}
.blog-card-time {display: block;font-family: 'Nunito', 'Trebuchet MS', sans-serif;font-size: 12px;text-transform: uppercase;color: var(--grey1);letter-spacing: 2px;line-height: normal;margin-bottom: .5rem;}
.link-read-more {font-family: 'Nunito', 'Trebuchet MS', sans-serif;}
.link-read-more .icon {display: inline-block;vertical-align: middle;font-size: .5rem;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);margin-left: 4px;}
.blog .btn-secondary {font-family: 'Nunito', 'Trebuchet MS', sans-serif;color:  var(--mistic);font-size: 18px;padding: 13px 20px;line-height: normal;background: transparent;border-radius: 26px;border: none;box-shadow: inset 0 0 0 1px var(--mistic);}
.blog .btn-secondary:hover {background: var(--mistic);color: var(--white);}
.restyling2020 .blog .btn-secondary:active {background: transparent;color: var(--mistic);box-shadow: inset 0 0 0 1px var(--mistic);}
.restyling2020 .blog .btn-secondary:not(:disabled):not(.disabled):active:focus {box-shadow: inset 0 0 0 1px var(--mistic);}
.blog .swiper-container {margin-bottom: 2rem;overflow: visible;}
.blog .swiper-slide {width: 266px;margin-bottom: 2rem;}
.blog .swiper-pagination {bottom: 0;display: flex;justify-content: center;}

/* Medium devices */
@media (min-width: 768px) {
    .blog-title {font-size: 2rem;margin-bottom: 2.5rem;}
    .blog-card-image img {height: 188px;}
    .blog .swiper-slide {width: 320px;margin-bottom: 3rem;}
}
/* Large devices */
@media (min-width: 992px) {
    .blog-title {margin-bottom: 3rem;}
    .blog-card-image img {height: 216px;}
    .blog-card-body {padding: 1.5rem 2rem 2rem 2rem;}
    .blog .swiper-container {margin-bottom: 2.5rem;}
    .blog .swiper-slide {width: auto;flex: 1 1 auto;margin-bottom: 0;}
    .blog .swiper-slide + .swiper-slide {margin-left: 33px;}
    .blog .swiper-pagination {display: none;}
}
/* Extralarge devices */
@media (min-width: 1200px) {
    .blog {max-width: 1170px;padding: 0;}
}