/* Somente conteúdo do Portal; cabeçalho/rodapé são do index.html original da SEGCAM. */
:root{--ob-neon:#2adddd;--ob-blue:#3b82f6;--ob-ink:#0a0a0f;--ob-panel:#101722;--ob-text:#f8fafc;--ob-muted:#9ca3af}
#page-content{overflow-x:hidden}
.ob-main{background:#0a0a0f;min-height:65vh;color:#f8fafc;font-family:'Inter',sans-serif}
.ob-shell{max-width:1240px;margin:auto;padding:0 24px}
.ob-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(ellipse 54% 80% at 72% 15%,rgba(42,221,221,.09),transparent),radial-gradient(ellipse 50% 80% at 5% 90%,rgba(59,130,246,.10),transparent),#0a0a0f;padding:92px 0 78px}
.ob-hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:linear-gradient(rgba(42,221,221,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(42,221,221,.035) 1px,transparent 1px);background-size:54px 54px}
.ob-hero .ob-shell{position:relative}
.ob-eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:750;color:var(--ob-neon);border:1px solid rgba(42,221,221,.32);background:rgba(42,221,221,.07);border-radius:40px;padding:9px 14px}
.ob-eyebrow .ob-spark{width:7px;height:7px;background:var(--ob-neon);border-radius:99px;box-shadow:0 0 16px rgba(42,221,221,.7)}
.ob-hero h1{margin:22px 0 14px;max-width:930px;font-size:clamp(38px,5.4vw,68px);letter-spacing:-.055em;line-height:1.08;font-weight:900;color:#fff}
.ob-gradient{background:linear-gradient(120deg,var(--ob-neon),var(--ob-blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.ob-hero p{margin:0;color:#adb7c5;font-size:clamp(15px,1.6vw,18px);line-height:1.76;max-width:680px}
.ob-section{padding:60px 0 92px;position:relative}
.ob-row-title{display:flex;gap:22px;justify-content:space-between;align-items:end;margin-bottom:28px}
.ob-section-kicker{color:var(--ob-neon);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;margin-bottom:9px}
.ob-row-title h2{font-size:clamp(26px,2.7vw,34px);font-weight:800;letter-spacing:-.035em;line-height:1.2;margin:0 0 9px}
.ob-row-title p{font-size:14px;color:#93a0b2;line-height:1.6}
.ob-search{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:0 15px;height:46px;min-width:250px;background:#10141d;color:#75849a}
.ob-search svg{width:17px;height:17px;flex:none}
.ob-search input{border:0;outline:0;background:transparent;color:#fff;font:500 13px Inter,sans-serif;min-width:0;width:100%}
.ob-search:focus-within{border-color:rgba(42,221,221,.55);box-shadow:0 0 0 3px rgba(42,221,221,.08)}
.ob-search input::placeholder{color:#788598}
.ob-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.ob-work-card{display:block;color:inherit;text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#121b27,#0e131c);transition:transform .25s,border-color .25s,box-shadow .25s}
.ob-work-card:hover{transform:translateY(-6px);border-color:rgba(42,221,221,.52);box-shadow:0 18px 56px rgba(0,0,0,.35),0 0 26px rgba(42,221,221,.08)}
.ob-work-card:focus-visible,.ob-back:focus-visible{outline:3px solid var(--ob-neon);outline-offset:3px}
.ob-work-art{aspect-ratio:2.07;position:relative;background:#101b26;overflow:hidden}
.ob-work-art img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .5s}
.ob-work-card:hover .ob-work-art img{transform:scale(1.035)}
.ob-work-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,9,16,.66),transparent 45%)}
.ob-corner-tag{position:absolute;z-index:1;top:18px;left:18px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;color:#daffff;background:rgba(6,19,28,.86);border:1px solid rgba(42,221,221,.27);border-radius:99px;padding:9px 12px;backdrop-filter:blur(8px)}
.ob-corner-tag svg{width:14px;height:14px;color:var(--ob-neon)}
.ob-work-body{padding:25px 27px 24px}
.ob-work-caption{font-size:11px;color:#667589;line-height:1.5;margin-bottom:13px}
.ob-work-title{font-size:29px;letter-spacing:-.04em;font-weight:850;margin:0 0 5px}
.ob-location{display:flex;gap:8px;align-items:center;color:#98a3b3;font-size:13px}
.ob-location svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.ob-work-statuses{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);margin-top:22px;padding:14px 0;display:flex;flex-wrap:wrap;gap:9px}
.ob-camera-pill{display:inline-flex;gap:7px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);color:#aab5c3;border-radius:10px;font-weight:650;font-size:11px}
.ob-camera-pill svg{width:16px;height:16px;color:var(--ob-neon)}
.ob-indicator{height:7px;width:7px;border-radius:50%;background:#9ca3af;flex:none}
.ob-indicator[data-status=online]{background:#20c97d;box-shadow:0 0 9px rgba(32,201,125,.75)}
.ob-indicator[data-status=offline]{background:#ff6d68}
.ob-card-bottom{padding-top:18px;display:flex;align-items:center;justify-content:space-between;color:#62e0e3;font-size:13px;font-weight:750}
.ob-card-bottom svg{width:20px;height:20px}
.ob-empty{color:#b2bdc9;border:1px dashed #2d3e4a;border-radius:16px;padding:40px;text-align:center}
.ob-empty[hidden],.ob-work-card[hidden]{display:none!important}
/* Página interna */
.ob-detail-hero{padding:62px 0 42px}
.ob-crumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:#738197;margin-bottom:34px}
.ob-crumbs a{color:#7fcfd5;text-decoration:none}
.ob-crumbs a:hover{text-decoration:underline}
.ob-crumbs svg{height:13px;width:13px}
.ob-detail-head{display:flex;gap:30px;align-items:end;justify-content:space-between}
.ob-detail-head h1{font-size:clamp(48px,6vw,72px);margin:14px 0 9px}
.ob-detail-head p{max-width:680px}
.ob-live-surface{padding:16px 0 75px}
.ob-live-head{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:22px}
.ob-live-head h2{font-size:24px;font-weight:800;letter-spacing:-.03em;margin-bottom:7px}
.ob-live-head p{color:#94a3b8;font-size:13px}
.ob-live-count{background:rgba(42,221,221,.07);color:var(--ob-neon);padding:9px 13px;border:1px solid rgba(42,221,221,.25);border-radius:99px;font-weight:750;font-size:12px}
.ob-feeds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ob-feeds.ob-single{grid-template-columns:minmax(0,1fr);max-width:775px}
.ob-feed{border-radius:18px;border:1px solid rgba(255,255,255,.1);overflow:hidden;background:#111925}
.ob-feed-header{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:15px 18px}
.ob-feed-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750}
.ob-feed-title svg{width:19px;height:19px;color:var(--ob-neon)}
.ob-feed-badge{font-size:10px;color:#b2c1d1;background:rgba(255,255,255,.045);border-radius:50px;border:1px solid rgba(255,255,255,.12);padding:7px 9px;white-space:nowrap;display:flex;align-items:center;gap:6px}
.ob-video-wrap{position:relative;background:#02070c;aspect-ratio:16/9;width:100%;overflow:hidden}
.ob-video-iframe{display:block;width:100%;height:100%;border:0;position:absolute;inset:0;background:#050b12}
.ob-feed-bottom{padding:13px 18px;font-size:11px;color:#8592a5;display:flex;justify-content:space-between;gap:15px}
.ob-actions{padding-top:35px;display:flex;gap:20px;justify-content:space-between;align-items:center}
.ob-back{display:inline-flex;align-items:center;gap:10px;color:#48d6de;font-size:13px;font-weight:750;text-decoration:none}
.ob-back:hover{color:#b3ffff}
.ob-back svg{width:18px;height:18px;transform:rotate(180deg)}
.ob-help{font-size:11px;color:#657386;max-width:430px;text-align:right}
@media(max-width:950px){.ob-grid{gap:15px}.ob-work-body{padding:20px}.ob-hero{padding:65px 0}.ob-detail-hero{padding:34px 0 28px}}
@media(max-width:720px){.ob-shell{padding:0 17px}.ob-hero{padding:51px 0 47px}.ob-hero h1{font-size:clamp(36px,10vw,48px)}.ob-section{padding:35px 0 60px}.ob-row-title{display:block;margin-bottom:22px}.ob-search{min-width:0;margin-top:18px}.ob-grid{grid-template-columns:1fr;gap:19px}.ob-work-body{padding:19px}.ob-work-title{font-size:26px}.ob-detail-hero{padding:25px 0 25px}.ob-crumbs{margin-bottom:25px}.ob-live-head{align-items:flex-start}.ob-live-count{white-space:nowrap}.ob-feeds{grid-template-columns:1fr;gap:15px}.ob-feed-header{padding:12px 13px}.ob-feed-bottom{padding:11px 13px}.ob-feed-badge{font-size:9px}.ob-live-head h2{font-size:21px}.ob-live-surface{padding-bottom:55px}.ob-actions{align-items:flex-start;flex-direction:column}.ob-help{text-align:left}}
@media(prefers-reduced-motion:reduce){.ob-work-card,.ob-work-art img{transition:none}}


/* Timelapse — sessão refinada no padrão SegCam I.A. */
.ob-timelapse-refined{position:relative;padding:65px 0 104px;background:radial-gradient(ellipse 55% 42% at 84% 13%,rgba(42,221,221,.055),transparent 76%),#0a0a0f;border-top:1px solid rgba(255,255,255,.06);color:#f8fafc;font-family:Inter,sans-serif}
.ob-tl-intro{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(295px,.85fr);gap:34px;align-items:stretch;margin-bottom:64px}
.ob-tl-intro-copy{padding:9px 0 5px}
.ob-tl-eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.155em;color:#2adddd;font-weight:800}
.ob-tl-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#2adddd;box-shadow:0 0 13px #2adddd66}
.ob-tl-intro h2{font-size:clamp(32px,3.8vw,51px);font-weight:900;line-height:1.12;letter-spacing:-.05em;margin:16px 0 21px;max-width:610px;color:#fff}
.ob-tl-intro-copy>p{max-width:660px;color:#aeb9c8;font-size:15px;line-height:1.85;margin:0 0 22px}
.ob-tl-intro-copy strong{color:#e9f8fa;font-weight:750}
.ob-tl-highlights{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.ob-tl-highlights span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(42,221,221,.19);background:rgba(42,221,221,.055);border-radius:10px;color:#c4e9ed;font-size:11px;font-weight:650;letter-spacing:.01em}
.ob-tl-highlights svg{width:15px;height:15px;color:#2adddd;flex:none}
.ob-tl-benefit-panel{position:relative;min-height:250px;border:1px solid rgba(42,221,221,.22);border-radius:20px;padding:27px 27px 20px;background:radial-gradient(ellipse 90% 75% at 85% 4%,rgba(42,221,221,.12),transparent 72%),linear-gradient(145deg,#101c28,#0d121b);overflow:hidden}
.ob-tl-benefit-panel:after{content:'';pointer-events:none;position:absolute;right:-62px;top:-86px;width:195px;height:195px;border:1px solid rgba(42,221,221,.12);border-radius:50%}
.ob-tl-benefit-icon{width:45px;height:45px;border-radius:13px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(42,221,221,.28);background:rgba(42,221,221,.08);color:#2adddd;margin-bottom:21px}
.ob-tl-benefit-icon svg{width:25px;height:25px}
.ob-tl-panel-kicker{color:#48d9e3;letter-spacing:.15em;font-weight:800;font-size:10px;margin-bottom:8px}
.ob-tl-benefit-panel h3{font-size:22px;letter-spacing:-.035em;font-weight:800;line-height:1.25;color:#fff;max-width:310px;margin:0 0 13px}
.ob-tl-benefit-panel>p{color:#a2b5c6;font-size:13px;line-height:1.75;margin:0 0 22px}
.ob-tl-panel-detail{display:flex;gap:10px;align-items:center;font-size:11px;color:#7e9fab}
.ob-tl-panel-line{width:26px;height:2px;background:#2adddd;border-radius:4px}
.ob-tl-gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 24px}
.ob-tl-gallery-heading h3{color:#fff;font-weight:850;letter-spacing:-.045em;font-size:clamp(25px,2.6vw,34px);margin:6px 0 5px}
.ob-tl-gallery-heading p{font-size:13px;color:#8795a8;margin:0}
.ob-tl-gallery{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.90fr);gap:20px;align-items:stretch}
.ob-tl-item{border-radius:20px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,#111b28,#0c1119);overflow:hidden}
.ob-tl-featured{padding:22px 22px 19px}
.ob-tl-item-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}
.ob-tl-month{display:block;color:#50dce2;font-size:10px;letter-spacing:.145em;font-weight:800;margin-bottom:8px}
.ob-tl-item-header h4{margin:0;color:#f7fafc;letter-spacing:-.04em;font-size:22px;font-weight:850}
.ob-tl-example-pill{display:inline-flex;align-items:center;flex:none;padding:7px 11px;border:1px solid rgba(42,221,221,.24);background:rgba(42,221,221,.07);border-radius:999px;color:#7deff2;font-size:10px;font-weight:800}
.ob-tl-player{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 50%,#194254,#030a12 70%);border:1px solid rgba(255,255,255,.07)}
.ob-tl-player iframe{position:absolute;width:100%;height:100%;inset:0;border:0;display:block;background:transparent}
.ob-tl-item-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:16px}
.ob-tl-item-foot p{color:#98a9bc;line-height:1.65;font-size:12px;margin:0;max-width:440px}
.ob-tl-item-foot strong{font-weight:600;color:#c0cad8}
.ob-tl-item-foot a{white-space:nowrap;color:#58dce5;font-size:12px;font-weight:750;text-decoration:none;flex:none}
.ob-tl-item-foot a:hover{text-decoration:underline}
.ob-tl-coming{padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px dashed rgba(42,221,221,.29);background:radial-gradient(circle at 55% 10%,rgba(42,221,221,.055),transparent 60%),linear-gradient(145deg,#0e1822,#0b1119)}
.ob-tl-add-graphic{position:relative;width:100%;height:104px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ob-tl-add-icon{width:64px;height:64px;border-radius:20px;background:rgba(42,221,221,.11);border:1px solid rgba(42,221,221,.3);display:flex;align-items:center;justify-content:center;color:#56e2e5;box-shadow:0 0 34px rgba(42,221,221,.055);z-index:1}
.ob-tl-add-icon svg{width:29px;height:29px}
.ob-tl-add-graphic-ring{position:absolute;width:104px;height:104px;border:1px dashed rgba(42,221,221,.24);border-radius:50%}
.ob-tl-coming-kicker{display:block;color:#47d0d5;font-size:10px;font-weight:850;letter-spacing:.16em;margin-bottom:9px}
.ob-tl-coming h4{color:#fff;font-size:24px;font-weight:850;letter-spacing:-.045em;line-height:1.22;margin:0 0 12px}
.ob-tl-coming p{color:#9fb0c4;font-size:13px;line-height:1.72;margin:0 0 25px}
.ob-tl-coming-foot{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:#85c8cf;font-weight:650;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;width:100%}
.ob-tl-coming-foot svg{height:16px;width:16px}
/* Garante que textos antigos de status não reapareçam em cache */
.ob-camera-pill [data-status-label],.ob-feed-badge [data-status-label]{display:none!important}
@media(max-width:960px){.ob-tl-intro{grid-template-columns:1fr;gap:22px}.ob-tl-gallery{grid-template-columns:1fr}.ob-tl-coming{min-height:270px}.ob-tl-add-graphic{height:75px}.ob-tl-add-graphic-ring{width:80px;height:80px}.ob-tl-add-icon{width:54px;height:54px}}
@media(max-width:720px){.ob-timelapse-refined{padding:44px 0 70px}.ob-tl-intro{margin-bottom:43px}.ob-tl-intro h2{font-size:36px}.ob-tl-intro-copy>p{font-size:14px;line-height:1.75}.ob-tl-benefit-panel{min-height:0;padding:22px}.ob-tl-featured,.ob-tl-coming{padding:17px}.ob-tl-item-header h4{font-size:20px}.ob-tl-item-foot{display:block}.ob-tl-item-foot a{display:inline-flex;margin-top:12px}.ob-tl-gallery{gap:15px}.ob-tl-coming{min-height:245px}.ob-tl-coming h4{font-size:22px}}

/* Vídeo MP4 próprio da SegCam: retrato apresentado em moldura widescreen */
.ob-tl-player.ob-tl-player-vertical{aspect-ratio:auto;min-height:520px;display:flex;align-items:center;justify-content:center;isolation:isolate;background:radial-gradient(ellipse at 50% 22%,rgba(42,221,221,.13),transparent 55%),repeating-linear-gradient(90deg,transparent 0,transparent 70px,rgba(42,221,221,.018) 70px,rgba(42,221,221,.018) 71px),#030a12}
.ob-tl-player-vertical video{position:relative;z-index:1;display:block;width:auto;height:520px;max-height:70vh;max-width:100%;object-fit:contain;background:#050b12;box-shadow:0 0 55px rgba(0,0,0,.62)}
@media(max-width:720px){.ob-tl-player.ob-tl-player-vertical{min-height:390px}.ob-tl-player-vertical video{height:390px;max-height:64vh}}

/* Section on the public portal follows the municipality cards */
.ob-portfolio-section{padding-bottom:72px}
@media(max-width:720px){.ob-portfolio-section{padding-bottom:38px}}

/* CORREÇÃO: vídeo SegCam I.A. vertical (720×1280) em formato 9:16.
   Regra no próprio HTML para não depender de cache de CSS da Hostinger. */
.ob-timelapse-refined .ob-tl-player.ob-tl-player-vertical{
  aspect-ratio:auto!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding:18px!important;
  background:radial-gradient(ellipse at 50% 45%,rgba(42,221,221,.12),transparent 64%),#050b12!important;
}
.ob-timelapse-refined .ob-tl-player.ob-tl-player-vertical video{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:240px!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:9/16;
  object-fit:contain!important;
  border-radius:11px;
  background:#050b12;
  box-shadow:0 0 40px rgba(0,0,0,.5);
}
@media(max-width:720px){
 .ob-timelapse-refined .ob-tl-player.ob-tl-player-vertical{padding:14px!important}
 .ob-timelapse-refined .ob-tl-player.ob-tl-player-vertical video{width:220px!important}
}