/* Guías (blog) — /guias */
.mid-articulos .guiaMigas {
  margin    : 30px 0 10px 0;
  font-size : 13px;
  color     : #888;
}

.mid-articulos .guiaMigas a {
  color           : #B1191A;
  text-decoration : none;
}

.mid-articulos h1 {
  font-family : 'Raleway', sans-serif;
  font-size   : 38px;
  font-weight : 700;
  line-height : 1.2;
  color       : #373A3C;
  margin      : 0 0 12px 0;
}

.mid-articulos .guiaIntro {
  font-size   : 19px;
  color       : #5A5A5A;
  margin      : 0 0 24px 0;
}

.mid-articulos .guiaCats {
  margin-bottom : 30px;
}

.mid-articulos .guiaCats a {
  display          : inline-block;
  margin           : 0 8px 8px 0;
  padding          : 7px 16px;
  border           : 1px solid #DFDFDF;
  border-radius    : 20px;
  color            : #373A3C;
  text-decoration  : none;
  font-size        : 14px;
}

.mid-articulos .guiaCats a.activa,
.mid-articulos .guiaCats a:hover {
  background-color : #B1191A;
  border-color     : #B1191A;
  color            : #FFF;
}

.mid-articulos .guiaItem {
  display       : flex;
  gap           : 24px;
  padding       : 24px 0;
  border-bottom : 1px solid #DFDFDF;
}

.mid-articulos .guiaItemImg {
  flex   : 0 0 260px;
  height : 170px;
}

.mid-articulos .guiaItemImg img {
  width         : 100%;
  height        : 100%;
  object-fit    : cover;
  border-radius : 4px;
  display       : block;
}

.mid-articulos .guiaItemTexto small {
  color : #888;
}

.mid-articulos .guiaItemTexto h2 {
  font-family : 'Raleway', sans-serif;
  font-size   : 24px;
  margin      : 6px 0 8px 0;
}

.mid-articulos .guiaItemTexto h2 a {
  color           : #373A3C;
  text-decoration : none;
}

.mid-articulos .guiaItemTexto h2 a:hover {
  color : #B1191A;
}

.mid-articulos .guiaItemTexto p {
  margin : 0 0 10px 0;
}

.mid-articulos .guiaVacio {
  padding   : 40px 0;
  font-size : 18px;
}

/* Artículo */
.mid-articulos .guiaContenido {
  max-width : 860px;
}

.mid-articulos .guiaMeta {
  color     : #888;
  font-size : 14px;
  margin    : 0 0 16px 0;
}

.mid-articulos .guiaMeta a {
  color : #B1191A;
}

.mid-articulos .guiaPrincipal {
  margin : 0 0 24px 0;
}

.mid-articulos .guiaPrincipal img {
  width         : 100%;
  height        : auto;
  border-radius : 4px;
  display       : block;
}

.mid-articulos .guiaTexto {
  font-size   : 17px;
  line-height : 1.75;
}

.mid-articulos .guiaTexto h2 {
  font-family : 'Raleway', sans-serif;
  font-size   : 28px;
  margin      : 36px 0 12px 0;
  color       : #373A3C;
}

.mid-articulos .guiaTexto h3 {
  font-family : 'Raleway', sans-serif;
  font-size   : 22px;
  margin      : 28px 0 10px 0;
  color       : #373A3C;
}

.mid-articulos .guiaTexto img {
  max-width : 100%;
  height    : auto;
}

.mid-articulos .guiaTexto table {
  border-collapse : collapse;
  width           : 100%;
  margin          : 20px 0;
}

.mid-articulos .guiaTexto th,
.mid-articulos .guiaTexto td {
  border  : 1px solid #DFDFDF;
  padding : 10px;
}

.mid-articulos .guiaVideo {
  position      : relative;
  padding-bottom: 56.25%;
  height        : 0;
  margin-bottom : 24px;
}

.mid-articulos .guiaVideo iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
  border   : 0;
}

.mid-articulos .guiaGaleria a {
  display : inline-block;
  margin  : 0 8px 8px 0;
}

.mid-articulos .guiaGaleria img {
  height : 120px;
  width  : auto;
}

.mid-articulos .guiaCta {
  background-color : #F2F2F2;
  border-left      : 5px solid #B1191A;
  border-radius    : 4px;
  padding          : 20px 24px;
  margin           : 32px 0;
}

.mid-articulos .guiaCta strong {
  display     : block;
  font-family : 'Raleway', sans-serif;
  font-size   : 20px;
  margin-bottom: 4px;
}

.mid-articulos .guiaCta .btnRed {
  display    : inline-block;
  margin-top : 12px;
}

.mid-articulos .guiaRelacionadas h2 {
  font-family : 'Raleway', sans-serif;
  font-size   : 22px;
}

.mid-articulos .guiaRelacionadas ul {
  padding-left : 20px;
  line-height  : 2;
}

.mid-articulos .guiaRelacionadas a {
  color : #B1191A;
}

@media (max-width : 768px) {
  .mid-articulos h1 {
    font-size : 28px;
  }

  .mid-articulos .guiaItem {
    flex-direction : column;
    gap            : 12px;
  }

  .mid-articulos .guiaItemImg {
    flex   : none;
    height : 180px;
  }

  .mid-articulos .guiaTexto h2 {
    font-size : 23px;
  }
}