:root{--assipi-blue: #005888;--assipi-blue-dark: #07364d;--assipi-blue-soft: #dff3fb;--assipi-orange: #f08020;--assipi-orange-dark: #9e4d12;--leaf: #2d7d59;--violet: #7556a4;--rose: #b85668;--paper: #fffdf8;--paper-strong: #ffffff;--paper-soft: #f7f4ed;--paper-tint: #f3f8f7;--ink: #0e2939;--ink-soft: #31495b;--muted: #536b7b;--border: #d8e1df;--border-strong: #b8c8c6;--danger: #9f1d1d;--shadow-soft: 0 10px 30px rgb(14 41 57 / .08);--shadow-lift: 0 18px 46px rgb(14 41 57 / .14);--shadow-glass: 0 24px 70px rgb(14 41 57 / .16);--radius: 8px;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasis: cubic-bezier(.2, 0, 0, 1);--motion-fast: .14s;--motion-base: .22s;--motion-slow: .52s;color:var(--ink);background:var(--paper-soft);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--paper-soft)}body{position:relative;margin:0;min-width:320px;min-height:100vh;background:linear-gradient(108deg,#f7f4edfa,#f7f4edf0 44%,#f4f9f8d1),url(/brand/source-assipi/evento-jornada-parapsiquismo-jul-2026.jpeg) top right / min(1180px,92vw) auto no-repeat fixed,var(--paper-soft)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffdf8db,#fffdf8ad 48%,#0058881f),repeating-linear-gradient(135deg,rgb(0 88 136 / .035) 0 1px,transparent 1px 22px)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}img{max-width:100%}.app-shell{display:grid;min-height:100vh;grid-template-columns:292px minmax(0,1fr)}.side-nav{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:22px;border-right:1px solid rgb(184 200 198 / .72);background:linear-gradient(180deg,#fffdf8eb,#ffffffc2);padding:22px 16px;box-shadow:12px 0 36px #0e29390f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.side-nav__footer{margin-top:auto;display:grid;gap:12px}.brand img{display:block;max-width:170px;height:auto;filter:drop-shadow(0 8px 16px rgb(0 88 136 / .12))}.brand--large img{max-width:224px}.main-panel{min-width:0;padding:24px clamp(18px,3vw,38px) 96px;view-transition-name:portal-main}.nav-groups{display:grid;gap:20px}.nav-group{display:grid;gap:7px}.nav-group>span{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.nav-button,.icon-text,.icon-button,.text-button,.primary-button,.secondary-button,.role-preview,.today-card,.admin-action{border:0;border-radius:var(--radius)}.nav-button,.icon-text{position:relative;display:flex;align-items:center;gap:10px;background:transparent;color:var(--muted);padding:10px 11px;text-align:left;transition:background var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}.nav-button:before{content:"";width:4px;align-self:stretch;border-radius:999px;background:transparent;transition:background var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}.nav-button:hover{color:var(--assipi-blue-dark);transform:translate(2px)}.nav-button.is-active{background:linear-gradient(90deg,#0058881f,#2d7d5914);color:var(--assipi-blue-dark);font-weight:850}.nav-button.is-active:before{background:var(--assipi-orange)}.nav-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 24px;max-width:1320px}.top-bar div:first-child{display:grid;gap:2px}.top-bar span,.muted,.small,small{color:var(--muted)}.top-bar strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:10px}.icon-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--border);background:#ffffffd1;color:var(--assipi-blue);box-shadow:0 1px 1px #0e29390a;transition:border-color var(--motion-base),transform var(--motion-base),box-shadow var(--motion-base)}.icon-button:hover{border-color:#00588847;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.demo-pill,.role-badge,.badge{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;border:1px solid rgb(240 128 32 / .28);background:linear-gradient(90deg,#f0802024,#ffffffb8);color:var(--assipi-orange-dark);font-size:12px;font-weight:850;padding:5px 9px}.demo-pill:before{content:"";width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--leaf)}.content-stack,.view-frame{display:grid;gap:22px;max-width:1320px;margin:0 auto}.view-heading{position:relative;display:grid;gap:8px;padding:4px 0 2px}.view-heading:after{content:"";width:74px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--assipi-orange),var(--leaf),var(--assipi-blue))}.view-heading h1,.login-panel h1,.live-band h1{margin:0;letter-spacing:0;line-height:1.08}.view-heading h1{font-size:2.45rem}.login-panel h1{font-size:3.15rem}.live-band h1{max-width:620px;font-size:2.7rem}.view-heading p,.live-band p,.login-panel p{margin:0;max-width:760px;line-height:1.55;color:var(--ink-soft)}.eyebrow{margin:0 0 10px;color:var(--assipi-orange-dark);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.live-band{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);gap:24px;align-items:stretch;border-radius:var(--radius);border:1px solid rgb(255 255 255 / .72);background:linear-gradient(100deg,#fffdf8fc,#fffdf8f5 58%,#0b364d47),url(/brand/source-assipi/evento-jornada-parapsiquismo-jul-2026.jpeg) center right / cover no-repeat;padding:42px;box-shadow:var(--shadow-glass);isolation:isolate}.live-band:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 0%,rgb(0 88 136 / .07) 100%)}.today-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.today-card{position:relative;overflow:hidden;display:grid;align-content:start;gap:9px;min-height:176px;border:1px solid rgb(255 255 255 / .78);background:#ffffffdb;color:var(--ink);padding:16px;text-align:left;box-shadow:0 10px 24px #0e293914;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--motion-base) var(--ease-standard),box-shadow var(--motion-base),border-color var(--motion-base)}.today-card:after{content:"";position:absolute;inset:auto 14px 12px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--assipi-orange),var(--leaf),var(--assipi-blue));transform:scaleX(.32);transform-origin:left;transition:transform var(--motion-base) var(--ease-emphasis)}.today-card:hover{border-color:#f0802080;box-shadow:var(--shadow-lift);transform:translateY(-3px)}.today-card:hover:after{transform:scaleX(1)}.today-card svg{color:var(--assipi-blue)}.today-card span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.today-card strong{font-size:17px;line-height:1.25}.today-card small{line-height:1.4}.impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.impact-card,.panel,.activity-card,.area-node,.notice-card,.opportunity-card,.document-card,.memory-card,.recognition-card,.table-card,.login-panel,.login-aside,.admin-action,.permission-state{border:1px solid rgb(216 225 223 / .92);border-radius:var(--radius);background:#ffffffe0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.impact-card{position:relative;overflow:hidden;display:grid;min-height:132px;align-content:space-between;padding:16px;transition:transform var(--motion-base),box-shadow var(--motion-base),border-color var(--motion-base)}.impact-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--assipi-blue),var(--leaf),var(--assipi-orange))}.impact-card:hover{border-color:#0058884d;box-shadow:var(--shadow-lift);transform:translateY(-2px)}.impact-card svg{color:var(--assipi-orange)}.impact-card strong{font-size:2.35rem;letter-spacing:0}.impact-card span{color:var(--muted);font-weight:750}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.main-column,.support-column,.activity-list,.notice-list,.volunteer-list,.panel-content{display:grid;gap:14px}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr) minmax(260px,.8fr);gap:16px;align-items:start}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-header>div{display:flex;align-items:center;gap:10px}.section-header svg{color:var(--assipi-blue)}.section-header h2{margin:0;font-size:18px}.text-button{background:transparent;color:var(--assipi-blue);font-weight:850;padding:8px 0}.text-button:hover{color:var(--assipi-orange-dark)}.constellation{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.area-node{position:relative;display:grid;gap:10px;min-height:126px;padding:16px;text-align:left;transition:transform var(--motion-base),box-shadow var(--motion-base),border-color var(--motion-base)}.area-node span:first-child{width:54px;height:5px;border-radius:999px;background:var(--area-color);box-shadow:0 0 0 4px #ffffffb3}.area-node:hover{border-color:#00588847;box-shadow:var(--shadow-lift);transform:translateY(-2px)}.area-node.is-selected{outline:2px solid var(--assipi-orange);outline-offset:2px}.area-node strong{font-size:17px}.activity-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;transition:transform var(--motion-base),box-shadow var(--motion-base),border-color var(--motion-base)}.activity-card:hover{border-color:#2d7d5947;box-shadow:var(--shadow-lift);transform:translateY(-2px)}.activity-card--compact{grid-template-columns:58px minmax(0,1fr)}.activity-card p,.notice-card p,.panel p,.recognition p,.opportunity-card p,.recognition-card p,.document-card p,.memory-card p{color:var(--muted);line-height:1.5}.date-box{display:grid;place-items:center;min-height:66px;border-radius:8px;background:linear-gradient(160deg,#f0802029,#ffffffb8);color:var(--assipi-orange-dark)}.date-box strong{font-size:24px}.card-title-row,.notice-card>div,.opportunity-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-card__arrow{color:var(--muted)}.panel{padding:16px}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mini-metric{border:1px solid rgb(216 225 223 / .72);border-radius:var(--radius);background:linear-gradient(180deg,#f7f4eddb,#fffc);padding:12px}.mini-metric strong{display:block;font-size:24px}.mini-metric span{color:var(--muted);font-size:12px;font-weight:750}.birthday-item,.volunteer-row,.memory-mini,.audit-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.birthday-item,.memory-mini,.audit-row{grid-template-columns:auto minmax(0,1fr)}.birthday-item>div:last-child,.audit-row{gap:2px}.birthday-item span,.memory-mini span,.audit-row span{display:block}.avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#0058881f,#2d7d5929);color:var(--assipi-blue-dark);font-weight:900;object-fit:cover}.avatar--photo{display:block}.notice-banner{border:1px solid rgb(45 125 89 / .28);border-radius:var(--radius);background:#2d7d5917;color:#1d5b40;padding:12px 14px}.notice-banner--warning{border-color:#b85d1740;background:#f080201a;color:#8e430f}.empty-state,.permission-state{border:1px dashed var(--border-strong);color:var(--muted);padding:14px}.permission-state{display:grid;gap:10px;justify-items:start}.filter-bar,.toolbar,.button-row,.trait-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-bar button,.secondary-button{border:1px solid var(--border);background:#ffffffd6;color:var(--ink);border-radius:var(--radius);padding:10px 12px;transition:background var(--motion-base),border-color var(--motion-base),color var(--motion-base),transform var(--motion-base)}.filter-bar button:hover,.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.filter-bar button.is-active,.secondary-button:hover:not(:disabled){border-color:var(--assipi-blue);background:#00588814;color:var(--assipi-blue-dark)}.secondary-button:disabled{cursor:progress;opacity:.72}.inline-status{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper-tint);color:var(--muted);padding:9px 10px;font-size:.9rem}.primary-button{min-height:42px;background:linear-gradient(135deg,var(--assipi-blue),#087aa8);color:#fff;font-weight:850;padding:10px 14px;box-shadow:0 10px 22px #00588833;transition:transform var(--motion-base),box-shadow var(--motion-base)}.primary-button:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-1px)}.trait-row span{border-radius:999px;background:var(--paper-tint);color:var(--muted);font-size:12px;font-weight:800;padding:5px 9px}.opportunity-card,.recognition-card{display:grid;gap:12px;padding:16px;transition:transform var(--motion-base),box-shadow var(--motion-base),border-color var(--motion-base)}.opportunity-card:hover,.recognition-card:hover,.document-card:hover,.memory-card:hover,.admin-action:hover:not(:disabled){border-color:#00588842;box-shadow:var(--shadow-lift);transform:translateY(-2px)}.opportunity-card h3,.recognition-card h3{margin:0;font-size:20px}.document-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px;transition:transform var(--motion-base),box-shadow var(--motion-base),border-color var(--motion-base)}.document-card svg{color:var(--assipi-blue)}.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.memory-card{overflow:hidden;transition:transform var(--motion-base),box-shadow var(--motion-base),border-color var(--motion-base)}.memory-card img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--paper-tint);transition:transform var(--motion-slow) var(--ease-standard)}.memory-card:hover img{transform:scale(1.035)}.memory-card>div{display:grid;gap:8px;padding:14px}.memory-mini img{width:64px;height:48px;border-radius:8px;object-fit:cover;background:var(--paper-tint)}.recognition-card{border-left:4px solid var(--assipi-orange)}.bar-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:160px minmax(0,1fr) 52px;gap:10px;align-items:center}.bar-row div{height:12px;overflow:hidden;border-radius:999px;background:#d8e1dfc7}.bar-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--assipi-blue),var(--leaf),var(--assipi-orange));transform-origin:left}.table-card{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{border-bottom:1px solid var(--border);padding:12px;text-align:left}th{color:var(--muted);font-size:12px;text-transform:uppercase}.search-box{display:flex;min-width:min(100%,300px);align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffffd6;padding:0 10px}.search-box input{width:100%;min-height:42px;border:0;outline:0;background:transparent}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.admin-action{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px;text-align:left;transition:transform var(--motion-base),box-shadow var(--motion-base),border-color var(--motion-base)}.admin-action span{grid-column:2;color:var(--muted);font-size:13px}.admin-action svg:first-child{color:var(--assipi-blue)}.privacy-list{display:grid;gap:10px}.privacy-list div{display:flex;gap:10px;align-items:center;color:var(--muted)}.login-page{position:relative;display:grid;min-height:100vh;grid-template-columns:minmax(340px,520px) minmax(0,1fr);gap:28px;align-items:center;padding:clamp(22px,5vw,56px);background:linear-gradient(100deg,#f7f4edfa,#f7f4ede0 48%,#0e29391f),url(/brand/source-assipi/evento-jornada-parapsiquismo-jul-2026.jpeg) center right / cover no-repeat}.login-panel,.login-aside{display:grid;gap:22px;padding:38px}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:7px;font-weight:750}.login-form input{min-height:46px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffffdb;padding:10px 12px;transition:border-color var(--motion-base),box-shadow var(--motion-base)}.login-form input:focus{border-color:var(--assipi-blue);box-shadow:0 0 0 4px #0058881f;outline:0}.form-error{border-radius:var(--radius);background:#fff2f2;color:var(--danger);padding:10px 12px}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.role-preview{display:grid;gap:6px;justify-items:start;background:#f7f4edd6;color:var(--ink);padding:14px;transition:transform var(--motion-base),background var(--motion-base),box-shadow var(--motion-base)}.role-preview:hover{background:#fff;box-shadow:var(--shadow-soft);transform:translateY(-2px)}.mobile-nav{position:fixed;right:16px;bottom:14px;left:16px;z-index:30;display:none;grid-template-columns:repeat(5,1fr);gap:6px;border:1px solid rgb(216 225 223 / .9);border-radius:16px;background:#fffffff0;padding:8px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-button--compact{justify-content:center;min-height:48px;padding:8px 6px;font-size:11px}.nav-button--compact:before{display:none}.nav-button--compact span{display:none}.mobile-sheet{position:fixed;right:16px;bottom:86px;left:16px;z-index:29;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:1px solid var(--border);border-radius:16px;background:#fffffff5;padding:10px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.skeleton{min-height:180px;border-radius:var(--radius);background:linear-gradient(90deg,#e6edea,#fbfaf6,#e6edea);background-size:200% 100%}.skeleton--hero{min-height:300px}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}button:focus-visible,input:focus-visible{outline:3px solid rgb(240 128 32 / .55);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.content-stack>*,.view-frame>*,.login-panel,.login-aside{animation:rise-in var(--motion-slow) var(--ease-emphasis) both}.impact-card,.today-card,.area-node,.activity-card,.panel,.opportunity-card,.document-card,.memory-card,.recognition-card,.admin-action{animation:card-in var(--motion-slow) var(--ease-emphasis) both}.impact-card:nth-child(2),.today-card:nth-child(2),.area-node:nth-child(2){animation-delay:60ms}.impact-card:nth-child(3),.today-card:nth-child(3),.area-node:nth-child(3){animation-delay:.11s}.impact-card:nth-child(4),.area-node:nth-child(4){animation-delay:.16s}.bar-row i{animation:grow-x .7s var(--ease-emphasis) both}.skeleton{animation:pulse 1.3s linear infinite}.demo-pill:before{animation:status-pulse 1.8s var(--ease-standard) infinite}::view-transition-old(root){animation:view-out .15s var(--ease-standard) both}::view-transition-new(root){animation:view-in .26s var(--ease-emphasis) both}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulse{to{background-position:-200% 0}}@keyframes status-pulse{0%,to{box-shadow:0 0 #2d7d5952}50%{box-shadow:0 0 0 6px #2d7d5900}}@keyframes view-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes view-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.side-nav{display:none}.mobile-nav{display:grid}.main-panel{padding-bottom:128px}.live-band,.dashboard-grid,.detail-layout,.login-page{grid-template-columns:1fr}.today-grid,.impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-band{background-position:center right}}@media(max-width:760px){body{background-attachment:scroll}.main-panel{padding:16px 14px 38px}.top-bar{align-items:flex-start;display:grid}.top-actions{justify-content:space-between}.mobile-nav{position:sticky;inset:10px auto auto;margin:0 0 14px}.mobile-sheet{position:sticky;inset:74px auto auto;margin:-8px 0 14px}.view-heading h1{font-size:2rem}.login-panel h1{font-size:2.25rem}.live-band h1{font-size:2.15rem}.live-band{gap:16px;padding:22px 16px}.today-grid{display:flex;gap:12px;margin-right:-16px;overflow-x:auto;padding:2px 16px 8px 0;scroll-snap-type:x mandatory}.today-card{min-width:min(250px,78vw);min-height:168px;scroll-snap-align:start}.impact-grid,.split-grid,.metric-row{grid-template-columns:1fr}.activity-card{grid-template-columns:58px minmax(0,1fr)}.activity-card__arrow{display:none}.bar-row{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-wrap:wrap}.section-header .text-button{margin-left:auto}.login-page{padding:14px}.login-panel,.login-aside{padding:22px}.mobile-sheet{grid-template-columns:1fr}.today-card,.impact-card,.panel,.activity-card,.area-node,.notice-card,.opportunity-card,.document-card,.memory-card,.recognition-card,.table-card,.login-panel,.login-aside,.admin-action,.permission-state{-webkit-backdrop-filter:none;backdrop-filter:none}}