/* ============================================
   SECTIONS — Sermones, Estudios, Cancionero
   ============================================ */

/* --- Article Detail View --- */
.article-detail{max-width:800px;margin:0 auto;padding:calc(var(--nav-height) + var(--space-12)) var(--space-6) var(--space-16);}
.article-detail .article-badge{margin-bottom:var(--space-4);}
.article-detail h1{font-family:var(--font-heading);font-size:var(--text-4xl);color:var(--ivory);line-height:1.3;margin-bottom:var(--space-4);}
.article-detail .article-meta{display:flex;align-items:center;gap:var(--space-4);color:var(--ivory-muted);font-size:var(--text-sm);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--glass-border);}
.article-detail .article-body{font-size:var(--text-lg);line-height:1.9;color:var(--ivory-soft);}
.article-detail .article-body p{margin-bottom:var(--space-6);}
.article-detail .article-body h2{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--ivory);margin:var(--space-10) 0 var(--space-4);position:relative;padding-left:var(--space-5);}
.article-detail .article-body h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-gold);border-radius:2px;}
.article-detail .article-body h3{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--gold-400);margin:var(--space-8) 0 var(--space-3);}
.article-detail .article-body blockquote{margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);background:rgba(201,168,76,0.05);border-left:3px solid var(--gold-500);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-heading);font-style:italic;color:var(--ivory);font-size:var(--text-base);line-height:1.8;}
.article-detail .article-body blockquote cite{display:block;margin-top:var(--space-2);font-style:normal;color:var(--gold-500);font-size:var(--text-sm);font-family:var(--font-body);}
.article-detail .article-body ul,.article-detail .article-body ol{margin:var(--space-4) 0 var(--space-6) var(--space-6);}
.article-detail .article-body li{margin-bottom:var(--space-2);position:relative;padding-left:var(--space-4);}
.article-detail .article-body li::before{content:'•';position:absolute;left:0;color:var(--gold-400);}

/* --- Cancionero Detail --- */
.song-detail{max-width:800px;margin:0 auto;padding:calc(var(--nav-height) + var(--space-12)) var(--space-6) var(--space-16);}
.song-controls{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8);padding:var(--space-4) var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);}
.song-controls label{font-size:var(--text-sm);color:var(--ivory-muted);font-weight:500;}
.song-controls .transpose-btns{display:flex;gap:var(--space-2);}
.song-controls .transpose-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);color:var(--ivory);font-size:var(--text-lg);transition:all var(--transition-base);background:rgba(201,168,76,0.05);}
.song-controls .transpose-btn:hover{border-color:var(--gold-500);color:var(--gold-400);background:rgba(201,168,76,0.15);}
.song-controls .current-key{font-weight:700;color:var(--gold-400);font-size:var(--text-lg);min-width:40px;text-align:center;}
.song-controls .font-size-btns{display:flex;gap:var(--space-2);margin-left:auto;}
.song-controls .font-size-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--glass-border);color:var(--ivory-muted);font-size:var(--text-sm);transition:all var(--transition-base);}
.song-controls .font-size-btn:hover{border-color:var(--gold-500);color:var(--gold-400);}
.song-lyrics{font-family:'Courier New',monospace;font-size:var(--text-base);line-height:2.8;color:var(--ivory-soft);white-space:pre-wrap;padding:var(--space-10) var(--space-8) var(--space-8);background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-top:var(--space-6);}
.song-lyrics .chord-anchor{position:relative;display:inline;}
.song-lyrics .chord{color:var(--gold-400);font-weight:700;position:absolute;bottom:80%;left:0;line-height:1;user-select:none;}
.song-title-detail{font-family:var(--font-heading);font-size:var(--text-4xl);color:var(--ivory);margin-bottom:var(--space-2);}
.song-artist{color:var(--ivory-muted);font-size:var(--text-lg);margin-bottom:var(--space-6);}

/* --- List Pages --- */
.list-page{padding:0 0 var(--space-16);}
.list-page .container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);}

/* --- Sermon Category Accordion --- */
.sermon-accordion{display:flex;flex-direction:column;gap:var(--space-4);}
.sermon-category-group{border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base);}
.sermon-category-group.open{border-color:rgba(201,168,76,0.3);}
.sermon-category-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:var(--gradient-card);cursor:pointer;user-select:none;transition:background var(--transition-base);}
.sermon-category-header:hover{background:rgba(201,168,76,0.05);}
.sermon-category-header-left{display:flex;align-items:center;gap:var(--space-3);}
.sermon-category-count{font-size:var(--text-sm);color:var(--ivory-muted);}
.sermon-category-chevron{color:var(--gold-400);font-size:var(--text-xs);transition:transform var(--transition-base);}
.sermon-category-body{display:none;border-top:1px solid var(--glass-border);}
.sermon-category-body.open{display:block;}
.sermon-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid rgba(255,255,255,0.04);text-decoration:none;transition:background var(--transition-base);}
.sermon-list-item:last-child{border-bottom:none;}
.sermon-list-item:hover{background:rgba(201,168,76,0.06);}
.sermon-list-title{flex:1;font-size:var(--text-base);color:var(--ivory);font-weight:500;line-height:1.4;}
.sermon-list-date{font-size:var(--text-xs);color:var(--ivory-muted);white-space:nowrap;}
.sermon-list-arrow{color:var(--gold-400);font-size:var(--text-base);flex-shrink:0;transition:transform var(--transition-base);}
.sermon-list-item:hover .sermon-list-arrow{transform:translateX(4px);}
@media(max-width:600px){
    .sermon-list-date{display:none;}
    .sermon-list-item{padding:var(--space-4);}
}