/*
 Theme Name:   Wonderwall Child Redesign
 Template:     wonderwall-magazine1
 Version:      0.1.0
 Description:  Prueba de rediseño "línea y aire" (Opción B): rosa solo como acento, negro como estructura, neutros como fondo. Clon de Wonderwall Child v4.5. NO ACTIVAR en producción durante la prueba; previsualizar con el Customizer.
*/

/* ==========================================================================
   1. IMPORTACIÓN DE FUENTES (igual que el child actual)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* ==========================================================================
   2. TOKENS DE COLOR — sistema "Palette 5 rosas" + "Neutrals & Semantic"
   Regla de uso: el rosa marca el camino, no rellena la sala.
   - Rosa/magenta = solo acento (enlaces, categoría activa, PROS, estrellas,
     veredicto, autora en meta, un único CTA primario por página).
   - Negro = estructura (cabeceras de tabla, CONTRAS, chips, titulares).
   - Blanco/gris muy claro = fondos. Filetes de 1px en vez de cajas macizas.
   Proporción objetivo 60/30/10.
   ========================================================================== */
:root {
    /* Palette — 5 rosas */
    --lb-magenta:     #e00086; /* acento primario */
    --lb-rosa-morado: #9a0058; /* hover / active / profundidad, sin repetir */
    --lb-burdeos:     #5f0025; /* marca, uso mínimo */
    --lb-salmon:      #ec8e97; /* decorativo suave; solo texto negro encima */
    --lb-rosa-claro:  #fdf2f4; /* tinte muy sutil, nunca fondo de bloque */

    /* Neutrals & Semantic */
    --lb-negro:  #000000;      /* estructura */
    --lb-fg-1:   #1a1a1a;      /* titulares */
    --lb-fg-2:   #333333;      /* texto de lectura */
    --lb-fg-3:   #737373;      /* meta, breadcrumb, pies de foto (AA 4.5+ también sobre --lb-bg-2) */
    --lb-magenta-texto: #d90082; /* magenta para TEXTO PEQUEÑO sobre superficies --lb-bg-2 (AA 4.7);
                                    el magenta de marca #e00086 se reserva para botones, estrellas,
                                    chips y texto grande/negrita */
    --lb-bg-1:   #ffffff;      /* lienzo */
    --lb-bg-2:   #fafafa;      /* superficies suaves */
    --lb-line-1: #eaeaea;      /* filetes 1px que sustituyen fondos */

    /* Alias heredados del child actual (compatibilidad con CSS/inline existente) */
    --lb-magenta-old: #e00086;
    --lb-rosa: var(--lb-rosa-morado);
    --lb-rosa-suave: var(--lb-rosa-claro);
    --lb-text: var(--lb-fg-2);
}

/* ==========================================================================
   3. AJUSTES ESTRUCTURALES WONDERWALL (heredados del child actual, saneados)
   ========================================================================== */

/* Header: borde de marca */
.site-header {
    border-bottom: 4px solid var(--lb-magenta);
}

/* Cuerpo de la entrada */
.blog-post-single-content {
    font-family: 'Poppins', sans-serif;
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--lb-text);
}

.blog-post-single-content p {
    margin-bottom: 1.5em;
}

/* Limpieza de shortcodes residuales vacíos */
div[class^="et_pb_"]:empty {
    display: none !important;
}

/* Imágenes */
.blog-post-single-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
    margin: 20px auto;
}

/* Comentarios - botón responder */
.comment-reply,
.comment-reply a {
    color: var(--lb-magenta) !important;
}

/* ==========================================================================
   4. CAJA AMAZON (shortcode [caja_amazon]) — copiada tal cual del child
   actual; fuera del alcance del rediseño de la plantilla de artículo.
   ========================================================================== */
.caja-lesb-container{display:flex;background:#f2f2f2!important;border:1px solid #dcdcdc!important;border-radius:10px;overflow:hidden;margin:35px 0;box-shadow:0 4px 10px rgba(0,0,0,.05);font-family:sans-serif;text-decoration:none!important;min-height:180px}
.caja-lesb-img-wrap{flex:0 0 180px;display:flex;padding:0!important;background:#fff!important;border-right:1px solid #e0e0e0;position:relative}
.caja-lesb-img-link{border:none!important;box-shadow:none!important;background:none!important;display:block;width:100%;height:100%}
.caja-lesb-img-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;border:none!important;padding:0!important;margin:0!important}
.caja-lesb-content{flex:1;padding:20px 30px;display:flex;flex-direction:column;justify-content:center}
.caja-lesb-title{margin:0 0 15px 0!important;font-size:1.3rem!important;font-weight:800;line-height:1.3;color:#1a1a1a!important;text-decoration:none!important;border:none!important}
.caja-lesb-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:20px;margin-top:auto}
.caja-lesb-price{font-size:1.5rem;color:#e91e63!important;font-weight:800;line-height:1}
.caja-lesb-button{background:#e91e63!important;color:#fff!important;padding:12px 28px;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none!important;border:2px solid #e91e63!important;text-align:center;display:inline-block;box-shadow:none!important;transition:all .2s ease-in-out}
.caja-lesb-button:hover,.caja-lesb-button:focus,.caja-lesb-button:active{background:#c2185b!important;border-color:#c2185b!important;color:#fff!important}
@media (max-width:767px){
  .caja-lesb-container{flex-direction:column;text-align:center;min-height:auto}
  .caja-lesb-img-wrap{width:100%;height:200px;border-right:none;border-bottom:1px solid #e0e0e0!important;padding:0!important}
  .caja-lesb-footer{justify-content:center;flex-direction:column-reverse;gap:15px;margin-top:20px}
  .caja-lesb-button{width:100%}
}