/* Paraná POP - Layout CSS (v0.3.0) */
.pp-wrap{--gap:24px;--pink:#ff2aa6;--thumb:#cfcfcf;--yellow:#ffd400;--green:#00ff2a;--chip:#ff0a0a;}
.pp-wrap{max-width:1180px;margin:0 auto;padding:14px 18px 60px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0b0b0b;}
.pp-wrap a{color:inherit;text-decoration:none;}
.pp-wrap a:hover{text-decoration:underline;}

/* MENU */
.pp-nav{
  display:flex;
  gap:22px;
  align-items:center;
  justify-content:flex-start;
  padding:14px 6px 12px;
  margin:0 0 8px;
  border-bottom:1px solid rgba(0,0,0,.06);
  overflow-x:auto;
  overflow-y:hidden;              /* remove scroll vertical */
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;           /* Firefox */
  -ms-overflow-style:none;        /* IE/Edge antigo */
}

/* esconde scrollbar no Chrome/Safari/Edge */
.pp-nav::-webkit-scrollbar{
  display:none;
}

.pp-nav--sticky{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);}
.pp-nav__item{font-weight:800;font-size:14px;white-space:nowrap;letter-spacing:-.01em;position:relative;padding:4px 0;}
.pp-nav__item::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:3px;border-radius:999px;background:var(--pp-cat,var(--pink));opacity:0;transform:translateY(2px);transition:.18s ease;}
.pp-nav__item:hover::after{opacity:1;transform:translateY(0);}
.pp-nav__home{font-weight:1000;}

/* remove underline preto só no menu */
.pp-nav a,
.pp-nav a:hover,
.pp-nav a:focus{
  text-decoration:none !important;
}

/* TOP */
.pp-top{display:grid;grid-template-columns:220px 1fr 260px;gap:var(--gap);align-items:center;margin-bottom:10px;}
.pp-brand{line-height:1;}
.pp-text-logo .pp-brand__name{font-weight:900;font-size:38px;letter-spacing:-.02em;}
.pp-text-logo .pp-brand__pop{font-weight:1000;font-size:56px;letter-spacing:-.04em;margin-top:6px;background:linear-gradient(180deg,#ff0a0a 0%,#ffd400 45%,#00aaff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 0 rgba(0,0,0,.06);}
.pp-logo{display:flex;align-items:center;}
.pp-logo-img{height:78px;width:auto;max-width:100%;display:block;}

.pp-slot{border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.06);}
.pp-slot--top{min-height:126px;}
.pp-slot--live{min-height:126px;background:var(--green);display:flex;align-items:center;justify-content:center;}
.pp-live-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--green);padding:10px;text-align:center;}
.pp-live-placeholder span{font-weight:800;}
.pp-live-placeholder small{font-size:12px;opacity:.9;margin-top:4px;}
.pp-ad-placeholder{width:100%;height:100%;min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--yellow);text-align:center;}
.pp-ad-placeholder span{font-weight:900;}
.pp-ad-placeholder small{font-size:12px;opacity:.8;margin-top:3px;}

/* SEÇÕES */
.pp-section{margin-top:16px;}
.pp-section__head{display:flex;align-items:center;gap:10px;margin:14px 0 12px;}
.pp-dot{width:8px;height:8px;border-radius:999px;background:var(--pink);}
.pp-section__title{margin:0;font-size:20px;font-weight:900;}
.pp-line{height:2px;flex:1;background:var(--pink);border-radius:99px;margin-left:6px;}

/* HEAD GRID */
.pp-head-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--gap);align-items:center;}
.pp-head-grid .pp-section__head{margin-top:6px;}

/* LATEST */
.pp-latest-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--gap);align-items:start;}
.pp-latest-main{display:grid;grid-template-columns:1fr;gap:var(--gap);}
.pp-featured{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start;}
.pp-thumb{background:var(--thumb);border-radius:14px;width:100%;height:100%;min-height:120px;}
.pp-thumb--xl{min-height:220px;}
.pp-thumb--md{min-height:128px;}
.pp-thumb--sm{min-height:92px;}
.pp-thumb--row{min-height:120px;}
.pp-img{border-radius:14px;display:block;width:100%;height:auto;object-fit:cover;}
.pp-featured__thumb .pp-img{height:220px;width:100%;}
.pp-featured__thumb .pp-thumb{min-height:220px;}
.pp-featured__body{padding-top:6px;}
.pp-featured__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.pp-chip{display:inline-flex;align-items:center;height:20px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em;background:var(--pp-chip,var(--chip));color:#fff;}
.pp-date{font-size:12px;color:#444;}
.pp-h3{margin:0;font-size:26px;line-height:1.05;font-weight:1000;letter-spacing:-.02em;}
.pp-h4{margin:0;font-size:15px;line-height:1.15;font-weight:900;}
.pp-excerpt{margin:10px 0 0;color:#3a3a3a;font-size:13px;line-height:1.4;}
.pp-excerpt--sm{font-size:12px;margin-top:8px;}
.pp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);}
.pp-card__thumb .pp-img{height:140px;width:100%;}
.pp-card__thumb .pp-thumb{height:140px;}
.pp-card__body{padding-top:10px;}
.pp-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.pp-slot--mid{min-height:140px;background:var(--yellow);border-radius:18px;}
.pp-side-list{display:flex;flex-direction:column;gap:14px;}
.pp-side-item{display:grid;grid-template-columns:1fr;gap:10px;}
.pp-side-item__thumb .pp-img{height:180px;width:100%;}
.pp-side-item__thumb .pp-thumb{height:180px;}
.pp-side-item__body{padding-top:2px;}

/* TODAS AS NOTÍCIAS + ADS */
.pp-city-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--gap);align-items:stretch;}
.pp-carousel{display:flex;gap:var(--gap);overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:stretch;}
.pp-carousel::-webkit-scrollbar{height:10px;}
.pp-carousel::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:999px;}
.pp-slide{flex:0 0 100%;scroll-snap-align:start;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:16px;height:100%;}
.pp-slide__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;}
.pp-slide__title{margin:0;font-size:22px;font-weight:1000;letter-spacing:-.02em;}
.pp-slide__hint{font-size:12px;color:#666;}
.pp-slide__list{display:flex;flex-direction:column;gap:16px;}
.pp-row{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start;}
.pp-row__thumb .pp-img{height:120px;width:100%;}
.pp-row__thumb .pp-thumb{height:120px;}
.pp-row__body{padding-top:2px;}
.pp-empty{padding:18px;border-radius:14px;background:#f5f5f5;color:#444;}
.pp-city-ads{display:flex;flex-direction:column;gap:var(--gap);height:100%;}
.pp-slot--side{flex:1;min-height:280px;background:var(--yellow);border-radius:20px;}
.pp-banner img{width:100%;height:auto;display:block;}

@media (max-width:1020px){
  .pp-top{grid-template-columns:1fr;}
  .pp-latest-grid,.pp-head-grid,.pp-city-grid{grid-template-columns:1fr;}
  .pp-cards{grid-template-columns:1fr;}
  .pp-featured{grid-template-columns:1fr;}
  .pp-row{grid-template-columns:1fr;}
  .pp-city-ads{order:2;height:auto;}
  .pp-slot--side{min-height:200px;}
}

/* ===== LIVE CAM (MID) ===== */
.pp-mid-livecam-wrap{
  position:relative; max-width:100%;
  aspect-ratio: var(--ratio);
  overflow:hidden; border-radius:10px; background:#000;
}
#pp-mid-livecam{
  width:100%; height:100%; object-fit:cover;
  transform: translate(var(--move-x), var(--move-y)) scale(var(--zoom));
  transform-origin:center center;
}
#pp-mid-livecam::-webkit-media-controls,
#pp-mid-livecam::-moz-media-controls{display:none!important}

.pp-mid-livecam-live{
  position:absolute; top:12px; left:12px; z-index:5;
  background:#ff1919; color:#fff; font:700 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  display:flex; align-items:center; gap:6px;
  padding:6px 12px; border-radius:8px; user-select:none; pointer-events:none;
}
.pp-mid-dot{ width:10px; height:10px; border-radius:50%; background:#fff; animation:ppMidPulse 1.5s infinite }
@keyframes ppMidPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.6)}100%{opacity:1;transform:scale(1)}}

.pp-mid-livecam-clock{
  position:absolute; top:12px; right:12px; z-index:5;
  color:#fff; background:rgba(0,0,0,.45);
  padding:6px 12px; border-radius:10px; backdrop-filter:blur(4px);
  font:700 13px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  user-select:none; pointer-events:none;
}

.pp-mid-livecam-loc{
  position:absolute; left:12px; bottom:12px; z-index:5;
  color:#fff; background:rgba(0,0,0,.35);
  padding:6px 12px; border-radius:10px; backdrop-filter:blur(3px);
  font:600 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  max-width:min(88%, 720px); user-select:none; pointer-events:none;
}
.pp-mid-loc-text{ display:block; opacity:1; transition: opacity .45s ease; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pp-mid-livecam-loc.pp-mid-fade .pp-mid-loc-text{ opacity:0; }

.pp-mid-livecam-wm{
  position:absolute; right:12px; bottom:12px; z-index:5;
  color:#fff; background:rgba(0,0,0,.35);
  padding:6px 12px; border-radius:10px; backdrop-filter:blur(3px);
  font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  user-select:none; pointer-events:none;
}

@media (max-width: 600px){
  .pp-mid-livecam-live{ font-size:12px; padding:4px 8px; }
  .pp-mid-livecam-clock{ font-size:12px; padding:4px 8px; }
  .pp-mid-livecam-loc{ font-size:12px; padding:4px 8px; max-width:78%; }
  .pp-mid-livecam-wm{ font-size:12px; padding:4px 8px; }
}
@media (max-width: 360px){
  .pp-mid-livecam-live{ font-size:11px; padding:3px 7px; }
  .pp-mid-livecam-clock{ font-size:11px; padding:3px 7px; }
  .pp-mid-livecam-loc{ font-size:11px; padding:3px 7px; max-width:72%; }
  .pp-mid-livecam-wm{ font-size:11px; padding:3px 7px; }
}