/* CERCA AI ASISTENTE V1 */

body.cerca-ai-open{overflow:hidden!important}

.cai-home-card{margin-top:16px}
.cai-home-card>button{
  width:100%;min-height:92px;padding:14px;
  display:grid;grid-template-columns:52px minmax(0,1fr) 28px;
  gap:11px;align-items:center;position:relative;overflow:hidden;
  border:1px solid rgba(34,211,238,.14);border-radius:22px;
  color:#e8f7fb;text-align:left;
  background:
    radial-gradient(circle at 12% 50%,rgba(34,211,238,.12),transparent 30%),
    radial-gradient(circle at 92% 0%,rgba(99,102,241,.10),transparent 34%),
    linear-gradient(145deg,rgba(8,18,33,.98),rgba(2,8,18,.98));
  box-shadow:0 18px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)
}
.cai-home-card>button>span:nth-child(2){min-width:0}
.cai-home-card small{display:block;color:#67e8f9;font-size:.45rem;font-weight:950;letter-spacing:.09em}
.cai-home-card strong{display:block;margin-top:3px;color:#f8fafc;font-size:.88rem}
.cai-home-card em{display:block;margin-top:4px;color:#76879c;font-size:.55rem;line-height:1.35;font-style:normal}
.cai-home-orb{
  width:52px;height:52px;position:relative;display:grid;place-items:center;
  border-radius:18px;border:1px solid rgba(103,232,249,.22);
  background:radial-gradient(circle,rgba(103,232,249,.28),rgba(34,211,238,.08) 45%,rgba(2,6,23,.10) 70%);
  box-shadow:0 0 26px rgba(34,211,238,.12)
}
.cai-home-orb:before{content:"";width:13px;height:13px;border-radius:50%;background:#67e8f9;box-shadow:0 0 14px rgba(103,232,249,.75)}
.cai-home-orb i{position:absolute;width:38px;height:38px;border-radius:50%;border:1px dashed rgba(103,232,249,.20);animation:caiSpin 9s linear infinite}

.cerca-ai-v1{
  position:fixed;inset:0;z-index:99965;display:none;flex-direction:column;
  color:#e5edf6;
  background:
    radial-gradient(circle at 88% 0%,rgba(34,211,238,.09),transparent 27%),
    radial-gradient(circle at 5% 96%,rgba(59,130,246,.07),transparent 32%),
    linear-gradient(180deg,#06101d,#020617 60%)
}
.cerca-ai-v1.show{display:flex}

.cai-head{
  flex:0 0 auto;min-height:72px;
  padding:calc(9px + env(safe-area-inset-top)) 12px 9px;
  display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:9px;align-items:center;
  border-bottom:1px solid rgba(148,163,184,.075);
  background:rgba(3,9,20,.82);backdrop-filter:blur(16px)
}
.cai-icon-btn{
  width:40px;height:40px;padding:0;display:grid;place-items:center;
  border-radius:13px;border:1px solid rgba(148,163,184,.10);
  color:#e6f8ff;background:rgba(255,255,255,.035)
}
.cai-icon-btn .material-icons-round{font-size:19px}
.cai-brand{min-width:0;display:flex;align-items:center;gap:9px}
.cai-mini-orb{
  width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;position:relative;
  border-radius:11px;border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.06)
}
.cai-mini-orb:before{content:"";width:8px;height:8px;border-radius:50%;background:#67e8f9;box-shadow:0 0 10px rgba(103,232,249,.75)}
.cai-mini-orb i{position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid rgba(103,232,249,.20)}
.cai-brand small{display:block;color:#22d3ee;font-size:.40rem;font-weight:950;letter-spacing:.10em}
.cai-brand strong{display:block;color:#f8fafc;font-size:.72rem;margin-top:1px}
.cai-brand div>span{display:block;margin-top:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#607288;font-size:.46rem}

.cai-scroll{
  flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  padding:12px 12px calc(94px + env(safe-area-inset-bottom))
}
.cai-scroll>*{width:min(100%,720px);margin-left:auto;margin-right:auto}

.cai-console{
  padding:15px;position:relative;overflow:hidden;
  border-radius:23px;border:1px solid rgba(34,211,238,.105);
  background:
    radial-gradient(circle at 8% 6%,rgba(34,211,238,.10),transparent 28%),
    linear-gradient(145deg,rgba(10,21,37,.92),rgba(4,11,23,.94));
  box-shadow:0 18px 40px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.024)
}
.cai-console:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49%,rgba(34,211,238,.018) 50%,transparent 51%),
    linear-gradient(0deg,transparent 49%,rgba(34,211,238,.012) 50%,transparent 51%);
  background-size:34px 34px
}
.cai-console>*{position:relative;z-index:2}
.cai-console-title{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center}
.cai-console-title small{color:#67e8f9;font-size:.43rem;font-weight:950;letter-spacing:.09em}
.cai-console-title h1{margin:3px 0 0;color:#f8fafc;font-size:1.10rem;line-height:1.1;letter-spacing:-.03em}
.cai-console-title p{margin:4px 0 0;color:#708198;font-size:.55rem;line-height:1.4}

.cai-orb{
  width:62px;height:62px;position:relative;display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle,rgba(103,232,249,.22),rgba(34,211,238,.045) 44%,transparent 72%);
  border:1px solid rgba(103,232,249,.14);box-shadow:0 0 32px rgba(34,211,238,.08)
}
.cai-orb:before{content:"";width:14px;height:14px;border-radius:50%;background:#67e8f9;box-shadow:0 0 15px rgba(103,232,249,.75),0 0 30px rgba(34,211,238,.28)}
.cai-orb i{position:absolute;width:36px;height:36px;border-radius:50%;border:1px solid rgba(103,232,249,.25)}
.cai-orb b{position:absolute;width:50px;height:50px;border-radius:50%;border:1px dashed rgba(103,232,249,.19);animation:caiSpin 9s linear infinite}

.cai-transcript{
  min-height:34px;margin-top:12px;padding:7px 9px;display:flex;align-items:center;gap:7px;
  border-radius:12px;color:#65778d;background:rgba(2,6,23,.34);border:1px solid rgba(148,163,184,.055);font-size:.52rem
}
.cai-transcript.live{color:#a5f3fc;border-color:rgba(34,211,238,.12)}
.cai-transcript .material-icons-round{color:#22d3ee;font-size:15px}

.cai-input{
  margin-top:8px;padding:7px;display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:6px;align-items:end;
  border-radius:17px;border:1px solid rgba(148,163,184,.08);background:rgba(255,255,255,.028)
}
.cai-input textarea{
  width:100%;min-height:44px;max-height:116px;padding:7px;resize:none;border:0;outline:0;
  color:#e7eef7;background:transparent;font-family:inherit;font-size:.69rem;line-height:1.4
}
.cai-input textarea::placeholder{color:#506177}
.cai-input button{
  width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:13px;
  border:1px solid rgba(148,163,184,.10);color:#c8d5e1;background:rgba(255,255,255,.04)
}
.cai-input button.send{color:#05242b;border-color:transparent;background:#2bd4ed}
.cai-input button.listening{color:#fff;border-color:rgba(239,68,68,.30);background:rgba(239,68,68,.16);animation:caiMic 1.1s ease-in-out infinite}
.cai-input button:disabled{opacity:.45}
.cai-input .material-icons-round{font-size:20px}

.cai-quick{margin-top:9px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.cai-quick::-webkit-scrollbar{display:none}
.cai-quick button{
  min-height:31px;padding:0 9px;flex:0 0 auto;border-radius:999px;
  border:1px solid rgba(34,211,238,.09);color:#8bb9c4;background:rgba(34,211,238,.035);
  font-size:.49rem;font-weight:850
}

.cai-thinking{
  min-height:72px;margin-top:9px;padding:11px 12px;
  display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;
  border-radius:17px;border:1px solid rgba(148,163,184,.06);background:rgba(255,255,255,.018)
}
.cai-thinking.active{border-color:rgba(34,211,238,.10);background:rgba(34,211,238,.025)}
.cai-spinner{
  width:40px;height:40px;display:block;position:relative;border-radius:50%;border:1px solid rgba(34,211,238,.13)
}
.cai-thinking.active .cai-spinner:before{
  content:"";position:absolute;inset:5px;border-radius:50%;border-top:1px solid #67e8f9;border-right:1px solid transparent;animation:caiSpin .9s linear infinite
}
.cai-thinking small{color:#22d3ee;font-size:.41rem;font-weight:950;letter-spacing:.08em}
.cai-thinking strong{display:block;margin-top:1px;color:#cdd8e4;font-size:.60rem}
.cai-thinking p{margin:2px 0 0;color:#607288;font-size:.49rem}

.cai-answer{
  margin-top:9px;padding:13px;border-radius:22px;border:1px solid rgba(148,163,184,.07);
  background:linear-gradient(155deg,rgba(8,17,31,.90),rgba(3,9,20,.90))
}
.cai-answer-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cai-answer-head small,.cai-section-head small{display:block;color:#22d3ee;font-size:.42rem;font-weight:950;letter-spacing:.09em}
.cai-answer-head h2{margin:2px 0 0;color:#eef6fb;font-size:.82rem}
.cai-status{padding:5px 7px;border-radius:999px;font-size:.40rem;font-weight:950;letter-spacing:.05em}
.cai-status.normal{color:#86efac;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.13)}
.cai-status.attention{color:#fde68a;background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.13)}
.cai-status.high{color:#fda4af;background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.15)}
.cai-status.unknown{color:#94a3b8;background:rgba(148,163,184,.05);border:1px solid rgba(148,163,184,.10)}

.cai-narrative{
  margin-top:10px;padding:11px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;
  border-radius:16px;background:rgba(2,6,23,.32);border:1px solid rgba(34,211,238,.055)
}
.cai-narrative>span{
  width:30px;height:30px;display:grid;place-items:center;border-radius:10px;
  color:#06252d;background:#67e8f9;font-size:.50rem;font-weight:950
}
.cai-narrative p{margin:0;color:#bcc8d6;font-size:.60rem;line-height:1.55}

.cai-stage{max-height:0;margin-top:0;overflow:hidden;opacity:0;transform:translateY(7px);transition:opacity .28s,transform .28s,max-height .45s,margin-top .28s}
.cai-stage.visible{max-height:2200px;margin-top:10px;opacity:1;transform:none}

#cercaAiMetricsV1{display:grid;grid-template-columns:105px minmax(0,1fr);gap:9px}
.cai-gauge{
  aspect-ratio:1;padding:8px;display:grid;place-items:center;border-radius:50%;
  background:conic-gradient(#22d3ee 0deg,#38bdf8 var(--deg),rgba(148,163,184,.07) var(--deg),rgba(148,163,184,.07) 360deg);
  box-shadow:inset 0 0 0 7px #07111f
}
.cai-gauge>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#07111f}
.cai-gauge small{max-width:72px;color:#607288;text-align:center;font-size:.34rem;font-weight:900;line-height:1.2}
.cai-gauge strong{margin-top:2px;color:#f8fafc;font-size:1.20rem;line-height:1}
.cai-gauge span{margin-top:2px;color:#526378;font-size:.39rem}
.cai-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cai-kpis>div{padding:9px 7px;display:flex;flex-direction:column;justify-content:center;border-radius:15px;background:rgba(255,255,255,.021);border:1px solid rgba(148,163,184,.055)}
.cai-kpis small{color:#5e7186;font-size:.36rem;font-weight:950;letter-spacing:.05em}
.cai-kpis strong{margin-top:2px;color:#e8eef5;font-size:.90rem}
.cai-kpis span{margin-top:2px;color:#53657a;font-size:.40rem;line-height:1.25}

.cai-map-card{border-radius:18px;border:1px solid rgba(148,163,184,.065);background:rgba(255,255,255,.018)}
.cai-map-card>header{padding:10px 11px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.cai-map-card header small{display:block;color:#22d3ee;font-size:.40rem;font-weight:950;letter-spacing:.08em}
.cai-map-card header h3{margin:2px 0 0;color:#d8e2ec;font-size:.65rem}
.cai-map-card header>span{color:#5f7186;font-size:.44rem}
.cai-map{height:245px;overflow:hidden;border-radius:0 0 18px 18px;background:#06101c}
.cai-map-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#607288}
.cai-pin{
  width:31px;height:31px;display:grid;place-items:center;border-radius:50%;
  color:#fff;border:2px solid rgba(255,255,255,.92);box-shadow:0 7px 18px rgba(0,0,0,.34)
}
.cai-pin.low{background:#3b82f6}.cai-pin.medium{background:#f59e0b}.cai-pin.high{background:#f43f5e}.cai-pin.critical{background:#dc2626}
.cai-pin.community{border-radius:10px 10px 10px 4px}
.cai-pin .material-icons-round{font-size:16px}
.cai-user-pin{width:18px;height:18px;border-radius:50%;background:#2563eb;border:3px solid #fff;box-shadow:0 0 0 5px rgba(37,99,235,.20)}

.cai-charts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cai-chart{padding:10px;border-radius:17px;border:1px solid rgba(148,163,184,.06);background:rgba(255,255,255,.018)}
.cai-chart header{display:flex;align-items:center;gap:6px}.cai-chart header .material-icons-round{color:#22d3ee;font-size:16px}.cai-chart header strong{color:#bfcbd8;font-size:.55rem}
.cai-chart>div{margin-top:9px;display:grid;gap:6px}
.cai-chart p{margin:0;display:grid;grid-template-columns:60px minmax(0,1fr) 18px;gap:5px;align-items:center}
.cai-chart p>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#66788d;font-size:.42rem}
.cai-chart p>i{height:6px;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.06)}
.cai-chart p>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#3b82f6)}
.cai-chart p>strong{color:#9dacbf;font-size:.45rem;text-align:right}
.cai-chart em{color:#56677d;font-size:.46rem;font-style:normal}

.cai-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cai-section-head h3{margin:2px 0 0;color:#cbd5e1;font-size:.63rem}
.cai-section-head>span{color:#22d3ee;font-size:.58rem;font-weight:950}
.cai-event-list{margin-top:7px;display:grid;gap:7px}
.cai-event{padding:10px;border-radius:16px;border:1px solid rgba(148,163,184,.06);background:rgba(255,255,255,.018)}
.cai-event>div{display:flex;align-items:center;justify-content:space-between}
.cai-event .source,.cai-event .priority{padding:4px 6px;border-radius:999px;font-size:.38rem;font-weight:950}
.cai-event .source.skyline{color:#67e8f9;background:rgba(34,211,238,.06)}
.cai-event .source.community{color:#86efac;background:rgba(34,197,94,.06)}
.cai-event .priority{color:#9ca3af;background:rgba(148,163,184,.05)}
.cai-event>strong{display:block;margin-top:7px;color:#dce6ef;font-size:.62rem}
.cai-event>p{margin:4px 0 0;color:#65778c;font-size:.51rem;line-height:1.45}
.cai-event>footer{margin-top:7px;color:#53657a;font-size:.43rem;font-weight:800}
.cai-event>footer .material-icons-round{color:#22d3ee;font-size:13px;vertical-align:middle}

.cai-empty{min-height:100px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:16px;border:1px solid rgba(148,163,184,.055);background:rgba(255,255,255,.016)}
.cai-empty .material-icons-round{color:#22d3ee}.cai-empty strong{margin-top:4px;color:#bfcad6;font-size:.58rem}.cai-empty small{margin-top:3px;color:#607187;font-size:.48rem}

.cai-recs{margin-top:7px;display:grid;gap:6px}
.cai-recs>div{padding:8px 9px;display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;align-items:center;border-radius:14px;background:rgba(255,255,255,.017);border:1px solid rgba(148,163,184,.052)}
.cai-recs>div>span{width:25px;height:25px;display:grid;place-items:center;border-radius:9px;color:#05242b;background:#67e8f9;font-size:.46rem;font-weight:950}
.cai-recs p{margin:0;color:#9dacbf;font-size:.51rem;line-height:1.4}
.cai-actions{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cai-actions button{min-height:44px;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:13px;border:1px solid rgba(34,211,238,.08);color:#8da5b8;background:rgba(34,211,238,.025);font-size:.44rem;font-weight:850}
.cai-actions .material-icons-round{color:#22d3ee;font-size:17px}

#cercaAiFollowV1>small{color:#607187;font-size:.40rem;font-weight:950;letter-spacing:.08em}
#cercaAiFollowV1>div{margin-top:6px;display:flex;gap:6px;overflow-x:auto}
#cercaAiFollowV1 button{min-height:31px;padding:0 9px;flex:0 0 auto;border-radius:999px;color:#81a4af;background:rgba(34,211,238,.025);border:1px solid rgba(34,211,238,.075);font-size:.45rem}
.cai-disclaimer{margin-top:10px;padding-top:9px;border-top:1px solid rgba(148,163,184,.055);color:#4f6075;font-size:.43rem;line-height:1.45;text-align:center}

@keyframes caiSpin{to{transform:rotate(360deg)}}
@keyframes caiMic{50%{transform:scale(.94)}}

@media(max-width:390px){
  .cai-console-title{grid-template-columns:54px minmax(0,1fr)}
  .cai-orb{width:54px;height:54px}
  #cercaAiMetricsV1{grid-template-columns:92px minmax(0,1fr)}
  .cai-charts{grid-template-columns:1fr}
  .cai-map{height:220px}
}

@media(min-width:760px){
  .cerca-ai-v1{align-items:center;background:rgba(2,6,23,.92);backdrop-filter:blur(12px)}
  .cai-head,.cai-scroll{width:min(100%,760px)}
  .cai-head{margin-top:24px;border-radius:24px 24px 0 0;background:#07111f}
  .cai-scroll{margin-bottom:24px;background:#030914;border-radius:0 0 24px 24px}
}


/* CERCA AI V1.0.4 — VOICE FIX */
.cai-narrative{
  grid-template-columns:30px minmax(0,1fr) auto;
}
.cai-replay-voice{
  align-self:start;
  min-height:30px;
  padding:0 8px;
  display:flex;
  align-items:center;
  gap:4px;
  border-radius:10px;
  border:1px solid rgba(34,211,238,.12);
  color:#8bdce8;
  background:rgba(34,211,238,.04);
  font-size:.43rem;
  font-weight:850;
}
.cai-replay-voice .material-icons-round{
  font-size:14px;
}
@media(max-width:390px){
  .cai-narrative{
    grid-template-columns:30px minmax(0,1fr);
  }
  .cai-replay-voice{
    grid-column:2;
    justify-self:start;
  }
}