/* ============================================================
   BLOG · SINGLE POST + ARCHIVE (Rendemy)
   Cargado solo en posts/blog/archive. No afecta a home, servicios, contacto ni about.
   Reversible: elimina el wp_enqueue_style de functions.php para revertir.
   ============================================================ */

/* -------- Single post: contenedor de lectura -------- */
.single-post .site-content,
.single-post #content,
.blog .site-content,
.blog #content,
.archive .site-content,
.archive #content,
.category .site-content,
.category #content{
  background: #000 !important;
  padding-top: 120px;
  padding-bottom: 100px;
}

.single-post .inside-article,
.single-post .entry-content{
  max-width: 760px;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* -------- Header del post (title + meta) -------- */
.single-post .entry-header{
  max-width: 760px;
  margin: 0 auto 50px;
  padding: 0 24px;
  text-align: left;
}

.single-post .entry-title{
  font-size: 3rem !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #fff !important;
  margin: 0 0 24px !important;
}

.single-post .entry-meta{
  font-size: 0.95rem;
  color: rgba(255,255,255,0.45);
  letter-spacing: 0.02em;
  margin-top: 8px;
}

.single-post .entry-meta a{
  color: rgba(255,255,255,0.65);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  transition: color .15s ease, border-color .15s ease;
}

.single-post .entry-meta a:hover{
  color: #fff;
  border-color: rgba(255,255,255,0.5);
}

/* -------- Cuerpo del artículo: tipografía editorial -------- */
.single-post .entry-content p{
  font-size: 1.2rem !important;
  line-height: 1.75 !important;
  color: rgba(255,255,255,0.82) !important;
  margin: 0 0 1.5em !important;
  max-width: 100%;
}

.single-post .entry-content strong{
  color: #fff;
  font-weight: 600;
}

.single-post .entry-content em{
  color: rgba(255,255,255,0.9);
}

.single-post .entry-content a{
  color: #fff;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,0.35);
  text-underline-offset: 4px;
  transition: text-decoration-color .15s ease;
}

.single-post .entry-content a:hover{
  text-decoration-color: #fff;
}

/* -------- Jerarquía de headings dentro del post -------- */
.single-post .entry-content h2{
  font-size: 2.1rem !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
  color: #fff !important;
  margin: 3.2rem 0 1.2rem !important;
}

.single-post .entry-content h3{
  font-size: 1.4rem !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #fff !important;
  margin: 2.4rem 0 0.9rem !important;
}

.single-post .entry-content h4{
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  color: #fff !important;
  margin: 2rem 0 0.6rem !important;
}

/* -------- Listas -------- */
.single-post .entry-content ul,
.single-post .entry-content ol{
  margin: 0 0 1.8em !important;
  padding-left: 1.4em;
}

.single-post .entry-content li{
  font-size: 1.2rem !important;
  line-height: 1.75 !important;
  color: rgba(255,255,255,0.82) !important;
  margin-bottom: 0.7em;
}

.single-post .entry-content li::marker{
  color: rgba(255,255,255,0.4);
}

/* -------- Blockquotes -------- */
.single-post .entry-content blockquote{
  margin: 2.5em 0 !important;
  padding: 0 0 0 1.5em !important;
  border-left: 3px solid rgba(255,255,255,0.35) !important;
  background: transparent !important;
}

.single-post .entry-content blockquote p{
  font-size: 1.35rem !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.95) !important;
  font-style: italic;
  margin: 0 !important;
}

.single-post .entry-content blockquote.is-style-large p{
  font-size: 1.7rem !important;
  font-style: italic;
  color: #fff !important;
  line-height: 1.4 !important;
}

/* -------- Separadores -------- */
.single-post .entry-content hr,
.single-post .entry-content .wp-block-separator{
  border: 0 !important;
  height: 1px !important;
  background: rgba(255,255,255,0.12) !important;
  margin: 3.5em 0 !important;
  max-width: 100%;
}

/* -------- Tablas -------- */
.single-post .entry-content .wp-block-table{
  margin: 2.5em 0 !important;
  overflow-x: auto;
}

.single-post .entry-content table{
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  color: rgba(255,255,255,0.85);
}

.single-post .entry-content table thead{
  background: rgba(255,255,255,0.04);
}

.single-post .entry-content table th{
  text-align: left;
  font-weight: 600;
  color: #fff;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.18);
  font-size: 0.92rem;
  letter-spacing: 0.02em;
}

.single-post .entry-content table td{
  padding: 16px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  vertical-align: top;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.82) !important;
}

.single-post .entry-content table.is-style-stripes tbody tr:nth-child(odd){
  background: rgba(255,255,255,0.02);
}

/* -------- Callouts (cajas de fondo) -------- */
.single-post .entry-content .wp-block-group.has-background{
  margin: 2em 0 !important;
}

/* Caja verde */
.single-post .entry-content .wp-block-group[style*="background-color:#eef7ee"]{
  background: rgba(102,187,106,0.08) !important;
  border: 1px solid rgba(102,187,106,0.25) !important;
}
.single-post .entry-content .wp-block-group[style*="background-color:#eef7ee"] p{
  color: rgba(255,255,255,0.92) !important;
  font-size: 1.1rem !important;
}

/* Caja roja */
.single-post .entry-content .wp-block-group[style*="background-color:#fdecec"]{
  background: rgba(239,83,80,0.08) !important;
  border: 1px solid rgba(239,83,80,0.25) !important;
}
.single-post .entry-content .wp-block-group[style*="background-color:#fdecec"] p,
.single-post .entry-content .wp-block-group[style*="background-color:#fdecec"] li{
  color: rgba(255,255,255,0.92) !important;
  font-size: 1.1rem !important;
}

/* Caja amarilla */
.single-post .entry-content .wp-block-group[style*="background-color:#fff8e1"]{
  background: rgba(255,193,7,0.06) !important;
  border: 1px solid rgba(255,193,7,0.25) !important;
  border-left: 4px solid #ffc107 !important;
}
.single-post .entry-content .wp-block-group[style*="background-color:#fff8e1"] p{
  color: rgba(255,255,255,0.92) !important;
  font-size: 1.1rem !important;
}

/* Caja TL;DR */
.single-post .entry-content .wp-block-group[style*="background-color:#f5f5f0"]{
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-left: 4px solid #fff !important;
}
.single-post .entry-content .wp-block-group[style*="background-color:#f5f5f0"] p,
.single-post .entry-content .wp-block-group[style*="background-color:#f5f5f0"] li{
  color: rgba(255,255,255,0.92) !important;
  font-size: 1.05rem !important;
}

/* CTA final */
.single-post .entry-content .wp-block-group[style*="background-color:#000000"]{
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  margin: 4em 0 0 !important;
}
.single-post .entry-content .wp-block-group[style*="background-color:#000000"] h3{
  color: #fff !important;
  margin-top: 0 !important;
  font-size: 1.6rem !important;
}
.single-post .entry-content .wp-block-group[style*="background-color:#000000"] p{
  color: rgba(255,255,255,0.7) !important;
}

/* Botón principal */
.single-post .entry-content .wp-block-button__link{
  background: #fff !important;
  color: #000 !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  display: inline-block;
  transition: transform .15s ease, filter .15s ease;
}
.single-post .entry-content .wp-block-button__link:hover{
  transform: translateY(-1px);
  filter: brightness(0.95);
}

/* -------- Imagen destacada -------- */
.single-post .post-image,
.single-post .featured-image{
  max-width: 900px;
  margin: 0 auto 50px;
  padding: 0 24px;
}
.single-post .post-image img,
.single-post .featured-image img{
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
}

/* -------- Imágenes dentro del post -------- */
.single-post .entry-content img{
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 2em 0;
  display: block;
}

/* =========================================================
   PÁGINA DE BLOG · GRID DE TARJETAS
   ========================================================= */
.blog .site-main,
.archive .site-main,
.category .site-main{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.blog .site-main > article,
.archive .site-main > article,
.category .site-main > article{
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 36px 32px;
  margin-bottom: 24px;
  transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

.blog .site-main > article:hover,
.archive .site-main > article:hover,
.category .site-main > article:hover{
  border-color: rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.05);
  transform: translateY(-2px);
}

.blog .site-main > article .entry-title,
.archive .site-main > article .entry-title,
.category .site-main > article .entry-title{
  font-size: 1.6rem !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  margin: 0 0 14px !important;
  color: #fff !important;
}

.blog .site-main > article .entry-title a,
.archive .site-main > article .entry-title a,
.category .site-main > article .entry-title a{
  color: #fff !important;
  text-decoration: none;
  border: 0;
}

.blog .site-main > article .entry-meta,
.archive .site-main > article .entry-meta,
.category .site-main > article .entry-meta{
  font-size: 0.9rem;
  color: rgba(255,255,255,0.45);
  margin-bottom: 14px;
}

.blog .site-main > article .entry-summary p,
.archive .site-main > article .entry-summary p,
.category .site-main > article .entry-summary p,
.blog .site-main > article .entry-content p,
.archive .site-main > article .entry-content p,
.category .site-main > article .entry-content p{
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,0.7) !important;
  margin: 0 0 16px !important;
}

.blog .site-main > article a.read-more,
.blog .site-main > article .more-link,
.archive .site-main > article a.read-more,
.archive .site-main > article .more-link,
.category .site-main > article a.read-more,
.category .site-main > article .more-link{
  display: inline-block;
  color: #fff !important;
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  padding-bottom: 2px;
  transition: border-color .15s ease;
}

.blog .site-main > article a.read-more:hover,
.blog .site-main > article .more-link:hover,
.archive .site-main > article a.read-more:hover,
.archive .site-main > article .more-link:hover,
.category .site-main > article .more-link:hover{
  border-color: #fff;
}

/* Paginación */
.blog .nav-links,
.archive .nav-links,
.category .nav-links{
  display: flex;
  gap: 8px;
  justify-content: center;
  margin: 60px 0 0;
  font-size: 0.95rem;
}

.blog .nav-links a,
.blog .nav-links .current,
.archive .nav-links a,
.archive .nav-links .current,
.category .nav-links a,
.category .nav-links .current{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 8px;
  color: rgba(255,255,255,0.75);
  text-decoration: none;
  transition: border-color .15s ease, color .15s ease;
}

.blog .nav-links a:hover,
.archive .nav-links a:hover,
.category .nav-links a:hover{
  border-color: rgba(255,255,255,0.5);
  color: #fff;
}

.blog .nav-links .current,
.archive .nav-links .current,
.category .nav-links .current{
  background: #fff;
  color: #000;
  border-color: #fff;
}

/* -------- Responsive -------- */
@media (max-width: 768px){
  .single-post .entry-title{
    font-size: 2.1rem !important;
  }
  .single-post .entry-content p,
  .single-post .entry-content li{
    font-size: 1.1rem !important;
  }
  .single-post .entry-content h2{
    font-size: 1.7rem !important;
    margin: 2.4rem 0 1rem !important;
  }
  .single-post .entry-content h3{
    font-size: 1.25rem !important;
  }
  .single-post .entry-content blockquote p{
    font-size: 1.15rem !important;
  }
  .single-post .entry-content blockquote.is-style-large p{
    font-size: 1.35rem !important;
  }
  .single-post .entry-content table th,
  .single-post .entry-content table td{
    padding: 10px 12px;
    font-size: 0.92rem !important;
  }
  .blog .site-main > article,
  .archive .site-main > article{
    padding: 28px 22px;
  }
  .blog .site-main > article .entry-title,
  .archive .site-main > article .entry-title{
    font-size: 1.35rem !important;
  }
}

/* FIN · BLOG CSS */