/* KlitaPlus 5.2 — direção visual de aplicativo, fiel à referência: roxo/ciano, menos cartões e menos espaço vazio */
#kp5-shell{--kp52-violet:#4633C9;--kp52-deep:#24176E;--kp52-cyan:#1DD1F0;--kp52-lilac:#ECECFF;background:#F1F4FC;color:#191B44;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px}
#kp5-shell .kp5-wrap{max-width:850px;padding:0 16px calc(92px + env(safe-area-inset-bottom))}
#kp5-shell .kp5-top{position:sticky;height:62px;top:0;padding:0 1px;background:#F1F4FCF5;gap:9px;box-shadow:none}
#kp5-shell .kp5-square{width:37px;height:37px;border-radius:12px;background:#FFF;border:1px solid #DEE2F1;box-shadow:none}
#kp5-shell .kp5-wordmark{font-size:21px;letter-spacing:-.065em;color:#181848;font-weight:850}
#kp5-shell .kp5-wordmark span{color:#5541D8}
#kp5-shell .kp5-top-actions{gap:7px}
#kp5-shell .kp5-lang select{max-width:58px;height:37px;padding:0 4px;border-radius:12px;background:#FFF;border-color:#DEE2F1;color:#393197}
#kp5-shell .kp5-main{padding-top:8px}
#kp5-shell .kp52-hero{border-radius:27px;position:relative;overflow:hidden;min-height:205px;display:grid;grid-template-columns:44% 56%;align-items:center;padding:17px 15px;gap:0;background:radial-gradient(circle at 103% -12%,#7765EA 2%,transparent 42%),linear-gradient(130deg,#28248E 0%,#4A36C3 73%,#6754E1 100%);color:#FFF;box-shadow:0 13px 22px #30218E20}
#kp5-shell .kp52-hero:before{content:'';position:absolute;right:-78px;top:-120px;width:360px;height:360px;border:1px solid #FFFFFF17;border-radius:50%;box-shadow:0 0 0 45px #FFFFFF09,0 0 0 91px #FFFFFF08,0 0 0 130px #FFFFFF06;pointer-events:none}
#kp5-shell .kp52-art{position:relative;z-index:1;width:100%;aspect-ratio:1;max-height:182px;background:url('images/kp52-art.svg') center/contain no-repeat;filter:drop-shadow(0 14px 15px #11084E43)}
#kp5-shell .kp52-hero-copy{position:relative;z-index:2;padding:0 0 0 10px}
#kp5-shell .kp52-overline{font-size:9px;letter-spacing:.17em;font-weight:850;color:#92EAF7}
#kp5-shell .kp52-hero h1{font-size:clamp(20px,4.5vw,29px);line-height:1.09;letter-spacing:-.04em;margin:9px 0 9px;color:#FFF;font-weight:850}
#kp5-shell .kp52-hero p{font-size:12px;line-height:1.5;color:#E8E6FF;margin:0;max-width:240px}
#kp5-shell .kp52-newscast{margin-top:13px;border-radius:18px;overflow:hidden;background:#FFF;border:1px solid #DADFF1;box-shadow:0 3px 10px #30327B0B}
#kp5-shell .kp52-news-head{display:flex;justify-content:space-between;align-items:center;background:#1D1D64;color:#FFF;height:35px;padding-right:13px}
#kp5-shell .kp52-news-brand{height:35px;display:flex;align-items:center;gap:7px;background:#DE2B4E;border:0;color:#FFF;font-size:12px;font-weight:800;padding:0 14px;border-radius:0}
#kp5-shell .kp52-edition{font-size:10px;letter-spacing:.1em;font-weight:800;color:#DDDFFF}
#kp5-shell .kp52-ticker{height:43px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;position:relative}
#kp5-shell .kp52-ticker-track{display:flex;align-items:center;width:max-content;animation:kp52-newsroll 44s linear infinite;gap:30px;padding-left:12px}
#kp5-shell .kp52-ticker:hover .kp52-ticker-track,#kp5-shell .kp52-ticker:focus-within .kp52-ticker-track{animation-play-state:paused}
#kp5-shell .kp52-ticker-track a{color:#212150;text-decoration:none;font-weight:750;font-size:13px;white-space:nowrap}
#kp5-shell .kp52-ticker-track a span{color:#4E45C7;padding-left:30px}
#kp5-shell .kp52-ticker-pending{color:#6D6C8C;font-size:12px;padding:0 12px;white-space:normal}
@keyframes kp52-newsroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#kp5-shell .kp52-radio{margin-top:11px;border-radius:18px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr) 23px;gap:8px;align-items:center;padding:12px;background:#FFF;border:1px solid #E0E0F3;box-shadow:0 3px 10px #30327B0A}
#kp5-shell .kp52-radio-label{display:flex;align-items:center;gap:8px;min-width:0}
#kp5-shell .kp52-radio-icon{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:13px;background:#E9E7FF;color:#4C3AC3}
#kp5-shell .kp52-radio-label strong{display:block;font-size:13px;line-height:1.1;color:#1E1D56}
#kp5-shell .kp52-radio-label small{display:block;color:#797995;font-size:10px;line-height:1.3;margin-top:4px}
#kp5-shell .kp52-audio-inner{min-width:0}
#kp5-shell .kp52-audio-inner audio{width:100%;height:38px;display:block;max-width:420px}
#kp5-shell .kp52-all-audio{border:none;color:#5340C6;background:transparent;padding:0;display:grid;place-items:center}
#kp5-shell .kp52-mainactions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:13px}
#kp5-shell .kp52-main-action{border:0;border-radius:19px;padding:14px 12px;display:flex;align-items:center;text-align:start;gap:10px;min-height:82px;background:linear-gradient(135deg,#4935C9,#5C4AE4);color:white;box-shadow:0 9px 18px #33209D18}
#kp5-shell .kp52-main-action:not(.kp52-agenda-action){background:#E7E4FF;color:#3E2F9B}
#kp5-shell .kp52-main-action>span{flex:1;min-width:0;line-height:1.2}
#kp5-shell .kp52-main-action b{display:block;font-size:14px}
#kp5-shell .kp52-main-action small{font-size:10px;opacity:.82;line-height:1.2;display:block;margin-top:4px}
#kp5-shell .kp52-main-action>.kp5-icon:last-child{width:15px}
#kp5-shell .kp52-bottom-actions{display:flex;align-items:center;justify-content:space-between;padding:10px 3px 0;gap:12px}
#kp5-shell .kp52-bottom-actions button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#5142B8;font-size:12px;font-weight:800;padding:8px 3px}
#kp5-shell .kp52-upcoming{margin-top:12px;background:#FFF;border-radius:17px;padding:12px;border:1px solid #E3E7F3}
#kp5-shell .kp52-upcoming-head{display:flex;align-items:center;justify-content:space-between;color:#232056;font-size:13px;font-weight:800}
#kp5-shell .kp52-upcoming-head button{background:transparent;border:0;color:#5142C4;display:flex;align-items:center;gap:2px;font-size:12px}
#kp5-shell .kp52-upcoming-list{margin-top:5px;color:#70718F;font-size:12px}
#kp5-shell .kp5-mini-event{font-size:12px;padding:6px 0}
#kp5-shell .kp5-navbar{bottom:0;left:0;transform:none;width:100%;max-width:none;height:calc(65px + env(safe-area-inset-bottom));padding:4px max(9px,env(safe-area-inset-left)) calc(4px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-right));border-radius:20px 20px 0 0;background:#3526A8;border:0;box-shadow:0 -7px 22px #21136E20;justify-content:space-around}
#kp5-shell .kp5-navbar button{flex:1;min-width:0;max-width:140px;display:flex;gap:4px;align-items:center;flex-direction:column;color:#C9C4FF;border-radius:12px;padding:6px 2px}
#kp5-shell .kp5-navbar button.active{color:#FFF;background:#FFFFFF19}
#kp5-shell .kp5-navbar span{font-size:10px;white-space:normal;text-align:center;line-height:1.1}
/* Segunda tela: fundo roxo uniforme de cima ao fim, inclusive footer. */
#kp5-shell[data-view="services"],#kp5-shell[data-view="category"]{background:radial-gradient(circle at 85% -10%,#6759E8,transparent 46%),#4330B9;color:#FFF}
#kp5-shell[data-view="services"] .kp5-top,#kp5-shell[data-view="category"] .kp5-top{background:#4330B9F5}
#kp5-shell[data-view="services"] .kp5-wordmark,#kp5-shell[data-view="category"] .kp5-wordmark{color:#FFF}
#kp5-shell[data-view="services"] .kp5-wordmark span,#kp5-shell[data-view="category"] .kp5-wordmark span{color:#82E9FF}
#kp5-shell[data-view="services"] .kp5-square,#kp5-shell[data-view="category"] .kp5-square{background:#FFFFFF1A;color:#FFF;border-color:#FFFFFF21}
#kp5-shell[data-view="services"] .kp5-lang select,#kp5-shell[data-view="category"] .kp5-lang select{background:#FFFFFF1A;color:#FFF;border-color:#FFFFFF22}
#kp5-shell[data-view="services"] .kp5-lang select option,#kp5-shell[data-view="category"] .kp5-lang select option{color:#26215E}
#kp5-shell[data-view="services"] .kp5-navbar,#kp5-shell[data-view="category"] .kp5-navbar{background:#33229D;border-top:1px solid #FFFFFF1C;box-shadow:none}
#kp5-shell .kp52-service-top{padding:20px 2px 13px}
#kp5-shell .kp52-service-top span{color:#8DE7FF;font-weight:850;font-size:10px;letter-spacing:.18em}
#kp5-shell .kp52-service-top h1{color:#FFF;font-weight:860;letter-spacing:-.055em;font-size:clamp(30px,5vw,41px);margin:7px 0 2px;line-height:1.1}
#kp5-shell .kp52-service-top p{color:#D9D7FF;font-size:13px;margin:5px 0 0}
#kp5-shell .kp52-service-search{display:flex;align-items:center;gap:8px;border:1px solid #FFFFFF34;background:#FFFFFF1B;border-radius:16px;color:#EBEBFF;padding:4px 14px;height:48px}
#kp5-shell .kp52-service-search input{flex:1;width:100%;min-width:0;border:none!important;outline:none;color:#FFF;background:transparent;font:inherit}
#kp5-shell .kp52-service-search input::placeholder{color:#E4DFFF}
#kp5-shell[data-view="services"] .kp5-category-grid,#kp5-shell[data-view="category"] .kp5-category-grid{gap:11px;margin:14px 0}
#kp5-shell[data-view="services"] .kp5-category,#kp5-shell[data-view="category"] .kp5-category{min-height:118px;padding:15px 14px;gap:4px;border-radius:21px;background:linear-gradient(140deg,#6351DC,#5140C4);border:1px solid #FFFFFF24;color:#FFF;box-shadow:0 10px 17px #2A1F8819}
#kp5-shell[data-view="services"] .kp5-category>.kp5-icon,#kp5-shell[data-view="services"] .kp5-category>span,#kp5-shell[data-view="category"] .kp5-category>span{width:37px;height:37px;display:grid;place-items:center;color:#FFF;background:#FFFFFF17;border-radius:12px}
#kp5-shell[data-view="services"] .kp5-category strong,#kp5-shell[data-view="category"] .kp5-category strong{font-size:15px;font-weight:820;line-height:1.1;margin-top:6px}
#kp5-shell[data-view="services"] .kp5-category small,#kp5-shell[data-view="category"] .kp5-category small{font-size:10px;color:#DCD9FF}
#kp5-shell[data-view="category"] .kp5-viewtitle{margin:14px 0}
#kp5-shell[data-view="category"] .kp5-viewtitle h1{color:#FFF}
#kp5-shell[data-view="category"] .kp5-back{color:#C5EFFF}
#kp5-shell[data-view="category"] .kp5-services-list,#kp5-shell[data-view="services"] .kp5-services-list{background:#FFFFFF1D;border:1px solid #FFFFFF28;box-shadow:none;padding:4px 13px}
#kp5-shell[data-view="category"] .kp5-service,#kp5-shell[data-view="services"] .kp5-service{background:transparent;color:#FFF;border-bottom:1px solid #FFFFFF25}
#kp5-shell[data-view="category"] .kp5-service strong,#kp5-shell[data-view="services"] .kp5-service strong{color:#FFF}
#kp5-shell[data-view="category"] .kp5-service-icon,#kp5-shell[data-view="services"] .kp5-service-icon{background:#FFFFFF1C;color:#FFF}
/* Minha Agenda: calendário visível, não escondido sob grandes cartões. */
#kp5-shell .kp52-agenda-top{margin:16px 2px 13px}
#kp5-shell .kp52-agenda-top>span{font-size:10px;letter-spacing:.16em;font-weight:840;color:#6552DC}
#kp5-shell .kp52-agenda-top h1{font-size:31px;letter-spacing:-.06em;margin:4px 0;color:#201D5A}
#kp5-shell .kp52-agenda-top p{font-size:13px;color:#74758F;margin:0}
#kp5-shell .kp52-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0 0 13px}
#kp5-shell .kp52-week button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #E0E3F1;border-radius:13px;background:#FFF;color:#26205C;padding:9px 1px}
#kp5-shell .kp52-week button.selected{background:#523DCF;color:#FFF;box-shadow:0 8px 13px #5038CF20}
#kp5-shell .kp52-week small{font-size:10px;line-height:1.1;text-transform:uppercase}
#kp5-shell .kp52-week strong{font-size:16px}
#kp5-shell[data-view="agenda"] .kp5-tabs{margin-bottom:12px}
#kp5-shell[data-view="agenda"] .kp5-tabs button{font-size:11px;padding:8px 11px}
#kp5-shell[data-view="agenda"] .kp5-panel{border-radius:19px;padding:15px;margin-bottom:11px}
#kp5-shell[data-view="agenda"] .kp5-panel h2{font-size:18px;margin-bottom:10px}
#kp5-shell[data-view="agenda"] .kp5-event{padding:10px 0}
@media (min-width:720px){#kp5-shell .kp52-hero{grid-template-columns:34% 66%;min-height:265px;padding:25px 30px}#kp5-shell .kp52-art{max-height:220px}#kp5-shell .kp52-hero h1{font-size:37px}#kp5-shell[data-view="services"] .kp5-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:390px){#kp5-shell .kp5-wrap{padding-inline:12px}#kp5-shell .kp52-hero{padding:12px;min-height:184px}#kp5-shell .kp52-art{max-height:150px}#kp5-shell .kp52-hero h1{font-size:21px}#kp5-shell .kp52-hero p{font-size:11px}#kp5-shell .kp52-radio{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) 15px;gap:4px;padding:10px}#kp5-shell .kp52-radio-icon{width:30px;height:30px;min-width:30px}#kp5-shell .kp52-radio-label strong{font-size:11px}#kp5-shell .kp52-radio-label small{font-size:9px}#kp5-shell .kp52-main-action small{font-size:9px}#kp5-shell .kp52-main-action{gap:6px}#kp5-shell .kp52-week{gap:3px}}
@media(prefers-reduced-motion:reduce){#kp5-shell .kp52-ticker-track{animation:none;flex-wrap:wrap;white-space:normal}#kp5-shell .kp52-ticker{height:auto;min-height:43px}}

/* Diagnóstico explícito, visível somente com ?kp5_ver=1 */
#kp521-diag{position:fixed;z-index:2147483600;bottom:calc(73px + env(safe-area-inset-bottom));right:10px;left:10px;width:max-content;max-width:calc(100vw - 20px);margin:auto;padding:8px 13px;border-radius:22px;background:#051a46;color:#e2fdff;border:1px solid #42d8ef;box-shadow:0 6px 20px #13225b70;font:800 11px/1.3 system-ui,sans-serif;text-align:center;pointer-events:none}
