.cheer-content,.section-title{text-align:center}.content-section,.scroll-top-btn{opacity:0;box-shadow:var(--shadow)}:root{--primary-color:#0d47a1;--secondary-color:#00bcd4;--accent-color:#ff4081;--dark-bg:rgba(0, 0, 0, 0.7);--light-bg:rgba(255, 255, 255, 0.1);--gradient-primary:linear-gradient(135deg, #0d47a1, #00bcd4);--gradient-accent:linear-gradient(45deg, #ff4081, #00bcd4);--shadow:0 10px 30px rgba(0, 0, 0, 0.3);--border-radius:15px;--transition:all 0.3s ease}.himno-container{margin-top:20px;padding:200px;min-height:calc(100vh - 200px);background:linear-gradient(rgba(0,0,0,.85),rgba(0,0,0,.4)) 0 0/cover fixed,url('../img/dan1.jpeg') center center/cover no-repeat fixed}.content-section{position:relative;padding:40px 20px;margin:0 auto 40px;max-width:1200px;background:var(--dark-bg);backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);transform:translateY(30px);transition:opacity .8s,transform .8s}.cheer-card,.hymn-card,.scroll-top-btn{transition:var(--transition)}.content-section.show{opacity:1;transform:translateY(0)}.section-title{font-size:clamp(1.8rem, 4vw, 2.5rem);margin-bottom:30px;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:center;justify-content:center;gap:15px}.cheer-loud,.stanza-title{color:var(--secondary-color)}.section-title i{font-size:1.2em}.hymn-card{max-width:800px;margin:0 auto;padding:30px;background:var(--light-bg);border-radius:var(--border-radius)}.hymn-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.4)}.hymn-stanza{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1)}.hymn-stanza:last-child{border-bottom:none;margin-bottom:0}.stanza-title{font-size:1.5rem;margin-bottom:15px;display:inline-block;padding:5px 15px;background:rgba(0,188,212,.1);border-radius:20px}.hymn-card p{font-size:1.1rem;line-height:1.8;margin:8px 0;color:rgba(255,255,255,.9)}.porras-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:30px;max-width:1200px;margin:0 auto}.cheer-card{background:var(--light-bg);border-radius:var(--border-radius);padding:40px;height:100%;overflow:hidden}.cheer-card:hover{transform:translateY(-5px);background:rgba(0,188,212,.15);border:1px solid rgba(0,188,212,.3)}.cheer-text{font-size:1.2rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.cheer-loud{font-size:1.4rem;font-weight:700;text-transform:uppercase}.cheer-rhythm{color:#fc0;font-weight:600}.cheer-chant{color:rgba(255,255,255,.9);font-style:italic}.cheer-school{color:var(--secondary-color);font-size:1.1rem;font-weight:600;display:block;margin-bottom:10px}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:1000}.scroll-top-btn.visible{opacity:1;visibility:visible}.scroll-top-btn:hover{transform:translateY(-3px);background:var(--gradient-accent)}@media (max-width:768px){.himno-container{margin-top:80px;padding:15px}.content-section{padding:25px 15px;margin-bottom:25px}.cheer-card,.hymn-card{padding:20px}.porras-container{grid-template-columns:1fr;gap:20px}.section-title{flex-direction:column;gap:10px}.scroll-top-btn{width:45px;height:45px;bottom:20px;right:20px}}@media (max-width:480px){.cheer-text,.hymn-card p{font-size:1rem}.cheer-loud,.stanza-title{font-size:1.2rem}}