/* Home mosaic additions on top of the theme's pieces.css (issue 34). */

/* The free guide: its cover beside the text, so the gift reads as something real. */
.pieza-guia { flex-direction: row; align-items: center; gap: 20px; }
.pieza-guia .pieza__cuerpo { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.pieza-guia__portada {
    flex: 0 0 auto;
    width: 130px !important;
    height: auto !important;
    border-radius: 4px;
    box-shadow: 0 12px 24px -10px rgba(43, 41, 34, 0.45);
    transform: rotate(-3deg);
}
.pieza-guia .pieza__boton { background: var(--lp-tierra); white-space: nowrap; }
.pieza-guia .pieza__boton:hover { background: var(--lp-tierra-osc); color: #FFFFFF; }

@media (max-width: 600px) {
    .pieza-guia { flex-direction: column; align-items: flex-start; gap: 16px; }
    .pieza-guia__portada { width: 88px !important; }
}

.pieza-cuenta .pieza__nota a { color: var(--lp-salvia-osc); text-decoration: underline !important; }

/* "Explora por tema": the four main categories side by side, each with its sections. */
.pieza-temas__grupos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 8px; }
.pieza-temas__categoria { margin: 0 0 10px !important; font-family: var(--font-serif); font-size: 1.05rem !important; line-height: 1.3; }
.pieza-temas__categoria a { color: var(--lp-tinta) !important; }
.pieza-temas__grupo .pieza-temas__lista { flex-direction: column; align-items: flex-start; }
.pieza-temas .pieza__nota a { color: var(--lp-salvia-osc); text-decoration: underline !important; }

@media (max-width: 1024px) { .pieza-temas__grupos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .pieza-temas__grupos { grid-template-columns: minmax(0, 1fr); } }