:root{--navy:#071a35;--navy2:#102e57;--teal:#12b8bc;--orange:#ff9b3f;--red:#e83355;--ink:#132238;--muted:#66758b;--surface:#fff;--bg:#f4f7fb;--line:#dfe7f0;--shadow:0 18px 50px rgba(7,26,53,.11)}
.text-button{border:0;background:transparent;color:#087d82;cursor:pointer;font-size:13px;font-weight:800;margin-top:14px;padding:0;text-decoration:underline}.text-button-primary{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(8,125,130,.25);border-radius:999px;background:#e8f8f5;padding:10px 14px;text-decoration:none}.reset-panel{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.reset-panel .button-primary{margin-top:14px}.reset-panel p{font-size:13px}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#edf5fb 0,#f8fafc 48%,#fff 100%);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.site-shell{max-width:1120px;margin:auto;padding:0 22px 56px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0 24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:48px;height:48px;border-radius:15px;box-shadow:0 8px 22px rgba(10,70,120,.22)}.brand strong{display:block;font-size:19px;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:12px}.topbar-actions{display:flex;gap:10px;align-items:center}.button{border:0;border-radius:13px;padding:11px 17px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--navy);color:white;box-shadow:0 8px 20px rgba(7,26,53,.17)}.button-ghost{background:#e9f0f7;color:var(--navy)}.button-danger{background:var(--red);color:#fff;box-shadow:0 10px 22px rgba(232,51,85,.24)}.button-warning{background:#ff7b36;color:#fff;box-shadow:0 10px 22px rgba(255,123,54,.24)}.button-blue{background:#189fd0;color:#fff}.button-silent{background:#4f6073;color:#fff}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.eyebrow{color:#d46e1c;font-weight:850;letter-spacing:.11em;text-transform:uppercase;font-size:12px}.hero{display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:stretch;padding:26px 0 30px}.hero-copy{background:rgba(255,255,255,.74);border:1px solid rgba(206,219,232,.9);border-radius:28px;padding:31px;box-shadow:var(--shadow)}h1{font-size:clamp(30px,4vw,51px);line-height:1.05;letter-spacing:-.045em;margin:9px 0 15px;color:var(--navy)}h1 em{display:block;color:var(--teal);font-style:normal}.hero-copy p{color:var(--muted);max-width:630px;font-size:16px}.hero-note{display:flex;gap:9px;align-items:center;margin-top:22px;color:var(--navy)!important;font-weight:700;font-size:13px!important}.hero-note span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d8f4f3;color:#087d82}.hero-art{border-radius:28px;min-height:290px;background:linear-gradient(135deg,#071a35,#0b5a7f 58%,#10c8c0);position:relative;overflow:hidden;box-shadow:var(--shadow);display:flex;align-items:flex-end;padding:25px;color:#fff}.hero-art:before{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.18);border-radius:50%;top:-100px;right:-40px;box-shadow:0 0 0 35px rgba(255,255,255,.06),0 0 0 70px rgba(255,255,255,.04)}.hero-art img{position:absolute;width:145px;height:145px;right:25px;top:30px;border-radius:36px;opacity:.96}.hero-art-copy{position:relative;max-width:250px}.hero-art-copy strong{display:block;font-size:24px;line-height:1.05}.hero-art-copy p{color:rgba(255,255,255,.82);font-size:13px;margin:9px 0 0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:24px;margin-top:20px}.panel h2{margin:0;color:var(--navy);font-size:22px;letter-spacing:-.025em}.panel-sub{color:var(--muted);margin:4px 0 19px}.auth-panel{max-width:700px;margin:35px auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:750;font-size:13px;color:var(--navy)}.field input,.field select{width:100%;padding:12px 13px;border:1px solid #cbd7e5;border-radius:12px;background:#fbfdff;color:var(--ink);outline:0}.field input:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(18,184,188,.13)}.field.full{grid-column:1/-1}.error{background:#fff0f2;color:#af1e3c;border:1px solid #f7c6d0;padding:10px 12px;border-radius:11px;margin:12px 0}.status{background:#edf7f8;color:#086f72;padding:10px 12px;border-radius:11px;margin:12px 0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.user-chip{display:flex;align-items:center;gap:10px;background:#edf5fb;border-radius:14px;padding:9px 12px}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}.user-chip small{display:block;color:var(--muted)}.emergency-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.emergency-button{min-height:148px;border:0;border-radius:22px;color:#fff;padding:21px;text-align:left;box-shadow:0 10px 22px rgba(8,25,49,.12);display:flex;flex-direction:column;justify-content:space-between}.emergency-button .emoji{font-size:34px;line-height:1}.emergency-button strong{font-size:21px;line-height:1.05}.emergency-button small{font-weight:600;opacity:.86}.emergency-button:active{transform:scale(.985)}.panic{background:linear-gradient(135deg,#e61e46,#c90e36)}.medical{background:linear-gradient(135deg,#0b98ce,#0873b5)}.suspicious{background:linear-gradient(135deg,#ff7b2c,#e9511b)}.silent{background:linear-gradient(135deg,#637486,#3d4b5d)}.share{background:linear-gradient(135deg,#10a9a0,#087d82);min-height:100px}.location-action{margin-top:14px}.radio-panel{background:linear-gradient(135deg,#f5fbff,#e8f6f5);border-color:#cfe5e7}.radio-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.radio-state{background:#d9f4ee;color:#15776e;border-radius:999px;padding:5px 10px;font-weight:800;font-size:12px;white-space:nowrap}.radio-talk{width:100%;min-height:62px;margin:16px 0 5px;background:var(--navy2);color:#fff;font-size:16px}.radio-talk.talking{background:var(--red);box-shadow:0 0 0 7px rgba(232,51,85,.12)}.radio-note,.muted{color:var(--muted);font-size:13px}.feed{display:grid;gap:10px;margin-top:12px}.feed-item{border:1px solid var(--line);border-left:4px solid var(--orange);padding:12px;border-radius:12px;background:#fff}.feed-item strong{display:block;color:var(--navy)}.feed-item small{color:var(--muted)}.feed-item a{display:inline-block;margin-top:5px;color:#087d82;font-weight:750;font-size:13px}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.metric{background:#f2f7fb;border:1px solid var(--line);padding:15px;border-radius:15px}.metric strong{font-size:25px;color:var(--navy);display:block}.metric small{color:var(--muted)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th,.data-table td{padding:11px 9px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}.data-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#e7f6f4;color:#087d82;font-weight:750;font-size:11px}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.mini-button{border:1px solid #cbd7e5;background:#fff;color:var(--navy);border-radius:9px;padding:7px 9px;font-size:12px;font-weight:750}.mini-button.danger{color:#b51d3d;border-color:#f0bac8}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.alert-card{border-left:5px solid var(--red)}.alert-card.silent-alert{border-left-color:#64748b}.alert-card strong{color:var(--navy)}.footer{color:var(--muted);text-align:center;padding:26px 0;font-size:13px}.back-link{color:var(--navy);font-weight:750;text-decoration:none}.radio-history{display:grid;gap:8px;max-height:190px;overflow:auto;margin-top:12px}.radio-message{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:13px}.radio-message button{border:0;background:none;color:#087d82;font-weight:750}.check{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-top:12px}.check input{accent-color:var(--teal)}@media(max-width:800px){.hero,.two-col{grid-template-columns:1fr}.hero-art{min-height:220px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.topbar{align-items:flex-start}.emergency-grid{grid-template-columns:1fr 1fr}.emergency-button{min-height:135px;padding:15px}.emergency-button strong{font-size:17px}.panel{padding:18px}.admin-summary{grid-template-columns:1fr 1fr}}@media(max-width:480px){.site-shell{padding:0 14px 35px}.topbar-actions .button-ghost{display:none}.emergency-button{min-height:126px}.emergency-button .emoji{font-size:28px}.admin-summary{grid-template-columns:1fr}.user-chip{max-width:190px}.user-chip div:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Radio vecinal: controles compactos y accesibles en el teléfono. */
.news-panel{padding:0;overflow:hidden}.news-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:20px 24px}.news-summary::-webkit-details-marker{display:none}.news-summary::after{content:'⌄';color:#087d82;font-size:22px;transition:transform .18s}.news-panel[open] .news-summary::after{transform:rotate(180deg)}.news-summary h2{margin:0;color:var(--navy);font-size:22px}.news-summary small{display:block;color:var(--muted);margin-top:3px}.news-inner-heading{border-top:1px solid var(--line);padding:15px 24px 0}.news-list{display:grid;gap:11px;padding:15px 24px 24px}.news-card{border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:13px;background:#fff;padding:13px}.news-card strong{display:block;color:var(--navy);font-size:16px}.news-card p{margin:8px 0;color:var(--ink);white-space:normal}.news-card small{display:block;color:var(--muted);font-size:12px}.news-image{display:block;width:min(100%,520px);max-height:260px;object-fit:cover;border-radius:11px;margin-top:10px;border:1px solid var(--line)}.news-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.news-admin-panel .news-list-heading{margin-top:24px}.news-admin-panel textarea{resize:vertical;width:100%;padding:12px 13px;border:1px solid #cbd7e5;border-radius:12px;background:#fbfdff;color:var(--ink);outline:0}.news-admin-panel textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(18,184,188,.13)}@media(max-width:480px){.news-summary{padding:17px 18px}.news-inner-heading,.news-list{padding-left:18px;padding-right:18px}.news-card-head{align-items:flex-start}.news-card-head .mini-button{flex-shrink:0}}
.feed-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.house-thumb{width:42px;height:42px;object-fit:cover;border-radius:9px;display:block;margin-top:5px;border:1px solid var(--line)}.alert-house-photo{display:block;width:min(100%,260px);max-height:190px;object-fit:cover;border-radius:12px;margin-top:8px;border:1px solid var(--line)}.escalation-alert{border-left-color:#e06b16;background:linear-gradient(135deg,#fff8ed,#fff)}.escalation-alert strong{color:#a4470e}.feed-item small+small{display:block}
.radio-talk{width:142px;height:142px;min-height:142px;margin:18px auto 8px;border:0;border-radius:50%;background:linear-gradient(145deg,#0d315d,#071a35);color:#fff;font-size:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 12px 24px rgba(7,26,53,.24),inset 0 0 0 5px rgba(255,255,255,.1);touch-action:none;user-select:none}.radio-talk span{font-weight:850;line-height:1.1}.radio-talk small{font-size:12px;opacity:.82}.radio-talk.talking{background:linear-gradient(145deg,#ee3556,#af1533);box-shadow:0 0 0 8px rgba(232,51,85,.13),0 12px 24px rgba(175,21,51,.25)}.radio-talk:disabled{opacity:.48;box-shadow:none}.radio-history-menu{margin-top:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.75);overflow:hidden}.radio-history-menu summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;color:var(--navy);font-weight:800;cursor:pointer;list-style:none}.radio-history-menu summary::-webkit-details-marker{display:none}.radio-history-menu summary::after{content:'⌄';color:#087d82;font-size:18px;line-height:1;transition:transform .18s}.radio-history-menu[open] summary::after{transform:rotate(180deg)}.radio-history-count{min-width:24px;height:24px;padding:0 7px;display:inline-grid;place-items:center;border-radius:999px;background:#e7f6f4;color:#087d82;font-size:12px}.radio-history{display:grid;gap:8px;max-height:190px;overflow:auto;padding:0 12px 12px}