@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;800&display=swap";:root{--primary:#001642;--primary-light:#1f2a40;--background:#f1f1f1;--text:#2f3b55;--text-light:#3e4a60;--border:#dcdcdc;--white:#fff;--radius:12px;--shadow:0 4px 12px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);background-image:url(/noise.png);background-repeat:repeat;font-family:Montserrat,sans-serif}button,input,textarea{font-family:inherit}*{box-sizing:border-box}html,body,#root{width:100%;overflow-x:hidden}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-form{background:#fff;border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:500px;padding:50px;display:flex;box-shadow:0 4px 12px #00000014}.login-form h1{color:#2f3b55;letter-spacing:2px;text-align:center;font-size:clamp(30px,6vw,50px);font-weight:800;line-height:1.2}.login-form p{text-align:center;color:#3e4a60;font-size:16px;line-height:1.8}.login-form input{background:#fff;border:1px solid #ccc;border-radius:10px;outline:none;padding:15px;font-family:inherit;font-size:16px}.login-form textarea{resize:vertical;min-height:150px}.login-form button{color:#fff;cursor:pointer;background-color:#2f3b55;border:none;border-radius:10px;padding:15px;font-size:18px;font-weight:600;transition:all .3s}.login-form button:hover{background-color:#1f2a40}.peticiones-page h1{color:#2f3b55;margin-bottom:30px;font-size:40px}.peticiones-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.peticion-card{background:#fff;border-left:6px solid #d9534f;border-radius:16px;padding:25px;transition:all .3s;box-shadow:0 4px 12px #00000014}.peticion-card.asignada{opacity:.8;border-left:6px solid #5cb85c}.peticion-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.peticion-header h2{color:#001642;font-size:22px}.numero{color:#3e4a60;margin-bottom:15px;font-size:14px}.texto{color:#2f3b55;line-height:1.8}.switch{width:50px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{cursor:pointer;background:#ccc;border-radius:999px;transition:all .3s;position:absolute;inset:0}.switch span:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:#5cb85c}.switch input:checked+span:before{transform:translate(22px)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.stats{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.stat-card{text-align:center;background:#fff;border-radius:16px;min-width:120px;padding:20px;box-shadow:0 4px 12px #00000014}.stat-card span{color:#001642;font-size:32px;font-weight:800;display:block}.stat-card p{color:#666;margin-top:8px}.switches{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.switch-group{flex-direction:column;align-items:center;gap:5px;display:flex}.switch-group small{color:#666;font-size:12px}@media (width<=768px){.topbar{flex-direction:column;align-items:stretch}.stats{justify-content:space-between;width:100%}.stat-card{flex:1}}.predicas-page{width:100%}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;margin-bottom:40px;display:flex}.topbar h1{color:#2f3b55;letter-spacing:2px;font-size:clamp(30px,6vw,50px);font-weight:800;line-height:1.2}.topbar input{background:#fff;border:1px solid #ccc;border-radius:10px;outline:none;width:100%;max-width:350px;padding:15px;font-size:16px}.predica-form{background:#fff;border-radius:16px;flex-direction:column;gap:20px;width:100%;margin-bottom:40px;padding:40px;display:flex;box-shadow:0 4px 12px #00000014}.predica-form input,.predica-form textarea{background:#fff;border:1px solid #ccc;border-radius:10px;outline:none;width:100%;padding:15px;font-family:inherit;font-size:16px}.predica-form textarea{resize:vertical;min-height:160px}.upload-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.upload-box{text-align:center;cursor:pointer;color:#3e4a60;background:#fafafa;border:2px dashed #ccc;border-radius:16px;padding:30px;transition:all .3s}.upload-box:hover{border-color:#2f3b55}.upload-box input{margin-top:15px}.predica-form button{color:#fff;cursor:pointer;background-color:#2f3b55;border:none;border-radius:10px;padding:15px;font-size:18px;font-weight:600;transition:all .3s}.predica-form button:hover{background-color:#1f2a40}.predicas-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;display:grid}.predica-card{background:#fff;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #00000014}.predica-card:hover{transform:translateY(-4px)}.carousel{position:relative}.carousel img{object-fit:cover;width:100%;height:240px;display:block}.carousel-btn{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.predica-content{padding:20px}.predica-content h2{color:#001642;margin-bottom:10px;font-size:24px}.predicador{color:#666;margin-bottom:15px;font-weight:500}.descripcion{color:#3e4a60;line-height:1.8}.card-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.edit-btn{color:#fff;background:#001642}.delete-btn{color:#fff;background:#d9534f}.edit-btn:hover,.delete-btn:hover{transform:scale(1.05)}.modal-overlay{z-index:999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow:hidden auto}.modal-content img{object-fit:cover;width:100%;max-height:400px}.modal-content h2,.modal-content p,.modal-content a{padding-inline:25px}.modal-content h2{margin-top:25px}.modal-content p{color:#3e4a60;line-height:1.8}.modal-content a{color:#001642;margin:25px;font-weight:700;display:inline-block}@media (width<=768px){.predicas-label{display:none}.topbar{flex-direction:column;align-items:stretch}.topbar input{min-width:unset;width:100%}.predica-form{padding:20px}.upload-grid,.predicas-grid{grid-template-columns:1fr}.carousel img{height:220px}.predica-content h2{font-size:22px}.modal-content{border-radius:16px}.modal-content img{max-height:260px}.topbar{width:100%}.topbar h1{text-align:center}.topbar input{max-width:100%;margin-top:auto;margin-bottom:auto}}.fecha{color:#999;margin-bottom:15px;font-size:14px}.admin-layout{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:1000;background:#001642;width:260px;padding:20px;transition:all .3s;position:relative}.sidebar.collapsed{width:90px}.sidebar-top{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.sidebar h2{white-space:nowrap;font-size:28px}.collapse-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px}.sidebar nav{flex-direction:column;gap:20px;display:flex}.sidebar a{color:#fff;border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:16px;text-decoration:none;transition:all .2s;display:flex}.sidebar a:hover{background:#ffffff1a}.main-area{flex-direction:column;flex:1;display:flex}.topbar{background:#fff;align-items:center;gap:20px;height:70px;padding:0 20px;display:flex;box-shadow:0 2px 10px #0000000d}.topbar h1{color:#2f3b55;font-size:24px}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;font-size:26px;display:none}.admin-content{padding:40px}.overlay{opacity:0;visibility:hidden;z-index:900;background:#0006;transition:all .3s;position:fixed;inset:0}.overlay.show{opacity:1;visibility:visible}.logo-container{justify-content:center;align-items:center;width:100%;display:flex}.sidebar-logo{width:auto;height:70px;transition:all .3s}.sidebar.collapsed .sidebar-logo{height:45px}.logout-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;width:100%;margin-top:40px;padding:14px;font-size:15px;transition:all .2s}.logout-btn:hover{background:#fff3}@media (width<=768px){.sidebar{position:fixed;top:0;bottom:0;left:-260px}.sidebar.open{left:0}.mobile-menu-btn{display:block}.admin-content{padding:20px}}