/* Theme Name: Rbit 2025
 * * Theme URI: http://rbit.mx
 * * Description: Rbit
 * * Author: rbit
 * * Author URI: http://www.rbit.mx
 * * Version: 1*/
@import 'assets/css/foundation.css';
@import 'https://use.typekit.net/bov0nao.css';
html, body, * {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-family: basic-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.1;
}

h1.title {
  font-weight: 700;
}

a:focus {
  color: #0D0D0D;
}

.cta {
  background: #0D0D0D;
  color: #fff;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  padding: 1em;
  border: 2px solid #0D0D0D;
}
.cta:hover {
  color: #0D0D0D;
  background: #fff;
}

.wp-block-button a {
  border: 2px solid #0D0D0D;
}
.wp-block-button a:hover {
  color: #0D0D0D !important;
  background: #fff !important;
}

.nav-links {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.nav-links a {
  background: #0D0D0D;
  color: #fff;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  padding: 1em;
  border: 2px solid #0D0D0D;
}
.nav-links a:hover {
  color: #0D0D0D;
  background: #fff;
}
.nav-links .nav-next {
  -ms-grid-column-align: end;
      justify-self: end;
}

.link {
  color: #0D0D0D;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.link:hover {
  color: #0D0D0D;
}
.link:hover:after {
  right: 0px;
}
.link:hover:before {
  left: 0px;
}
.link:after {
  content: "]";
  position: absolute;
  right: -6px;
}
.link:before {
  content: "[";
  position: absolute;
  left: -6px;
}

.back_link {
  font-weight: 700;
  color: #0D0D0D;
}
.back_link:hover {
  color: #0D0D0D;
}

p {
  line-height: 1.2;
}
p a {
  color: #0D0D0D;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  margin: 0 0.2em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  word-break: keep-all;
}
p a:hover {
  color: #0D0D0D;
}
p a:hover:after {
  right: -6px;
}
p a:hover:before {
  left: -6px;
}
p a:after {
  content: "]";
  position: absolute;
  right: -5px;
}
p a:before {
  content: "[";
  position: absolute;
  left: -5px;
}

p.l {
  font-size: 2.5em;
}
@media only screen and (max-width: 42em) {
  p.l {
    font-size: 1.4em;
  }
}

.agency {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10em 0;
}
.agency img {
  position: absolute;
  z-index: 5;
}
.agency .caption {
  z-index: 10;
}
.agency .caption h3 {
  font-size: 3em;
}
.agency .caption .cta {
  margin: auto;
}

.graf {
  position: relative;
  overflow: hidden;
  z-index: 5;
}
.graf:after {
  content: "";
  width: 100px;
  height: 719.41px;
  background: url(assets/imgs/agencia_digital.svg);
  background-size: contain;
  display: block;
  left: -45px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.graf:before {
  content: "";
  width: 100px;
  height: 719.41px;
  background: url(assets/imgs/agencia_digital.svg);
  background-size: contain;
  display: block;
  right: -45px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
@media only screen and (max-width: 42em) {
  .graf:after, .graf:before {
    display: none;
  }
}

.cta_contacto {
  text-align: center;
  padding: 10vh 0;
  margin-top: 15vh;
}
.cta_contacto .cta {
  margin: auto;
}

.bloque {
  background: #0D0D0D;
  color: #fff;
  padding: 3em;
}
.bloque a.cta {
  background: #fff;
  color: #0D0D0D;
}
.bloque a {
  color: #fff;
  display: inline-block;
}
.bloque a:hover {
  color: #fff;
  opacity: 0.8;
}
.bloque form label {
  color: #fff;
}
.bloque form input[type=submit] {
  background: #fff;
  color: #0D0D0D;
}

.cta_frase {
  font-size: 90%;
}

.small {
  font-size: 80%;
  text-transform: uppercase;
}

form input[type=submit] {
  text-transform: uppercase;
  border: none;
  background: #0D0D0D;
  color: #fff;
  border: 1px solid #0D0D0D;
  padding: 1em;
  cursor: pointer;
}

header.main .headertop {
  padding-top: 2em;
  width: 100%;
  margin: auto;
}
header.main .buttonmenu {
  text-align: right;
}
header.main a.openmenu {
  cursor: pointer;
  font-size: 1.2em;
  padding: 1em;
  color: #0D0D0D;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
header.main a.openmenu:hover {
  color: #0D0D0D;
}
header.main a.openmenu:hover:after {
  right: 0px;
}
header.main a.openmenu:hover:before {
  left: 0px;
}
header.main a.openmenu:after {
  content: "]";
  position: absolute;
  right: 10px;
}
header.main a.openmenu:before {
  content: "[";
  position: absolute;
  left: 10px;
}
@media only screen and (max-width: 42em) {
  header.main a.openmenu {
    margin: 0;
    right: 1em;
    position: absolute;
  }
}
header.main button.close_menu {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  font-size: 1.2em;
  cursor: pointer;
  text-align: center;
  padding: 1em;
}
header.main button.close_menu:hover {
  color: #0D0D0D;
}
header.main button.close_menu:hover:after {
  right: 0px;
}
header.main button.close_menu:hover:before {
  left: 0px;
}
header.main button.close_menu:after {
  content: "]";
  position: absolute;
  right: 10px;
}
header.main button.close_menu:before {
  content: "[";
  position: absolute;
  left: 10px;
}
@media only screen and (max-width: 42em) {
  header.main button.close_menu {
    color: #fff;
    top: 1.8em;
    right: 1em;
  }
}
@media only screen and (max-width: 42em) {
  header.main {
    text-align: right;
  }
  header.main .logo {
    text-align: left;
  }
}
header.main .menumovil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  background: #fff;
  position: fixed;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
header.main .menumovil .nav {
  background: #0D0D0D;
  width: 50%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 42em) {
  header.main .menumovil .nav {
    width: 100%;
  }
}
header.main .menumovil .nav nav.main_nav {
  width: 100%;
}
header.main .menumovil .nav nav.main_nav ul {
  margin: 0 0 4em 0;
  width: 100%;
}
header.main .menumovil .nav nav.main_nav ul li {
  padding: 0 80px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header.main .menumovil .nav nav.main_nav ul li a {
  font-size: 4em;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}
header.main .menumovil .nav nav.main_nav ul li span {
  font-size: 30%;
  vertical-align: top;
}
header.main .menumovil .nav nav.main_nav ul li:hover {
  background: #fff;
}
header.main .menumovil .nav nav.main_nav ul li:hover a {
  color: #0D0D0D;
}
@media only screen and (max-width: 42em) {
  header.main .menumovil .nav nav.main_nav ul {
    width: 100%;
  }
  header.main .menumovil .nav nav.main_nav ul li {
    text-align: left;
    padding: 0 1em;
  }
  header.main .menumovil .nav nav.main_nav ul li a {
    font-size: 1.8em;
  }
}
header.main .menumovil .nav nav.redes {
  color: #fff;
  width: 100%;
  padding: 0 80px;
}
header.main .menumovil .nav nav.redes ul {
  margin: 0;
}
header.main .menumovil .nav nav.redes ul li {
  display: inline-block;
}
header.main .menumovil .nav nav.redes ul li a {
  color: #fff;
  padding: 0 0.8em;
}
@media only screen and (max-width: 42em) {
  header.main .menumovil .nav nav.redes {
    text-align: left;
    padding: 0 20px;
  }
}
header.main .menumovil .nav .address {
  color: #fff;
  width: 100%;
  text-transform: uppercase;
  font-size: 80%;
  padding: 0 80px;
  margin-top: 5em;
  opacity: 0.5;
}
header.main .menumovil .nav .address p {
  margin-bottom: 0;
}
header.main .menumovil .nav .address a {
  color: #fff;
}
@media only screen and (max-width: 42em) {
  header.main .menumovil .nav .address {
    padding: 1em;
    text-align: left;
  }
}
header.main .menumovil .brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
  height: 100%;
}
header.main .menumovil .brand img {
  width: 60%;
}
@media only screen and (max-width: 42em) {
  header.main .menumovil .brand {
    display: none;
  }
}
header.main .menumovil[data-visible=true] {
  opacity: 1;
  visibility: visible;
}

footer.main {
  text-align: center;
  padding: 10vh 0;
  margin-top: 5vh;
}
footer.main .slogan {
  font-weight: 700;
  font-size: 2em;
  line-height: 1;
}
footer.main .logo {
  margin: 10em auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
footer.main p {
  margin: 0;
}
footer.main a {
  color: #0D0D0D;
}
footer.main nav.redes_footer {
  margin-top: 3em;
}
footer.main nav.redes_footer ul {
  margin: 0;
}
footer.main nav.redes_footer ul li {
  padding: 0 1em;
  display: inline-block;
}
footer.main nav.redes_footer ul li a {
  padding: 0 0.8em;
}
footer.main address p {
  font-weight: 700;
}

.banner_top {
  height: 60vh;
  width: 55%;
  margin: 3% 5% 0 5%;
  padding-top: 5em;
}
.banner_top h1 {
  font-size: 3.75em;
  line-height: 1.1;
}
@media only screen and (max-width: 42em) {
  .banner_top {
    width: 90%;
  }
  .banner_top h1 {
    font-size: 2em;
  }
}

.rbitlogo {
  width: 100%;
  text-align: center;
  margin-bottom: 5em;
}
.rbitlogo img {
  width: 95%;
}

.nav_servicios_home {
  text-align: center;
  margin-top: 1em;
  padding: 5em 0;
}
.nav_servicios_home ul {
  border-top: 3px solid #0D0D0D;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.nav_servicios_home ul li {
  display: inline-block;
  padding: 0 3em;
}
.nav_servicios_home ul li a {
  font-size: 1.5em;
  color: #0D0D0D;
  font-weight: 700;
  display: block;
  padding: 0.5em;
  border-bottom: 2px solid #fff;
}
.nav_servicios_home ul li a:hover {
  border-bottom: 2px solid #0D0D0D;
}

.project_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8em 1fr 8em 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8em;
  padding: 0 0 5em 0;
  margin-bottom: 2em;
  width: 100%;
}
@media only screen and (max-width: 42em) {
  .project_list {
    -ms-grid-columns: 1fr 2em 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2em;
  }
}

.project_thumb {
  display: block;
  height: auto;
}
.project_thumb img {
  width: 100%;
  margin-bottom: 1em;
}
.project_thumb a {
  color: #0D0D0D;
  text-transform: uppercase;
}
.project_thumb a img {
  -webkit-filter: saturate(0.2);
          filter: saturate(0.2);
}
.project_thumb h2 {
  margin: 0;
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 1;
}
.project_thumb h2 a {
  font-weight: 700;
}
.project_thumb ul.servicio_proyecto {
  margin: 0;
}
.project_thumb ul.servicio_proyecto li {
  list-style-image: none;
  display: inline-block;
}
.project_thumb:hover a img {
  -webkit-filter: saturate(1);
          filter: saturate(1);
}
.project_thumb .servicio_proyecto {
  margin: 0;
  text-align: left;
}
@media only screen and (max-width: 42em) {
  .project_thumb h2 {
    font-size: 1em;
  }
  .project_thumb a {
    font-size: 80%;
  }
}

.portfolio_servicios {
  margin-bottom: 5em;
}
.portfolio_servicios ul {
  margin: 0 0 0 -1em;
  padding-top: 1em;
}
@media only screen and (max-width: 42em) {
  .portfolio_servicios ul {
    margin: 0 0 0 -0.5em;
  }
}
.portfolio_servicios ul li {
  display: inline-block;
}
.portfolio_servicios ul li a {
  color: #0D0D0D;
  font-size: 1.2em;
  font-weight: 700;
  padding: 1em;
  position: relative;
}
.portfolio_servicios ul li a:hover:after {
  right: 5px;
  opacity: 1;
}
.portfolio_servicios ul li a:hover:before {
  left: 5px;
  opacity: 1;
}
.portfolio_servicios ul li a:after {
  content: "]";
  position: absolute;
  right: 0px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.portfolio_servicios ul li a:before {
  content: "[";
  position: absolute;
  left: 0px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 42em) {
  .portfolio_servicios ul li a {
    padding: 0.5em;
  }
}

.proyectos_servicio .portfolio_servicios {
  border-top: 3px solid;
}

.cta_proyectos {
  margin-top: 10em;
}
.cta_proyectos h3 {
  text-transform: uppercase;
  font-size: 1em;
}

.nav_portfolio {
  margin-top: 5em;
  padding-top: 5em;
  border-top: 2px solid;
}
.nav_portfolio h5 {
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  font-size: 0.7em;
}

nav.portfolio_servicios {
  margin-bottom: 5em;
}

.top_page {
  margin: 5em 0 5em 0;
}

.page_intro {
  border-bottom: 3px solid;
  padding-bottom: 3em;
}

.proyecto_top h1 {
  font-size: 2em;
  line-height: 1;
  margin-bottom: 0;
}
.proyecto_top .info_top_proyecto {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.3fr 0.3fr 0.3fr;
  grid-template-columns: 1fr 0.3fr 0.3fr 0.3fr;
}
.proyecto_top .info_top_proyecto p {
  text-align: right;
  margin-bottom: 0;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
.proyecto_top .info_top_proyecto .titulo {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
.proyecto_top .info_top_proyecto .titulo p {
  text-align: left;
}
@media only screen and (max-width: 42em) {
  .proyecto_top .info_top_proyecto {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .proyecto_top .info_top_proyecto p {
    text-align: left;
  }
}
.proyecto_top .servicio_proyecto {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
.proyecto_top .servicio_proyecto li {
  display: inline-block;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media only screen and (max-width: 42em) {
  .proyecto_top {
    margin-bottom: 3em;
  }
}

.project_description {
  padding-top: 3em;
}
.project_description p {
  font-size: 1.5em;
}
@media only screen and (max-width: 42em) {
  .project_description p {
    font-size: 1.3em;
  }
}

.intro_proyecto {
  padding-bottom: 5em;
  margin-bottom: 5em;
}

.cuerpo_proyecto {
  padding-bottom: 10vh;
}
.cuerpo_proyecto p {
  width: 60%;
  margin: auto;
  font-size: 1.3em;
}
@media only screen and (max-width: 42em) {
  .cuerpo_proyecto p {
    width: 80%;
    font-size: 1.1em;
  }
}
.cuerpo_proyecto figure {
  margin: 2.5em auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cuerpo_proyecto figure figcaption {
  font-style: italic;
  color: #9e9e9e;
}
.cuerpo_proyecto:before {
  content: "";
  width: 60%;
  height: 3px;
  background: #0D0D0D;
  display: block;
  margin: 5em auto;
}

.servicio_proyecto {
  margin: 0;
  text-align: right;
}
.servicio_proyecto li {
  list-style-type: none;
}
.servicio_proyecto li a {
  color: #0D0D0D;
}

.lista_servicios .servicio {
  display: -ms-grid;
  display: grid;
  width: 100%;
  -ms-grid-columns: 1fr 1em 0.3fr;
  grid-template-columns: 1fr 0.3fr;
  grid-gap: 1em;
  border-top: 2px solid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2em 1em;
}
@media only screen and (max-width: 42em) {
  .lista_servicios .servicio {
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.lista_servicios .servicio h2 {
  margin-bottom: 0;
}
.lista_servicios .servicio h2 span {
  font-size: 50%;
  vertical-align: top;
  margin-right: 5px;
}
.lista_servicios .servicio a.cta {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1em 3em;
  -ms-grid-row-align: end;
  -ms-grid-column-align: end;
  place-self: end;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media only screen and (max-width: 42em) {
  .lista_servicios .servicio a.cta {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
    padding: 1em;
  }
}
.lista_servicios .servicio .info_servicio p.l {
  font-size: 1.3em;
}

.top_servicio p:nth-child(3) {
  font-size: 150%;
}
@media only screen and (max-width: 42em) {
  .top_servicio p:nth-child(3) {
    font-size: 120%;
  }
}

.contenido_servicio {
  position: relative;
  width: 100%;
}
.contenido_servicio .contenido {
  padding-top: 5em;
  position: relative;
}
.contenido_servicio .contenido:before {
  content: "";
  display: block;
  width: 100%;
  margin: auto;
  height: 3px;
  top: 0;
  position: absolute;
  background: #0D0D0D;
}
@media only screen and (max-width: 42em) {
  .contenido_servicio .contenido:before {
    width: 90%;
  }
}

.bloque_cta {
  padding: 5em 0;
  text-align: center;
}
.bloque_cta button {
  margin: auto;
  text-transform: uppercase;
}
.bloque_cta .wp-block-buttons-is-layout-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.enfasis {
  font-size: 150%;
  width: 50%;
  line-height: 1.4;
  text-align: center;
  margin: auto;
}

.contacto_servicio {
  background: #0D0D0D;
  color: #fff;
  width: 80%;
  margin: 5em auto;
  padding: 5em;
}
@media only screen and (max-width: 42em) {
  .contacto_servicio {
    width: 90%;
    padding: 1.5em;
  }
}
.contacto_servicio form {
  margin-top: 2em;
}
.contacto_servicio label {
  color: #fff;
  text-transform: uppercase;
}
.contacto_servicio textarea {
  min-height: 15em;
}
.contacto_servicio input[type=text], .contacto_servicio input[type=url], .contacto_servicio input[type=email] {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 1.8em 1em;
}
.contacto_servicio select option {
  padding: 1em;
}
.contacto_servicio input[type=submit] {
  background: #fff;
  color: #0D0D0D;
  border: none;
  text-transform: uppercase;
  font-weight: 700;
  padding: 1em;
  cursor: pointer;
}
.contacto_servicio input[type=submit]:hover {
  background: #0D0D0D;
}

.portafolio-servicio {
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding: 5em 0;
}
.portafolio-servicio h3 {
  font-size: 1em;
  text-transform: uppercase;
  margin-bottom: 2em;
}
.portafolio-servicio a.cta {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.contacto_rapido {
  width: 60%;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1em;
  padding: 2em;
  background: #0D0D0D;
  text-align: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3em;
}
.contacto_rapido p {
  margin-bottom: 0;
}
.contacto_rapido input[type=submit] {
  background: #fff;
  color: #0D0D0D;
  border: 2px solid;
  display: block;
  width: 100%;
}
.contacto_rapido input[type=submit]:hover {
  background: #0D0D0D;
  color: #fff;
  border: 2px solid #fff;
}
.contacto_rapido input {
  margin-bottom: 0;
}
.contacto_rapido label {
  color: #fff;
  text-align: left;
}
.contacto_rapido .enviar {
  position: relative;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
.contacto_rapido .enviar .wpcf7-spinner {
  position: absolute;
  top: 0;
}
@media only screen and (max-width: 42em) {
  .contacto_rapido {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    width: 80%;
  }
}

.blog_thumb a {
  color: #0D0D0D;
}
.blog_thumb h4:after {
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  background: #0D0D0D;
  margin-top: 20px;
}
.blog_thumb .categoria ul {
  margin: 0;
}
.blog_thumb .categoria ul li {
  list-style-type: none;
  display: inline-block;
}

.comentarios_blog {
  margin-top: 10em;
}

.top_blog a {
  color: #0D0D0D;
}