/* Busca CREA-PB: modal Spotlight + pagina de resultados (Google/Apple).
   Arquivo separado, carregado apos theme.css. Nao altera o cabecalho. */

/* Correcao: o theme.css tem a regra antiga .search-results{display:grid;...}
   pensada para um <div>, mas o WordPress adiciona a classe search-results ao
   <body> das paginas de resultados, o que transformava o body em grid e
   espremia o conteudo. Neutralizamos aqui (body.search-results tem
   especificidade maior e este arquivo carrega apos o theme.css). */
body.search-results{display:block;max-width:none;margin:0;padding:0}

/* ===== Busca - modal Spotlight (estilo Apple) ===== */
.crea-spot-scrim{position:fixed;inset:0;z-index:1200;background:rgba(18,26,40,.34);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);opacity:0;visibility:hidden;transition:opacity .28s cubic-bezier(.32,.72,0,1),visibility .28s}
.crea-spot-scrim.open{opacity:1;visibility:visible}
.crea-spot{position:fixed;left:50%;top:15vh;transform:translateX(-50%) scale(.965);z-index:1201;width:min(640px,92vw);background:rgba(255,255,255,.82);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:0 30px 70px rgba(16,32,60,.28),0 6px 18px rgba(16,32,60,.12);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s cubic-bezier(.32,.72,0,1),transform .28s cubic-bezier(.32,.72,0,1),visibility .28s;overflow:hidden}
.crea-spot.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) scale(1)}
.crea-spot-field{display:flex;align-items:center;gap:14px;padding:18px 20px}
.crea-spot-field .bi{font-size:22px;color:var(--gov-gray-60);flex-shrink:0}
.crea-spot-field input{flex:1;border:none;background:transparent;color:var(--gov-gray-80);font-family:inherit;font-size:21px;letter-spacing:-.01em;outline:none;min-width:0}
.crea-spot-field input::placeholder{color:var(--gov-gray-30)}
.crea-spot-esc{border:1px solid var(--gov-gray-10);border-radius:7px;padding:3px 9px;font-size:12px;color:var(--gov-gray-60);background:transparent;cursor:pointer;font-family:inherit}
.crea-spot-esc:hover{color:var(--gov-blue-70);border-color:var(--gov-blue-50)}
.crea-spot-sec{border-top:1px solid rgba(0,0,0,.07);padding:8px 8px 12px}
.crea-spot-lbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gov-gray-30);padding:8px 14px 4px}
.crea-spot-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:13px;text-decoration:none;color:var(--gov-gray-80);transition:background .12s}
.crea-spot-row:hover,.crea-spot-row:focus-visible{background:var(--gov-blue-10);text-decoration:none}
.crea-spot-row .ico{width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gov-blue-70);font-size:16px}
.crea-spot-row .meta{min-width:0;flex:1}
.crea-spot-row .meta b{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--crea-blue)}
.crea-spot-row .meta span{font-size:12.5px;color:var(--gov-gray-60)}
.crea-spot-row .go{color:var(--gov-gray-30);opacity:0;transition:opacity .12s;font-size:14px}
.crea-spot-row:hover .go,.crea-spot-row:focus-visible .go{opacity:1}
body.spot-open{overflow:hidden}
@media (prefers-reduced-motion: reduce){.crea-spot-scrim,.crea-spot{transition:opacity .01s linear}}

/* ===== Busca - pagina de resultados (Google + Apple) ===== */
.creas-wrap{max-width:820px;margin:0 auto;padding:28px 24px 80px}
.creas-form{margin:0}
.creas-bar{display:flex;align-items:center;gap:11px;padding:13px 18px;border-radius:15px;background:#fff;border:1px solid var(--gov-gray-10);box-shadow:var(--sh-sm)}
.creas-bar:focus-within{border-color:var(--gov-blue-70);box-shadow:0 0 0 4px var(--gov-blue-10)}
.creas-bar .bi{font-size:18px;color:var(--gov-gray-60);flex-shrink:0}
.creas-bar input{flex:1;border:none;background:transparent;font-family:inherit;font-size:16px;letter-spacing:-.01em;outline:none;color:var(--gov-gray-80);min-width:0}
.creas-bar button{border:none;background:var(--gov-blue-70);color:#fff;border-radius:10px;padding:9px 18px;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.creas-bar button:hover{background:var(--gov-blue-80)}
.creas-meta{font-size:12.5px;color:var(--gov-gray-60);padding:14px 2px 0;font-variant-numeric:tabular-nums}
.creas-meta strong{color:var(--gov-gray-80);font-weight:700}
.creas-seg{display:inline-flex;gap:2px;background:var(--gov-gray-5);border-radius:12px;padding:3px;margin:14px 0 6px;max-width:100%}
.creas-seg a{text-decoration:none;color:var(--gov-gray-60);font-size:13px;font-weight:600;letter-spacing:-.01em;padding:7px 15px;border-radius:9px;transition:background .2s,color .2s;font-variant-numeric:tabular-nums;white-space:nowrap}
.creas-seg a:hover{color:var(--gov-gray-80);text-decoration:none}
.creas-seg a.on{background:#fff;color:var(--crea-blue);box-shadow:var(--sh-sm)}
.creas-seg a .n{opacity:.55;font-weight:500;margin-left:3px}
.creas-kcard{margin:12px 0 8px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--gov-gray-10);box-shadow:var(--sh-sm);display:flex;gap:16px}
.creas-kcard .kico{width:46px;height:46px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--crea-blue),var(--gov-blue-70))}
.creas-kcard .kbody{min-width:0;flex:1}
.creas-kcard .klbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gov-gray-30);margin-bottom:5px}
.creas-kcard h2{font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--crea-blue);margin:0 0 6px;line-height:1.25}
.creas-kcard p{font-size:14px;line-height:1.55;color:var(--gov-gray-60);margin:0 0 14px}
.creas-kacts{display:flex;gap:10px;flex-wrap:wrap}
.creas-kacts a{font-size:13px;font-weight:600;color:var(--gov-blue-70);text-decoration:none;border:1px solid var(--gov-gray-10);border-radius:10px;padding:8px 14px;transition:all .16s;display:inline-flex;align-items:center;gap:6px}
.creas-kacts a:hover{border-color:var(--gov-blue-50);background:var(--gov-blue-10);text-decoration:none}
.creas-list{margin-top:12px;display:flex;flex-direction:column}
.creas-hit{display:block;padding:17px 16px;border-radius:16px;text-decoration:none;color:inherit;transition:background .16s,transform .16s}
.creas-hit:hover{background:var(--gov-gray-2);transform:translateX(2px);text-decoration:none}
.creas-top{display:flex;align-items:center;gap:9px;margin-bottom:5px}
.creas-chip{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gov-blue-70);background:var(--gov-blue-10);padding:3px 9px;border-radius:999px}
.creas-url{font-size:12.5px;color:var(--gov-success);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creas-hit h2{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--crea-blue);margin:0 0 5px;line-height:1.3}
.creas-hit:hover h2{text-decoration:underline;text-underline-offset:2px}
.creas-hit p{font-size:14px;line-height:1.55;color:var(--gov-gray-60);margin:0}
.creas-hit mark,.creas-kcard mark{background:transparent;color:inherit;font-weight:800;padding:0}
.creas-div{height:1px;background:rgba(0,0,0,.06);margin:0 16px}
.creas-list .creas-div:last-child{display:none}
.creas-empty{text-align:center;padding:56px 20px;color:var(--gov-gray-60)}
.creas-empty .bi{font-size:40px;color:var(--gov-gray-10);display:block;margin-bottom:12px}
.creas-empty h2{font-size:18px;color:var(--gov-gray-80);margin:0 0 6px}
.creas-empty p{margin:0}
@media(max-width:600px){.creas-seg{overflow-x:auto}.creas-wrap{padding:20px 16px 60px}.creas-kcard{flex-direction:column;gap:12px}}
