/* Sismo Panamá / Istmo: custom vector navigation, branded scenes and event records. */
.sp-icon{overflow:visible;flex-shrink:0}.sidebar .nav-item .sp-icon{width:32px;height:32px}.sidebar .nav-item{gap:12px}.panama-stars{font-style:normal;letter-spacing:3px;color:#76baff}.panama-stars::first-letter{color:#ff7d91}.category-deck{gap:18px}
a.sp-tile{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:350px;padding:24px;border:1px solid #426388;border-radius:24px;color:#f1f7ff;background:radial-gradient(ellipse at 85% 35%,#246daa44,transparent 65%),linear-gradient(140deg,#162f50,#0b1b30 80%);box-shadow:0 12px 32px #0002;animation:none}
a.sp-tile::before{content:'';position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(0deg,transparent 0 29px,#92bfff09 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#92bfff09 29px 30px);pointer-events:none}
a.sp-tile::after{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#5daeff 0 38%,#f6faff 38% 62%,#fa6f84 62%);opacity:.85}
a.sp-tile-alertas{background:radial-gradient(ellipse at 90% 30%,#376db955,transparent 68%),linear-gradient(145deg,#182c48,#111d35 85%)}
a.sp-tile-familia{background:radial-gradient(ellipse at 90% 35%,#ac476b44,transparent 65%),linear-gradient(145deg,#302944,#111f37 85%)}
.sp-tile .tile-country{position:absolute;z-index:-1;bottom:74px;left:8%;width:90%;height:auto;color:#77b9f5;opacity:.12;transform:rotate(-7deg);pointer-events:none}.sp-tile .tile-top{font-size:10px;font-weight:600;letter-spacing:.04em;color:#bbd1eb}.sp-tile .tile-top>span:first-child{display:flex;align-items:center;gap:7px}.sp-tile .tile-top>span:last-child{font-size:11px;color:#a7c2df;border:1px solid #6e8caf55;border-radius:20px;padding:4px 9px}.tile-composition{display:flex;align-items:center;position:relative;min-height:205px}.tile-composition>div{position:relative;z-index:1;flex:1}.sp-tile .tile-label{display:inline-block;color:#8bc9ff;font-size:10px;letter-spacing:.09em;margin-top:16px}.sp-tile-familia .tile-label{color:#ffafc1}.sp-tile h3{color:#f2f7ff;font-size:28px;line-height:1.12;font-weight:650;letter-spacing:-.045em;margin:12px 0 10px;padding:0;max-width:240px}.sp-tile .sp-scene{position:absolute;right:-26px;top:16px;width:142px;height:160px;opacity:.7;z-index:0;pointer-events:none}.sp-tile .tile-composition>div{padding-right:44px}.sp-tile p{color:#c3d4e7;font-size:11px;line-height:1.6;opacity:1;margin:0 0 17px;min-height:34px}.sp-tile .tile-cta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #83a0bf40;padding-top:15px;font-size:12px;font-weight:600;color:#eaf5ff}.sp-tile .tile-cta>span{display:grid;place-items:center;width:30px;height:30px;background:#579edf25;border:1px solid #76baff40;border-radius:50%;font-size:18px;transition:transform .25s,background .25s}.sp-tile:hover .tile-cta>span,.sp-tile:focus-visible .tile-cta>span{transform:rotate(45deg);background:#579edf50}.sp-tile .scene-object{transform-origin:110px 90px;transition:transform .35s}.sp-tile:hover .scene-object,.sp-tile:focus-visible .scene-object{transform:translateY(-5px) rotate(-3deg)}
button.quake-record.sp-record{display:flex;flex-direction:column;gap:0;isolation:isolate;position:relative;overflow:hidden;border:1px solid var(--edge);border-top:1px solid var(--edge);border-left:4px solid var(--mag-color);padding:18px 20px 14px;background:linear-gradient(125deg,var(--mag-soft),transparent 60%),var(--surface);border-radius:20px;box-shadow:0 6px 22px #0000000d}
button.sp-record .record-country{position:absolute;z-index:-1;right:-5px;bottom:36px;width:80%;height:auto;color:var(--record-accent);opacity:.07;pointer-events:none;transform:rotate(-5deg)}
button.sp-record .record-brand{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:13px;border-bottom:1px solid var(--edge);color:var(--record-muted);font-size:10px;letter-spacing:.02em}
button.sp-record .record-brand>span:first-child{display:flex;align-items:center;gap:6px;font-weight:650;color:var(--ink)}button.sp-record .record-brand .sp-icon{width:23px;height:23px}button.sp-record .record-source{border:1px solid var(--edge);padding:4px 8px;border-radius:20px;font-size:9px;letter-spacing:.07em}
button.sp-record .record-body{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;align-items:center;width:100%;padding:18px 0}
button.sp-record .mag-badge{align-items:center;justify-content:center;padding:11px 6px;border:1px solid var(--mag-line);border-radius:16px;background:var(--mag-soft);min-height:99px;gap:5px;width:auto;box-shadow:none}
button.sp-record .mag-badge .number{font-size:38px;line-height:1.1;letter-spacing:-1.8px;color:var(--record-accent)}button.sp-record .mag-badge>small{font-size:9px;color:var(--record-muted)}button.sp-record .record-band{font-size:9px}button.sp-record .event-text{gap:7px}button.sp-record .event-category{font-size:9px;color:var(--record-muted);letter-spacing:.035em}button.sp-record .event-text>strong{font-size:16px;line-height:1.45;color:var(--record-accent);font-weight:650}button.sp-record .record-time{font-size:11px;line-height:1.55}button.sp-record .record-time small{font-size:9px}button.sp-record .record-bottom{display:flex;align-items:center;width:100%;justify-content:space-between;padding-top:12px;gap:8px}button.sp-record .record-bottom .event-meta{font-size:10px}button.sp-record .record-open{display:inline-flex;align-items:center;gap:10px;color:var(--record-accent);font-size:11px;font-weight:650}button.sp-record .record-open>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--mag-line);border-radius:50%;background:var(--mag-soft);transition:transform .25s}button.sp-record:hover .record-open>span{transform:translate(2px,-2px)}
.event-list button.quake-record.sp-record{padding:15px 13px}.event-list button.sp-record .record-body{grid-template-columns:65px minmax(0,1fr);gap:12px}.event-list button.sp-record .mag-badge .number{font-size:32px}.event-list button.sp-record .event-text>strong{font-size:14px}.event-list button.sp-record .record-brand{font-size:9px}
#mobile-nav{background:linear-gradient(120deg,#132942,#142135)!important;border-color:#537191;box-shadow:0 9px 30px #0005}#mobile-nav::before{content:'';position:absolute;inset:0 23px auto;height:2px;background:linear-gradient(90deg,#66b4ff 0 40%,#f4f8ff 40% 60%,#ff7188 60%);opacity:.8}#mobile-nav .nav-item{color:#a8bed5}#mobile-nav .nav-item.active{background:#32557766;color:#f4f8ff}#mobile-nav .nav-item .sp-icon{width:30px;height:30px}#mobile-nav .nav-item.active .icon-motion{animation:sp-activate .55s ease both;transform-origin:20px 20px}.nav-item:hover .icon-motion{animation:sp-activate .55s ease both;transform-origin:20px 20px}
[data-theme=light] #mobile-nav{background:linear-gradient(120deg,#f4f8ff,#e7eef8)!important;border-color:#b8cadf;box-shadow:0 9px 30px #13314b26}[data-theme=light] #mobile-nav .nav-item{color:#445d77}[data-theme=light] #mobile-nav .nav-item.active{background:#cddff4;color:#123b64}
@keyframes sp-activate{0%{transform:translateY(0)}40%{transform:translateY(-3px)}70%{transform:translateY(1px)}100%{transform:translateY(0)}}
@media(min-width:1101px){.sp-tile .sp-scene{top:18px;right:-36px;width:132px;opacity:.55}.sp-tile h3{font-size:25px}.sp-tile .tile-composition>div{padding-right:24px}}
@media(max-width:800px){a.sp-tile{min-height:270px;padding:22px;border-radius:23px}.tile-composition{min-height:149px}.sp-tile .tile-composition>div{padding-right:110px}.sp-tile h3{font-size:26px;line-height:1.12;margin:10px 0 14px}.sp-tile .sp-scene{width:133px;height:145px;right:-12px;top:4px;opacity:1}.sp-tile p{font-size:11px;min-height:0;margin-bottom:14px;max-width:250px}.sp-tile .tile-country{width:95%;bottom:40px;opacity:.11}.sp-tile .tile-cta{padding-top:12px}.sp-tile .tile-label{font-size:9px;letter-spacing:.06em}.sp-tile .tile-top{font-size:10px}.sp-tile .tile-cta{font-size:12px}#mobile-nav{height:74px;padding:6px 4px;border-radius:22px}#mobile-nav .nav-item{padding:3px 4px;gap:3px;font-size:9px;min-height:58px;border-radius:15px}#mobile-nav .nav-item .sp-icon{width:32px;height:32px}.event-sheet{bottom:calc(90px + env(safe-area-inset-bottom))}button.quake-record.sp-record{padding:15px 16px 12px}.recent-list button.sp-record{margin:0}button.sp-record .record-body{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px 0}button.sp-record .mag-badge .number{font-size:35px}button.sp-record .event-text>strong{font-size:15px}button.sp-record .record-brand{font-size:9px}button.sp-record .record-bottom{flex-wrap:wrap}button.sp-record .record-bottom .event-meta{font-size:10px}button.sp-record .record-open{font-size:10px;gap:7px}}
@media(max-width:390px){.sp-tile h3{font-size:24px}.sp-tile .tile-composition>div{padding-right:91px}.sp-tile .sp-scene{width:112px;right:-13px}.sp-tile .tile-top{font-size:9px}button.sp-record .record-body{grid-template-columns:65px minmax(0,1fr);gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.sp-tile:hover .scene-object,.sp-tile:focus-visible .scene-object,.sp-tile:hover .tile-cta>span,.sp-tile:focus-visible .tile-cta>span,button.sp-record:hover .record-open>span{transform:none}}