.elementor-874 .elementor-element.elementor-element-553aa2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-874 .elementor-element.elementor-element-1c9b4b7{margin:180px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-874 .elementor-element.elementor-element-1c9b4b7 .elementor-heading-title{font-size:56px;text-transform:uppercase;}.elementor-874 .elementor-element.elementor-element-28e9263{text-align:center;}.elementor-874 .elementor-element.elementor-element-8226b09{--display:flex;}.elementor-874 .elementor-element.elementor-element-cffc113 .elementskit-post-image-card{display:block;}.elementor-874 .elementor-element.elementor-element-cffc113 .btn-wraper{text-align:left;}.elementor-874 .elementor-element.elementor-element-cffc113 .post-meta-list{text-align:left;}.elementor-874 .elementor-element.elementor-element-cffc113 .elementskit-post-body .entry-title{text-align:left;}.elementor-874 .elementor-element.elementor-element-cffc113 .elementskit-entry-header .entry-title{text-align:left;}.elementor-874 .elementor-element.elementor-element-cffc113 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-874 .elementor-element.elementor-element-cffc113 .ekit-blog-post-masonry-inactive .elementskit-blog-block-post, .elementor-874 .elementor-element.elementor-element-cffc113 .ekit-blog-post-masonry-inactive .elementskit-post-image-card, .elementor-874 .elementor-element.elementor-element-cffc113 .ekit-blog-post-masonry-inactive .elementskit-post-card{margin:0px 0px 30px 0px;}}@media(max-width:767px){.elementor-874 .elementor-element.elementor-element-cffc113 .ekit-blog-post-masonry-inactive .elementskit-blog-block-post, .elementor-874 .elementor-element.elementor-element-cffc113 .ekit-blog-post-masonry-inactive .elementskit-post-image-card, .elementor-874 .elementor-element.elementor-element-cffc113 .ekit-blog-post-masonry-inactive .elementskit-post-card{margin:0px 0px 30px 0px;}}/* Start custom CSS for elementskit-blog-posts, class: .elementor-element-cffc113 *//* =========================================================
   REAL BLACK TATTOO · WIDGET BLOG POSTS DE ELEMENTSKIT
   Sin clase CSS personalizada
   Imágenes en color
========================================================= */

.elementor-widget-elementskit-blog-posts,
.elementor-widget-ekit-blog-posts {
  --rb-card: #111111;
  --rb-card-hover: #161616;
  --rb-white: #ffffff;
  --rb-text: #c9c9c9;
  --rb-muted: #929292;
  --rb-red: #c91c23;
  --rb-line: rgba(255, 255, 255, 0.16);
}

/* =========================================================
   SEPARACIÓN ENTRE TARJETAS
========================================================= */

.elementor-widget-elementskit-blog-posts .row,
.elementor-widget-ekit-blog-posts .row {
  row-gap: 28px !important;
}

/* Columnas con tarjetas de la misma altura */

.elementor-widget-elementskit-blog-posts [class*="col-"],
.elementor-widget-ekit-blog-posts [class*="col-"] {
  display: flex;
}

.elementor-widget-elementskit-blog-posts [class*="col-"] > div,
.elementor-widget-ekit-blog-posts [class*="col-"] > div {
  width: 100%;
}

/* =========================================================
   TARJETA COMPLETA
========================================================= */

.elementor-widget-elementskit-blog-posts .elementskit-post-image-card,
.elementor-widget-ekit-blog-posts .elementskit-post-image-card,
.elementor-widget-elementskit-blog-posts .elementskit-blog-block-post,
.elementor-widget-ekit-blog-posts .elementskit-blog-block-post {
  position: relative;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--rb-card) !important;
  border: 1px solid var(--rb-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease;
}

/* Línea roja superior */

.elementor-widget-elementskit-blog-posts .elementskit-post-image-card::before,
.elementor-widget-ekit-blog-posts .elementskit-post-image-card::before,
.elementor-widget-elementskit-blog-posts .elementskit-blog-block-post::before,
.elementor-widget-ekit-blog-posts .elementskit-blog-block-post::before {
  content: "";
  position: absolute;
  top: 0;
  left: 26px;
  z-index: 5;
  width: 42px;
  height: 2px;
  background: var(--rb-red);
  transition: width 0.3s ease;
}

.elementor-widget-elementskit-blog-posts .elementskit-post-image-card:hover,
.elementor-widget-ekit-blog-posts .elementskit-post-image-card:hover,
.elementor-widget-elementskit-blog-posts .elementskit-blog-block-post:hover,
.elementor-widget-ekit-blog-posts .elementskit-blog-block-post:hover {
  background: var(--rb-card-hover) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-5px);
}

.elementor-widget-elementskit-blog-posts .elementskit-post-image-card:hover::before,
.elementor-widget-ekit-blog-posts .elementskit-post-image-card:hover::before,
.elementor-widget-elementskit-blog-posts .elementskit-blog-block-post:hover::before,
.elementor-widget-ekit-blog-posts .elementskit-blog-block-post:hover::before {
  width: 78px;
}

/* Eliminar fondos azules o colores heredados */

.elementor-widget-elementskit-blog-posts .elementskit-post-image-card > div,
.elementor-widget-ekit-blog-posts .elementskit-post-image-card > div,
.elementor-widget-elementskit-blog-posts .elementskit-blog-block-post > div,
.elementor-widget-ekit-blog-posts .elementskit-blog-block-post > div {
  background-color: transparent !important;
}

/* =========================================================
   IMAGEN EN COLOR
========================================================= */

.elementor-widget-elementskit-blog-posts .elementskit-entry-thumb,
.elementor-widget-ekit-blog-posts .elementskit-entry-thumb {
  position: relative;
  width: 100%;
  height: 245px !important;
  margin: 0 !important;
  overflow: hidden;
  background: #151515;
  border-radius: 0 !important;
}

.elementor-widget-elementskit-blog-posts .elementskit-entry-thumb a,
.elementor-widget-ekit-blog-posts .elementskit-entry-thumb a {
  display: block;
  width: 100%;
  height: 100%;
}

.elementor-widget-elementskit-blog-posts .elementskit-entry-thumb img,
.elementor-widget-ekit-blog-posts .elementskit-entry-thumb img {
  display: block;
  width: 100% !important;
  height: 245px !important;
  object-fit: cover !important;
  filter: none !important;
  transition: transform 0.5s ease;
}

.elementor-widget-elementskit-blog-posts .elementskit-post-image-card:hover img,
.elementor-widget-ekit-blog-posts .elementskit-post-image-card:hover img,
.elementor-widget-elementskit-blog-posts .elementskit-blog-block-post:hover img,
.elementor-widget-ekit-blog-posts .elementskit-blog-block-post:hover img {
  transform: scale(1.045);
  filter: none !important;
}

/* Capa oscura discreta sobre la parte inferior */

.elementor-widget-elementskit-blog-posts .elementskit-entry-thumb::after,
.elementor-widget-ekit-blog-posts .elementskit-entry-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    transparent 62%,
    rgba(0, 0, 0, 0.28) 100%
  );
  pointer-events: none;
}

/* =========================================================
   CUERPO DE LA TARJETA
========================================================= */

.elementor-widget-elementskit-blog-posts .elementskit-post-body,
.elementor-widget-ekit-blog-posts .elementskit-post-body {
  display: flex !important;
  flex: 1;
  flex-direction: column;
  padding: 28px 27px 30px !important;
  background: transparent !important;
}

/* =========================================================
   TÍTULO
========================================================= */

.elementor-widget-elementskit-blog-posts .elementskit-entry-title,
.elementor-widget-ekit-blog-posts .elementskit-entry-title {
  display: -webkit-box;
  min-height: 84px;
  margin: 0 0 20px !important;
  overflow: hidden;
  color: var(--rb-white) !important;
  font-family: inherit !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.33 !important;
  letter-spacing: -0.015em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.elementor-widget-elementskit-blog-posts .elementskit-entry-title a,
.elementor-widget-ekit-blog-posts .elementskit-entry-title a {
  color: var(--rb-white) !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}

.elementor-widget-elementskit-blog-posts .elementskit-entry-title a:hover,
.elementor-widget-ekit-blog-posts .elementskit-entry-title a:hover {
  color: var(--rb-red) !important;
}

/* =========================================================
   TEXTO Y METADATOS
========================================================= */

.elementor-widget-elementskit-blog-posts .elementskit-entry-content,
.elementor-widget-ekit-blog-posts .elementskit-entry-content,
.elementor-widget-elementskit-blog-posts .elementskit-post-body > p,
.elementor-widget-ekit-blog-posts .elementskit-post-body > p {
  margin: 0 0 22px !important;
  color: var(--rb-text) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

.elementor-widget-elementskit-blog-posts .elementskit-entry-meta,
.elementor-widget-ekit-blog-posts .elementskit-entry-meta,
.elementor-widget-elementskit-blog-posts .elementskit-post-footer,
.elementor-widget-ekit-blog-posts .elementskit-post-footer {
  color: var(--rb-muted) !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.elementor-widget-elementskit-blog-posts .elementskit-entry-meta a,
.elementor-widget-ekit-blog-posts .elementskit-entry-meta a {
  color: var(--rb-muted) !important;
  text-decoration: none !important;
}

.elementor-widget-elementskit-blog-posts .elementskit-entry-meta a:hover,
.elementor-widget-ekit-blog-posts .elementskit-entry-meta a:hover {
  color: var(--rb-red) !important;
}

/* =========================================================
   BOTÓN LEER MÁS
========================================================= */

.elementor-widget-elementskit-blog-posts .elementskit-btn,
.elementor-widget-ekit-blog-posts .elementskit-btn,
.elementor-widget-elementskit-blog-posts .elementskit-post-footer-btn,
.elementor-widget-ekit-blog-posts .elementskit-post-footer-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 44px;
  margin-top: auto !important;
  padding: 11px 22px !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--rb-white) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.07em;
  text-decoration: none !important;
  text-transform: uppercase;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.elementor-widget-elementskit-blog-posts .elementskit-btn:hover,
.elementor-widget-ekit-blog-posts .elementskit-btn:hover,
.elementor-widget-elementskit-blog-posts .elementskit-post-footer-btn:hover,
.elementor-widget-ekit-blog-posts .elementskit-post-footer-btn:hover {
  background: var(--rb-red) !important;
  border-color: var(--rb-red) !important;
  color: var(--rb-white) !important;
  transform: translateY(-2px);
}

/* Iconos del botón */

.elementor-widget-elementskit-blog-posts .elementskit-btn i,
.elementor-widget-ekit-blog-posts .elementskit-btn i,
.elementor-widget-elementskit-blog-posts .elementskit-btn svg,
.elementor-widget-ekit-blog-posts .elementskit-btn svg {
  margin-left: 8px;
  color: inherit !important;
  fill: currentColor !important;
}

/* =========================================================
   PAGINACIÓN
========================================================= */

.elementor-widget-elementskit-blog-posts .elementskit-pagination,
.elementor-widget-ekit-blog-posts .elementskit-pagination {
  margin-top: 45px;
}

.elementor-widget-elementskit-blog-posts .elementskit-pagination ul,
.elementor-widget-ekit-blog-posts .elementskit-pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding: 0;
  list-style: none;
}

.elementor-widget-elementskit-blog-posts .elementskit-pagination a,
.elementor-widget-ekit-blog-posts .elementskit-pagination a,
.elementor-widget-elementskit-blog-posts .elementskit-pagination span,
.elementor-widget-ekit-blog-posts .elementskit-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 8px 12px;
  background: var(--rb-card) !important;
  border: 1px solid var(--rb-line) !important;
  border-radius: 0 !important;
  color: var(--rb-white) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease;
}

.elementor-widget-elementskit-blog-posts .elementskit-pagination a:hover,
.elementor-widget-ekit-blog-posts .elementskit-pagination a:hover,
.elementor-widget-elementskit-blog-posts .elementskit-pagination .current,
.elementor-widget-ekit-blog-posts .elementskit-pagination .current {
  background: var(--rb-red) !important;
  border-color: var(--rb-red) !important;
  color: var(--rb-white) !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {
  .elementor-widget-elementskit-blog-posts .elementskit-entry-thumb,
  .elementor-widget-ekit-blog-posts .elementskit-entry-thumb,
  .elementor-widget-elementskit-blog-posts .elementskit-entry-thumb img,
  .elementor-widget-ekit-blog-posts .elementskit-entry-thumb img {
    height: 215px !important;
  }

  .elementor-widget-elementskit-blog-posts .elementskit-post-body,
  .elementor-widget-ekit-blog-posts .elementskit-post-body {
    padding: 25px 22px 27px !important;
  }

  .elementor-widget-elementskit-blog-posts .elementskit-entry-title,
  .elementor-widget-ekit-blog-posts .elementskit-entry-title {
    min-height: 78px;
    font-size: 19px !important;
  }
}

/* =========================================================
   MÓVIL
========================================================= */

@media (max-width: 767px) {
  .elementor-widget-elementskit-blog-posts .row,
  .elementor-widget-ekit-blog-posts .row {
    row-gap: 22px !important;
  }

  .elementor-widget-elementskit-blog-posts [class*="col-"],
  .elementor-widget-ekit-blog-posts [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .elementor-widget-elementskit-blog-posts .elementskit-entry-thumb,
  .elementor-widget-ekit-blog-posts .elementskit-entry-thumb,
  .elementor-widget-elementskit-blog-posts .elementskit-entry-thumb img,
  .elementor-widget-ekit-blog-posts .elementskit-entry-thumb img {
    height: 240px !important;
  }

  .elementor-widget-elementskit-blog-posts .elementskit-post-body,
  .elementor-widget-ekit-blog-posts .elementskit-post-body {
    padding: 24px 21px 26px !important;
  }

  .elementor-widget-elementskit-blog-posts .elementskit-entry-title,
  .elementor-widget-ekit-blog-posts .elementskit-entry-title {
    min-height: auto;
    margin-bottom: 17px !important;
    font-size: 19px !important;
    line-height: 1.35 !important;
  }

  .elementor-widget-elementskit-blog-posts .elementskit-btn,
  .elementor-widget-ekit-blog-posts .elementskit-btn,
  .elementor-widget-elementskit-blog-posts .elementskit-post-footer-btn,
  .elementor-widget-ekit-blog-posts .elementskit-post-footer-btn {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8226b09 */.rb-blog-grid {
  --rb-bg: #050505;
  --rb-card: #101010;
  --rb-white: #ffffff;
  --rb-text: #bdbdbd;
  --rb-muted: #888888;
  --rb-line: rgba(255, 255, 255, 0.15);
  --rb-red: #c91c23;

  width: 100%;
  padding: 30px 24px 110px;
  background: var(--rb-bg);
}

/* Rejilla de entradas de Elementor */

.rb-blog-grid .elementor-posts-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  max-width: 1180px;
  margin: 0 auto;
}

/* Tarjeta */

.rb-blog-grid article.elementor-post {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  background: var(--rb-card);
  border: 1px solid var(--rb-line);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background-color 0.3s ease;
}

.rb-blog-grid article.elementor-post:hover {
  transform: translateY(-5px);
  background: #131313;
  border-color: rgba(255, 255, 255, 0.3);
}

/* Imagen */

.rb-blog-grid .elementor-post__thumbnail__link {
  display: block;
  margin: 0 !important;
  overflow: hidden;
}

.rb-blog-grid .elementor-post__thumbnail {
  position: relative;
  padding-bottom: 68% !important;
  overflow: hidden;
  background: #151515;
}

.rb-blog-grid .elementor-post__thumbnail img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  filter: grayscale(100%);
  transition:
    transform 0.45s ease,
    filter 0.35s ease;
}

.rb-blog-grid article.elementor-post:hover .elementor-post__thumbnail img {
  transform: scale(1.035);
  filter: grayscale(25%);
}

/* Contenido */

.rb-blog-grid .elementor-post__text {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 28px 27px 30px;
}

/* Título */

.rb-blog-grid .elementor-post__title {
  margin: 0 0 15px !important;
  font-family: inherit !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.rb-blog-grid .elementor-post__title a {
  color: var(--rb-white) !important;
  text-decoration: none;
}

.rb-blog-grid .elementor-post__title a:hover {
  color: var(--rb-white) !important;
}

/* Metadatos */

.rb-blog-grid .elementor-post__meta-data {
  order: -1;
  margin: 0 0 14px !important;
  color: var(--rb-muted) !important;
  font-size: 11px !important;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.rb-blog-grid .elementor-post__meta-data span {
  color: inherit !important;
}

/* Extracto */

.rb-blog-grid .elementor-post__excerpt {
  flex: 1;
  margin-bottom: 23px !important;
}

.rb-blog-grid .elementor-post__excerpt p {
  margin: 0 !important;
  color: var(--rb-text) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* Enlace Leer más */

.rb-blog-grid .elementor-post__read-more {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 10px;
  margin-top: auto;
  color: var(--rb-white) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4;
  letter-spacing: 0.07em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.rb-blog-grid .elementor-post__read-more::before {
  content: "";
  width: 22px;
  height: 2px;
  background: var(--rb-red);
  transition: width 0.3s ease;
}

.rb-blog-grid .elementor-post__read-more:hover::before {
  width: 38px;
}

/* Paginación */

.rb-blog-grid .elementor-pagination {
  max-width: 1180px;
  margin: 55px auto 0 !important;
  text-align: center;
}

.rb-blog-grid .elementor-pagination a,
.rb-blog-grid .elementor-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 39px;
  min-height: 39px;
  margin: 4px;
  padding: 8px 12px;
  border: 1px solid var(--rb-line);
  color: #ffffff !important;
  font-size: 13px;
  text-decoration: none;
}

.rb-blog-grid .elementor-pagination .current {
  background: #ffffff;
  border-color: #ffffff;
  color: #050505 !important;
}

/* Tablet */

@media (max-width: 1024px) {
  .rb-blog-grid .elementor-posts-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Móvil */

@media (max-width: 767px) {
  .rb-blog-grid {
    padding: 25px 16px 75px;
  }

  .rb-blog-grid .elementor-posts-container {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .rb-blog-grid .elementor-post__text {
    padding: 25px 21px 27px;
  }

  .rb-blog-grid .elementor-post__title {
    font-size: 21px !important;
  }

  .rb-blog-grid .elementor-post__excerpt p {
    font-size: 15px !important;
  }
}/* End custom CSS */