/* =====================================================
   SINGLE POST - Ricardo Lozano
   Archivo: 02-single-post.css
   ===================================================== */

/* =====================================================
   PATCH SINGLE POST - VARIABLES BLOG AUTONOMAS
   Evita depender de 00-blog-archive.css en entradas individuales
   ===================================================== */

body.single-post {
  --rl-blog-bg: #f6f8fb;
  --rl-blog-white: #ffffff;
  --rl-blog-ink: #071126;
  --rl-blog-text: #475569;
  --rl-blog-soft: #64748b;
  --rl-blog-border: #dbe4ee;
  --rl-blog-blue: #4f7cff;
  --rl-blog-blue-2: #3f73ff;
  --rl-blog-lilac: #7a6df2;
  --rl-blog-max: 1180px;
  --rl-blog-side: 48px;
  --rl-blog-width: min(calc(100vw - (var(--rl-blog-side) * 2)), var(--rl-blog-max));
  --rl-blog-radius: 30px;
  --rl-blog-pill: 999px;
}

@media (max-width: 767px) {
  body.single-post {
    --rl-blog-side: 24px;
  }
}

body.single-post #main {
  width: var(--rl-blog-width) !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: clamp(78px, 7vw, 118px) 0 clamp(100px, 8vw, 150px) !important;
}

body.single-post article.post {
  margin: 0 !important;
}

body.single-post article.post .inside-article {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.single-post .entry-header {
  max-width: 940px !important;
  margin: 0 auto clamp(42px, 5vw, 72px) !important;
  text-align: center !important;
}

body.single-post .entry-title {
  margin: 0 0 22px 0 !important;
  color: var(--rl-blog-ink) !important;
  font-size: clamp(44px, 5.4vw, 82px) !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
}

body.single-post .entry-meta {
  color: #94a3b8 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 750 !important;
}

body.single-post .post-image,
body.single-post .featured-image {
  max-width: 1040px !important;
  margin: 0 auto clamp(54px, 6vw, 86px) !important;
}

body.single-post .post-image img,
body.single-post .featured-image img {
  width: 100% !important;
  max-height: 620px !important;
  object-fit: cover !important;
  border-radius: 34px !important;

  box-shadow:
    0 34px 90px rgba(15,23,42,.12),
    0 16px 44px rgba(79,124,255,.08) !important;
}

body.single-post .entry-content {
  max-width: 780px !important;
  margin: 0 auto !important;

  color: var(--rl-blog-text) !important;
  font-size: 20px !important;
  line-height: 1.82 !important;
  font-weight: 400 !important;
}

body.single-post .entry-content > *:first-child {
  margin-top: 0 !important;
}

body.single-post .entry-content p {
  margin: 0 0 30px 0 !important;
}

body.single-post .entry-content h2 {
  position: relative !important;
  margin: clamp(58px, 6vw, 86px) 0 24px 0 !important;
  padding-left: 22px !important;

  color: var(--rl-blog-ink) !important;
  font-size: clamp(32px, 3vw, 48px) !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body.single-post .entry-content h2::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .15em !important;

  width: 6px !important;
  height: 1.1em !important;
  border-radius: 999px !important;

  background: linear-gradient(180deg, var(--rl-blog-blue), var(--rl-blog-blue-2)) !important;
  box-shadow: 0 10px 24px rgba(79,124,255,.20) !important;
}

body.single-post .entry-content h3 {
  margin: clamp(42px, 4vw, 62px) 0 18px 0 !important;

  color: var(--rl-blog-ink) !important;
  font-size: clamp(25px, 2.2vw, 34px) !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

body.single-post .entry-content h4 {
  margin: 34px 0 14px 0 !important;
  color: var(--rl-blog-blue) !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

body.single-post .entry-content strong,
body.single-post .entry-content b {
  color: var(--rl-blog-ink) !important;
  font-weight: 850 !important;
}

body.single-post .entry-content a {
  color: var(--rl-blog-blue) !important;
  font-weight: 750 !important;
  text-decoration-thickness: .08em !important;
  text-underline-offset: .18em !important;
}

body.single-post .entry-content ul,
body.single-post .entry-content ol {
  margin: 0 0 34px 0 !important;
  padding-left: 0 !important;
}

body.single-post .entry-content ul {
  list-style: none !important;
}

body.single-post .entry-content li {
  position: relative !important;
  margin: 0 0 14px 0 !important;
  padding-left: 34px !important;
}

body.single-post .entry-content ul li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .62em !important;

  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;

  background: var(--rl-blog-blue) !important;
  box-shadow: 0 0 0 6px rgba(79,124,255,.11) !important;
}

body.single-post .entry-content ol {
  counter-reset: rl-post-counter !important;
  list-style: none !important;
}

body.single-post .entry-content ol li {
  counter-increment: rl-post-counter !important;
}

body.single-post .entry-content ol li::before {
  content: counter(rl-post-counter) !important;
  position: absolute !important;
  left: 0 !important;
  top: .18em !important;

  width: 24px !important;
  height: 24px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: rgba(79,124,255,.10) !important;
  color: var(--rl-blog-blue) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

body.single-post .entry-content blockquote {
  margin: clamp(44px, 5vw, 66px) 0 !important;
  padding: 30px 34px !important;

  border-left: 4px solid var(--rl-blog-blue) !important;
  border-radius: 24px !important;

  background:
    radial-gradient(circle at 12% 20%, rgba(79,124,255,.105), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,252,255,.92)) !important;

  box-shadow:
    0 22px 52px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.96) !important;

  color: #334155 !important;
  font-size: 21px !important;
  line-height: 1.62 !important;
  font-weight: 650 !important;
}

body.single-post .entry-content figure {
  margin: clamp(46px, 5vw, 72px) auto !important;
}

body.single-post .entry-content img {
  border-radius: 28px !important;
  box-shadow:
    0 24px 62px rgba(15,23,42,.09),
    0 12px 30px rgba(79,124,255,.06) !important;
}

body.single-post .entry-content figcaption,
body.single-post .wp-caption-text {
  margin-top: 12px !important;
  color: #94a3b8 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

body.single-post .entry-content table {
  width: 100% !important;
  margin: 42px 0 !important;
  border-collapse: collapse !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.055) !important;
}

body.single-post .entry-content th,
body.single-post .entry-content td {
  padding: 16px 18px !important;
  border: 1px solid rgba(219,228,238,.84) !important;
  text-align: left !important;
}

body.single-post .entry-content th {
  background: rgba(79,124,255,.08) !important;
  color: var(--rl-blog-ink) !important;
  font-weight: 900 !important;
}

body.single-post .entry-content hr {
  margin: clamp(50px, 5vw, 76px) 0 !important;
  border: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(148,163,184,.34), transparent) !important;
}

body.single-post .post-navigation,
body.single-post .comments-area {
  max-width: 780px !important;
  margin: 70px auto 0 !important;
}

body.single-post .post-navigation {
  padding-top: 34px !important;
  border-top: 1px solid rgba(219,228,238,.86) !important;
}

body.single-post .post-navigation a {
  color: var(--rl-blog-ink) !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body.single-post .post-navigation a:hover {
  color: var(--rl-blog-blue) !important;
}

@media (max-width: 767px) {
  body.single-post #main {
    padding: 62px 0 92px !important;
  }

  body.single-post .entry-title {
    font-size: clamp(36px, 10.5vw, 50px) !important;
    text-align: left !important;
  }

  body.single-post .entry-header {
    text-align: left !important;
  }

  body.single-post .post-image img,
  body.single-post .featured-image img {
    border-radius: 26px !important;
    max-height: 460px !important;
  }

  body.single-post .entry-content {
    font-size: 18px !important;
    line-height: 1.76 !important;
  }

  body.single-post .entry-content h2 {
    font-size: clamp(28px, 8vw, 38px) !important;
    margin-top: 54px !important;
  }

  body.single-post .entry-content h3 {
    font-size: clamp(23px, 6vw, 30px) !important;
  }

  body.single-post .entry-content blockquote {
    padding: 24px 24px !important;
    font-size: 18px !important;
  }

  body.single-post .entry-content img {
    border-radius: 22px !important;
  }
}

/* Ocultar fecha y autor en entradas */
body.single-post .entry-meta,
body.single-post .posted-on,
body.single-post .byline,
body.single-post .author,
body.single-post .cat-links,
body.single-post .tags-links {
  display: none !important;
}

/* =====================================================
   ENTRADAS - DISENO PREMIUM + OCULTAR FOTO DESTACADA
   ===================================================== */

body.single-post {
  background:
    radial-gradient(circle at 12% 16%, rgba(79,124,255,.070), transparent 34%),
    radial-gradient(circle at 88% 28%, rgba(16,185,129,.040), transparent 36%),
    linear-gradient(180deg, #f6f8fb 0%, #ffffff 100%) !important;
  overflow-x: hidden !important;
}

body.single-post .page-header-image-single,
body.single-post .featured-image.page-header-image,
body.single-post .inside-article > .post-image,
body.single-post .inside-article > .featured-image,
body.single-post .entry-header + .post-image {
  display: none !important;
}

body.single-post #primary,
body.single-post #main,
body.single-post article.post,
body.single-post .inside-article {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.single-post .entry-header {
  width: min(calc(100vw - 96px), 980px) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: clamp(92px, 8vw, 140px) 0 clamp(52px, 5vw, 76px) !important;
  text-align: center !important;
}

body.single-post .entry-header::before {
  content: "Blog" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 auto 28px !important;
  padding: 9px 18px !important;

  border-radius: 999px !important;
  border: 1.2px solid rgba(79,124,255,.26) !important;

  color: #4f7cff !important;
  background: rgba(239,246,255,.72) !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

body.single-post .entry-title {
  max-width: 980px !important;
  margin: 0 auto !important;

  color: #071126 !important;
  font-size: clamp(48px, 5vw, 76px) !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
}

body.single-post .entry-meta,
body.single-post .posted-on,
body.single-post .byline,
body.single-post .cat-links,
body.single-post .tags-links {
  display: none !important;
}

body.single-post .entry-content {
  width: min(calc(100vw - 96px), 860px) !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 0 0 clamp(92px, 8vw, 140px) !important;

  color: #475569 !important;
  font-size: 21px !important;
  line-height: 1.78 !important;
  font-weight: 400 !important;
}

body.single-post .entry-content > * {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-post .entry-content p {
  margin: 0 0 30px !important;
}

body.single-post .entry-content strong,
body.single-post .entry-content b {
  color: #334155 !important;
  font-weight: 850 !important;
}

body.single-post .entry-content h2 {
  margin: 72px auto 24px !important;
  color: #071126 !important;
  font-size: clamp(34px, 3vw, 48px) !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  text-wrap: balance !important;
}

body.single-post .entry-content h3 {
  margin: 52px auto 18px !important;
  color: #071126 !important;
  font-size: clamp(26px, 2.2vw, 34px) !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

body.single-post .entry-content img {
  display: block !important;
  width: 100% !important;
  max-width: 980px !important;
  height: auto !important;

  margin: 52px auto !important;

  border-radius: 28px !important;
  box-shadow:
    0 28px 70px rgba(15,23,42,.10),
    0 16px 42px rgba(79,124,255,.08) !important;
}

body.single-post .entry-content blockquote {
  margin: 56px auto !important;
  padding: 34px 38px !important;

  border-left: 4px solid #4f7cff !important;
  border-radius: 24px !important;

  background:
    radial-gradient(circle at 18% 18%, rgba(79,124,255,.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,251,255,.88)) !important;

  box-shadow:
    0 22px 54px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.96) !important;

  color: #334155 !important;
  font-size: 25px !important;
  line-height: 1.55 !important;
  font-weight: 750 !important;
}

body.single-post .entry-content ul,
body.single-post .entry-content ol {
  margin: 36px auto !important;
  padding: 0 !important;
}

body.single-post .entry-content ul {
  list-style: none !important;
}

body.single-post .entry-content ul li {
  position: relative !important;
  margin: 0 0 18px !important;
  padding-left: 34px !important;
}

body.single-post .entry-content ul li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .72em !important;

  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;

  background: #4f7cff !important;
  box-shadow: 0 0 0 6px rgba(79,124,255,.12) !important;
}

body.single-post .entry-content table {
  width: 100% !important;
  margin: 52px auto !important;
  border-collapse: collapse !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 54px rgba(15,23,42,.075) !important;
}

body.single-post .entry-content th,
body.single-post .entry-content td {
  padding: 22px 24px !important;
  border: 1px solid rgba(219,228,238,.86) !important;
}

body.single-post .entry-content th {
  color: #071126 !important;
  font-weight: 900 !important;
  background: rgba(239,246,255,.78) !important;
}

@media (max-width: 767px) {
  body.single-post .entry-header,
  body.single-post .entry-content {
    width: calc(100vw - 48px) !important;
  }

  body.single-post .entry-header {
    padding: 66px 0 38px !important;
    text-align: left !important;
  }

  body.single-post .entry-header::before {
    margin-left: 0 !important;
    margin-bottom: 22px !important;
  }

  body.single-post .entry-title {
    font-size: clamp(38px, 10.2vw, 50px) !important;
    line-height: 1.06 !important;
    text-align: left !important;
  }

  body.single-post .entry-content {
    font-size: 18px !important;
    line-height: 1.72 !important;
    padding-bottom: 92px !important;
  }

  body.single-post .entry-content p {
    margin-bottom: 26px !important;
  }

  body.single-post .entry-content h2 {
    margin-top: 58px !important;
    font-size: 32px !important;
  }

  body.single-post .entry-content img {
    margin: 40px auto !important;
    border-radius: 24px !important;
  }

  body.single-post .entry-content blockquote {
    padding: 26px 24px !important;
    font-size: 21px !important;
    border-radius: 22px !important;
  }
}

/* =====================================================
   SINGLE POST - ESTILO GOOGLE PREMIUM FINAL
   Pegar al final de 02-single-post.css
   ===================================================== */

body.single-post {
  --rl-g-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --rl-g-ink: #202124;
  --rl-g-text: #3c4043;
  --rl-g-muted: #5f6368;
  --rl-g-soft: #f8fbff;
  --rl-g-border: #dfe7f5;
  --rl-g-blue: #1a73e8;
  --rl-g-blue-2: #4285f4;
  --rl-g-green: #34a853;
  --rl-g-yellow: #fbbc04;
  --rl-g-red: #ea4335;
}

/* Base tipografica de entrada */
body.single-post .entry-header,
body.single-post .entry-content {
  font-family: var(--rl-g-font) !important;
}

body.single-post .entry-title {
  color: var(--rl-g-ink) !important;
  font-family: var(--rl-g-font) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

body.single-post .entry-content {
  color: var(--rl-g-text) !important;
  font-size: 20px !important;
  line-height: 1.78 !important;
  font-weight: 400 !important;
}

body.single-post .entry-content p {
  color: var(--rl-g-text) !important;
  margin: 0 0 30px !important;
  font-weight: 400 !important;
}

/* Negritas mas Google: presentes, pero no pesadas */
body.single-post .entry-content strong,
body.single-post .entry-content b {
  color: #334155 !important;
  font-weight: 600 !important;
}

/* Enlaces estilo Google */
body.single-post .entry-content a {
  color: var(--rl-g-blue) !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 4px !important;
}

body.single-post .entry-content a:hover,
body.single-post .entry-content a:focus {
  color: #174ea6 !important;
  text-decoration-thickness: 2px !important;
}

/* Titulos interiores mas finos y limpios */
body.single-post .entry-content h2,
body.single-post .entry-content h3 {
  color: var(--rl-g-ink) !important;
  font-family: var(--rl-g-font) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

body.single-post .entry-content h2 {
  margin: 64px 0 22px !important;
  font-size: clamp(32px, 3vw, 46px) !important;
  line-height: 1.14 !important;
}

body.single-post .entry-content h3 {
  margin: 46px 0 18px !important;
  font-size: clamp(25px, 2vw, 32px) !important;
  line-height: 1.2 !important;
}

/* Listas estilo limpio Google */
body.single-post .entry-content ul,
body.single-post .entry-content ol {
  margin: 0 0 38px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  gap: 18px !important;
}

body.single-post .entry-content li {
  position: relative !important;
  color: var(--rl-g-text) !important;
  font-size: 20px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  padding-left: 34px !important;
}

body.single-post .entry-content ul li::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: .72em !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: var(--rl-g-blue-2) !important;
  box-shadow: 0 0 0 7px rgba(66, 133, 244, .10) !important;
}

body.single-post .entry-content ol {
  counter-reset: rl-post-counter !important;
}

body.single-post .entry-content ol li {
  counter-increment: rl-post-counter !important;
}

body.single-post .entry-content ol li::before {
  content: counter(rl-post-counter) "." !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: var(--rl-g-blue) !important;
  font-weight: 600 !important;
}

/* Quita los cuadros grandes de preguntas y los convierte en destacado fino */
body.single-post .entry-content blockquote,
body.single-post .entry-content .wp-block-quote,
body.single-post .entry-content .wp-block-pullquote,
body.single-post .entry-content p.has-background {
  margin: 48px 0 !important;
  padding: 4px 0 4px 26px !important;

  border: 0 !important;
  border-left: 4px solid var(--rl-g-blue-2) !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  color: #3c4043 !important;
  font-family: var(--rl-g-font) !important;
  font-size: clamp(25px, 2.2vw, 34px) !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

body.single-post .entry-content blockquote p,
body.single-post .entry-content .wp-block-quote p,
body.single-post .entry-content .wp-block-pullquote p,
body.single-post .entry-content p.has-background {
  margin: 0 !important;
  color: #3c4043 !important;
  font-weight: 500 !important;
}

/* Imagenes dentro del articulo */
body.single-post .entry-content img {
  border-radius: 28px !important;
  box-shadow:
    0 22px 58px rgba(15, 23, 42, .08),
    0 10px 28px rgba(66, 133, 244, .045) !important;
}

/* Tablas mas limpias estilo editorial */
body.single-post .entry-content table {
  width: 100% !important;
  margin: 46px 0 !important;
  border-collapse: collapse !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .06) !important;
}

body.single-post .entry-content th {
  background: #eef4ff !important;
  color: var(--rl-g-ink) !important;
  font-weight: 600 !important;
}

body.single-post .entry-content td,
body.single-post .entry-content th {
  padding: 22px 24px !important;
  border: 1px solid rgba(219, 228, 238, .82) !important;
  color: var(--rl-g-text) !important;
}

/* Movil */
@media (max-width: 767px) {
  body.single-post .entry-content {
    font-size: 18px !important;
    line-height: 1.72 !important;
  }

  body.single-post .entry-content p {
    margin-bottom: 26px !important;
  }

  body.single-post .entry-content h2 {
    margin-top: 52px !important;
    font-size: 31px !important;
  }

  body.single-post .entry-content h3 {
    font-size: 24px !important;
  }

  body.single-post .entry-content li {
    font-size: 18px !important;
    line-height: 1.62 !important;
    padding-left: 30px !important;
  }

  body.single-post .entry-content blockquote,
  body.single-post .entry-content .wp-block-quote,
  body.single-post .entry-content .wp-block-pullquote,
  body.single-post .entry-content p.has-background {
    margin: 38px 0 !important;
    padding-left: 20px !important;
    font-size: 23px !important;
    line-height: 1.35 !important;
  }
}

/* Migas de pan en entradas */
body.single-post .entry-header::before {
  content: none !important;
  display: none !important;
}

body.single-post .rl-post-breadcrumbs {
  width: 100% !important;
  margin: 0 0 clamp(42px, 5vw, 72px) 0 !important;
}

body.single-post .rl-post-breadcrumbs-list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.single-post .rl-post-breadcrumbs-list li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-post .rl-post-breadcrumbs-list li:not(:last-child)::after {
  content: "/" !important;
  color: #94a3b8 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body.single-post .rl-post-breadcrumb-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 38px !important;
  padding: 9px 18px !important;

  border-radius: 999px !important;
  border: 1.35px solid transparent !important;

  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,251,255,.90)) padding-box,
    linear-gradient(120deg, rgba(79,124,255,.52), rgba(102,126,255,.26), rgba(226,82,222,.22)) border-box !important;

  color: #4f7cff !important;
  text-decoration: none !important;

  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;

  box-shadow:
    0 12px 28px rgba(79,124,255,.08),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

body.single-post .rl-post-breadcrumb-chip:hover {
  color: #365ef4 !important;
  border-color: transparent !important;
  box-shadow:
    0 16px 36px rgba(79,124,255,.14),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}

@media (max-width: 767px) {
  body.single-post .rl-post-breadcrumbs {
    margin-bottom: 38px !important;
  }

  body.single-post .rl-post-breadcrumb-chip {
    min-height: 34px !important;
    padding: 8px 14px !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
  }
}

/* =====================================================
   PATCH SINGLE POST - HERO DE ENTRADA MAS COMPACTO
   Reduce espacio superior y distancia entre chip Blog y H1
   ===================================================== */

body.single-post .entry-header {
  padding-top: clamp(42px, 4vw, 64px) !important;
  padding-bottom: clamp(24px, 2.8vw, 36px) !important;
}

body.single-post .rl-post-breadcrumbs {
  margin: 0 0 14px 0 !important;
}

body.single-post .entry-title {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  body.single-post .entry-header {
    padding-top: 36px !important;
    padding-bottom: 28px !important;
  }

  body.single-post .rl-post-breadcrumbs {
    margin-bottom: 12px !important;
  }
}

/* Movil */
@media (max-width: 767px) {
  body.single-post .entry-header {
    padding-top: 28px !important;
    padding-bottom: 22px !important;
  }

  body.single-post .rl-post-breadcrumbs {
    margin-bottom: 10px !important;
  }

  body.single-post .entry-title {
    margin-bottom: 18px !important;
  }
}