@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 select,.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 select{appearance:none;cursor:pointer}.checkbox-field{color:#2f3b55;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.checkbox-field input{cursor:pointer;width:18px;height:18px}.asistencia-controls{gap:16px}.asistencia-heading{color:#2f3b55;margin:0}.asistencia-text{color:#3e4a60;margin:0;line-height:1.6}.asistencia-lock-message{color:#8a5a00;background:#fff4e5;border-radius:10px;margin:0;padding:14px 16px;font-weight:700;line-height:1.5}.asistencia-summary{color:#2f3b55;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.report-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.report-metric{background:#f6f8fb;border:1px solid #edf0f5;border-radius:10px;padding:16px}.report-metric span{color:#778199;text-transform:uppercase;font-size:13px;font-weight:700;display:block}.report-metric strong{color:#001642;margin-top:8px;font-size:28px;display:block}.report-toggle-btn{color:#fff;cursor:pointer;background-color:#2f3b55;border:none;border-radius:10px;width:auto;min-width:120px;padding:12px 15px;font-size:16px;font-weight:600;transition:all .3s}.report-toggle-btn:hover{background-color:#1f2a40}.report-detail-cell{background:#f6f8fb}.report-detail-list{gap:10px;display:grid}.report-detail-item{color:#3e4a60;background:#fff;border-radius:10px;grid-template-columns:110px minmax(140px,1fr) 90px minmax(180px,2fr);align-items:start;gap:12px;padding:12px;display:grid}.report-detail-item strong{color:#001642}.report-detail-item p{margin:0;line-height:1.5}.attendance-check{color:#2f3b55;align-items:center;gap:10px;font-weight:700;display:inline-flex}.attendance-check input{cursor:pointer;width:18px;height:18px}.attendance-observation{resize:vertical;border:1px solid #ccc;border-radius:10px;width:100%;min-height:70px;padding:12px;font-family:inherit;font-size:15px}.attendance-observation:disabled,.attendance-check input:disabled{cursor:not-allowed}.attendance-observation:disabled{color:#778199;background:#f6f8fb}.multi-select{width:100%;position:relative}.multi-select-required{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.predica-form .multi-select-trigger{color:#3e4a60;text-align:left;background:#fff;border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:15px;font-size:16px;font-weight:400;display:flex}.predica-form .multi-select-trigger:hover{background:#fff;border-color:#2f3b55}.multi-select-trigger span{overflow-wrap:anywhere}.multi-select-menu{z-index:10;background:#fff;border:1px solid #d8deea;border-radius:10px;max-height:220px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #0000001f}.multi-select-option{color:#2f3b55;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.multi-select-option:hover{background:#eef2f7}.multi-select-option input{width:16px;height:16px}.multi-select-empty{color:#778199;padding:10px;font-weight:600}.password-input-wrap{width:100%;position:relative}.password-input-wrap input{padding-right:54px}.predica-form .password-toggle-btn{color:#2f3b55;background:0 0;border-radius:8px;place-items:center;width:42px;height:42px;padding:0;font-size:18px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.predica-form .password-toggle-btn:hover{background:#eef2f7}.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}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.predica-form .secondary-btn{color:#2f3b55;background:#e9edf4}.predica-form .secondary-btn:hover{background:#d8deea}.roles-table-wrap{background:#fff;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 4px 12px #00000014}.roles-table{border-collapse:collapse;width:100%;min-width:680px}.roles-table th,.roles-table td{text-align:left;color:#3e4a60;vertical-align:top;border-bottom:1px solid #edf0f5;padding:18px 20px}.roles-table th{color:#2f3b55;text-transform:uppercase;background:#f6f8fb;font-size:14px;font-weight:800}.roles-table td:first-child{color:#001642;font-weight:700}.roles-table tr:last-child td{border-bottom:none}.table-actions{justify-content:flex-start;gap:10px;display:flex}.empty-state{text-align:center;color:#778199;font-weight:600}.discipulados-map-section{margin-top:40px}.discipulados-map-section h2{color:#2f3b55;margin-bottom:16px;font-size:28px}.discipulados-map{background:#eef2f7;border-radius:16px;width:100%;height:420px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.discipulados-map-tile{-webkit-user-select:none;user-select:none;width:256px;height:256px;position:absolute}.discipulados-map-marker{z-index:2;color:#fff;background:#2f3b55;border-radius:999px;align-items:center;gap:6px;max-width:210px;padding:7px 10px;font-size:13px;font-weight:700;text-decoration:none;display:flex;position:absolute;transform:translate(-18px,-100%);box-shadow:0 6px 16px #00000038}.discipulados-map-marker svg{color:#ffcf5a;flex:none;font-size:18px}.discipulados-map-marker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.discipulados-map-marker:hover{background:#1f2a40}.discipulados-map-attribution{z-index:3;color:#2f3b55;background:#ffffffe6;border-radius:6px;padding:4px 7px;font-size:12px;font-weight:700;text-decoration:none;position:absolute;bottom:8px;right:10px}.discipulados-map-empty{color:#778199;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.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{border-radius:12px;padding:20px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.upload-grid{grid-template-columns:1fr}.discipulados-map-section h2{font-size:24px}.discipulados-map{border-radius:12px}.discipulados-map-marker{max-width:160px;font-size:12px}.report-summary{grid-template-columns:1fr}.report-detail-row{box-shadow:none}.report-detail-cell{display:block}.report-detail-cell:before{margin-bottom:10px;display:block}.report-detail-item{grid-template-columns:1fr;gap:6px}.roles-table-wrap{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.roles-table{min-width:0}.roles-table,.roles-table thead,.roles-table tbody,.roles-table tr,.roles-table th,.roles-table td{display:block}.roles-table thead{display:none}.roles-table tbody{gap:16px;display:grid}.roles-table tr{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.roles-table td{overflow-wrap:anywhere;border-bottom:1px solid #edf0f5;grid-template-columns:minmax(110px,38%) 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.roles-table td:before{content:attr(data-label);color:#2f3b55;text-transform:uppercase;font-size:12px;font-weight:800}.roles-table td:first-child{color:#3e4a60}.roles-table td:last-child{border-bottom:none}.roles-table .empty-state{text-align:center;display:block}.roles-table .empty-state:before{content:""}.table-actions{justify-content:flex-end}.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}}@media (width<=480px){.roles-table td{grid-template-columns:1fr;gap:6px}.table-actions{justify-content:flex-start}}.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}}