:root{--green:#111827;--muted:#6b7280;--border:#e5e7eb}*{box-sizing:border-box}body{margin:0;background:#f9fafb;color:#111827;font:14px 'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}aside{width:236px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);padding:35px 24px;display:flex;flex-direction:column}.brand{font-size:36px;font-weight:700;letter-spacing:-2px;text-decoration:none;color:var(--green)}aside>small{font-size:8px;letter-spacing:2px;margin:5px 0 45px 33px}nav button{display:block;background:none;border:0;text-align:left;padding:16px 12px;width:100%;border-radius:8px;margin-bottom:8px;color:#4b5563;font-weight:600}nav .active{background:#fde68a;color:var(--green)}.asideBottom{margin-top:auto;background:#f9fafb;padding:18px;border-radius:12px}.asideBottom h3{font-size:17px;line-height:1.5}.asideBottom p,.asideBottom small{font-size:11px;line-height:1.8;color:var(--muted)}.asideBottom select{width:100%;margin:9px 0}main{margin-left:236px}header{padding:24px 44px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;align-items:center;background:#ffffff}.avatar{background:#fde68a;border-radius:50%;padding:9px 13px;color:var(--green)}.content{max-width:1250px;margin:auto;padding:40px 44px}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#92400e;font-weight:700}h1{font-size:32px;letter-spacing:-1px;margin:10px 0}h2{letter-spacing:-.7px}p{color:var(--muted)}.primary{background:var(--green);border:0;border-radius:8px;padding:13px 19px;color:white;font-weight:600;white-space:nowrap}.primary:hover{background:#fbbf24}.secondary{padding:8px 12px;border:1px solid var(--border);border-radius:7px;background:white;color:var(--green)}.hero{background:#111827;border:1px solid #111827;border-radius:16px;padding:32px 36px;margin:28px 0 32px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.hero small{font-size:8px;letter-spacing:1.6px;color:#fde68a;font-weight:700}.hero h2{font-size:30px;line-height:1.35;margin:14px 0}.hero p{font-size:12px;line-height:1.8;margin-bottom:0;color:#e5e7eb}.art{width:260px;position:relative;display:grid;place-items:center;font:180px Georgia;color:#f59e0b;transform:rotate(-20deg)}.art:before,.art:after{content:'';position:absolute;width:210px;height:210px;border:1px solid #f59e0b;border-radius:50%;z-index:-1}.art:after{width:290px;height:290px}.art span{font-size:40px;position:absolute;right:0;bottom:0}.filters{display:flex;gap:12px}input,select,textarea{border:1px solid var(--border);background:#fff;padding:12px;border-radius:8px;color:inherit;min-width:0}input,textarea{width:100%}.filters>input{flex:1}.filters>select{font-size:12px}.section{margin:24px 0 17px}.section h3{font-size:15px;margin:0}.heading small{color:var(--muted);font-size:11px}#count,#selectedCount{background:#fde68a;padding:3px 7px;border-radius:5px;color:#78350f;font-size:11px;margin-left:5px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:20px}.card:hover{box-shadow:0 6px 20px #1118270d}.card h3{font-size:17px;margin:18px 0 7px}.card p{font-size:11px;margin-bottom:20px}.note{border-radius:9px;background:#fef3c7;color:#92400e;padding:8px 12px;font-size:20px}.key{font-size:11px;background:#fef3c7;padding:5px 8px;border-radius:5px;color:#92400e}.actions{border-top:1px solid #e5e7eb;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:5px}.text{border:0;background:none;padding:5px;color:#374151;font-size:12px}.add{border:1px solid var(--border);border-radius:6px;background:white;color:var(--green);width:29px;height:29px}.add.on{background:var(--green);color:white}.hint{font-size:11px;color:#6b7280;line-height:1.7;margin:18px 0 30px}.builder{margin-top:30px;border:1px solid var(--border);border-radius:13px;padding:25px;background:white}.builder h2{font-size:21px;margin:10px 0 20px}.builder>input{background:#f9fafb}.builder>.heading:last-child{margin-top:20px}.empty{padding:30px;text-align:center;border:1px dashed #d1d5db;border-radius:9px;color:#6b7280;margin:17px 0;font-size:13px;line-height:1.8}.row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:15px 0}.row strong{flex:1}.row button{border:0;border-radius:5px;background:#fef3c7;color:#92400e;padding:7px}.number{font-size:11px;color:#6b7280}footer{display:flex;align-items:center;gap:16px;margin-top:40px;color:#6b7280;font-size:20px}footer span,footer small{font-size:10px}footer small{margin-left:auto}dialog{border:1px solid var(--border);border-radius:16px;width:calc(100% - 30px);max-width:650px;max-height:90vh;padding:27px;color:inherit}dialog::backdrop{background:#11182788;backdrop-filter:blur(3px)}.close{border:0;background:none;color:#6b7280;font-size:28px}label{display:block;font-size:12px}label input,label select,label textarea{display:block;width:100%;margin:8px 0 17px}form .filters label{flex:1}textarea{font-family:monospace;line-height:1.8;resize:vertical}.readingTools{display:flex;gap:10px;align-items:center;padding:17px 0;border-bottom:1px solid var(--border)}.readingTools label{display:flex;align-items:center;gap:7px;flex:1}.readingTools input{width:auto;margin:0}.lyrics{white-space:pre-wrap;line-height:2.6;font-size:17px}.piece{display:inline-flex;flex-direction:column;vertical-align:bottom;line-height:1.6}.chord{color:#92400e;font-size:.8em;font-weight:700;min-height:1.6em}.readingSong{padding:20px 0;border-bottom:1px solid var(--border)}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:9px;background:var(--green);color:white;padding:13px 22px;z-index:10}button:focus-visible,a:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}[hidden]{display:none!important}@media(max-width:1100px){aside{width:200px;padding:30px 16px}main{margin-left:200px}.content{padding:30px 24px}.grid{grid-template-columns:repeat(2,1fr)}.art{width:180px}.filters{flex-wrap:wrap}.filters>input{flex-basis:100%}.filters>select{flex:1}}@media(max-width:700px){aside{position:static;width:100%;padding:20px;border:0}aside>small,.asideBottom{display:none}nav{display:flex;gap:8px;margin-top:17px}nav button{font-size:12px;margin:0}main{margin:0}header{display:none}.content{padding:15px 20px}.heading{flex-wrap:wrap}h1{font-size:28px}.hero{padding:25px}.hero h2{font-size:24px}.art{width:55px;font-size:100px;opacity:.5}.art span{display:none}.grid{grid-template-columns:1fr}.row{gap:6px}.row strong{font-size:12px}.builder{padding:20px}footer{flex-wrap:wrap}footer small{margin-left:0;width:100%}.readingTools{flex-wrap:wrap}}@media print{body>*{display:none!important}body>dialog#reader[open]{display:block!important;position:static;max-height:none;max-width:none;width:100%;border:0}#reader>.heading,.readingTools{display:none}.readingSong{break-inside:avoid}}
.transpose-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 8px;padding:12px;background:#fef3c7;border-radius:9px}.transpose-controls span{font-size:12px;color:#78350f;min-width:90px;text-align:center}@media print{.transpose-controls{display:none}}
#authGate{min-height:100vh;display:grid;place-items:center;padding:25px;background:#111827}.auth-card{max-width:440px;width:100%;padding:38px;background:white;border:1px solid var(--border);border-radius:19px;box-shadow:0 12px 50px #11182714}.auth-card h1{font-size:27px;margin:25px 0}.auth-card .primary{width:100%}.auth-card small{color:var(--muted);line-height:1.8;font-size:11px}.auth-card #authMessage{font-size:13px;line-height:1.6;color:#991b1b}#accountEmail{overflow-wrap:anywhere}#sideShell .asideBottom button{width:100%}
.brand img{display:block;width:100%;max-width:200px;height:auto}.brand{display:block;letter-spacing:normal}aside>.brand{margin-bottom:9px}.auth-card>.brand img{max-width:270px;margin:auto}.auth-card>.brand{margin-bottom:22px}

/* Identidad Enlaza · IDEC */
:root{--navy:#111827;--amber:#f59e0b;--yellow:#fde68a;--red:#ef4444;--paper:#f9fafb;--green:var(--navy)}
body{background:var(--paper);color:var(--navy)}
.primary{background:var(--amber);color:var(--navy);box-shadow:0 3px 10px #f59e0b19}.primary:hover{background:var(--yellow)}
nav .active{background:var(--navy);color:var(--yellow);box-shadow:inset 3px 0 var(--amber)}nav button:hover:not(.active){background:#fef3c7;color:var(--navy)}
.hero{background:var(--navy);border:0;box-shadow:0 9px 25px #1118270b}.hero h2{color:var(--paper)}.hero small{color:var(--yellow)}.hero p{color:#e5e7eb}.art{color:var(--amber)}.art:before,.art:after{border-color:#f59e0b55}
header{background:var(--navy);color:#e5e7eb;border-color:var(--navy)}.avatar{background:var(--amber);color:var(--navy)}
.add.on{background:var(--amber);border-color:var(--amber);color:var(--navy)}.add:hover{border-color:var(--amber)}
.card{box-shadow:0 2px 4px #11182703}.card:hover{border-color:#f5ce78;box-shadow:0 7px 22px #1118270a}
.eyebrow{color:#92400e}.asideBottom{border:1px solid #e5e7eb}.secondary:hover{background:#fef3c7;border-color:#f59e0b}.row button:hover{background:var(--yellow)}
button[data-delete],button[data-remove]{color:#b91c1c}button[data-delete]:hover,button[data-remove]:hover{background:#fef2f2;color:#991b1b}.close:hover{color:var(--red)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--amber);outline-offset:2px}input[type=checkbox]{accent-color:var(--amber)}
#toast{background:var(--navy);color:var(--paper);border-left:4px solid var(--amber)}
#authGate{background:var(--navy);background-image:radial-gradient(ellipse at 15% 0%,#f59e0b15,transparent 60%)}.auth-card{border-top:4px solid var(--amber);box-shadow:0 22px 70px #00000030}.auth-card #authMessage:not(:empty){border-left:3px solid var(--red);background:#fef2f2;padding:10px;border-radius:5px;color:#991b1b}
.church-identity{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #e5e7eb;margin-top:20px;color:#4b5563}.church-identity img{width:38px;height:44px;object-fit:contain;flex-shrink:0}.church-identity span{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;line-height:1.6}.church-identity strong{display:block;font-size:13px;color:var(--navy);letter-spacing:.5px}
.auth-card .church-identity{justify-content:center;margin-top:22px}.auth-card .church-identity img{width:42px;height:48px}.sidebar-church{margin-top:20px;margin-bottom:22px}.sidebar-church img{width:30px;height:36px}.sidebar-church strong{font-size:12px}
footer .footer-brand{width:105px;height:auto;object-fit:contain}aside>small{color:#6b7280;margin-left:0;margin-bottom:25px}
@media(max-width:700px){.sidebar-church{margin:10px 0 0;padding:10px 0 0;border-top:1px solid #e5e7eb}.sidebar-church img{width:24px;height:28px}.sidebar-church span{font-size:9px}.sidebar-church strong{font-size:11px}nav{margin-top:14px}.auth-card{padding:28px 24px}.auth-card h1{font-size:25px}}
@media print{.church-identity{display:none}}