/* ==========================================================================
   REDESIGN.CSS — Rediseño "línea y aire" (Opción B) de la plantilla de artículo
   Sustituye al CSS Adicional del Customizer del child antiguo (no se hereda).
   Fuente de verdad: Mock Up del post.pdf + Rediseño Lesbicanarias.pdf.
   Tokens definidos en style.css (:root --lb-*).
   ========================================================================== */

/* ==========================================================================
   M1. BASE — tipografía, enlaces, titulares
   - Titulares: negro estructural, no magenta.
   - Enlaces del cuerpo: magenta con subrayado fino; hover a rosa-morado
     (profundidad), sin fondos rosas.
   ========================================================================== */

.blog-post-single-content a {
    color: var(--lb-magenta);
    text-decoration: none;
    border-bottom: 1px solid rgba(224, 0, 134, 0.35);
    font-weight: 600;
    transition: color .2s ease, border-color .2s ease;
}

.blog-post-single-content a:hover {
    color: var(--lb-rosa-morado);
    background: none;
    border-bottom-color: currentColor;
}

/* Titulares del cuerpo en negro extrabold (antes magenta) */
.blog-post-single-content h2,
.blog-post-single-content h3 {
    color: var(--lb-fg-1);
    font-family: 'Gilroy', 'Poppins', sans-serif;
    font-weight: 800;
}

/* H2 con buen margen superior: el aire sustituye al color */
.blog-post-single-content h2 {
    margin-top: 2.4em;
    margin-bottom: 0.8em;
}

.blog-post-single-content h3 {
    margin-top: 2em;
}

/* Título del post: negro extrabold */
.blog-post-single-title {
    color: var(--lb-fg-1);
}


/* ==========================================================================
   M2. HERO + CHIP DE CATEGORÍA + BREADCRUMB + TÍTULO + META
   - Hero a lo ancho, sin marco. Chip de categoría negro sólido superpuesto
     abajo-izquierda (negro = estructura).
   - Breadcrumb gris con la categoría actual en magenta (se imprime entre el
     hero y el título; ver cambio PHP en functions.php).
   - Meta en gris con la autora en magenta y filete inferior.
   ========================================================================== */

/* Hero sin marco ni esquinas */
.blog-post-single-thumb img {
    width: 100%;
    height: auto;
    border-radius: 0;
    display: block;
}

/* Chip de categoría: negro sólido sobre el hero, abajo-izquierda */
.blog-post-single-cats {
    position: relative;
    z-index: 2;
    margin-top: -46px;
    margin-left: 14px;
    margin-bottom: 26px;
}

.blog-post-single-cats .post-meta-cats a,
.blog-post-single-cats .post-meta-cats span,
.blog-post-single-cats .post-meta-cats-text {
    background: var(--lb-negro) !important;
    color: #fff !important;
    border: none !important;
    display: inline-block;
    padding: 7px 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .09em;
    text-transform: uppercase;
    line-height: 1 !important;
}

.blog-post-single-cats .post-meta-cats a:hover,
.blog-post-single-cats .post-meta-cats a:hover .post-meta-cats-text {
    background: var(--lb-magenta) !important;
    color: #fff !important;
}

.blog-post-single-cats .post-meta-cats-line { display: none !important; }

/* Breadcrumb: gris, fino, con la página actual (categoría) en magenta */
.lesbi-breadcrumbs {
    margin: 0 0 10px;
    font-size: 13px;
    color: var(--lb-fg-3);
}

.lesbi-breadcrumbs p { margin: 0; }

.lesbi-breadcrumbs a {
    color: var(--lb-fg-3) !important;
    font-weight: 400 !important;
    border-bottom: none !important;
    background: none !important;
}

.lesbi-breadcrumbs a:last-of-type {
    color: var(--lb-magenta) !important;
    font-weight: 600 !important;
}

.lesbi-breadcrumbs a:hover { color: var(--lb-rosa-morado) !important; }

.lesbi-breadcrumbs .separator { color: var(--lb-line-1); padding: 0 2px; }

/* Título grande negro extrabold */
.blog-post-single-title {
    color: var(--lb-fg-1);
    font-weight: 800;
    letter-spacing: -1px;
}

/* Meta: gris, autora en magenta, filete inferior fino */
.blog-post-single-meta .post-meta-date,
.blog-post-single-meta .post-meta-date a,
.blog-post-single-meta .post-meta-comments,
.blog-post-single-meta .post-meta-comments a {
    color: var(--lb-fg-3);
}

.blog-post-single-meta .post-meta-date-author .author a {
    color: var(--lb-magenta) !important;
    font-weight: 600;
}

.blog-post-single-meta .post-meta-date-author .author a:hover {
    color: var(--lb-rosa-morado) !important;
}

/* Filete bajo la línea de meta (el aire y la línea sustituyen al color).
   El tema padre ya pinta un border-bottom en .blog-post-single-header-1;
   lo anulamos para no duplicar líneas. */
.blog-post-single-meta {
    padding-bottom: 18px;
    border-bottom: 1px solid var(--lb-line-1);
    margin-bottom: 4px;
}

.blog-post-single-header-1 {
    border-bottom: none;
    padding-bottom: 12px;
}


/* ==========================================================================
   M3. RESEÑA RANK MATH (estrellas + Pros/Contras) — DISEÑO ORIGINAL
   Decisión de Paola (15/7/2026): este módulo CONSERVA el diseño rosa
   original para que sea lo que más resalte de las reseñas. Reglas copiadas
   verbatim del CSS Adicional del Customizer del child antiguo (pack V6,
   sección A). El resto del layout de la card lo aportan los bloques inline
   #lc-review-card* del functions.php (se conservan en la fusión).
   ========================================================================== */

/* =========================================================
   9. PACK DE DISEÑO MAESTRO: RESEÑAS + AUTOR + NAV + RELATED (V6)
   ========================================================= */

/* ---------------------------------------------------------
   A. RESEÑAS RANK MATH (Diseño Banner + Sándwich)
   --------------------------------------------------------- */

/* 1. CONTENEDOR PRINCIPAL */
#rank-math-rich-snippet-wrapper {
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin: 40px 0 !important;
    font-family: 'Poppins', sans-serif !important;
    padding: 0 !important;
}

.rank-math-title { display: none !important; }

/* 2. LA IMAGEN (BANNER) */
#rank-math-rich-snippet-wrapper .rank-math-review-image {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #f9f9f9 !important;
}

#rank-math-rich-snippet-wrapper .rank-math-review-image img {
    width: 100% !important;
    min-width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    object-position: center 20% !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

/* 3. DATOS Y BOTONES */
.rank-math-review-data {
    background: #f9f9f9 !important;
    padding: 0 !important; margin: 0 !important; border: none !important;
    display: block !important;
}

.rank-math-review-data p { margin: 0 !important; font-size: 0 !important; }

.rank-math-review-data p strong { display: none !important; }

.rank-math-review-data p a { font-size: 16px !important; display: inline-block !important; }

/* 4. CABECERA DE ESTRELLAS */
.rank-math-total-wrapper {
    background: #f9f9f9 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 0 35px 0 !important;
    display: block !important;
    text-align: center !important;
    border-bottom: 1px solid #fff !important;
}

.rank-math-total-wrapper > strong,
.rank-math-total-wrapper > span.rank-math-total,
.rank-math-total-wrapper > br { display: none !important; }

/* 5. ESTRELLAS */
.rank-math-review-star {
    display: block !important; text-align: center !important;
    margin: 0 auto !important; width: 100% !important; clear: both !important;
}

.rank-math-review-result-wrapper {
    display: inline-block !important; position: relative !important;
    text-align: left !important; width: auto !important; margin: 0 auto !important;
    white-space: nowrap !important;
}

.rank-math-review-result-wrapper > i {
    color: #e0e0e0 !important; font-size: 42px !important;
    margin: 0 2px !important; font-style: normal !important; display: inline-block !important;
}

.rank-math-review-result {
    position: absolute !important; top: 0 !important; left: 0 !important;
    overflow: hidden !important; white-space: nowrap !important;
    height: 100% !important; display: block !important; text-align: left !important; width: auto;
}

.rank-math-review-result i {
    color: var(--lb-magenta) !important; font-size: 42px !important;
    margin: 0 2px !important; font-style: normal !important; display: inline-block !important;
}

/* 6. PROS Y CONTRAS */
.rank-math-review-pros {
    background-color: #fdf2f4 !important; padding: 25px 30px !important;
    margin: 0 !important; width: 100% !important; box-sizing: border-box !important;
}

.rank-math-review-pros h4 {
    color: var(--lb-rosa) !important; text-transform: uppercase !important; font-weight: 800 !important; margin-bottom: 15px !important;
}

.rank-math-review-pros ul li {
    list-style: none !important; position: relative !important; padding-left: 25px !important; margin-bottom: 10px !important; color: #444 !important;
}

.rank-math-review-pros ul li::before {
    content: '\2714'; font-family: sans-serif !important; position: absolute; left: 0; top: 2px;
    color: var(--lb-magenta) !important; font-weight: bold; font-size: 16px !important;
}

.rank-math-review-cons {
    background-color: #f9f9f9 !important; padding: 25px 30px !important;
    margin: 0 !important; width: 100% !important; box-sizing: border-box !important; border-top: 1px solid #fff !important;
}

.rank-math-review-cons h4 {
    color: #666 !important; text-transform: uppercase !important; font-weight: 800 !important; margin-bottom: 15px !important;
}

.rank-math-review-cons ul li {
    list-style: none !important; position: relative !important; padding-left: 25px !important; margin-bottom: 10px !important; color: #666 !important;
}

.rank-math-review-cons ul li::before {
    content: '\2716'; font-family: sans-serif !important; position: absolute; left: 0; top: 2px; color: #999 !important; font-size: 16px !important;
}

/* ==========================================================================
   M-EXTRA. WIDGET LATERAL "LO ÚLTIMO" — tarjetitas verticales
   Petición de Paola (15/7/2026): imagen arriba a lo ancho y texto debajo,
   en vez de miniatura a la izquierda con medio widget en blanco.
   ========================================================================== */

#sidebar .posts-list-widget .post-s6, .sidebar .posts-list-widget .post-s6 {
    display: block !important;
    margin-bottom: 22px !important;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--lb-line-1);
}

#sidebar .posts-list-widget .post-s6, .sidebar .posts-list-widget .post-s6:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0 !important;
}

#sidebar .posts-list-widget .post-s6-thumb, .sidebar .posts-list-widget .post-s6-thumb {
    display: block !important;
    float: none !important;
    max-width: none !important;
    margin: 0 0 12px !important;
}

#sidebar .posts-list-widget .post-s6-thumb a, .sidebar .posts-list-widget .post-s6-thumb a { height: auto !important; }

#sidebar .posts-list-widget .post-s6-thumb img, .sidebar .posts-list-widget .post-s6-thumb img {
    width: 100% !important;
    height: 150px !important;
    min-height: 0 !important;
    object-fit: cover !important;
    border-radius: 6px;
    display: block;
}

#sidebar .posts-list-widget .post-s6-main, .sidebar .posts-list-widget .post-s6-main {
    overflow: visible !important;
}

#sidebar .posts-list-widget .post-s6-cats, .sidebar .posts-list-widget .post-s6-cats { margin-bottom: 8px; }

#sidebar .posts-list-widget .post-s6-title, .sidebar .posts-list-widget .post-s6-title {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 8px;
}


/* ==========================================================================
   M4. FICHA TÉCNICA + CONTENIDOS (TOC) + H2 + PIES DE FOTO
   - Tabla: cabecera negra (negro = estructura), filas blancas con zebra
     suave, filetes grises; el Veredicto (última fila) lleva el acento.
   - TOC LuckyWP: superficie neutra + borde fino; números en magenta como
     guía; ítems en negro. (Pisa los colores que inyecta el plugin.)
   - Pies de foto: gris pequeño, cursiva, centrado, sin fondo rosa.
   ========================================================================== */

/* --- Ficha Técnica ------------------------------------------------------ */
.blog-post-single-content .tabla-lesbicanarias {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--lb-line-1);
    margin: 36px 0;
}

.tabla-lesbicanarias th {
    background: var(--lb-negro) !important;
    color: #fff !important;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .07em;
    font-size: 13px;
    font-weight: 700;
    padding: 13px 16px;
    border: none;
}

.tabla-lesbicanarias td {
    background: var(--lb-bg-1);
    border: none;
    border-bottom: 1px solid var(--lb-line-1);
    padding: 11px 16px;
    color: var(--lb-fg-2);
    font-size: 16px;
}

.tabla-lesbicanarias tr:nth-child(even) td { background: var(--lb-bg-2); }

/* Última fila (Veredicto) siempre sobre blanco: el magenta mantiene AA
   aunque la zebra la pintara gris */
.tabla-lesbicanarias tr:last-child td {
    border-bottom: none;
    background: var(--lb-bg-1);
}

.tabla-lesbicanarias td:first-child {
    font-weight: 700;
    color: var(--lb-fg-1);
    width: 30%;
}

/* Veredicto: por convención editorial es la ÚLTIMA fila de la ficha.
   Las estrellas (texto ★★★☆☆) y la nota van en magenta. */
.tabla-lesbicanarias tr:last-child td:last-child {
    color: var(--lb-magenta);
    font-weight: 700;
    letter-spacing: 1px;
}

/* --- Contenidos (LuckyWP TOC) ------------------------------------------- */
.lwptoc .lwptoc_i {
    background: var(--lb-bg-2) !important;
    border: 1px solid var(--lb-line-1) !important;
    padding: 18px 22px;
}

.lwptoc_header { color: var(--lb-fg-1) !important; margin-bottom: 10px; }

.lwptoc_title {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 13px;
    font-weight: 700;
    color: var(--lb-fg-1);
}

.blog-post-single-content .lwptoc_toggle a {
    color: var(--lb-fg-3) !important;
    font-weight: 400 !important;
    border-bottom: none !important;
    text-transform: none;
    letter-spacing: 0;
}

.blog-post-single-content .lwptoc_item a {
    color: var(--lb-fg-2) !important;
    font-weight: 400 !important;
    border-bottom: none !important;
    background: none !important;
}

.blog-post-single-content .lwptoc_item a:hover .lwptoc_item_label {
    color: var(--lb-magenta);
}

.lwptoc .lwptoc_item_number {
    color: var(--lb-magenta-texto) !important; /* variante AA sobre --lb-bg-2 */
    font-weight: 700;
    margin-right: 7px;
}

.lwptoc .lwptoc_item { margin-top: 6px; }

/* --- Pies de foto -------------------------------------------------------- */
figure.wp-caption .wp-caption-text,
figure.wp-caption figcaption,
.wp-caption .wp-caption-text {
    background: none !important;
    color: var(--lb-fg-3) !important;
    font-size: 13px !important;
    font-style: italic;
    font-weight: 400;
    text-align: center;
    margin: 0 !important;
    padding: 10px 8px 0 !important;
}

figure.wp-caption { border-radius: 0 !important; }

/* --- Utilidad editorial: marcador salmón en H2 ---------------------------
   El mockup subraya "a mano" 1-2 palabras por artículo (ej. «Lo que sí
   funciona»). Uso en el editor (Markdown admite HTML):
   ## Lo que <span class="marcador">sí</span> funciona                      */
.blog-post-single-content h2 .marcador,
.blog-post-single-content h3 .marcador {
    background: linear-gradient(transparent 60%, var(--lb-salmon) 60%, var(--lb-salmon) 92%, transparent 92%);
    padding: 0 2px;
}


/* ==========================================================================
   M5. «TE PUEDE INTERESAR» + CTA FUENTE PREFERIDA + DISCLAIMER AFILIADOS
   - lc-box: tarjeta blanca con borde fino; kicker magenta pequeño; título
     negrita negra; categoría en chip outline. Sin rellenos rosas.
   - CTA: caja neutra con filete izquierdo magenta y UN único botón macizo
     magenta (el único CTA primario de la página).
   - Disclaimer: mismo patrón neutro + filete.
   NOTA DESPLIEGUE: estas reglas sustituyen al CSS inline de
   caja-lesbicanarias.php (#lc-box-css) y de functions.php
   (#lbc-google-cta-css); al fusionar, esos bloques se neutralizan.
   ========================================================================== */

/* --- Te puede interesar (shortcode [dfsn-box]) --------------------------- */
.lc-box { margin: 32px 0; }

.blog-post-single-content .lc-box__link,
.lc-box__link {
    display: flex;
    gap: 16px;
    align-items: stretch;
    text-decoration: none !important;
    border: 1px solid var(--lb-line-1) !important;
    background: var(--lb-bg-1) !important;
    border-radius: 8px;
    overflow: hidden;
    font-weight: 400 !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.blog-post-single-content .lc-box__link:hover,
.lc-box__link:hover {
    border-color: var(--lb-magenta) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .07) !important;
    transform: translateY(-2px);
    background: var(--lb-bg-1) !important;
}

.lc-box__media {
    flex: 0 0 180px;
    background: var(--lb-bg-2) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.lc-box__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
    border-radius: 0 !important;
    display: block;
}

.lc-box__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 18px;
    min-width: 0;
}

.lc-box__kicker {
    color: var(--lb-magenta) !important;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.lc-box__title {
    color: var(--lb-fg-1) !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.lc-box__excerpt {
    color: var(--lb-fg-3) !important;
    font-size: 14px;
    line-height: 1.5;
}

/* Categoría: chip con borde, sin relleno rosa */
.lc-box__cat {
    align-self: flex-start;
    margin-top: 4px;
    padding: 4px 10px;
    border: 1px solid var(--lb-line-1) !important;
    border-radius: 999px;
    background: var(--lb-bg-1) !important;
    color: var(--lb-magenta) !important;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

@media (max-width: 600px) {
    .lc-box__link { flex-direction: column; }
    .lc-box__media { flex-basis: auto; height: 160px; }
}

/* --- CTA «fuente preferida de Google» ------------------------------------ */
.lbc-google-cta,
.blog-post-single-content .lbc-google-cta {
    background: var(--lb-bg-2) !important;
    border: 1px solid var(--lb-line-1) !important;
    border-left: 3px solid var(--lb-magenta) !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 22px 26px !important;
    margin: 36px 0 !important;
    color: var(--lb-fg-2) !important;
    box-shadow: none !important;
}

.lbc-google-cta-texto,
.blog-post-single-content .lbc-google-cta-texto {
    color: var(--lb-fg-2) !important;
}

.lbc-google-cta-texto strong { color: var(--lb-fg-1) !important; }

.lbc-google-cta-texto a { color: var(--lb-magenta); }

/* El único botón macizo magenta de la página */
.lbc-google-cta-boton,
.blog-post-single-content .lbc-google-cta-boton,
body .blog-post-single-content a.lbc-google-cta-boton {
    background: var(--lb-magenta) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    display: inline-block;
    padding: 12px 22px !important;
    margin-top: 14px;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.lbc-google-cta-boton:hover,
body .blog-post-single-content a.lbc-google-cta-boton:hover {
    background: var(--lb-rosa-morado) !important;
    color: #fff !important;
}

/* --- Disclaimer de afiliados (mu-plugin) ---------------------------------- */
.lc-disclaimer-afiliados {
    background: var(--lb-bg-2) !important;
    border: 1px solid var(--lb-line-1) !important;
    border-left: 3px solid var(--lb-magenta) !important;
    border-radius: 0 8px 8px 0 !important;
    color: var(--lb-fg-2) !important;
}

.lc-disclaimer-afiliados .lc-disclaimer-titulo {
    color: var(--lb-fg-1) !important;
}


/* ==========================================================================
   M6. TAGS + COMPARTIR + CAJA DE AUTORA + PREV/NEXT + RELATED POSTS
   - Tags: píldoras outline negras sobre blanco; etiqueta "Tags" en gris.
   - Compartir: círculos con borde negro, hover magenta (fuera colores de
     cada red social).
   - Autora: superficie neutra con borde (fuera el fondo negro); nombre en
     magenta.
   - Prev/next: sin foto con overlay; etiqueta gris con flecha magenta y
     caja blanca con borde.
   - Related: tarjetas blancas con hairline, chip de categoría negro sobre
     la imagen, título en negrita; el rosa solo aparece en el hover.
   ========================================================================== */

/* --- Tags ----------------------------------------------------------------- */
.blog-post-single-tags { margin: 26px 0 10px; }

.blog-post-single-tags-label {
    background: none !important;
    color: var(--lb-fg-3) !important;
    padding: 0 !important;
    margin-right: 12px;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.blog-post-single-tags a {
    background: var(--lb-bg-1) !important;
    border: 1px solid var(--lb-negro) !important;
    border-radius: 999px !important;
    color: var(--lb-fg-1) !important;
    line-height: 28px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    transition: background .2s ease, color .2s ease;
}

.blog-post-single-tags a:hover {
    background: var(--lb-negro) !important;
    color: #fff !important;
}

/* --- Compartir (aside flotante) ------------------------------------------- */
body .post-share-aside-share,
body .post-share-aside-share-facebook,
body .post-share-aside-share-pinterest,
body .post-share-aside-share-twitter,
body .post-share-aside-share-email {
    background: transparent !important;
    color: var(--lb-fg-1) !important;
    border: 1px solid var(--lb-negro);
    border-radius: 50%;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    overflow: hidden;
    transition: border-color .2s ease, color .2s ease;
}

body .post-share-aside-share .active,
body .post-share-aside-share .inactive { line-height: 44px; }

body .post-share-aside-share:hover {
    border-color: var(--lb-magenta);
    color: var(--lb-magenta) !important;
    background: transparent !important;
}

/* --- Caja de autora -------------------------------------------------------- */
.about-author {
    background: var(--lb-bg-2) !important;
    border: 1px solid var(--lb-line-1);
    border-radius: 8px;
    padding: 30px 32px !important;
}

/* Avatar al tamaño del diseño anterior (130px), no al de WP (80px) */
.about-author-avatar img {
    width: 130px !important;
    height: 130px !important;
    object-fit: cover;
    border-radius: 50%;
}

/* El tema padre oculta la foto en móvil; aquí se muestra centrada */
@media (max-width: 991px) {
    .about-author .about-author-sidebar {
        display: block !important;
        float: none;
    }

    .about-author .about-author-avatar {
        text-align: center;
        margin-bottom: 16px;
    }

    .about-author .about-author-avatar img {
        width: 100px !important;
        height: 100px !important;
        margin: 0 auto;
    }
}

.about-author .about-author-name,
.about-author .about-author-name a {
    color: var(--lb-magenta) !important;
    font-weight: 700;
}

.about-author .about-author-name a:hover { color: var(--lb-rosa-morado) !important; }

.about-author .about-author-bio { color: var(--lb-fg-2) !important; }

.about-author .about-author-bio a { color: var(--lb-magenta) !important; }

.about-author-social a {
    border: 1px solid var(--lb-negro) !important;
    color: var(--lb-fg-1) !important;
    background: transparent !important;
    border-radius: 50%;
}

.about-author-social a:hover {
    border-color: var(--lb-magenta) !important;
    color: var(--lb-magenta) !important;
    background: transparent !important;
}

/* --- Navegación anterior / siguiente --------------------------------------
   El tema pinta foto + overlay oscuro; aquí queda etiqueta + caja limpia. */
.adjacent-posts {
    margin-top: 48px;
    border-top: 1px solid var(--lb-line-1);
    padding-top: 22px;
}

.adjacent-post-thumb img,
.adjacent-post-thumb-overlay,
.adjacent-post-thumb-link { display: none !important; }

/* el CSS antiguo ocultaba el contenedor entero; aquí solo la foto */
.adjacent-post-thumb {
    display: block !important;
    position: static;
}

.adjacent-post-thumb-text {
    position: static !important;
    margin: 0 0 8px !important;
    color: var(--lb-fg-3);
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: .09em !important;
    text-transform: uppercase;
    text-align: left;
}

.adjacent-post-thumb-text .fa { color: var(--lb-magenta); font-size: 13px; }

/* El tema imprime primero el "Previous Post" (clase -newer): la celda
   izquierda alinea a la izquierda y la derecha a la derecha, pase lo que
   pase con las clases. */
.adjacent-posts .adjacent-post:last-child .adjacent-post-thumb-text { text-align: right; }

.adjacent-post-main {
    background: var(--lb-bg-1) !important;
    border: 1px solid var(--lb-line-1);
    border-radius: 8px;
    padding: 18px 20px !important;
}

.adjacent-posts .adjacent-post:last-child .adjacent-post-main { text-align: right; }

.adjacent-post-newer .adjacent-post-main,
.adjacent-post-older .adjacent-post-main { text-align: inherit; }

.adjacent-post-title,
.adjacent-post-title a {
    color: var(--lb-fg-1) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

.adjacent-post-title a:hover { color: var(--lb-magenta) !important; }

/* --- Related posts ---------------------------------------------------------- */
.related-posts .section-title-text { color: var(--lb-fg-1); font-weight: 800; }

.related-posts .post-s2 {
    background: var(--lb-bg-1);
    border: 1px solid var(--lb-line-1);
    border-radius: 8px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.related-posts .post-s2:hover {
    border-color: var(--lb-salmon);
    box-shadow: 0 8px 20px rgba(224, 0, 134, .10);
}

.related-posts .post-s2-thumb img {
    width: 100% !important;
    height: 200px !important; /* mismo alto que el diseño anterior */
    object-fit: cover !important;
    border-radius: 0 !important;
    display: block;
}

/* Chip de categoría negro sobre la imagen (mismo patrón que el hero) */
.related-posts .post-s2-cats {
    position: relative;
    z-index: 2;
    margin: -30px 0 10px 10px;
}

.related-posts .post-s2-cats .post-meta-cats a,
.related-posts .post-s2-cats .post-meta-cats span,
.related-posts .post-s2-cats .post-meta-cats-text {
    background: var(--lb-negro) !important;
    color: #fff !important;
    border: none !important;
    display: inline-block;
    padding: 5px 9px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    line-height: 1 !important;
}

.related-posts .post-s2-cats .post-meta-cats a:hover,
.related-posts .post-s2-cats .post-meta-cats a:hover .post-meta-cats-text {
    background: var(--lb-magenta) !important;
}

.related-posts .post-s2-main {
    text-align: left;
    padding: 2px 14px 16px;
}

.related-posts .post-s2-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
}

.related-posts .post-s2-title a:hover { color: var(--lb-magenta); }

/* Fecha visible en gris pequeño (el tema la oculta) */
.related-posts .post-s2-date {
    display: block !important;
    margin-top: 8px;
    color: var(--lb-fg-3);
    font-size: 12px;
}

.related-posts .post-s2-date .post-meta-date { color: var(--lb-fg-3); }


/* ==========================================================================
   C1. ARCHIVOS (CATEGORÍAS Y TAGS) — CABECERA
   Mockup «Rediseño categorias.pdf»: eyebrow CATEGORÍA + breadcrumb gris,
   H1 en minúsculas negro extrabold con subrayado magenta, descripción en
   texto plano (sin card con sombra) y contador grande con hairline.
   El markup nuevo (eyebrow, contador con número separado, descripción en la
   cabecera) lo genera PHP en el child; ver build_preview_cat.py.
   ========================================================================== */

/* Banda de cabecera: fondo blanco, alineada a la izquierda, sin imagen.
   El borde magenta del site-header caería justo bajo la cabecera del
   archivo; ahí el cierre visual lo pone el hairline del contador. */
body.archive .site-header { border-bottom: none; }

body.archive #tagline {
    background: var(--lb-bg-1) !important;
    background-image: none !important;
    text-align: left;
    padding: 40px 0 0;
}

body.archive #tagline-inner {
    padding: 0;
}

/* Eyebrow: tipo de archivo en magenta + breadcrumb gris */
.lbc-archive-eyebrow {
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.lbc-archive-tipo {
    color: var(--lb-magenta);
    margin-right: 12px;
}

.lbc-archive-crumb {
    color: var(--lb-fg-3);
    font-weight: 600;
}

.lbc-archive-crumb a {
    color: var(--lb-fg-3);
    text-decoration: none;
}

.lbc-archive-crumb a:hover { color: var(--lb-magenta); }

/* Título: minúsculas, negro extrabold, subrayado magenta corto */
body.archive .tagline-title {
    color: var(--lb-fg-1) !important;
    text-transform: lowercase;
    font-weight: 800;
    font-size: 56px;
    line-height: 1.05;
    letter-spacing: -2px;
    margin: 0 0 6px;
    display: inline-block;
    border-bottom: 6px solid var(--lb-magenta);
    padding-bottom: 6px;
}

/* Descripción: texto plano con aire, sin card con sombra */
body.archive .lbc-term-description {
    background: none !important;
    box-shadow: none !important;
    border-radius: 0;
    padding: 18px 0 0 !important;
    margin: 0 !important;
    max-width: none;
    font-size: 16px;
    line-height: 1.7;
    color: var(--lb-fg-2);
}

body.archive .lbc-term-description strong { color: var(--lb-fg-1); }

body.archive .lbc-term-description a {
    color: var(--lb-magenta);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(224, 0, 134, .35);
}

body.archive .lbc-term-description a:hover {
    color: var(--lb-rosa-morado);
    text-decoration: none;
    border-bottom-color: currentColor;
}

/* Contador: número grande + label pequeño, con hairline de cierre */
.lbc-archive-count {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 26px 0 0;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--lb-line-1);
}

.lbc-archive-count-num {
    font-size: 42px;
    font-weight: 800;
    color: var(--lb-fg-1);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.lbc-archive-count-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--lb-fg-3);
}

/* La subtitle original del tema queda sustituida por el contador */
body.archive .tagline-subtitle { display: none; }

@media (max-width: 767px) {
    body.archive .tagline-title { font-size: 38px; letter-spacing: -1px; }
    .lbc-archive-count-num { font-size: 32px; }
}


/* ==========================================================================
   C2. ARCHIVOS — GRID DE CARDS + DESTACADO + «LO MÁS RECIENTE» + PAGINACIÓN
   Cards blancas con hairline y chip negro sobre la imagen (mismo patrón que
   los related del artículo). El primer post de la página 1 va destacado a lo
   ancho con «★ Destacado» en magenta. Paginación en cajas outline.
   ========================================================================== */

/* Grid de 2 columnas sobre el listado del tema (ignora los floats col-4) */
body.archive .posts-listing-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    margin-top: 34px;
}

body.archive .posts-listing-inner::after,
body.archive .posts-listing-inner::before { display: none; }

body.archive .post-s1, body.home .post-s1 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    background: var(--lb-bg-1);
    border: 1px solid var(--lb-line-1);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.archive .post-s1:hover, body.home .post-s1:hover{
    border-color: var(--lb-salmon);
    box-shadow: 0 8px 20px rgba(224, 0, 134, .10);
}

body.archive .post-s1-thumb, body.home .post-s1-thumb { margin: 0; }

body.archive .post-s1-thumb img, body.home .post-s1-thumb img{
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    display: block;
}

/* Chip de categoría negro sobre la imagen, arriba-izquierda.
   El tema oculta .post-s1-cats en este estilo de listado: se re-muestra. */
body.archive .post-s1-cats, body.home .post-s1-cats {
    display: block !important;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    margin: 0;
}

body.archive .post-s1-cats .post-meta-cats a, body.home .post-s1-cats .post-meta-cats a,
body.archive .post-s1-cats .post-meta-cats span, body.home .post-s1-cats .post-meta-cats span,
body.archive .post-s1-cats .post-meta-cats-text, body.home .post-s1-cats .post-meta-cats-text{
    background: var(--lb-negro) !important;
    color: #fff !important;
    border: none !important;
    display: inline-block;
    padding: 6px 10px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    line-height: 1 !important;
}

body.archive .post-s1-cats .post-meta-cats a:hover, body.home .post-s1-cats .post-meta-cats a:hover{
    background: var(--lb-magenta) !important;
}

body.archive .post-s1-main, body.home .post-s1-main {
    padding: 16px 18px 18px;
    text-align: left;
}

body.archive .post-s1-title, body.home .post-s1-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.3px;
    margin: 0 0 10px;
    color: var(--lb-fg-1);
}

body.archive .post-s1-title a, body.home .post-s1-title a{ color: inherit; }

body.archive .post-s1-title a:hover, body.home .post-s1-title a:hover{ color: var(--lb-magenta); }

/* Meta: fecha y autora en gris pequeño; fuera comentarios y share.
   (El CSS heredado ocultaba todos los spans del meta en este listado.) */
body.archive .post-s1-meta .post-meta .post-meta-date, body.home .post-s1-meta .post-meta .post-meta-date,
body.archive .post-s1-meta .post-meta .post-meta-date span, body.home .post-s1-meta .post-meta .post-meta-date span{
    display: inline !important;
}

body.archive .post-s1-meta, body.home .post-s1-meta { margin-top: 10px; }

body.archive .post-s1-meta .post-meta-date, body.home .post-s1-meta .post-meta-date,
body.archive .post-s1-meta .post-meta-date a, body.home .post-s1-meta .post-meta-date a{
    color: var(--lb-fg-3) !important;
    font-size: 12px;
    font-weight: 400 !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.archive .post-s1-meta .post-meta-comments, body.home .post-s1-meta .post-meta-comments,
body.archive .post-s1-meta .post-meta-share, body.home .post-s1-meta .post-meta-share,
body.archive .post-s1-meta .post-meta-separator-clean, body.home .post-s1-meta .post-meta-separator-clean{ display: none !important; }

/* --- Destacado (primer post de la página 1) ------------------------------ */
body.archive .lbc-featured { grid-column: 1 / -1; }

body.archive .lbc-featured .post-s1-thumb img { height: 420px !important; }

/* En el destacado el chip baja de la imagen y acompaña a «★ Destacado» */
body.archive .lbc-featured .post-s1-cats,
body.home .lbc-featured .post-s1-cats {
    position: static;
    margin: 16px 18px 0;
    display: flex !important;
    align-items: center;
    gap: 14px;
}

.lbc-destacado {
    color: var(--lb-magenta);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    margin-left: 14px;
}

body.archive .lbc-featured .post-s1-main { padding-top: 10px; }

body.archive .lbc-featured .post-s1-title {
    font-size: 30px;
    letter-spacing: -1px;
    margin-bottom: 12px;
}

/* --- Encabezado «lo más reciente» ----------------------------------------- */
.lbc-recientes-head {
    grid-column: 1 / -1;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-bottom: 2px solid var(--lb-negro);
    padding-bottom: 10px;
    margin-top: 14px;
}

.lbc-recientes-head h2 {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -.5px;
    color: var(--lb-fg-1);
    text-transform: lowercase;
}

.lbc-recientes-link {
    font-family: 'Carrintong', 'Segoe Script', cursive;
    color: var(--lb-magenta);
    font-size: 15px;
}

/* --- Paginación ------------------------------------------------------------ */
body.archive .pagination {
    grid-column: 1 / -1;
    margin-top: 22px;
}

body.archive .pagination-classic-next a,
body.archive .pagination-classic-prev a {
    background: var(--lb-bg-1) !important;
    border: 1px solid var(--lb-negro);
    color: var(--lb-fg-1) !important;
    font-weight: 700;
    text-transform: lowercase;
    border-radius: 6px;
    line-height: 46px;
    padding: 0 20px;
    transition: background .2s ease, color .2s ease;
}

body.archive .pagination-classic-next a:hover,
body.archive .pagination-classic-prev a:hover {
    background: var(--lb-negro) !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    body.archive .posts-listing-inner { grid-template-columns: 1fr; gap: 20px; }
    body.archive .lbc-featured .post-s1-thumb img { height: 240px !important; }
    body.archive .lbc-featured .post-s1-title { font-size: 22px; }
}


/* ==========================================================================
   C3. ARCHIVOS — FILA DE FILTROS (PILLS) + CAJA GUÍA
   - Filtros: «todo» en negro sólido (activo), el resto píldoras outline.
     Un solo nivel de navegación, sin fondos rosas.
   - Caja guía: superficie neutra con filete izquierdo magenta, barra-tag
     magenta (único bloque magenta permitido junto al CTA), kicker magenta,
     título negro y botón outline a lo ancho.
   ========================================================================== */

/* --- Filtros -------------------------------------------------------------- */
.lbc-filtros {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0 0;
    padding-bottom: 30px;
}

.lbc-filtro {
    display: inline-block;
    border: 1px solid var(--lb-negro);
    border-radius: 999px;
    background: var(--lb-bg-1);
    color: var(--lb-fg-1) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    padding: 10px 18px;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.lbc-filtro:hover {
    background: var(--lb-negro);
    color: #fff !important;
}

.lbc-filtro--activo {
    background: var(--lb-negro);
    color: #fff !important;
}

.lbc-filtro--activo:hover { background: var(--lb-magenta); border-color: var(--lb-magenta); }

/* --- Caja guía -------------------------------------------------------------- */
.lbc-guia {
    grid-column: 1 / -1;
    background: var(--lb-bg-2);
    border: 1px solid var(--lb-line-1);
    border-left: 3px solid var(--lb-magenta);
    border-radius: 0 8px 8px 0;
    padding: 0 28px 26px;
    margin-top: 8px;
}

.lbc-guia-tag {
    display: block;
    background: var(--lb-magenta);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1;
    padding: 7px 14px;
    margin: 22px 0 16px;
}

.lbc-guia-kicker {
    display: block;
    color: var(--lb-magenta-texto); /* variante AA sobre --lb-bg-2 */
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.lbc-guia-title {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.5px;
    color: var(--lb-fg-1);
}

.lbc-guia-texto {
    margin: 0;
    color: var(--lb-fg-2);
    font-size: 15px;
    line-height: 1.65;
    max-width: 62ch;
}

.lbc-guia-boton {
    display: block;
    margin-top: 18px;
    border: 1px solid var(--lb-negro);
    border-radius: 4px;
    background: var(--lb-bg-1);
    color: var(--lb-fg-1) !important;
    font-size: 15px;
    font-weight: 700;
    padding: 13px 18px;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}

.lbc-guia-boton:hover {
    background: var(--lb-negro);
    color: #fff !important;
}

@media (max-width: 767px) {
    .lbc-filtros { gap: 8px; padding-bottom: 22px; }
    .lbc-filtro { padding: 9px 14px; font-size: 12px; }
    .lbc-guia { padding: 0 18px 20px; }
    .lbc-guia-title { font-size: 20px; }
}


/* ==========================================================================
   H1. HOMEPAGE — CARDS Y ENCABEZADOS DE SECCIÓN
   Mockup «Rediseño homepage.pdf». Cards blancas con hairline y chip negro
   sobre imagen (mismo sistema que archivo/related); encabezados de sección
   en minúsculas negro extrabold con regla negra de 2px.
   El guiño caligráfico junto a cada encabezado («lo que no te puedes
   perder», «ver todo →») es markup nuevo → PHP en el child.
   ========================================================================== */

/* --- Encabezados de sección ------------------------------------------------ */
.section-title {
    border-bottom: 2px solid var(--lb-negro);
    padding-bottom: 10px;
    margin-bottom: 26px;
}

.section-title span.section-title-text,
.section-title a {
    color: var(--lb-fg-1) !important;
    font-weight: 800;
    font-size: 26px !important;
    line-height: 1.2 !important;
    letter-spacing: -.5px;
    background: none !important;
    padding: 0 !important;
}

.section-title .section-title-line { display: none; }

/* --- «Artículos destacados» (module post-s2) en 2 columnas ------------------ */
body.home .module-13 .module-posts-listing-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}

body.home .module-13 .module-posts-listing-inner::before,
body.home .module-13 .module-posts-listing-inner::after { display: none; }

body.home .post-s2 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    background: var(--lb-bg-1);
    border: 1px solid var(--lb-line-1);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.home .post-s2:hover {
    border-color: var(--lb-salmon);
    box-shadow: 0 8px 20px rgba(224, 0, 134, .10);
}

body.home .post-s2-thumb img {
    width: 100% !important;
    height: 230px !important;
    object-fit: cover !important;
    object-position: center 25% !important;
    border-radius: 0 !important;
    display: block;
}

/* Chip negro sobre la imagen */
body.home .post-s2-cats {
    display: block !important;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    margin: 0;
}

body.home .post-s2-cats .post-meta-cats a,
body.home .post-s2-cats .post-meta-cats span,
body.home .post-s2-cats .post-meta-cats-text {
    background: var(--lb-negro) !important;
    color: #fff !important;
    border: none !important;
    display: inline-block;
    padding: 6px 10px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    line-height: 1 !important;
}

body.home .post-s2-cats .post-meta-cats a:hover {
    background: var(--lb-magenta) !important;
}

body.home .post-s2-main {
    text-align: left;
    padding: 14px 16px 16px;
}

body.home .post-s2-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.3px;
    margin: 0;
}

body.home .post-s2-title a:hover { color: var(--lb-magenta); }

/* --- Listado principal (post-s3, filas horizontales) ------------------------ */
body.home .post-s3,
body.blog .post-s3 {
    background: var(--lb-bg-1);
    border: 1px solid var(--lb-line-1);
    border-radius: 8px;
    padding: 18px;
    margin-bottom: 26px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.home .post-s3:hover,
body.blog .post-s3:hover {
    border-color: var(--lb-salmon);
    box-shadow: 0 8px 20px rgba(224, 0, 134, .10);
}

body.home .post-s3-thumb img,
body.blog .post-s3-thumb img {
    border-radius: 6px;
    object-fit: cover;
}

/* Kicker de categoría en magenta pequeño (sin chip: es una fila de texto) */
body.home .post-s3-cats .post-meta-cats a,
body.blog .post-s3-cats .post-meta-cats a {
    color: var(--lb-magenta) !important;
    background: none !important;
    border: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.home .post-s3-title,
body.blog .post-s3-title {
    color: var(--lb-fg-1);
    font-weight: 700;
}

body.home .post-s3-title a:hover,
body.blog .post-s3-title a:hover { color: var(--lb-magenta); }

/* Meta: fecha gris; fuera comentarios y share */
body.home .post-s3-meta .post-meta-date,
body.blog .post-s3-meta .post-meta-date {
    color: var(--lb-fg-3);
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.home .post-s3-meta .post-meta-comments,
body.home .post-s3-meta .post-meta-share,
body.blog .post-s3-meta .post-meta-comments,
body.blog .post-s3-meta .post-meta-share { display: none !important; }

body.home .post-s3-excerpt,
body.blog .post-s3-excerpt { color: var(--lb-fg-2); }

/* --- Sidebar «Parejas lésbicas en series» ----------------------------------- */
#sidebar .widget-title, .sidebar .widget-title {
    color: var(--lb-fg-1);
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -.4px;
    border-bottom: 2px solid var(--lb-negro);
    padding-bottom: 8px;
}

#sidebar .posts-list-widget .post-s6-cats .post-meta-cats a, .sidebar .posts-list-widget .post-s6-cats .post-meta-cats a {
    color: var(--lb-rosa-morado) !important;
    background: none !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .09em;
    text-transform: uppercase;
}

/* --- Paginación (mismo estilo que archivos) --------------------------------- */
body.home .pagination-classic-next a,
body.home .pagination-classic-prev a,
body.blog .pagination-classic-next a,
body.blog .pagination-classic-prev a {
    background: var(--lb-bg-1) !important;
    border: 1px solid var(--lb-negro);
    color: var(--lb-fg-1) !important;
    font-weight: 700;
    text-transform: lowercase;
    border-radius: 6px;
    line-height: 46px;
    padding: 0 20px;
}

body.home .pagination-classic-next a:hover,
body.home .pagination-classic-prev a:hover,
body.blog .pagination-classic-next a:hover,
body.blog .pagination-classic-prev a:hover {
    background: var(--lb-negro) !important;
    color: #fff !important;
}



/* Sidebar «parejas»: kicker rosa-morado bajo la imagen, como el mockup */
body .sidebar .post-s2-cats {
    position: static !important;
    margin: 12px 16px 2px !important;
}

body .sidebar .post-s2-cats .post-meta-cats a,
body .sidebar .post-s2-cats .post-meta-cats span,
body .sidebar .post-s2-cats .post-meta-cats-text {
    background: none !important;
    color: var(--lb-rosa-morado) !important;
    padding: 0 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body .sidebar .post-s2-thumb img { height: 170px !important; }

body .sidebar .post-s2-main { padding: 0 16px 14px; text-align: left; }

body .sidebar .post-s2-title { font-size: 15px; }

@media (max-width: 767px) {
    body.home .module-13 .module-posts-listing-inner { grid-template-columns: 1fr; gap: 20px; }
}


/* ==========================================================================
   H2. HOMEPAGE — HERO + FILA DE NOTICIAS (sustituye al mosaico-carrusel)
   El primer destacado ocupa todo el ancho con degradado oscuro, chip
   MAGENTA (tag destacado del sistema) y título blanco; los siguientes van
   como noticias horizontales con kicker magenta. El markup lo genera PHP
   en el child (ver build_preview_home.py).
   ========================================================================== */

.lbc-hero-wrap { margin: 26px 0 6px; }

/* Hero a la izquierda + columna de noticias a la derecha (mockup) */
.lbc-hero-wrap .wrapper {
    display: grid;
    grid-template-columns: 1.85fr 1fr;
    gap: 22px;
    align-items: stretch;
}

/* En la home el borde magenta del header caería bajo el hero; fuera */
body.home .site-header { border-bottom: none; }

/* --- Hero ------------------------------------------------------------------ */
.lbc-hero-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.lbc-hero-item .post-s4-thumb img {
    width: 100% !important;
    height: 520px !important;
    object-fit: cover !important;
    display: block;
}

/* Degradado de legibilidad en vez del velo gris del tema */
.lbc-hero-item .post-s4-thumb-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 38%, rgba(0,0,0,.55) 68%, rgba(0,0,0,.85) 100%) !important;
}

.lbc-hero-item .post-s4-thumb-overlay-2 { display: none !important; }

.lbc-hero-item .post-s4-main {
    position: absolute !important;
    top: auto !important;
    left: 40px !important;
    right: 40px !important;
    bottom: 32px !important;
    text-align: left;
}

/* Chip magenta: el tag destacado del sistema */
.lbc-hero-item .post-s4-cats { margin-bottom: 14px; }

.lbc-hero-item .post-s4-cats .post-meta-cats a,
.lbc-hero-item .post-s4-cats .post-meta-cats span,
.lbc-hero-item .post-s4-cats .post-meta-cats-text {
    background: var(--lb-magenta) !important;
    color: #fff !important;
    border: none !important;
    display: inline-block;
    padding: 7px 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .09em;
    text-transform: uppercase;
    line-height: 1 !important;
}

.lbc-hero-item .post-s4-cats .post-meta-cats a:hover {
    background: var(--lb-rosa-morado) !important;
}

.lbc-hero-item .post-s4-title,
.lbc-hero-item .post-s4-title a {
    color: #fff !important;
    font-size: 42px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    margin: 0 0 10px !important;
}

.lbc-hero-item .post-s4-date,
.lbc-hero-item .post-s4-date span,
.lbc-hero-item .post-s4-date a {
    color: rgba(255,255,255,.88) !important;
    font-size: 12px !important;
    letter-spacing: .07em;
    text-transform: uppercase;
}

/* --- Fila de noticias -------------------------------------------------------- */
.lbc-noticias {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 0;
}

/* Las tarjetas se reparten la altura del hero */
.lbc-noticias .lbc-noticia { flex: 1; }

.lbc-noticia {
    display: flex !important;
    align-items: stretch;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--lb-bg-1);
    border: 1px solid var(--lb-line-1);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.lbc-noticia:hover {
    border-color: var(--lb-salmon);
    box-shadow: 0 6px 16px rgba(224, 0, 134, .09);
}

.lbc-noticia .post-s4-thumb {
    flex: 0 0 130px;
    position: relative;
}

.lbc-noticia .post-s4-thumb a { display: block; height: 100%; }

.lbc-noticia .post-s4-thumb img {
    width: 100% !important;
    height: 100% !important;
    min-height: 106px;
    object-fit: cover !important;
    display: block;
}

.lbc-noticia .post-s4-thumb-overlay,
.lbc-noticia .post-s4-thumb-overlay-2 { display: none !important; }

.lbc-noticia .post-s4-main {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex: 1;
    padding: 14px 18px;
    text-align: left;
}

.lbc-noticia .post-s4-cats { margin-bottom: 6px; }

.lbc-noticia .post-s4-cats .post-meta-cats a,
.lbc-noticia .post-s4-cats .post-meta-cats span,
.lbc-noticia .post-s4-cats .post-meta-cats-text {
    background: none !important;
    color: var(--lb-magenta) !important;
    border: none !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.lbc-noticia .post-s4-title,
.lbc-noticia .post-s4-title a {
    color: var(--lb-fg-1) !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    letter-spacing: -.3px !important;
    margin: 0 0 6px !important;
}

.lbc-noticia .post-s4-title a:hover { color: var(--lb-magenta) !important; }

.lbc-noticia .post-s4-date,
.lbc-noticia .post-s4-date span,
.lbc-noticia .post-s4-date a {
    color: var(--lb-fg-3) !important;
    font-size: 11px !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .lbc-hero-wrap .wrapper { grid-template-columns: 1fr; }
    .lbc-noticias { margin-top: 0; }
}

@media (max-width: 767px) {
    .lbc-hero-item .post-s4-thumb img { height: 300px !important; }
    .lbc-hero-item .post-s4-main { left: 18px !important; right: 18px !important; bottom: 18px !important; }
    .lbc-hero-item .post-s4-title,
    .lbc-hero-item .post-s4-title a { font-size: 24px !important; letter-spacing: -.5px !important; }
    .lbc-noticia .post-s4-thumb { flex-basis: 120px; }
}


/* ==========================================================================
   H3. HOMEPAGE — GUIÑOS CALIGRÁFICOS + CTA EN BANDA NEGRA + FOOTER
   - Guiño script rosa junto a los encabezados de sección (markup PHP).
   - CTA fuente preferida: en la home va en banda negra a lo ancho, con la
     palabra clave en salmón y el único botón magenta (mockup). En el resto
     de plantillas conserva el estilo neutro del M5.
   - Footer: banda negra con copyright discreto.
   ========================================================================== */

/* --- Guiños ----------------------------------------------------------------- */
h2.section-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
}

.lbc-guino {
    font-family: 'Carrintong', 'Segoe Script', cursive;
    color: var(--lb-magenta);
    font-size: 15px !important;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.3 !important;
    white-space: nowrap;
}

.lbc-guino--sidebar { font-size: 13px !important; }

#sidebar .widget-title, .sidebar .widget-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

/* --- CTA en banda negra (solo home) ------------------------------------------ */
body.home .lbc-google-cta--footer {
    background: var(--lb-negro) !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 48px 0 0 !important;
    padding: 36px max(24px, calc(50% - 442px)) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

body.home .lbc-google-cta--footer .lbc-google-cta-texto {
    color: #fff !important;
    margin: 0 !important;
    font-size: 17px;
    line-height: 1.55;
    max-width: 64ch;
}

body.home .lbc-google-cta--footer .lbc-clave {
    color: var(--lb-salmon);
    font-weight: 700;
}

body.home .lbc-google-cta--footer .lbc-google-cta-boton {
    margin-top: 0 !important;
    flex: none;
}

@media (max-width: 767px) {
    body.home .lbc-google-cta--footer { flex-direction: column; align-items: flex-start; gap: 18px; }
}

/* --- Footer ------------------------------------------------------------------- */
#footer.site-footer { background: var(--lb-negro); }

#footer #footer-copyright {
    color: rgba(255, 255, 255, .55);
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 20px 0;
}


/* ==========================================================================
   D. AJUSTES DE DESPLIEGUE (piezas que en la maqueta iban como markup)
   ========================================================================== */

/* El breadcrumb del mu-plugin va dentro de the_content; el rediseño lo
   imprime en la cabecera (override post-header-1.php). Se oculta el viejo. */
.blog-post-single-content .lesbi-breadcrumbs { display: none !important; }

/* Etiqueta «★ Destacado» del primer post de archivo — CSS puro */
body.archive .lbc-featured .post-s1-cats::after {
    content: '★ Destacado';
    color: var(--lb-magenta);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

/* Guiños caligráficos — CSS puro, sin markup nuevo */
body.home .module-13-wrapper .section-title::after {
    content: 'lo que no te puedes perder';
    font-family: 'Carrintong', 'Segoe Script', cursive;
    color: var(--lb-magenta);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.3;
}

#wonderwall_magazine_posts_list_widget-2 .widget-title::after {
    content: 'nuestro archivo de ships';
    font-family: 'Carrintong', 'Segoe Script', cursive;
    color: var(--lb-magenta);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.3;
}

/* ==========================================================================
   H4. PORTADA — «LO MÁS RECIENTE» A TODO EL ANCHO + BANDA DE PAREJAS
   Petición de Paola (16/7/2026): fuera el sidebar de la portada; el listado
   pasa a módulo propio «Lo más reciente» a todo el ancho (destacado + rejilla
   de 2 columnas) y el contenido del sidebar (parejas lésbicas) baja a una
   banda propia al final. Markup: template-parts/home/module-11.php y
   lbc_parejas_band() en functions.php.
   ========================================================================== */

/* --- «Lo más reciente»: rejilla de 2 columnas ----------------------------- */
body.home .module-11 .module-posts-listing-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}

body.home .module-11 .module-posts-listing-inner::before,
body.home .module-11 .module-posts-listing-inner::after { display: none; }

/* El destacado ocupa las dos columnas */
body.home .module-11 .lbc-featured {
    grid-column: 1 / -1;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    background: var(--lb-bg-1);
    border: 1px solid var(--lb-line-1);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.home .module-11 .lbc-featured:hover {
    border-color: var(--lb-salmon);
    box-shadow: 0 8px 20px rgba(224, 0, 134, .10);
}

body.home .module-11 .lbc-featured .post-s1-thumb img {
    width: 100% !important;
    height: 420px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    display: block;
}

body.home .module-11 .lbc-featured .post-s1-main { padding: 16px 20px 20px; }

body.home .module-11 .lbc-featured .post-s1-title {
    font-size: 30px;
    letter-spacing: -1px;
    margin-bottom: 12px;
}

/* La paginación cierra el módulo a lo ancho */
body.home .module-11 .pagination { grid-column: 1 / -1; }

/* --- Banda «Parejas lésbicas en series» ----------------------------------- */
.lbc-parejas-wrapper {
    background: var(--lb-bg-2);
    border-top: 1px solid var(--lb-line-1);
    border-bottom: 1px solid var(--lb-line-1);
    padding: 44px 0 48px;
    margin-top: 48px;
}

.lbc-parejas-wrapper .module-posts-listing-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}

.lbc-parejas-wrapper .module-posts-listing-inner::before,
.lbc-parejas-wrapper .module-posts-listing-inner::after { display: none; }

.lbc-parejas-wrapper .post-s2 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    background: var(--lb-bg-1);
    border: 1px solid var(--lb-line-1);
    border-radius: 8px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.lbc-parejas-wrapper .post-s2:hover {
    border-color: var(--lb-salmon);
    box-shadow: 0 8px 20px rgba(224, 0, 134, .10);
}

/* Píldoras: miniatura a la izquierda y texto a la derecha (como las
   noticias del hero). Petición de Paola 17/7: las fotos apaisadas cortaban
   las cabezas. El recorte se sube al 25% para preservar las caras. */
body.home .lbc-parejas-wrapper .post-s2 {
    display: flex !important;
    align-items: stretch;
}

body.home .lbc-parejas-wrapper .post-s2-thumb {
    flex: 0 0 150px;
}

body.home .lbc-parejas-wrapper .post-s2-thumb a {
    display: block;
    height: 100%;
}

body.home .lbc-parejas-wrapper .post-s2-thumb img {
    width: 100% !important;
    height: 100% !important;
    min-height: 118px;
    object-fit: cover !important;
    object-position: center 25% !important;
    border-radius: 0 !important;
    display: block;
}

body.home .lbc-parejas-wrapper .post-s2-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* En las fichas de pareja el kicker va bajo la imagen, en rosa-morado
   (es el único momento de color de la banda, como pide el design system) */
.lbc-parejas-wrapper .post-s2-cats {
    display: block !important;
    position: static !important;
    margin: 14px 18px 2px !important;
}

body.home .lbc-parejas-wrapper .post-s2-cats .post-meta-cats a,
body.home .lbc-parejas-wrapper .post-s2-cats .post-meta-cats span,
body.home .lbc-parejas-wrapper .post-s2-cats .post-meta-cats-text {
    background: none !important;
    color: var(--lb-rosa-morado) !important;
    border: none !important;
    padding: 0 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.home .lbc-parejas-wrapper .post-s2-main {
    text-align: left;
    padding: 12px 16px;
}

body.home .lbc-parejas-wrapper .post-s2-title { font-size: 15px; line-height: 1.4; }

/* Guiño caligráfico de la banda */
.lbc-parejas-title::after {
    content: 'nuestro archivo de ships';
    font-family: 'Carrintong', 'Segoe Script', cursive;
    color: var(--lb-magenta);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.3;
}

@media (max-width: 767px) {
    body.home .module-11 .module-posts-listing-inner,
    .lbc-parejas-wrapper .module-posts-listing-inner { grid-template-columns: 1fr; gap: 20px; }
    body.home .module-11 .lbc-featured .post-s1-thumb img { height: 240px !important; }
    body.home .module-11 .lbc-featured .post-s1-title { font-size: 22px; }
}

/* ==========================================================================
   A1. PÁGINA DE AUTORA (/author/{slug}/) — mockup «Rediseño autor.pdf»
   Cabecera: breadcrumb gris, avatar circular grande, rol en magenta,
   nombre negro extrabold, presentación, bio, redes en círculos outline y
   contador (artículos · años). Markup: lbc_autora_header() + author.php.
   ========================================================================== */

body.author #tagline { display: none !important; }

/* La plantilla propia no lleva sidebar */
body.author #content { width: 100%; float: none; }

.lbc-autora {
    max-width: 760px;
    margin: 8px 0 0;
    padding: 0 0 28px;
    border-bottom: 2px solid var(--lb-negro);
}

/* Breadcrumb */
.lbc-autora-crumb {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--lb-fg-3);
    margin-bottom: 26px;
}

.lbc-autora-crumb p { margin: 0; }

.lbc-autora-crumb a {
    color: var(--lb-fg-3);
    text-decoration: none;
}

.lbc-autora-crumb a:hover { color: var(--lb-magenta); }

.lbc-autora-crumb .separator { padding: 0 6px; color: var(--lb-line-1); }

/* Avatar */
.lbc-autora-avatar { margin-bottom: 22px; }

.lbc-autora-avatar img {
    width: 160px !important;
    height: 160px !important;
    border-radius: 50%;
    object-fit: cover;
    object-position: center 25%;
    display: block;
    margin: 0 !important;
}

/* Rol */
.lbc-autora-rol {
    color: var(--lb-magenta);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

/* Nombre */
.lbc-autora-nombre {
    color: var(--lb-fg-1);
    font-size: 44px;
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1.05;
    margin: 0 0 10px;
}

/* Presentación */
.lbc-autora-tagline {
    color: var(--lb-fg-1);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 18px;
}

.lbc-autora-tagline a {
    color: var(--lb-magenta);
    text-decoration: none;
    border-bottom: 1px solid rgba(224, 0, 134, .35);
}

.lbc-autora-tagline a:hover { color: var(--lb-rosa-morado); }

/* Bio */
.lbc-autora-bio {
    color: var(--lb-fg-2);
    font-size: 16px;
    line-height: 1.7;
    max-width: 68ch;
}

.lbc-autora-bio p { margin: 0 0 10px; }

.lbc-autora-bio p:last-child { margin: 0; }

.lbc-autora-bio a { color: var(--lb-magenta); }

/* Pie: redes + contador */
.lbc-autora-pie {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.lbc-autora-social {
    display: flex;
    gap: 10px;
}

.lbc-autora-social .lbc-author-social-link {
    width: 38px;
    height: 38px;
    border: 1px solid var(--lb-line-1) !important;
    border-radius: 50%;
    background: var(--lb-bg-1) !important;
    color: var(--lb-fg-1) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color .2s ease, color .2s ease;
}

.lbc-autora-social .lbc-author-social-link:hover {
    border-color: var(--lb-magenta) !important;
    color: var(--lb-magenta) !important;
    background: var(--lb-bg-1) !important;
    transform: none !important;
}

.lbc-autora-social .lbc-author-social-link svg { width: 17px; height: 17px; }

.lbc-autora-datos {
    font-size: 12px;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--lb-fg-3);
}

.lbc-autora-num {
    color: var(--lb-fg-1);
    font-weight: 800;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

.lbc-autora-sep { color: var(--lb-line-1); }

/* --- «Lo último de X» + hero ---------------------------------------------- */
.lbc-autora-ultimo { margin-top: 42px; }

.lbc-autora-ultimo::after {
    content: 'recién salido del horno';
    font-family: 'Carrintong', 'Segoe Script', cursive;
    color: var(--lb-magenta);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.3;
}

.lbc-autora-hero { margin-bottom: 10px; }

/* --- «Todos sus artículos» ------------------------------------------------ */
.lbc-autora-todos { margin-top: 46px; }

body.author .posts-listing-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}

body.author .posts-listing-inner::before,
body.author .posts-listing-inner::after { display: none; }

body.author .pagination { grid-column: 1 / -1; }

@media (max-width: 767px) {
    .lbc-autora-nombre { font-size: 30px; letter-spacing: -.5px; }
    .lbc-autora-avatar img { width: 110px !important; height: 110px !important; }
    body.author .posts-listing-inner { grid-template-columns: 1fr; gap: 20px; }
}