/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.5.0.1778623504
Updated: 2026-05-12 22:05:04

*/
@import url('../kadence/style.css');

/* ============================================================
   Lecume — Fichas de audiolibros
   Subir a: wp-content/themes/TU-CHILD-THEME/
   Registrar en functions.php con wp_enqueue_style() o
   pegar directamente en Apariencia > Personalizar > CSS adicional
   ============================================================ */


/* ----------------------------------------------------------
   Breadcrumb
   ---------------------------------------------------------- */

.lc-breadcrumb {
  margin-bottom: 1.25rem;
  font-size: 0.82rem;
}

.lc-bc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
  color: #888;
  padding-left: 0 !important;
}

.lc-bc__item + .lc-bc__item::before {
  content: "›";
  margin-right: 4px;
  color: #bbb;
}

.lc-bc__item a {
  color: #555;
  text-decoration: none;
}

.lc-bc__item a:hover {
  color: #1a4e8a;
  text-decoration: underline;
}

.lc-bc__item--current {
  color: #999;
}


/* ----------------------------------------------------------
   Wrapper general de la ficha
   ---------------------------------------------------------- */

.lc-ficha {
  font-size: 1rem;
  line-height: 1.65;
  color: #222;
}


/* ----------------------------------------------------------
   Hero: dos columnas (intro izquierda + CTA derecha)
   ---------------------------------------------------------- */

.lc-hero {
  display: flex;
  gap: 3vw;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.lc-intro {
  flex: 1 1 300px;
  position: sticky;
  top: 30px;
}

.lc-intro p {
  margin-top: 0;
}

.lc-cta-box {
  flex: 0 1 350px;
  min-width: 210px;
  background: #f7f8fa;
  border: 1px solid #e2e5ea;
  border-radius: 10px;
  padding: 32px;
  padding-bottom: 10px;
  text-align: center;
}

.lc-cta-box br {
  display: none;
}
/* ----------------------------------------------------------
   Portada del audiolibro
   ---------------------------------------------------------- */

.lc-cover-img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
  display: block;
  margin: 0 auto 35px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}


/* ----------------------------------------------------------
   Botones de acción
   ---------------------------------------------------------- */

.lc-btn {
  display: block;
  padding: 12px 16px;
  border-radius: 7px;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.95rem;
  text-align: center;
  margin: 10px 0;
  line-height: 1.3;
  transition: opacity 0.15s ease, transform 0.1s ease;
  border: none;
  cursor: pointer;
}

.lc-btn:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}

.lc-btn:active {
  transform: translateY(0);
}

/* Botón principal — Descargar */
.lc-btn--download {
  background: #1a4e8a;
  color: #ffffff !important;
}

.lc-btn--download:hover {
  background: #153d6e;
  color: #ffffff !important;
}

/* Botón secundario — Escuchar */
.lc-btn--listen {
  background: #c05702;
  color: #ffffff !important;
}

.lc-btn--listen:hover {
  background: #9c4602;
  color: #ffffff !important;
}

/* Botón inferior — Más del género */
.lc-btn--genre {
  display: inline-block;
  background: #2d3748;
  color: #ffffff !important;
  padding: 12px 28px;
  border-radius: 7px;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.95rem;
  transition: opacity 0.15s ease, transform 0.1s ease;
}

.lc-btn--genre:hover {
  background: #1a202c;
  color: #ffffff !important;
  opacity: 1;
  transform: translateY(-1px);
}


/* ----------------------------------------------------------
   CTA inferior (zona de género)
   ---------------------------------------------------------- */

.lc-bottom-cta {
  text-align: center;
  margin: 2.5rem 0 1.5rem;
  padding: 1.5rem 1rem;
  background: #f0f4f8;
  border-radius: 10px;
  border: 1px solid #dde1e7;
}

.lc-bottom-cta__text {
  margin: 0 0 14px;
  font-size: 0.9rem;
  color: #555;
}


/* ----------------------------------------------------------
   Tabla de detalles del libro
   ---------------------------------------------------------- */

.audiobook-details {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  font-size: 0.92rem;
}

.audiobook-details th,
.audiobook-details td {
  padding: 8px 12px;
  border: 1px solid #e0e3e8;
  text-align: left;
  vertical-align: top;
}

.audiobook-details th {
  background: #f4f5f7;
  font-weight: 600;
  width: 38%;
  color: #333;
}

.audiobook-details td {
  color: #444;
}


/* ----------------------------------------------------------
   Bloque de portada (figure)
   ---------------------------------------------------------- */

.audiobook-cover {
  margin: 0 0 1.25rem;
  text-align: center;
}

.audiobook-cover img {
  max-width: 220px;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}




/* ----------------------------------------------------------
   Author box
   ---------------------------------------------------------- */

.lc-author-box {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  margin-top: 3rem;
  padding: 24px 28px;
  border-top: 3px solid #1a4e8a;
  background: #f7f8fa;
  border-radius: 0 0 10px 10px;
}

.lc-author-box__avatar-link {
  flex-shrink: 0;
  display: block;
  line-height: 0;
}

.lc-author-box__avatar {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #e2e5ea;
  transition: border-color 0.15s ease;
}

.lc-author-box__avatar-link:hover .lc-author-box__avatar {
  border-color: #1a4e8a;
}

.lc-author-box__body {
  flex: 1;
  min-width: 0;
}

.lc-author-box__label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #1a4e8a;
  margin: 0 0 4px;
  margin-bottom: 5px !important;
}

.lc-author-box__name {
  margin: 0 0 10px;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 5px !important;
}

.lc-author-box__name a {
  color: #111;
  text-decoration: none;
}

.lc-author-box__name a:hover {
  color: #1a4e8a;
  text-decoration: underline;
}

.lc-author-box__bio {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: #444;
}


/* ==========================================================
   PÁGINA DE AUTOR
   ========================================================== */

/* ----------------------------------------------------------
   Hero
   ---------------------------------------------------------- */

.lc-ap-hero {
  background: linear-gradient(135deg, #1a4e8a 0%, #0f2f54 100%);
  color: #fff;
  padding: 3rem 1rem 3.5rem;
  margin-bottom: 3rem;
}

.lc-ap-hero__inner {
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  gap: 36px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.lc-ap-hero__photo-wrap {
  flex-shrink: 0;
}

.lc-ap-hero__photo {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid rgba(255, 255, 255, 0.25);
  display: block;
}

.lc-ap-hero__meta {
  flex: 1;
  min-width: 220px;
  padding-top: 8px;
}

.lc-ap-hero__role {
  margin: 0 0 6px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65);
}

.lc-ap-hero__name {
  margin: 0 0 8px;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.15;
  color: #fff;
}

.lc-ap-hero__count {
  margin: 0 0 20px;
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.7);
}

.lc-ap-hero__bio {
  font-size: 0.93rem;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.85);
  max-width: 600px;
}

.lc-ap-hero__bio p {
  margin: 0 0 0.75em;
}

.lc-ap-hero__bio p:last-child {
  margin-bottom: 0;
}


/* ----------------------------------------------------------
   Grid de audiolibros
   ---------------------------------------------------------- */

.lc-ap-books {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1rem 3rem;
}

.lc-ap-books__heading {
  font-size: 1.3rem;
  font-weight: 700;
  color: #111;
  margin: 0 0 1.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #e2e5ea;
}

.lc-ap-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 28px 20px;
}

.lc-ap-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lc-ap-card__cover-link {
  display: block;
  line-height: 0;
}

.lc-ap-card__cover {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  display: block;
}

.lc-ap-card__cover--placeholder {
  background: #e8eaed;
  height: 200px;
  border-radius: 6px;
}

.lc-ap-card__cover-link:hover .lc-ap-card__cover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

.lc-ap-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.lc-ap-card__genre {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #1a4e8a;
  text-decoration: none;
}

.lc-ap-card__genre:hover {
  text-decoration: underline;
}

.lc-ap-card__title {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.35;
}

.lc-ap-card__title a {
  color: #111;
  text-decoration: none;
}

.lc-ap-card__title a:hover {
  color: #1a4e8a;
}


/* ----------------------------------------------------------
   Paginación
   ---------------------------------------------------------- */

.lc-ap-pagination {
  margin-top: 2.5rem;
  text-align: center;
}

.lc-ap-pagination .page-numbers {
  display: inline-block;
  padding: 8px 14px;
  margin: 2px;
  border: 1px solid #dde1e7;
  border-radius: 6px;
  color: #333;
  text-decoration: none;
  font-size: 0.9rem;
  transition: background 0.15s ease;
}

.lc-ap-pagination .page-numbers:hover,
.lc-ap-pagination .page-numbers.current {
  background: #1a4e8a;
  border-color: #1a4e8a;
  color: #fff;
}

.lc-ap-empty {
  color: #777;
  font-size: 0.95rem;
  padding: 2rem 0;
}


/* ----------------------------------------------------------
   Responsive — móvil
   ---------------------------------------------------------- */

@media (max-width: 789px) {
    
  .lc-hero {
    flex-direction: column-reverse;
    gap: 20px;
  }

  .lc-cta-box {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
  }

  .lc-intro {
    flex: 1 1 auto;
    position: static;
    top: unset;
  }

  .lc-btn--genre {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 16px;
  }
    .lc-author-box {
    flex-direction: column;
    gap: 16px;
    padding: 20px 18px;
  }

  .lc-author-box__avatar {
    width: 72px;
    height: 72px;
  } 

    .lc-ap-hero__inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
  }

  .lc-ap-hero__photo {
    width: 120px;
    height: 120px;
  }

  .lc-ap-hero__name {
    font-size: 1.6rem;
  }

  .lc-ap-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 20px 14px;
  }
}