/*
 * SZA Gallery — editorial skin
 * Loaded after the inherited Arquivex styles so Coppermine keeps its native
 * behaviour while every public surface receives the new visual language.
 */

:root {
  --sza-ink: #17354d;
  --sza-ink-deep: #17354d;
  --sza-ocean: #ff0565;
  --sza-sage: #acc0cc;
  --sza-mist: #d8eaf1;
  --sza-paper: #dcedf4;
  --sza-white: #fff9f1;
  --sza-coral: #ff0565;
  --sza-line: rgba(23,53,77, .15);
  --sza-shadow: 0 24px 64px rgba(23,53,77, .11);
}

/* ========================================================================== */
/* SZA Updates — novo topo da capa                                            */
/* ========================================================================== */

@font-face {
  font-family: "Basic Sans Local";
  src: local("Basic Sans"), local("BasicSans");
  font-style: normal;
  font-weight: 100 900;
}

.gallery-site.gallery-home {
  --sza-new-cream: #fff9e9;
  --sza-new-ink: #17354d;
}

.gallery-site .sza-new-nav {
  position: fixed;
  z-index: 40;
  top: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: 180px 1fr 180px;
  align-items: center;
  padding: 26px 60px 0;
  color: var(--sza-new-cream);
  pointer-events: none;
}

.gallery-site .sza-new-nav-pill {
  grid-column: 2;
  justify-self: center;
  display: flex;
  width: 340px;
  height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 999px;
  background: rgba(255, 255, 255, .22);
  box-shadow: inset 0 4px 8px rgba(255, 255, 255, .26);
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  pointer-events: auto;
}

.gallery-site .sza-new-avatar {
  position: relative;
  top: 0;
  left: -30px;
  display: block;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  overflow: hidden;
  border: 5px solid #f9f3e0;
  border-radius: 50%;
  background: transparent;
}

.gallery-site .sza-new-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.gallery-site .sza-new-nav-links,
.gallery-site .sza-new-socials {
  display: flex;
  align-items: center;
  gap: 3px;
}

.gallery-site .sza-new-nav-links > a,
.gallery-site .sza-new-socials a {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  color: var(--sza-new-cream);
  text-decoration: none;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.gallery-site .sza-new-nav-links > a:hover,
.gallery-site .sza-new-nav-links > a:focus-visible,
.gallery-site .sza-new-socials a:hover,
.gallery-site .sza-new-socials a:focus-visible {
  border-color: rgba(255, 255, 255, .9);
  background: rgba(255, 255, 255, .14);
  outline: none;
}

.gallery-site .sza-new-nav-links svg,
.gallery-site .sza-new-socials svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gallery-site .sza-new-socials a[aria-label="Instagram"] svg,
.gallery-site .sza-new-socials a[aria-label="Spotify"] svg {
  width: 19px;
  height: 19px;
}

.gallery-site .sza-new-socials .sza-new-x-icon,
.gallery-site .sza-new-socials .sza-new-fill-dot {
  fill: currentColor;
  stroke: none;
}

.gallery-site .sza-new-hero {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 720px;
  overflow: hidden;
  isolation: isolate;
  background: #79ace2;
}

.gallery-site .sza-new-hero-photo {
  position: absolute;
  z-index: -5;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

.gallery-site .sza-new-butterfly-layer {
  position: absolute;
  z-index: 1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.gallery-site .sza-new-butterfly {
  position: absolute;
  top: var(--top);
  left: 0;
  width: var(--size);
  height: calc(var(--size) * .74);
  opacity: 0;
  filter: drop-shadow(0 5px 5px rgba(23,53,77, .22));
  will-change: transform, opacity;
  animation: sza-new-butterfly-ltr var(--duration) var(--delay) cubic-bezier(.33, .02, .63, .98) both;
}

.gallery-site .sza-new-butterfly.rtl {
  right: 0;
  left: auto;
  animation-name: sza-new-butterfly-rtl;
}

.gallery-site .sza-new-butterfly svg { width: 100%; height: 100%; overflow: visible; }
.gallery-site .sza-new-butterfly .wing-left,
.gallery-site .sza-new-butterfly .wing-right {
  transform-box: fill-box;
  animation: .24s ease-in-out infinite alternate;
}
.gallery-site .sza-new-butterfly .wing-left { transform-origin: right center; animation-name: sza-new-wing-left; }
.gallery-site .sza-new-butterfly .wing-right { transform-origin: left center; animation-name: sza-new-wing-right; }
.gallery-site .sza-new-butterfly .wing-main { fill: var(--wing); }
.gallery-site .sza-new-butterfly .wing-detail { fill: var(--wing-detail); opacity: .72; }
.gallery-site .sza-new-butterfly .body { fill: #17354d; }
.gallery-site .sza-new-butterfly .antenna { fill: none; stroke: #17354d; stroke-width: 1.25; stroke-linecap: round; }

@keyframes sza-new-wing-left {
  from { transform: scaleX(.3) rotate(-4deg); }
  to { transform: scaleX(1) rotate(3deg); }
}
@keyframes sza-new-wing-right {
  from { transform: scaleX(.3) rotate(4deg); }
  to { transform: scaleX(1) rotate(-3deg); }
}
@keyframes sza-new-butterfly-ltr {
  0% { opacity: 0; transform: translate3d(-13vw, 2vh, 0) rotate(-9deg) scale(.86); }
  7% { opacity: .96; }
  22% { transform: translate3d(18vw, -3vh, 0) rotate(7deg) scale(1); }
  46% { transform: translate3d(48vw, 4vh, 0) rotate(-6deg) scale(.92); }
  72% { transform: translate3d(79vw, -4vh, 0) rotate(7deg) scale(1.04); }
  94% { opacity: .96; }
  100% { opacity: 0; transform: translate3d(114vw, 2vh, 0) rotate(-5deg) scale(.9); }
}
@keyframes sza-new-butterfly-rtl {
  0% { opacity: 0; transform: translate3d(13vw, -2vh, 0) rotate(9deg) scale(.88); }
  7% { opacity: .96; }
  25% { transform: translate3d(-20vw, 4vh, 0) rotate(-7deg) scale(1.03); }
  49% { transform: translate3d(-50vw, -3vh, 0) rotate(6deg) scale(.93); }
  74% { transform: translate3d(-81vw, 4vh, 0) rotate(-8deg) scale(1); }
  94% { opacity: .96; }
  100% { opacity: 0; transform: translate3d(-114vw, -2vh, 0) rotate(6deg) scale(.88); }
}

.gallery-site .sza-new-headline {
  position: absolute;
  z-index: 3;
  top: 39%;
  left: 50%;
  display: flex;
  align-items: baseline;
  gap: .17em;
  margin: 0;
  transform: translateX(-50%);
  color: #fef8e8;
  font-family: "DM Serif Display", Georgia, serif;
  font-size: clamp(82px, 8.6vw, 170px);
  font-weight: 400;
  line-height: .94;
  letter-spacing: -8px;
  text-shadow: 0 2px 12px rgba(23,53,77, .24);
  white-space: nowrap;
}

.gallery-site .sza-new-headline > span { position: relative; display: block; }

.gallery-site .sza-new-gallery-badge {
  position: absolute;
  z-index: 5;
  bottom: 130px;
  left: 90%;
  display: inline-flex;
  min-width: 88px;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: var(--sza-new-cream);
  box-shadow: 0 8px 20px rgba(23,53,77, .13);
  color: #17354d;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .24em;
  line-height: 1;
  text-indent: .24em;
}

.gallery-site .sza-new-archive-card {
  position: absolute;
  z-index: 9;
  top: 54%;
  left: 50%;
  display: grid;
  width: min(790px, calc(100vw - 32px));
  height: 142px;
  min-height: 142px;
  grid-template-columns: 228px 1fr;
  gap: 18px;
  padding: 13px 17px 10px;
  overflow: hidden;
  transform: translateX(-50%);
  border-radius: 71px 0 0 71px;
  background: var(--sza-new-cream);
  color: #17354d;
}

.gallery-site .sza-new-archive-strip {
  position: relative;
  overflow: hidden;
  border-radius: 60px 0 0 60px;
  background: var(--sza-new-cream);
}

.gallery-site .sza-new-archive-slides {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #17354d;
}

.gallery-site .sza-new-archive-slides img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  filter: grayscale(1) brightness(1.35) contrast(.9);
  transition: filter .45s ease;
  animation: sza-new-slide-one 12s infinite;
}

.gallery-site .sza-new-archive-slides img:nth-of-type(2) { animation-name: sza-new-slide-two; }
.gallery-site .sza-new-archive-slides img:nth-of-type(3) { object-position: center 15%; animation-name: sza-new-slide-three; }
.gallery-site .sza-new-archive-strip:hover .sza-new-archive-slides img {
  filter: grayscale(0) brightness(1.12) saturate(1) contrast(.96);
}

.gallery-site .sza-new-archive-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

.gallery-site .sza-new-archive-copy h2 {
  margin: 0 0 6px;
  color: #17354d;
  font-family: "DM Serif Display", Georgia, serif;
  font-size: 20.5px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.5px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.gallery-site .sza-new-archive-copy p {
  margin: 0;
  color: #244158;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.28;
  text-align: justify;
  text-align-last: left;
  text-wrap: balance;
}

.gallery-site .sza-new-archive-copy a { color: inherit; text-underline-offset: 2px; }

.gallery-site .sza-new-archive-stats {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid #c6bea8;
}

.gallery-site .sza-new-archive-stats b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px 4px;
  border-radius: 999px;
  background: #ff0565;
  color: #fff9e9;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

@keyframes sza-new-slide-one {
  0%, 28% { opacity: 1; }
  33%, 100% { opacity: 0; }
}
@keyframes sza-new-slide-two {
  0%, 28% { opacity: 0; }
  33%, 61% { opacity: 1; }
  66%, 100% { opacity: 0; }
}
@keyframes sza-new-slide-three {
  0%, 61% { opacity: 0; }
  66%, 95% { opacity: 1; }
  100% { opacity: 0; }
}

.gallery-site .sza-new-sky-band {
  position: absolute;
  z-index: 8;
  top: calc(100% + 200px - 32.71vw);
  left: 0;
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}

@media (min-width: 1440px) {
  .gallery-site .sza-new-sky-band { top: calc(100% + 35px - 21.25vw); }
}

@media (max-width: 1180px) {
  .gallery-site .sza-new-nav { grid-template-columns: 1fr auto; padding-inline: 28px; }
  .gallery-site .sza-new-nav-pill { grid-column: 1; justify-self: start; }
  .gallery-site .sza-new-headline { font-size: clamp(68px, 9.4vw, 112px); }
  .gallery-site .sza-new-archive-card { width: min(790px, calc(100% - 80px)); }
}

@media (max-width: 760px) {
  .gallery-site .sza-new-hero { min-height: 700px; }
  .gallery-site .sza-new-nav {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px 0;
  }
  .gallery-site .sza-new-nav-pill {
    display: flex;
    width: auto;
    height: auto;
    flex: 1;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .gallery-site .sza-new-avatar {
    left: 0;
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    border-width: 3px;
  }
  .gallery-site .sza-new-nav-links { margin-left: auto; gap: 3px; }
  .gallery-site .sza-new-socials { gap: 1px; }
  .gallery-site .sza-new-nav-links > a,
  .gallery-site .sza-new-socials a { width: 28px; height: 28px; }
  .gallery-site .sza-new-nav-links svg,
  .gallery-site .sza-new-socials svg { width: 16px; height: 16px; }
  .gallery-site .sza-new-hero-photo { object-position: 52% center; }
  .gallery-site .sza-new-headline {
    top: 34%;
    gap: .13em;
    font-size: clamp(42px, 14.5vw, 56px);
    letter-spacing: -2.5px;
  }
  .gallery-site .sza-new-gallery-badge {
    bottom: calc(100% + 9px);
    left: 50%;
    min-width: 64px;
    height: 24px;
    padding: 0 7px;
    font-size: 8.5px;
    letter-spacing: .2em;
    text-indent: .2em;
  }
  .gallery-site .sza-new-archive-card {
    top: 42%;
    width: calc(100% - 20px);
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 8px;
    border-radius: 50px 0 0 0;
  }
  .gallery-site .sza-new-archive-strip { height: 82px; border-radius: 42px 0 0 42px; }
  .gallery-site .sza-new-archive-copy { padding: 8px 2px 2px; }
  .gallery-site .sza-new-archive-copy h2 {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.04;
    white-space: normal;
  }
  .gallery-site .sza-new-archive-copy p {
    font-size: 8.5px;
    line-height: 1.3;
    text-align: left;
    text-wrap: pretty;
  }
  .gallery-site .sza-new-archive-stats {
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 6px;
    padding-top: 6px;
  }
  .gallery-site .sza-new-archive-stats b { padding: 4px 7px 3px; font-size: 9px; }
  .gallery-site .sza-new-sky-band {
    top: calc(100% - 220px);
    left: -34%;
    width: 168%;
    max-width: none;
  }
}

/* Painel administrativo — identidade SZA 2026. */
.admin-shell.admin-shell {
  --dlp-body: #fff9f1;
  --dlp-surface: #fff9f1;
  --dlp-pink: #ff0565;
  --dlp-blue: #5fdeff;
  --dlp-blue-dark: #17354d;
  --dlp-muted: rgba(23, 53, 77, .58);
  --dlp-border: rgba(23, 53, 77, .14);
  display: grid !important;
  grid-template-columns: 286px minmax(0, 1fr) !important;
  min-height: 100vh !important;
  background: #fff9f1 !important;
  color: #17354d !important;
}

.admin-shell.admin-shell .admin-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  display: flex !important;
  width: 286px !important;
  padding: 24px 18px 22px !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-right: 1px solid rgba(23, 53, 77, .1) !important;
  background: #fff9f1 !important;
  box-shadow: 18px 0 46px -40px rgba(23, 53, 77, .55) !important;
  color: #17354d !important;
}

.admin-shell.admin-shell .admin-brand {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 152px !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  margin: 0 0 22px !important;
  padding: 10px !important;
  overflow: visible !important;
  border-radius: 24px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.admin-shell.admin-shell .admin-brand .brand-mark,
.admin-shell.admin-shell .admin-logo-image {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  height: 160px !important;
  min-height: 160px !important;
  max-height: 160px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: #17354d !important;
  object-fit: contain !important;
}

.admin-shell.admin-shell .admin-nav-wrap {
  margin: 0 !important;
  padding: 0 2px 12px !important;
}

.admin-shell.admin-shell .admin-nav {
  gap: 5px !important;
}

.admin-shell.admin-shell .admin-nav-section {
  display: block !important;
  margin: 18px 10px 5px !important;
  color: rgba(23, 53, 77, .55) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
}

.admin-shell.admin-shell .admin-nav-item {
  min-height: 44px !important;
  gap: 8px !important;
  padding: 0 13px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #17354d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  transition: background .2s ease, color .2s ease, transform .2s ease !important;
}

.admin-shell.admin-shell .admin-nav-item .admin-icon,
.admin-shell.admin-shell .admin-nav-item .admin-icon .arq-ico {
  color: #17354d !important;
}

.admin-shell.admin-shell .admin-nav-item:hover {
  border-color: rgba(23, 53, 77, .1) !important;
  background: rgba(255,249,241, .72) !important;
  color: #17354d !important;
  transform: translateX(3px) !important;
}

.admin-shell.admin-shell .admin-nav-item.active,
.admin-shell.admin-shell .admin-nav-item.is-active {
  border-color: #ff0565 !important;
  background: #ff0565 !important;
  color: #fff9f1 !important;
  box-shadow: 0 12px 26px -18px rgba(255, 5, 101, .8) !important;
}

.admin-shell.admin-shell .admin-nav-item.active::before,
.admin-shell.admin-shell .admin-nav-item.is-active::before {
  display: none !important;
}

.admin-shell.admin-shell .admin-nav-item.active .admin-icon,
.admin-shell.admin-shell .admin-nav-item.active .admin-icon .arq-ico,
.admin-shell.admin-shell .admin-nav-item.is-active .admin-icon,
.admin-shell.admin-shell .admin-nav-item.is-active .admin-icon .arq-ico {
  color: #fff9f1 !important;
}

.admin-shell.admin-shell .admin-main {
  grid-column: 2 !important;
  min-width: 0 !important;
  background: #fff9f1 !important;
}

.admin-shell.admin-shell .admin-topbar {
  height: 78px !important;
  margin: 18px 26px 0 !important;
  padding: 0 24px !important;
  border: 1px solid rgba(23, 53, 77, .1) !important;
  border-radius: 20px !important;
  background: linear-gradient(108deg, #5fdeff 0%, #c7f6ff 58%, #fff9f1 100%) !important;
  box-shadow: 0 18px 38px -34px rgba(23, 53, 77, .65) !important;
}

.admin-shell.admin-shell .admin-topbar .back-to-gallery,
.admin-shell.admin-shell .admin-topbar .logout-entry {
  padding: 10px 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #17354d !important;
  font-size: 10px !important;
  letter-spacing: .1em !important;
}

.admin-shell.admin-shell .admin-topbar .back-to-gallery {
  background: rgba(255,249,241, .68) !important;
}

.admin-shell.admin-shell .admin-topbar .logout-entry {
  background: #ff0565 !important;
  color: #fff9f1 !important;
}

.admin-shell.admin-shell .admin-content {
  width: auto !important;
  max-width: 1540px !important;
  margin: 0 auto !important;
  padding: 34px 42px 72px !important;
  background: #fff9f1 !important;
  color: #17354d !important;
}

.admin-shell.admin-shell .admin-title-row {
  margin-bottom: 26px !important;
}

.admin-shell.admin-shell .admin-title-row p,
.admin-shell.admin-shell .panel-title p,
.admin-shell.admin-shell .stat-card p {
  color: #ff0565 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.admin-shell.admin-shell .admin-title-row h1 {
  margin-bottom: 8px !important;
  color: #17354d !important;
  font-size: clamp(38px, 4vw, 56px) !important;
  font-weight: 600 !important;
  letter-spacing: -.055em !important;
}

.admin-shell.admin-shell .admin-title-row > div > span {
  color: rgba(23, 53, 77, .58) !important;
  font-size: 12px !important;
}

.admin-shell.admin-shell .stat-grid {
  gap: 14px !important;
}

.admin-shell.admin-shell .stat-card {
  min-height: 154px !important;
  padding: 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(23, 53, 77, .12) !important;
  border-radius: 22px !important;
  background: #fff9f1 !important;
  box-shadow: 0 20px 44px -36px rgba(23, 53, 77, .58) !important;
}

.admin-shell.admin-shell .stat-card::after {
  position: absolute !important;
  inset: auto -28px -34px auto !important;
  width: 94px !important;
  height: 94px !important;
  content: "" !important;
  border-radius: 50% !important;
  background: rgba(95, 222, 255, .34) !important;
}

.admin-shell.admin-shell .stat-card {
  position: relative !important;
}

.admin-shell.admin-shell .stat-card:nth-child(even)::after {
  background: rgba(255, 5, 101, .1) !important;
}

.admin-shell.admin-shell .stat-card strong {
  margin-top: 8px !important;
  color: #17354d !important;
  font-size: 38px !important;
}

.admin-shell.admin-shell .stat-card > i {
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #5fdeff !important;
  color: #17354d !important;
}

.admin-shell.admin-shell .stat-card:nth-child(even) > i {
  background: #ff0565 !important;
  color: #fff9f1 !important;
}

.admin-shell.admin-shell .cpg-panel-grid.is-single {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  margin-top: 20px !important;
}

.admin-shell.admin-shell .panel-card {
  padding: 26px 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(23, 53, 77, .12) !important;
  border-radius: 24px !important;
  background: #fff9f1 !important;
  box-shadow: 0 24px 52px -42px rgba(23, 53, 77, .58) !important;
}

.admin-shell.admin-shell .panel-title h2 {
  color: #17354d !important;
  font-size: 22px !important;
}

.admin-shell.admin-shell .cpg-panel-row {
  min-height: 68px !important;
  justify-content: center !important;
  padding: 14px 12px !important;
  border-top: 1px solid rgba(23, 53, 77, .1) !important;
  border-radius: 12px !important;
  color: #17354d !important;
  transition: background .2s ease, transform .2s ease !important;
}

.admin-shell.admin-shell .cpg-panel-row:hover {
  background: rgba(95, 222, 255, .16) !important;
  transform: translateX(4px) !important;
}

.admin-shell.admin-shell .cpg-panel-row strong {
  color: #17354d !important;
  font-size: 13px !important;
}

.admin-shell.admin-shell .cpg-panel-row small {
  color: rgba(23, 53, 77, .55) !important;
}

@media (max-width: 980px) {
  .admin-shell.admin-shell {
    grid-template-columns: 232px minmax(0, 1fr) !important;
  }
  .admin-shell.admin-shell .admin-sidebar { width: 232px !important; }
  .admin-shell.admin-shell .admin-content { padding: 28px 24px 60px !important; }
  .admin-shell.admin-shell .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 720px) {
  .admin-shell.admin-shell { display: block !important; }
  .admin-shell.admin-shell .admin-sidebar {
    position: static !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 12px 16px !important;
    flex-direction: row !important;
    background: #fff9f1 !important;
  }
  .admin-shell.admin-shell .admin-brand {
    width: 82px !important;
    min-width: 82px !important;
    min-height: 70px !important;
    margin: 0 !important;
    border-radius: 16px !important;
  }
  .admin-shell.admin-shell .admin-brand .brand-mark,
  .admin-shell.admin-shell .admin-logo-image {
    width: 66px !important;
    min-width: 66px !important;
    height: 66px !important;
    min-height: 66px !important;
  }
  .admin-shell.admin-shell .admin-nav-wrap { display: none !important; }
  .admin-shell.admin-shell .admin-main { display: block !important; }
  .admin-shell.admin-shell .admin-topbar { margin: 10px 14px 0 !important; }
  .admin-shell.admin-shell .admin-content { padding: 24px 14px 48px !important; }
  .admin-shell.admin-shell .stat-grid { grid-template-columns: 1fr 1fr !important; }
  .admin-shell.admin-shell .stat-card { min-height: 132px !important; padding: 18px !important; }
  .admin-shell.admin-shell .stat-card strong { font-size: 28px !important; }
}

/* Footer editorial: a própria foto do hero fornece exatamente as mesmas flores. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer {
  position: relative !important;
  min-height: 450px !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff9e9 !important;
  isolation: isolate !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer::before {
  position: absolute !important;
  z-index: 2 !important;
  top: auto !important;
  right: 0 !important;
  bottom: 30px !important;
  left: 0 !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: 450px !important;
  margin: 0 !important;
  content: "" !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url("images/footer-flowers.png") center bottom / 100% 400px no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  clip-path: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  pointer-events: none !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer::after {
  position: absolute !important;
  z-index: 4 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  height: 44px !important;
  content: "" !important;
  background: #d6004e !important;
  clip-path: none !important;
  pointer-events: none !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-feature {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  min-height: 420px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 64px 0 230px !important;
  text-align: center !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-feature p {
  margin: 0 0 18px !important;
  color: rgba(23, 53, 77, .64) !important;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-feature h2 {
  max-width: 1180px !important;
  margin: 0 !important;
  color: #17354d !important;
  font-family: "DM Serif Display", Georgia, serif !important;
  font-size: clamp(56px, 7.6vw, 116px) !important;
  font-weight: 400 !important;
  letter-spacing: -.055em !important;
  line-height: .88 !important;
  text-wrap: balance !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-layout,
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-base {
  position: relative !important;
  z-index: 5 !important;
  color: rgba(255, 249, 233, .72) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-layout {
  padding: 18px 0 8px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-credit,
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-credit a,
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-base {
  color: rgba(255, 249, 233, .78) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-base {
  padding: 8px 0 16px !important;
  border-top-color: rgba(255, 249, 233, .18) !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer {
    min-height: 470px !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer::before {
    bottom: 112px !important;
    height: 270px !important;
    background-size: auto 270px !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer::after {
    height: 108px !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-feature {
    min-height: 360px !important;
    padding: 48px 14px 180px !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-feature p {
    font-size: 9px !important;
    line-height: 1.4 !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-feature h2 {
    font-size: clamp(42px, 13vw, 66px) !important;
  }
}

/* Visualizador: um único contorno, sem o aro cinza duplicado. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-stage {
  border: 0 !important;
  border-radius: 28px !important;
  outline: 0 !important;
  box-shadow: 0 24px 54px -44px rgba(23, 53, 77, .42) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage #pic_info_button > a.navmenu_pic,
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage #slideshow_button > a.navmenu_pic {
  display: inline-grid !important;
  box-sizing: border-box !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #fff9e9 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 5, 101, .2) !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage #pic_info_button > a.navmenu_pic,
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage #slideshow_button > a.navmenu_pic {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }
}

/* O menu interno usa exatamente o mesmo creme dos ícones da página inicial. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .sza-new-nav-links > a,
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .sza-new-socials a {
  color: #fff9e9 !important;
}

/* Visualizador de foto: acabamento suave no lugar do contorno cinza. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-stage {
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 28px !important;
  background:
    linear-gradient(135deg, rgba(95, 222, 255, .09), rgba(255, 249, 241, 0) 34%, rgba(255, 249, 241, 0) 72%, rgba(255, 5, 101, .045)),
    #fff9f1 !important;
  box-shadow:
    inset 0 0 0 1px rgba(95, 222, 255, .32),
    0 28px 68px -50px rgba(23, 53, 77, .52),
    0 14px 34px -30px rgba(255, 5, 101, .28) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .cpg-stage-nav {
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(223, 249, 255, .94) !important;
  box-shadow:
    inset 0 0 0 1px rgba(95, 222, 255, .42),
    0 14px 30px -20px rgba(23, 53, 77, .55) !important;
  backdrop-filter: blur(6px) !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-stage {
    border-radius: 20px !important;
  }
}

/* Controles do visualizador: todos circulares e separados. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-bar-right {
  gap: 8px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage :where(#pic_info_button, #slideshow_button) {
  display: inline-flex !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .navmenu_pic,
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-steps > a {
  display: inline-grid !important;
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #dff9ff !important;
  color: #17354d !important;
  box-shadow: inset 0 0 0 1px rgba(95, 222, 255, .42) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .navmenu_pic {
  background: #fff9e9 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 5, 101, .2) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-steps {
  display: inline-flex !important;
  gap: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage :where(.navmenu_pic, .cpg-photo-steps > a):hover {
  background: #ff0565 !important;
  color: #fff9e9 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .navmenu_pic,
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-steps > a {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gallery-site .sza-new-butterfly-layer { display: none; }
  .gallery-site .sza-new-archive-slides img { animation: none; }
  .gallery-site .sza-new-archive-slides img:first-child { opacity: 1; }
}

@media (max-width: 390px) {
  .gallery-site .sza-new-headline { font-size: 14.5vw; }
  .gallery-site .sza-new-archive-card { top: 41%; }
  .gallery-site .sza-new-nav-links > a,
  .gallery-site .sza-new-socials a { width: 27px; height: 27px; }
}

html { scroll-behavior: smooth; }

body {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--sza-paper) !important;
  color: var(--sza-ink) !important;
}

.gallery-site {
  --gallery-bg: var(--sza-paper) !important;
  --gallery-surface: var(--sza-white) !important;
  --gallery-text: var(--sza-ink) !important;
  --gallery-title: var(--sza-ink-deep) !important;
  --gallery-accent: var(--sza-coral) !important;
  --hero-bg: var(--sza-ink-deep) !important;
  --hero-smoke: var(--sza-ocean) !important;
  --arq-fundo: var(--sza-paper) !important;
  --arq-superficie: var(--sza-white) !important;
  --arq-titulo: var(--sza-ink-deep) !important;
  --arq-texto: var(--sza-ink) !important;
  --arq-detalhe: var(--sza-coral) !important;
  background: #dcedf4 !important;
  color: var(--sza-ink) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
}

.gallery-site :where(h1, h2, h3, .browser-title strong, .updated-album-title) {
  font-family: "DM Serif Display", Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -.035em !important;
}

.gallery-site :where(a, button, input) { font-family: inherit; }

/* Top navigation ----------------------------------------------------------
 * A barra "sai" do topo: o pill escuro encosta na borda superior da janela
 * (cantos de cima retos, os de baixo arredondados) e o conteudo ocupa a faixa
 * util na parte de baixo — menu a esquerda, marca ao centro, utilitarios a
 * direita. Os seletores repetem `.gallery-site` de proposito: a palette.css
 * traz regras `:not(.gallery-home)` que reescreviam a barra nas paginas
 * internas, e aqui a barra precisa ser a mesma em todo o site.
 * ------------------------------------------------------------------------ */
:root {
  --sza-bar: 122px;   /* altura total reservada no topo */
  --sza-bar-width: 1080px; /* teto do pill; abaixo disso ele abraca o conteudo */
  --sza-bar-gap: 28px;     /* respiro unico entre todos os itens */
  --sza-wing-w: 98px;      /* comprimento total de cada aba lateral */
  --sza-wing-pad: 13px;    /* respiro da ponta visivel ate o icone */
  --sza-wing-h: 44px;      /* altura das abas */
  --sza-wing-tuck: 40px;   /* quanto de cada aba fica escondido sob a barra */
  --sza-wing-red: #ff0565; /* vermelho das abas */
  --sza-hero-lift: 120px;   /* quanto a arte do topo sobe para esconder o corte */
  --sza-bar-lip: 34px; /* faixa colada na borda, sem conteudo */
  --sza-bar-row: 68px; /* faixa util: menu, marca e utilitarios */
}

.gallery-site.gallery-site .gallery-topbar,
.gallery-site.gallery-site .gallery-topbar.hero-mode,
.gallery-site.gallery-site .gallery-topbar.archive-mode {
  position: sticky !important;
  top: 0 !important;
  right: auto !important;
  left: auto !important;
  z-index: 80 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: var(--sza-bar) !important;
  min-height: var(--sza-bar) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.gallery-site.gallery-site .gallery-header-inner {
  display: flex !important;
  box-sizing: border-box !important;
  position: relative !important;
  width: min(100% - 48px, 1180px) !important;
  height: var(--sza-bar) !important;
  min-height: var(--sza-bar) !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 0 !important;
  margin-inline: auto !important;
}

/* A barra e as duas abas dividem a mesma superficie para lerem como peças da
   mesma familia. */
.gallery-site.gallery-site .gallery-topbar .gallery-nav,
.gallery-site.gallery-site .gallery-topbar .nav-wing {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  background: linear-gradient(180deg, #17354d 0%, #17354d 62%, #17354d 100%) !important;
  color: var(--sza-paper) !important;
  backdrop-filter: none !important;
}

/* Barra principal — menu com a marca no meio ------------------------------ */
.gallery-site.gallery-site .gallery-topbar .gallery-nav {
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: var(--sza-bar-width) !important;
  height: calc(var(--sza-bar-lip) + var(--sza-bar-row)) !important;
  min-height: calc(var(--sza-bar-lip) + var(--sza-bar-row)) !important;
  max-height: calc(var(--sza-bar-lip) + var(--sza-bar-row)) !important;
  flex: 0 1 auto !important;
  justify-content: center !important;
  z-index: 2 !important;
  gap: var(--sza-bar-gap) !important;
  margin: 0 !important;
  padding: var(--sza-bar-lip) 26px 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 26px 48px -30px rgba(23,53,77, .55), inset 0 -1px 0 rgba(255, 255, 255, .05) !important;
}

/* Abas laterais — saem de tras da barra ------------------------------------
   Ficam no fluxo, ao lado do <nav>, e recuam por baixo dele com margem
   negativa; o z-index menor deixa o encaixe escondido. */
.gallery-site.gallery-site .gallery-topbar .nav-wing {
  position: relative !important;
  z-index: 1 !important;
  width: auto !important;
  min-width: var(--sza-wing-w) !important;
  height: var(--sza-wing-h) !important;
  flex: 0 0 auto !important;
  margin-top: calc(var(--sza-bar-lip) + (var(--sza-bar-row) - var(--sza-wing-h)) / 2) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #ff0565 0%, var(--sza-wing-red) 58%, #ff0565 100%) !important;
  color: #fff9f1 !important;
  box-shadow: 0 18px 34px -22px rgba(196,0,63, .7) !important;
}

.gallery-site.gallery-site .gallery-topbar .nav-wing-left {
  justify-content: flex-start !important;
  margin-right: calc(var(--sza-wing-tuck) * -1) !important;
  padding: 0 var(--sza-wing-tuck) 0 var(--sza-wing-pad) !important;
}

.gallery-site.gallery-site .gallery-topbar .nav-wing-right {
  justify-content: flex-end !important;
  margin-left: calc(var(--sza-wing-tuck) * -1) !important;
  padding: 0 var(--sza-wing-pad) 0 var(--sza-wing-tuck) !important;
}

.gallery-site.gallery-site .gallery-topbar .gallery-nav :where(a, button) {
  color: var(--sza-paper) !important;
}

/* Menu — canto esquerdo --------------------------------------------------- */
/* `display: contents` dissolve o invólucro do menu: cada link passa a ser um
   item do pill, o que permite intercalar a marca entre o segundo e o terceiro
   e manter um respiro identico entre todos. */
.gallery-site.gallery-site .gallery-topbar .nav-primary {
  display: contents !important;
}

/* As duas metades do menu ficam lado a lado da marca; a ordem ja vem do HTML. */

.gallery-site.gallery-site .gallery-topbar .nav-primary > a {
  position: relative !important;
  padding: 9px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(255,249,241, .62) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .19em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color .28s ease !important;
}

.gallery-site.gallery-site .gallery-topbar .nav-primary > a + a::before {
  display: none !important;
  content: none !important;
}

.gallery-site.gallery-site .gallery-topbar .nav-primary > a::after {
  position: absolute !important;
  top: auto !important;
  right: 0 !important;
  bottom: 3px !important;
  left: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: auto !important;
  height: 1px !important;
  border-radius: 0 !important;
  background: var(--sza-coral) !important;
  content: "" !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .34s cubic-bezier(.4, 0, .2, 1) !important;
}

.gallery-site.gallery-site .gallery-topbar .nav-primary > a:hover,
.gallery-site.gallery-site .gallery-topbar .nav-primary > a:focus-visible {
  background: transparent !important;
  color: #fff9f1 !important;
  text-decoration: none !important;
}

.gallery-site.gallery-site .gallery-topbar .nav-primary > a:hover::after,
.gallery-site.gallery-site .gallery-topbar .nav-primary > a:focus-visible::after {
  display: block !important;
  background: var(--sza-coral) !important;
  content: "" !important;
  transform: scaleX(1) !important;
}

/* Marca — centro optico da barra ------------------------------------------ */
.gallery-site.gallery-site .gallery-topbar .nav-brand {
  position: relative !important;
  display: flex !important;
  box-sizing: border-box !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: var(--sza-bar-row) !important;
  min-height: var(--sza-bar-row) !important;
  max-height: var(--sza-bar-row) !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 6px !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  transform: none !important;
}

.gallery-site.gallery-site .gallery-topbar .nav-brand .brand-mark {
  position: relative !important;
  display: flex !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.gallery-site.gallery-site .gallery-topbar .gallery-nav .nav-brand .brand-mark img.nav-logo-image[width][height] {
  position: static !important;
  display: block !important;
  width: 42px !important;
  min-width: 0 !important;
  max-width: 42px !important;
  height: 42px !important;
  max-height: 42px !important;
  object-fit: contain !important;
  object-position: center !important;
  transition: transform .4s cubic-bezier(.4, 0, .2, 1) !important;
}

.gallery-site.gallery-site .gallery-topbar .nav-brand:hover .brand-mark img.nav-logo-image[width][height] {
  transform: scale(1.06) !important;
}

/* Idioma (aba esquerda) e conta (aba direita) ----------------------------- */
.gallery-site.gallery-site .gallery-topbar .nav-wing :where(a, button) {
  color: #fff9f1 !important;
  transition: background .28s ease, color .28s ease !important;
}

.gallery-site.gallery-site .gallery-topbar .language-picker {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

.gallery-site.gallery-site .gallery-topbar .language-trigger {
  display: flex !important;
  width: 32px !important;
  height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

/* Hover sem fundo: so o icone escurece. */
.gallery-site.gallery-site .gallery-topbar .language-trigger:hover,
.gallery-site.gallery-site .gallery-topbar .language-picker.is-open .language-trigger {
  background: transparent !important;
}

.gallery-site.gallery-site .gallery-topbar .language-trigger:hover .language-icon,
.gallery-site.gallery-site .gallery-topbar .language-picker.is-open .language-trigger .language-icon {
  color: var(--sza-ink-deep) !important;
}

.gallery-site.gallery-site .gallery-topbar .language-icon {
  width: auto !important;
  height: auto !important;
  color: #fff9f1 !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.gallery-site.gallery-site .gallery-topbar .language-menu {
  position: absolute !important;
  top: calc(100% + 14px) !important;
  left: calc(var(--sza-wing-pad) * -1) !important;
  z-index: 5 !important;
  transform: none !important;
  display: flex !important;
  min-width: 176px !important;
  max-height: 292px !important;
  flex-direction: column !important;
  gap: 2px !important;
  overflow-y: auto !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #17354d 0%, #17354d 100%) !important;
  box-shadow: 0 28px 54px -26px rgba(23,53,77, .68) !important;
}

.gallery-site.gallery-site .gallery-topbar .language-option {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 9px 12px !important;
  border-radius: 0 !important;
  color: rgba(255,249,241, .6) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.gallery-site.gallery-site .gallery-topbar .language-option span {
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-overflow: ellipsis !important;
}

.gallery-site.gallery-site .gallery-topbar .language-option strong {
  min-width: 20px !important;
  color: var(--sza-paper) !important;
  font-weight: 700 !important;
}

.gallery-site.gallery-site .gallery-topbar .language-option:hover {
  background: rgba(255, 255, 255, .07) !important;
  color: #fff9f1 !important;
}

.gallery-site.gallery-site .gallery-topbar .language-option.is-current {
  color: #fff9f1 !important;
}

.gallery-site.gallery-site .gallery-topbar .language-option.is-current strong {
  color: #ff0565 !important;
}

.gallery-site.gallery-site .gallery-topbar :where(.login-entry, .admin-entry, .logout-entry) {
  display: flex !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 0 !important;
}

.gallery-site.gallery-site .gallery-topbar .nav-wing :where(.login-entry, .admin-entry, .logout-entry):hover {
  background: transparent !important;
  color: var(--sza-ink-deep) !important;
}

.gallery-site.gallery-site .gallery-topbar .logout-icon {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.65 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.gallery-site.gallery-site .gallery-topbar .nav-wing-right .admin-entry + .logout-entry {
  margin-left: 4px !important;
}

/* Menu sanduiche (telas pequenas) ----------------------------------------- */
.gallery-site.gallery-site .gallery-topbar .mobile-nav-toggle {
  width: 34px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.gallery-site.gallery-site .gallery-topbar .mobile-nav-toggle:hover {
  background: rgba(255, 255, 255, .07) !important;
}

/* Hero com a arte enviada ------------------------------------------------- */
/* A arte fica no tamanho original (`contain`, mesma altura de antes) e comeca
   na metade das abas vermelhas: `lip + row / 2` e exatamente o meio delas.
   A imagem vive num ::before proprio — assim a mascara que dissolve as bordas
   retas do PNG no fundo da pagina nao corta o conteudo do hero. A arte tem
   2000x1050, entao a metade dela mede a altura da faixa vezes 0.952. */
.gallery-site.gallery-site.gallery-home .archive-intro {
  --sza-hero-h: clamp(500px, 44vw, 690px);
  --sza-hero-half: calc(var(--sza-hero-h) * .952);
  --sza-hero-fade: 130px;
  position: relative !important;
  margin-top: calc(var(--sza-bar-lip) + var(--sza-bar-row) / 2 - var(--sza-bar)) !important;
  background-image: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.gallery-site.gallery-site.gallery-home .archive-intro::before {
  display: none !important;
  content: none !important;
}

/* As 64 faixas: cada uma repete a arte inteira e recorta a propria fatia, e
   sobe com um atraso de 18ms sobre a anterior. A mascara lateral fica no
   invólucro, para as bordas do PNG continuarem se dissolvendo no fundo. */
.gallery-site.gallery-site.gallery-home .hero-art {
  --sza-strip: calc(100% / 64);
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(to right,
      transparent calc(50% - var(--sza-hero-half)),
      #000 calc(50% - var(--sza-hero-half) + var(--sza-hero-fade)),
      #000 calc(50% + var(--sza-hero-half) - var(--sza-hero-fade)),
      transparent calc(50% + var(--sza-hero-half))) !important;
  mask-image: linear-gradient(to right,
      transparent calc(50% - var(--sza-hero-half)),
      #000 calc(50% - var(--sza-hero-half) + var(--sza-hero-fade)),
      #000 calc(50% + var(--sza-hero-half) - var(--sza-hero-fade)),
      transparent calc(50% + var(--sza-hero-half))) !important;
}

.gallery-site.gallery-site.gallery-home .hero-art i {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background: url("images/titulosza.png") center / contain no-repeat !important;
  /* 1px de sobreposicao entre faixas vizinhas: sem isso o arredondamento
     sub-pixel deixa fios claros entre elas. */
  clip-path: inset(0 calc(100% - ((var(--i) + 1) * var(--sza-strip)) - 1px) 0 calc(var(--i) * var(--sza-strip)));
  animation: sza-persiana .75s cubic-bezier(.2, .85, .2, 1) both;
  animation-delay: calc(var(--i) * .018s);
}

@keyframes sza-persiana {
  from { opacity: 0; transform: translateY(56px) scale(1.03); }
  to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .gallery-site.gallery-site.gallery-home .hero-art i { animation: none !important; }
}

.gallery-site .archive-intro {
  height: clamp(500px, 44vw, 690px) !important;
  min-height: clamp(500px, 44vw, 690px) !important;
  margin-bottom: 62px !important;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: #dcedf4 url("images/titulosza.png") center / contain no-repeat !important;
  box-shadow: none !important;
}

.gallery-site .archive-intro::before {
  display: none !important;
}

.gallery-site .archive-intro::after {
  display: none !important;
}

.gallery-site .archive-intro .hero-photo,
.gallery-site .archive-intro .hero-smoke { display: none !important; }

.gallery-site .archive-intro-inner {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex !important;
  min-height: inherit;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
  width: min(100% - 48px, 1180px) !important;
  padding: 0 !important;
}

.gallery-site .archive-intro-inner > div:first-child { max-width: 820px !important; }

.gallery-home .archive-intro-inner > div:first-child {
  display: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
}

.gallery-site .archive-intro h1 {
  margin: 0 !important;
  color: var(--sza-paper) !important;
  font-size: clamp(72px, 10vw, 148px) !important;
  line-height: .72 !important;
  letter-spacing: -.07em !important;
  text-transform: none !important;
}

.gallery-site .archive-intro h1 strong { font: inherit !important; }
.gallery-site .archive-intro h1 strong { color: var(--sza-paper) !important; }

.gallery-site .archive-intro-inner > div:first-child > span {
  display: inline-flex !important;
  margin-top: 20px !important;
  padding: 9px 15px !important;
  border: 1px solid rgba(255,249,241, .35) !important;
  border-radius: 0 !important;
  color: var(--sza-paper) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.gallery-site .hero-toolbar {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  align-self: stretch;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-top: 1px solid rgba(23,53,77, .13) !important;
  border-radius: 0 !important;
  background: #dcedf4 !important;
  box-shadow: none !important;
  transform: none !important;
}

.gallery-site .hero-toolbar .archive-search,
.gallery-site.gallery-home .archive-intro .hero-toolbar > .archive-search {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
/* Os numeros do acervo agora moram no bloco de apresentacao, junto das
   fotos — no hero a faixa so competia com a arte. */
.gallery-site.gallery-site .archive-intro .archive-stats-bar,
.gallery-site.gallery-site .archive-intro .hero-toolbar {
  display: none !important;
}

/* Sem a barra vazia e sem o fio dela, a apresentacao encosta na base da arte. */
.gallery-site.gallery-site.gallery-home .archive-intro {
  margin-bottom: 0 !important;
}

.gallery-site.gallery-site.gallery-home .content-wrap.archive-content {
  padding-top: 0 !important;
}

.gallery-site .archive-search-form { --search-surface: rgba(255,255,255,.09); }

/* Home content ------------------------------------------------------------ */
.gallery-site .content-wrap.archive-content {
  width: min(100% - 48px, 1180px) !important;
  padding-top: 26px !important;
  background: transparent !important;
}

.gallery-site .archive-content { background: transparent !important; }
.gallery-site.gallery-home .archive-content {
  background: #dcedf4 !important;
}

.gallery-site.gallery-home .archive-content::before,
.gallery-site.gallery-home .archive-content::after {
  display: none !important;
  content: none !important;
  background: none !important;
  filter: none !important;
  opacity: 0 !important;
}

.gallery-site .admin-control-dock {
  padding-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.gallery-site .admin-control-dock .admin-nav {
  border-color: rgba(23,53,77, .18) !important;
  background: var(--sza-ink-deep) !important;
  box-shadow: none !important;
}

.gallery-site .admin-control-dock .admin-nav::before {
  border-right-color: rgba(220,237,244, .18) !important;
  background: var(--sza-ink-deep) !important;
  color: var(--sza-coral) !important;
}

.gallery-site .admin-control-dock .admin-nav-item {
  color: rgba(220,237,244, .72) !important;
}

.gallery-site .admin-control-dock .admin-nav-item:hover,
.gallery-site .admin-control-dock .admin-nav-item.active {
  border-color: rgba(255,5,101, .34) !important;
  background: rgba(255,5,101, .16) !important;
  color: #fff !important;
}

.gallery-site .admin-control-dock .admin-nav-item .admin-icon,
.gallery-site .admin-control-dock .admin-nav-item .admin-icon .arq-ico {
  color: var(--sza-coral) !important;
}

/* Apresentacao ------------------------------------------------------------
 * Duas colunas na largura do conteudo: as ultimas fotos de um lado, o texto
 * de boas-vindas e os numeros do acervo do outro. Sem links — a navegacao
 * fica so na barra do topo.
 * ------------------------------------------------------------------------ */
.gallery-site.gallery-site .gallery-welcome {
  position: relative;
  z-index: 6;
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 14px !important;
  margin: 0 0 64px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sza-ink) !important;
  box-shadow: none !important;
}

.gallery-site.gallery-site .gallery-welcome::before,
.gallery-site.gallery-site .gallery-welcome::after {
  display: none !important;
  content: none !important;
}

/* Coluna esquerda: a marca ocupa o topo (como o cabecalho da referencia) e a
   faixa de fotos fica na base. */
.gallery-site.gallery-site .welcome-left {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  gap: 12px !important;
}

.gallery-site.gallery-site .welcome-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 28px 32px !important;
  overflow: hidden !important;
  /* Mesmo vermelho das abas do topo. */
  background: linear-gradient(180deg, #ff0565 0%, var(--sza-wing-red) 58%, #ff0565 100%) !important;
}

.gallery-site.gallery-site .welcome-head small {
  display: block !important;
  margin: 0 0 14px !important;
  color: rgba(255,249,241, .62) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .26em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.gallery-site.gallery-site .welcome-head p {
  margin: 0 !important;
  max-width: none !important;
  color: rgba(255,249,241, .9) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.78 !important;
  text-align: justify !important;
}

/* A capitular abre o texto no lugar do titulo. */
.gallery-site.gallery-site .welcome-head .welcome-cap {
  float: left !important;
  margin: 4px 14px 0 0 !important;
  color: #fff9f1 !important;
  font-family: "DM Serif Display", Georgia, serif !important;
  font-size: 74px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: .78 !important;
}

.gallery-site.gallery-site .welcome-head p::after {
  display: block !important;
  clear: both !important;
  content: "" !important;
}

.gallery-site.gallery-site .welcome-head p em {
  font-style: italic !important;
}

.gallery-site.gallery-site .welcome-shots {
  display: grid !important;
  align-self: end !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

/* Capas quadradas, em preto e branco, ancoradas na base da coluna, cada uma
   assentada num fio preto de 2px. */
.gallery-site.gallery-site .welcome-shots figure {
  box-sizing: border-box !important;
  aspect-ratio: 1 / 1 !important;
  border-bottom: 4px solid var(--sza-ink-deep) !important;
}

.gallery-site.gallery-site .welcome-shots figcaption {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  padding: 26px 10px 9px !important;
  background: linear-gradient(180deg, rgba(220,237,244, 0) 0%, rgba(220,237,244, .92) 100%) !important;
  color: var(--sza-ink-deep) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .2em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.gallery-site.gallery-site .welcome-shots figure {
  position: relative;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: var(--sza-paper) !important;
}

.gallery-site.gallery-site .welcome-shots img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  /* As capas ficam rebaixadas, quase no tom da pagina; o hover devolve a
     presenca delas. */
  opacity: .48 !important;
  filter: grayscale(1) contrast(1.02) !important;
  transition: transform .7s cubic-bezier(.2, .7, .2, 1), opacity .45s ease !important;
}

.gallery-site.gallery-site .welcome-shots figure:hover img {
  opacity: .9 !important;
  transform: scale(1.06) !important;
}

.gallery-site.gallery-site .welcome-side {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  gap: 12px !important;
}

/* Linha de cima: os quatro numeros em cartoes e a caixa preta das redes. */
.gallery-site.gallery-site .welcome-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 176px !important;
  gap: 12px !important;
}

.gallery-site.gallery-site .welcome-facts {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  padding: 0 !important;
  background: transparent !important;
}

.gallery-site.gallery-site .welcome-facts span {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 16px 18px !important;
  background: #fff !important;
}

.gallery-site.gallery-site .welcome-facts strong {
  color: var(--sza-wing-red) !important;
  font-family: "DM Serif Display", Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  letter-spacing: -.03em !important;
  line-height: 1 !important;
}

.gallery-site.gallery-site .welcome-facts i {
  color: rgba(23,53,77, .55) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* Caixa preta com os perfis da galeria. */
.gallery-site.gallery-site .welcome-social {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  place-items: stretch !important;
  gap: 6px !important;
  padding: 14px !important;
  background: var(--sza-ink-deep) !important;
}

.gallery-site.gallery-site .welcome-social a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,249,241, .82) !important;
  transition: color .28s ease, background .28s ease !important;
}

.gallery-site.gallery-site .welcome-social a:hover {
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
}

.gallery-site.gallery-site .welcome-social svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
}

/* Contato: a palavra vira o e-mail quando clicada. */
.gallery-site.gallery-site .welcome-contato-toggle {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.gallery-site.gallery-site .welcome-panel label[for="sza-contato"] {
  color: var(--sza-wing-red) !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.gallery-site.gallery-site .welcome-panel label[for="sza-contato"]:hover {
  color: var(--sza-ink-deep) !important;
}

.gallery-site.gallery-site .welcome-contato-email {
  display: none !important;
}

/* A frase nao muda: o e-mail aparece numa linha propria, abaixo dela. */
.gallery-site.gallery-site .welcome-contato-toggle:checked ~ .welcome-contato-email {
  display: block !important;
  margin-top: 12px !important;
}

.gallery-site.gallery-site .welcome-contato-email a {
  color: var(--sza-wing-red) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.gallery-site.gallery-site .welcome-panel {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 26px 22px !important;
  border-radius: 0 !important;
  background: #cfe1e9 !important;
}

.gallery-site.gallery-site .welcome-panel small {
  display: block !important;
  margin-bottom: 10px !important;
  color: var(--sza-coral) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}

/* O titulo cabe numa linha so: o corpo cai o quanto precisar e o texto nao
   quebra (no celular a regra do bloco responsivo libera a quebra). */
.gallery-site.gallery-site .welcome-panel h2 {
  margin: 0 0 12px !important;
  color: var(--sza-ink-deep) !important;
  /* 22px e o corpo em que a frase, em caixa alta e com -1px de entreletras,
     ocupa quase exatamente a largura da caixa (538 de 539) — assim a
     justificacao quase nao precisa abrir espaco entre as palavras. */
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: -1px !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  /* A linha e esticada ate as duas pontas da caixa. */
  text-align: justify !important;
  text-align-last: justify !important;
  white-space: normal !important;
}

.gallery-site.gallery-site .welcome-panel p {
  max-width: none !important;
  margin: 0 !important;
  color: rgba(23,53,77, .74) !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  text-align: justify !important;
}

.gallery-site .archive-section { margin-bottom: 34px !important; }

.gallery-site .archive-section-title {
  align-items: end !important;
  margin-bottom: 22px !important;
  padding: 0 0 13px !important;
  border-bottom: 1px solid var(--sza-line) !important;
}

.gallery-site .archive-section-title span {
  color: var(--sza-coral) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
}

.gallery-site .archive-section-title h2 {
  margin-top: 7px !important;
  color: var(--sza-ink-deep) !important;
  font-size: clamp(27px, 3vw, 38px) !important;
  line-height: .95 !important;
  text-transform: none !important;
}

.gallery-home .archive-section .archive-section-title h2::before {
  content: "✦" !important;
  display: grid !important;
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  place-items: center;
  background: none !important;
  color: var(--sza-coral) !important;
  font: 400 17px/1 Georgia, serif !important;
}

.gallery-site .archive-section-title > a {
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sza-ink) !important;
}

/* Reference-inspired updated album cards --------------------------------- */
/* Cartoes dos albuns -------------------------------------------------------
 * A foto ocupa o cartao inteiro; o numero de acervo e a etiqueta do ano ficam
 * sobre ela no topo, e titulo, visualizacoes e data descansam num veu escuro
 * na base.
 * ------------------------------------------------------------------------ */
.gallery-home .updated-albums-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.gallery-home .updated-album-item {
  display: block !important;
  min-width: 0;
  height: 100% !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  padding: 14px 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Opcao 2: apenas fios verticais separando os cartoes, sem borda externa. */
.gallery-home .updated-album-item + .updated-album-item {
  border-left: 1px solid rgba(23,53,77, .14) !important;
}

.gallery-home .updated-album {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 172px !important;
  min-height: 0;
  margin-inline: auto !important;
  /* Moldura branca de 4px em volta de cada foto. */
  border: 4px solid var(--sza-white) !important;
  border-radius: 0 !important;
  background: var(--sza-ink-deep) !important;
  box-shadow: 0 10px 24px -18px rgba(23,53,77, .45) !important;
  color: var(--sza-paper) !important;
  transform: none !important;
}

.gallery-home .updated-album .album-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--sza-ink-deep) !important;
  box-shadow: none !important;
}

.gallery-home .updated-album .album-thumb img {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  filter: saturate(.86) brightness(.94) !important;
  transition: transform .55s cubic-bezier(.2, .7, .2, 1), filter .45s ease !important;
}

.gallery-home .updated-album:hover .album-thumb img {
  filter: saturate(.95) brightness(1) !important;
  transform: scale(1.045) !important;
}

/* Numero de acervo, no canto superior esquerdo da foto. */
.gallery-home .updated-album .album-index {
  position: absolute !important;
  top: 10px !important;
  left: 11px !important;
  z-index: 3 !important;
  color: rgba(255,249,241, .88) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-shadow: 0 1px 6px rgba(23,53,77, .7) !important;
}

/* Etiqueta vermelha do ano, no canto superior direito. */
.gallery-home .updated-album .album-thumb small {
  position: absolute !important;
  top: 9px !important;
  right: 9px !important;
  z-index: 3 !important;
  max-width: calc(100% - 70px) !important;
  overflow: hidden !important;
  padding: 3px 7px !important;
  background: var(--sza-wing-red) !important;
  color: #fff9f1 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.gallery-home .updated-album .album-thumb i { display: none !important; }

/* Veu da base: escuro o bastante para o texto branco nao brigar com a foto. */
.gallery-home .updated-album .album-copy {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  top: auto !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 46px 11px 38px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg,
      rgba(23,53,77, 0) 0%,
      rgba(23,53,77, .55) 34%,
      rgba(23,53,77, .88) 68%,
      rgba(23,53,77, .98) 100%) !important;
  text-align: left !important;
}

.gallery-home .updated-album .album-copy strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #fff9f1 !important;
  font: 600 11.5px/1.34 "DM Sans", Arial, sans-serif !important;
  letter-spacing: -.01em !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.gallery-home .updated-album .album-copy em { display: none !important; }

.gallery-home .updated-album-stats {
  position: absolute !important;
  inset: auto 11px 11px 11px !important;
  z-index: 3 !important;
  display: flex !important;
  width: auto !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 8px 0 0 !important;
  border-top: 1px solid rgba(255,249,241, .22) !important;
  background: transparent !important;
  color: rgba(255,249,241, .62) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 7px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.gallery-home .updated-album-stats::before { display: none; content: none; }
.gallery-home .updated-album-stats b { font-weight: 600; }
.gallery-home .updated-album-stats i { color: #ff0565; font-style: normal; opacity: 1; }

.gallery-home .updated-album-date { display: none !important; }

/* Categories, album grids and thumbnails --------------------------------- */
.gallery-site .archive-subhero {
  min-height: 210px !important;
  border-radius: 0 !important;
  background:
    linear-gradient(115deg, rgba(23,53,77,.97), rgba(255,5,101,.86)),
    repeating-linear-gradient(118deg, transparent 0 38px, rgba(255,255,255,.04) 38px 39px) !important;
}
.gallery-site .archive-subhero-photo { display: none !important; }

.gallery-site .archive-breadcrumb {
  color: rgba(23,53,77,.62) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.gallery-site .browser-album-grid {
  overflow: hidden;
  border: 1px solid var(--sza-line) !important;
  border-radius: 0 !important;
  background: var(--sza-white) !important;
  box-shadow: none !important;
}

.gallery-site .category-section {
  padding: 28px !important;
  border: 1px solid var(--sza-line) !important;
  border-radius: 0 !important;
  background: var(--sza-mist) !important;
}

.gallery-site .category-section .archive-section-title > p {
  display: grid !important;
  grid-template-columns: repeat(2, 76px) !important;
  gap: 12px !important;
  margin: 0 42px 0 0 !important;
}

.gallery-site .category-section .archive-section-title > p > b {
  display: block !important;
  color: rgba(23,53,77,.58) !important;
  font-size: 9px !important;
  letter-spacing: .12em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.gallery-site .category-section .archive-section-title > p > b:first-child {
  display: block !important;
}


.gallery-site .category-copy strong { color: var(--sza-ink-deep) !important; }
.gallery-site .category-copy strong { font-size: 12px !important; letter-spacing: .02em !important; }
.gallery-site .category-copy small { font-size: 10px !important; line-height: 1.35 !important; }
.gallery-site .category-thumb { width: 46px !important; height: 46px !important; }
.gallery-site .category-thumb img { width: 46px !important; height: 46px !important; object-fit: cover !important; }
.gallery-site .category-years-panel { background: rgba(216,234,241,.72) !important; }

.gallery-home .category-section .folder-symbol,
.gallery-site .category-row .folder-symbol {
  display: grid !important;
  place-items: center !important;
  background: none !important;
  color: transparent !important;
}

.gallery-home .category-section .folder-symbol::before,
.gallery-site .category-row .folder-symbol::before {
  content: "☆" !important;
  color: var(--sza-coral) !important;
  font: 400 22px/1 Georgia, serif !important;
}

.gallery-home .category-section .folder-symbol::after,
.gallery-site .category-row .folder-symbol::after {
  display: none !important;
}

.gallery-home .category-section .folder-symbol svg,
.gallery-site .category-row .folder-symbol svg {
  display: none !important;
}

.gallery-site .sza-coppermine-credit {
  margin: -40px 0 62px;
  color: var(--sza-coral);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
  text-align: center;
  text-transform: uppercase;
}

.gallery-site .browser-title h1 { color: var(--sza-ink-deep) !important; }
.gallery-site .browser-title p { color: var(--sza-coral) !important; }

.gallery-site .browser-album-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  background: var(--sza-line) !important;
}

.gallery-site .browser-album-item,
.gallery-site .browser-album-grid > a {
  background: var(--sza-white) !important;
}

.gallery-site .browser-album-item > a,
.gallery-site .browser-album-grid > a {
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--sza-ink) !important;
  box-shadow: none !important;
}

.gallery-site .browser-album-grid img { filter: saturate(.88) !important; }
.gallery-site .browser-album-grid strong { color: var(--sza-ink-deep) !important; }

.gallery-site .thumbnail-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 205px), 1fr)) !important;
  gap: clamp(14px, 2vw, 28px) !important;
}

.gallery-site .thumbnail-card {
  padding: 12px 12px 14px !important;
  border: 1px solid var(--sza-line) !important;
  border-radius: 0 !important;
  background: var(--sza-white) !important;
  box-shadow: none !important;
}

.gallery-site .thumbnail-image {
  overflow: hidden !important;
  border-radius: 0 !important;
  background: var(--sza-mist) !important;
}
.gallery-site .thumbnail-image img { filter: saturate(.9) !important; transition: transform .4s ease !important; }
.gallery-site .thumbnail-card:hover .thumbnail-image img { transform: scale(1.035) !important; }
.gallery-site .thumbnail-image > span { background: rgba(23,53,77,.84) !important; color: var(--sza-white) !important; }
.gallery-site .thumbnail-meta { color: var(--sza-ink) !important; }
.gallery-site .thumbnail-heart { background: var(--sza-coral) !important; color: var(--sza-white) !important; }

.gallery-site .thumbnail-size-switch,
.gallery-site .archive-pagination { border-color: var(--sza-line) !important; background: var(--sza-white) !important; }
.gallery-site .thumbnail-size-switch .active,
.gallery-site .archive-pagination .active { background: var(--sza-ink) !important; color: var(--sza-white) !important; }

/* Photo view, supporting sections and footer ----------------------------- */
.gallery-site .cpg-photo-bar,
.gallery-site .cpg-photo,
.gallery-site .cpg-filmstrip {
  border-color: var(--sza-line) !important;
  border-radius: 0 !important;
  background: var(--sza-white) !important;
  color: var(--sza-ink) !important;
  box-shadow: none !important;
}

.gallery-site .cpg-photo-stage { background: var(--sza-ink-deep) !important; }
.gallery-site .cpg-photo-steps a { background: var(--sza-mist) !important; color: var(--sza-ink) !important; }

.gallery-home .throwback-window {
  border: 0 !important;
  padding: 14px !important;
  border-radius: 0 !important;
  background: var(--sza-ink-deep) !important;
  color: var(--sza-paper) !important;
}
.gallery-home .throwback-card { border-color: rgba(255,249,241,.18) !important; background: var(--sza-paper) !important; }
.gallery-home .throwback-card { width: 165px !important; flex-basis: 165px !important; border-radius: 0 !important; }
.gallery-home .throwback-card > a { height: 190px !important; }
.gallery-home .throwback-card > div { padding: 10px !important; }
.gallery-home .throwback-card h3 { color: var(--sza-ink-deep) !important; }

.gallery-home .popular-grid > a {
  border-color: var(--sza-line) !important;
  border-radius: 0 !important;
  background: var(--sza-white) !important;
  color: var(--sza-ink) !important;
  box-shadow: none !important;
}
.gallery-home .popular-copy strong { color: var(--sza-ink-deep) !important; }
.gallery-home .popular-rank { background: var(--sza-coral) !important; color: var(--sza-white) !important; }
.gallery-home .popular-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 14px !important; }
.gallery-home .popular-grid > a { min-width: 0 !important; }
.gallery-home .popular-thumb { aspect-ratio: 4 / 5 !important; }
.gallery-home .popular-copy { min-height: 70px !important; padding: 10px !important; }

.gallery-site .gallery-footer {
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--sza-ink-deep) !important;
  color: var(--sza-paper) !important;
}
.gallery-site .gallery-footer::before { opacity: .07 !important; }
.gallery-site .gallery-footer .footer-credit,
.gallery-site .gallery-footer a { color: var(--sza-paper) !important; }
.gallery-site .gallery-footer .brand-mark { color: var(--sza-paper) !important; }
.gallery-site .gallery-footer .brand-mark img { width: 128px !important; height: auto !important; }
.gallery-site .gallery-footer .footer-brand,
.gallery-site .gallery-footer .footer-brand .brand-mark {
  width: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Responsive -------------------------------------------------------------- */
@media (max-width: 1180px) {
  .gallery-home .popular-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 850px) {
  .gallery-site .browser-album-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .gallery-site.gallery-site .gallery-topbar .nav-primary { display: none !important; }
  .gallery-site.gallery-site .gallery-topbar .mobile-nav { display: block !important; }
  /* Sem os links, o flutuante principal fica so com o sanduiche e a marca. */
  .gallery-site.gallery-site .gallery-topbar .nav-brand { margin: 0 !important; }
  .gallery-home .popular-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 720px) {
  .gallery-site.gallery-site {
    --sza-bar: 100px;
    --sza-bar-lip: 26px;
    --sza-bar-row: 62px;
  }
  .gallery-site.gallery-site .gallery-topbar .gallery-nav {
    padding-right: 14px !important;
    padding-left: 14px !important;
    border-radius: 0 !important;
  }
  .gallery-site.gallery-site .gallery-topbar .nav-brand {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }
  .gallery-site.gallery-site .gallery-topbar .nav-brand .brand-mark {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }
  .gallery-site.gallery-site .gallery-topbar .gallery-nav .nav-brand .brand-mark img.nav-logo-image[width][height] {
    width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    max-height: 38px !important;
  }
  .gallery-site .gallery-header-inner,
  .gallery-site .archive-intro-inner,
  .gallery-site .content-wrap.archive-content { width: min(100% - 28px, 1500px) !important; }
  .gallery-site.gallery-home .archive-intro {
    height: 480px !important;
    min-height: 480px !important;
    margin-bottom: 94px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background-size: cover !important;
  }
  .gallery-site.gallery-home .archive-intro-inner {
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 !important;
  }
  .gallery-site .archive-intro h1 { font-size: clamp(64px, 22vw, 104px) !important; }
  .gallery-site.gallery-home .hero-toolbar { padding: 0 12px !important; }
  .gallery-site.gallery-home .archive-intro .hero-toolbar {
    min-height: 66px !important;
    border-radius: 0 !important;
    background: #dcedf4 !important;
  }
  .gallery-site.gallery-home .hero-toolbar .archive-stats-bar,
  .gallery-site.gallery-home .hero-toolbar .archive-stats-bar > div {
    width: 100% !important;
    min-height: 64px !important;
    margin: 0 !important;
  }
  .gallery-site.gallery-home .hero-toolbar .archive-stats-bar > div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }
  .gallery-site.gallery-home .hero-toolbar .archive-stats-bar > div > i {
    display: none !important;
  }
  .gallery-site.gallery-home .hero-toolbar .archive-stats-bar > div > span {
    min-width: 0 !important;
    padding: 7px 4px !important;
    color: var(--sza-ink) !important;
    font-size: 7px !important;
    text-align: center !important;
  }
  .gallery-site.gallery-home .hero-toolbar .archive-stats-bar strong {
    color: var(--sza-ink-deep) !important;
    font-size: 9px !important;
  }
  .gallery-site .archive-stats-bar > div { flex-wrap: wrap !important; gap: 9px 14px !important; }
  .gallery-site .archive-stats-bar i { display: none !important; }
  .gallery-site .gallery-welcome { grid-template-columns: 78px 1fr !important; gap: 14px !important; padding: 12px !important; border-radius: 0 !important; }
  .gallery-site.gallery-site .gallery-welcome {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    margin: 26px 0 48px !important;
  }
  .gallery-site.gallery-site .welcome-shots figure { aspect-ratio: 3 / 4 !important; }
  .gallery-site.gallery-site .welcome-panel { padding: 24px 22px !important; }
  .gallery-site.gallery-site .welcome-panel h2 { font-size: 16px !important; white-space: normal !important; }
  .gallery-site.gallery-site .welcome-panel p { font-size: 12px !important; }
  .gallery-site.gallery-site .welcome-facts { flex-wrap: wrap !important; gap: 12px 18px !important; padding: 16px 20px !important; }
  .gallery-site.gallery-site .welcome-facts strong { font-size: 18px !important; }
  .gallery-home .updated-albums-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .gallery-site .browser-album-grid { grid-template-columns: 1fr !important; border-radius: 0 !important; }
  .gallery-home .updated-album-item { padding: 12px !important; }
  .gallery-site .archive-section-title { align-items: flex-start !important; }
  .gallery-site .archive-section-title > a { margin-top: 16px !important; }
  .gallery-site .gallery-footer { border-radius: 0 !important; }
  .gallery-home .popular-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .gallery-site .category-section { padding: 16px !important; }
  .gallery-site .category-section .archive-section-title > p { display: none !important; }
}

@media (max-width: 430px) {
  .gallery-home .updated-album .album-copy { min-height: 104px !important; padding-inline: 6px !important; }
  .gallery-home .updated-album-stats { width: calc(100% - 10px); padding-inline: 5px; font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .gallery-site * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Sem cantos arredondados -------------------------------------------------
 * Regra final e deliberadamente ampla: o tema herdado (style.css e
 * palette.css) espalha `border-radius` por cartoes, botoes, selos, campos e
 * miniaturas, e o desenho pedido e todo reto. Quatro repeticoes da classe
 * garantem a especificidade contra as regras `!important` herdadas.
 * ------------------------------------------------------------------------ */
.gallery-site.gallery-site.gallery-site.gallery-site,
.gallery-site.gallery-site.gallery-site.gallery-site *,
.gallery-site.gallery-site.gallery-site.gallery-site *::before,
.gallery-site.gallery-site.gallery-site.gallery-site *::after {
  border-radius: 0 !important;
}

/* ==========================================================================
   FAIXA DOS TITULOS DE SECAO
   Cada titulo passa a viver numa faixa escura com degrade que termina no
   vermelho da barra do topo. O rotulo pequeno ("RECENTLY UPDATED") vira um
   traco vermelho, e o botao "view more" vira um bloco de contorno claro.
   ========================================================================== */
.gallery-site.gallery-site .archive-section-title {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  box-sizing: border-box !important;
  margin-bottom: 26px !important;
  padding: 20px 24px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  background: linear-gradient(104deg,
      #17354d 0%,
      #17354d 38%,
      #c4003f 78%,
      var(--sza-wing-red) 100%) !important;
  box-shadow: 0 16px 34px -30px rgba(23,53,77, .7) !important;
}

.gallery-site.gallery-site .archive-section-title > div { min-width: 0 !important; }

/* Rotulo pequeno -> traco vermelho. */
.gallery-site.gallery-site .archive-section-title > div > span {
  display: block !important;
  width: 34px !important;
  height: 3px !important;
  margin: 0 0 12px !important;
  overflow: hidden !important;
  background: var(--sza-wing-red) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
}

.gallery-site.gallery-site .archive-section-title h2 {
  margin: 0 !important;
  color: #fff9f1 !important;
  font-size: clamp(20px, 2.1vw, 27px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.005em !important;
  text-transform: uppercase !important;
}

.gallery-home .archive-section .archive-section-title h2::before {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  color: var(--sza-wing-red) !important;
  font: 400 15px/1 Georgia, serif !important;
}

.gallery-site.gallery-site .archive-section-title > div > p {
  margin: 9px 0 0 !important;
  color: rgba(255,249,241, .58) !important;
  font-size: 12px !important;
}

/* Botao "view more" -------------------------------------------------------- */
.gallery-site.gallery-site .archive-section-title > a,
.gallery-site.gallery-site .archive-section-title > button {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 9px !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 17px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,249,241, .38) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff9f1 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  transform: none !important;
  transition: background .25s ease, color .25s ease, border-color .25s ease !important;
}

.gallery-site.gallery-site .archive-section-title > a:hover,
.gallery-site.gallery-site .archive-section-title > button:hover {
  border-color: #fff9f1 !important;
  background: #fff9f1 !important;
  color: #17354d !important;
  box-shadow: none !important;
  transform: none !important;
}

.gallery-site.gallery-site .archive-section-title > a::before,
.gallery-site.gallery-site .archive-section-title > button::before {
  content: none !important;
  display: none !important;
}

/* Cabecalho de colunas da secao de categorias. */
.gallery-site.gallery-site .category-section .archive-section-title > p {
  display: flex !important;
  width: auto !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 26px !important;
  margin: 0 !important;
  color: rgba(255,249,241, .58) !important;
  white-space: nowrap !important;
}

.gallery-site.gallery-site .category-section .archive-section-title > p > b {
  color: rgba(255,249,241, .58) !important;
}

/* ==========================================================================
   MAIS VISTAS — mesmo acabamento dos albuns recentes
   ========================================================================== */
.gallery-home.gallery-home .popular-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  gap: 26px 20px !important;
}

.gallery-home.gallery-home .popular-grid > a,
.gallery-home.gallery-home .popular-grid > button {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 172px !important;
  margin-inline: auto !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 4px solid var(--sza-white) !important;
  border-radius: 0 !important;
  background: var(--sza-ink-deep) !important;
  box-shadow: 0 10px 24px -18px rgba(23,53,77, .45) !important;
  color: var(--sza-paper) !important;
}

.gallery-home.gallery-home .popular-thumb {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--sza-ink-deep) !important;
  box-shadow: none !important;
}

.gallery-home.gallery-home .popular-thumb img {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  object-fit: cover !important;
  filter: saturate(.86) brightness(.94) !important;
  transition: transform .55s cubic-bezier(.2, .7, .2, 1), filter .45s ease !important;
}

.gallery-home.gallery-home .popular-grid > a:hover .popular-thumb img {
  filter: saturate(.95) brightness(1) !important;
  transform: scale(1.045) !important;
}

/* Posicao no ranking: etiqueta vermelha no canto superior direito. */
.gallery-home.gallery-home .popular-rank {
  position: absolute !important;
  top: 9px !important;
  right: 9px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 3 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 3px 7px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--sza-wing-red) !important;
  color: #fff9f1 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.gallery-home.gallery-home .popular-copy {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  top: auto !important;
  z-index: 2 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 46px 11px 11px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg,
      rgba(23,53,77, 0) 0%,
      rgba(23,53,77, .55) 34%,
      rgba(23,53,77, .88) 68%,
      rgba(23,53,77, .98) 100%) !important;
  text-align: left !important;
}

.gallery-home.gallery-home .popular-copy strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #fff9f1 !important;
  font: 600 11.5px/1.34 "DM Sans", Arial, sans-serif !important;
  letter-spacing: -.01em !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.gallery-home.gallery-home .popular-copy small {
  display: block !important;
  margin: 8px 0 0 !important;
  padding: 8px 0 0 !important;
  border-top: 1px solid rgba(255,249,241, .22) !important;
  color: rgba(255,249,241, .62) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 7px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

/* ==========================================================================
   TOPO DAS PAGINAS INTERNAS
   As paginas internas repetem a arte da capa, menor, sobre o papel da paleta
   e dissolvendo nas laterais e embaixo.
   ========================================================================== */
.gallery-site:not(.gallery-home) .archive-subhero {
  height: clamp(230px, 22vw, 300px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--sza-paper) !important;
}

.gallery-site:not(.gallery-home) .archive-subhero-photo {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  background-color: var(--sza-paper) !important;
  background-image: url("images/titulosza.png") !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  opacity: 1 !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%) !important;
}

.gallery-site:not(.gallery-home) .archive-subhero::before {
  display: none !important;
}

.gallery-site:not(.gallery-home) .archive-subhero::after {
  background: linear-gradient(180deg,
      rgba(220,237,244, 0) 62%,
      rgba(220,237,244, .55) 82%,
      var(--sza-paper) 100%) !important;
}

/* A mesma faixa de titulo tambem nas paginas internas (categorias, albuns). */
.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 0 26px !important;
  padding: 20px 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(104deg,
      #17354d 0%,
      #17354d 38%,
      #c4003f 78%,
      var(--sza-wing-red) 100%) !important;
  box-shadow: 0 16px 34px -30px rgba(23,53,77, .7) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title h2 {
  margin: 0 !important;
  color: #fff9f1 !important;
  font-size: clamp(20px, 2.1vw, 27px) !important;
  line-height: 1.02 !important;
  text-transform: uppercase !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title > div > span {
  display: block !important;
  width: 34px !important;
  height: 3px !important;
  margin: 0 0 12px !important;
  overflow: hidden !important;
  gap: 0 !important;
  background: var(--sza-wing-red) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title > div > span::before {
  content: none !important;
  display: none !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title > p,
.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title > div > p {
  color: rgba(255,249,241, .58) !important;
}

/* ==========================================================================
   PAINEL ADMINISTRATIVO — mesma paleta do site
   ========================================================================== */
.admin-shell .admin-sidebar,
.admin-shell .admin-topbar {
  background: var(--sza-ink-deep, #17354d) !important;
  color: #fff9f1 !important;
}

.admin-shell .admin-sidebar a,
.admin-shell .admin-nav-item {
  color: rgba(255,249,241, .74) !important;
}

.admin-shell .admin-nav-item:hover {
  background: rgba(255,249,241, .08) !important;
  color: #fff9f1 !important;
}

.admin-shell .admin-nav-item.active,
.admin-shell .admin-nav-item.is-active {
  background: var(--sza-wing-red, #ff0565) !important;
  color: #fff9f1 !important;
}

.admin-shell .admin-nav-group,
.admin-shell .admin-sidebar h3,
.admin-shell .admin-sidebar > span {
  color: rgba(255,249,241, .38) !important;
}

.admin-shell .admin-logo-image,
.admin-shell .admin-brand .brand-mark {
  background: transparent !important;
  border-radius: 0 !important;
}

.admin-shell .button,
.admin-shell button.button,
.admin-shell input[type="submit"],
.admin-shell .admin-action {
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--sza-ink-deep, #17354d) !important;
  color: #fff9f1 !important;
}

.admin-shell .button:hover,
.admin-shell button.button:hover,
.admin-shell input[type="submit"]:hover,
.admin-shell .admin-action:hover {
  background: var(--sza-wing-red, #ff0565) !important;
  color: #fff9f1 !important;
}

/* Nada arredondado tambem no painel. */
.admin-shell.admin-shell.admin-shell,
.admin-shell.admin-shell.admin-shell *,
.admin-shell.admin-shell.admin-shell *::before,
.admin-shell.admin-shell.admin-shell *::after {
  border-radius: 0 !important;
}


/* ==========================================================================
   CATEGORIAS — cartoes claros com faixa vermelha (opcao 2)
   Cada categoria vira um cartao solto: miniatura quadrada, nome e descricao,
   e duas etiquetas com as contagens. A estrela e a lista com moldura sairam.
   ========================================================================== */
.gallery-site.gallery-site .category-list {
  display: grid !important;
  gap: 10px !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.gallery-site.gallery-site .category-group {
  border: 0 !important;
  background: transparent !important;
}

.gallery-site.gallery-site .category-row {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) auto auto auto !important;
  align-items: center !important;
  gap: 0 14px !important;
  min-height: 0 !important;
  padding: 14px 18px 14px 14px !important;
  border: 0 !important;
  border-left: 4px solid var(--sza-wing-red) !important;
  border-radius: 0 !important;
  background: var(--sza-white) !important;
  color: var(--sza-ink) !important;
  transition: background .2s ease, transform .2s ease !important;
}

.gallery-site.gallery-site .category-row:hover {
  background: #ffffff !important;
  transform: translateX(3px) !important;
}

/* A estrela some: o cartao ja tem a faixa vermelha como marca. */
.gallery-site.gallery-site .category-row .folder-symbol { display: none !important; }

.gallery-site.gallery-site .category-thumb {
  width: 64px !important;
  height: 64px !important;
  overflow: hidden !important;
  border: 0 !important;
  background: #d0e2ea !important;
}

.gallery-site.gallery-site .category-thumb img {
  width: 64px !important;
  height: 64px !important;
  object-fit: cover !important;
}

.gallery-site.gallery-site .category-copy { padding-right: 18px !important; }
.gallery-site.gallery-site .category-copy strong {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}
.gallery-site.gallery-site .category-copy small {
  margin-top: 4px !important;
  color: rgba(23,53,77, .5) !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
}

/* Etiquetas das contagens. */
.gallery-site.gallery-site .category-row > b {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  margin: 0 0 0 8px !important;
  padding: 6px 10px !important;
  border-radius: 0 !important;
  background: var(--sza-ink-deep) !important;
  color: #fff9f1 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.gallery-site.gallery-site .category-row > b + b {
  background: var(--sza-wing-red) !important;
}

.gallery-site.gallery-site .category-row > b > i {
  font-style: normal !important;
  font-weight: 700 !important;
  opacity: .82 !important;
}

.gallery-site.gallery-site .category-expand-arrow {
  margin-left: 12px !important;
  color: rgba(23,53,77, .34) !important;
}

.gallery-site.gallery-site .category-years-panel {
  margin: 0 !important;
  border-left: 4px solid rgba(255,5,101, .38) !important;
  background: rgba(255, 255, 255, .58) !important;
}

/* --------------------------------------------------------------------------
   Categorias: sem a moldura em volta e com as colunas alinhadas
   -------------------------------------------------------------------------- */
.gallery-site.gallery-site .category-section {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Cabecalho: some o rotulo "categoria" e as duas colunas ficam em cima
   exatamente das etiquetas dos cartoes. */
.gallery-site.gallery-site .category-section .archive-section-title > p {
  display: grid !important;
  grid-template-columns: 100px 100px 26px !important;
  width: auto !important;
  flex: 0 0 auto !important;
  gap: 0 14px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.gallery-site.gallery-site .category-section .archive-section-title > p > b {
  display: block !important;
  text-align: center !important;
}

.gallery-site.gallery-site .category-section .archive-section-title > p > b:first-child {
  display: none !important;
}

/* A faixa e os cartoes passam a ter a mesma margem interna da direita. */
.gallery-site.gallery-site .category-row {
  grid-template-columns: 64px minmax(0, 1fr) 100px 100px 26px !important;
  gap: 0 14px !important;
  padding-right: 24px !important;
}

.gallery-site.gallery-site .category-row > b {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 6px 4px !important;
  text-align: center !important;
}

.gallery-site.gallery-site .category-expand-arrow {
  margin: 0 !important;
  justify-self: center !important;
}

/* Espaco entre o numero e a palavra dentro da etiqueta. */
.gallery-site.gallery-site .category-row > b > i { margin-left: .4em !important; }

/* No hover a faixa lateral vira preta. */
.gallery-site.gallery-site .category-row:hover {
  border-left-color: var(--sza-ink-deep) !important;
}

/* O credito do Coppermine ficava solto, longe da linha de estatisticas.
   Na capa ele sobe; nas paginas internas fica logo abaixo do conteudo, sem
   montar em cima da contagem de arquivos. */
.gallery-site.gallery-site .footer {
  margin-top: 0 !important;
  padding-top: 16px !important;
}

.gallery-home.gallery-home .footer {
  margin-top: -20px !important;
  padding-top: 0 !important;
}

/* A linha de estatisticas vira o rodape branco da lista de categorias. */
.gallery-site.gallery-site .archive-statline {
  margin: 0 !important;
  padding: 15px 24px !important;
  border: 0 !important;
  border-left: 4px solid var(--sza-ink-deep) !important;
  border-radius: 0 !important;
  background: var(--sza-white) !important;
  color: rgba(23,53,77, .5) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

/* ==========================================================================
   THROWBACK — fita de filme
   A caixa escura sai; sobra uma fita continua de fotos em preto e branco,
   com moldura branca e etiqueta vermelha da data. Colore no hover e a
   animacao pausa quando o mouse entra.
   ========================================================================== */
.gallery-home.gallery-home .throwback-window {
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
}

.gallery-home.gallery-home .throwback-track {
  gap: 16px !important;
  align-items: center !important;
}

.gallery-home.gallery-home .throwback-card {
  position: relative !important;
  width: 158px !important;
  flex: 0 0 158px !important;
  height: 214px !important;
  overflow: hidden !important;
  border: 4px solid #ffffff !important;
  border-radius: 0 !important;
  background: var(--sza-ink-deep) !important;
  box-shadow: 0 10px 24px -18px rgba(23,53,77, .5) !important;
}

.gallery-home.gallery-home .throwback-card > a,
.gallery-home.gallery-home .throwback-card > button {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  background: var(--sza-ink-deep) !important;
}

.gallery-home.gallery-home .throwback-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: grayscale(1) contrast(1.04) !important;
  transition: filter .45s ease, transform .6s cubic-bezier(.2, .8, .2, 1) !important;
}

.gallery-home.gallery-home .throwback-card:hover img {
  filter: none !important;
  transform: scale(1.05) !important;
}

/* A data vira etiqueta fixa no canto de baixo. */
.gallery-home.gallery-home .throwback-card > a > span,
.gallery-home.gallery-home .throwback-card > button > span {
  inset: auto auto 0 0 !important;
  width: auto !important;
  padding: 4px 8px !important;
  background: var(--sza-wing-red) !important;
  color: #fff9f1 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 7.5px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  transform: none !important;
}

/* O bloco de texto embaixo sai: a fita e so imagem. */
.gallery-home.gallery-home .throwback-card > div { display: none !important; }

/* O coracinho decorativo nao entra na fita. */
.gallery-home.gallery-home .throwback-card > a::after,
.gallery-home.gallery-home .throwback-card > button::after {
  content: none !important;
  display: none !important;
}

/* A fita atravessa a tela inteira, saindo da coluna do conteudo. */
.gallery-home.gallery-home .throwback-window {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.gallery-home.gallery-home .throwback-section { overflow: visible !important; }


/* Enquadramento igual ao do preview: a foto centralizada, sem o recorte
   para cima que o tema base aplicava. */
.gallery-home.gallery-home .throwback-card img {
  object-position: 50% 50% !important;
}

/* A foto estava deslocada dentro do cartao (margem herdada), deixando a
   faixa preta do fundo aparecer entre a moldura branca e a imagem. */
.gallery-home.gallery-home .throwback-card > a,
.gallery-home.gallery-home .throwback-card > button {
  margin: 0 !important;
}

/* ==========================================================================
   RODAPE
   ========================================================================== */
.gallery-site.gallery-site .gallery-footer {
  position: relative !important;
  overflow: hidden !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  border-top: 3px solid var(--sza-wing-red) !important;
  background: var(--sza-ink-deep) !important;
}

.gallery-site.gallery-site .gallery-footer .footer-layout {
  display: flex !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 26px !important;
  padding: 46px 0 40px !important;
}

.gallery-site.gallery-site .gallery-footer .footer-credit {
  margin: 0 !important;
  color: rgba(255,249,241, .5) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}

.gallery-site.gallery-site .gallery-footer .footer-credit a {
  color: #fff9f1 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,5,101, .8) !important;
  padding-bottom: 2px !important;
}

.gallery-site.gallery-site .gallery-footer .footer-credit a:hover {
  color: var(--sza-wing-red) !important;
  border-bottom-color: var(--sza-wing-red) !important;
}

.gallery-site.gallery-site .gallery-footer .brand-mark img {
  width: 148px !important;
  opacity: .92 !important;
}

.gallery-site.gallery-site .gallery-footer .footer-base {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 15px 0 20px !important;
  border-top: 1px solid rgba(255,249,241, .12) !important;
  color: rgba(255,249,241, .32) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 8.5px !important;
  font-weight: 600 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

@media (max-width: 700px) {
  .gallery-site.gallery-site .gallery-footer .footer-layout,
  .gallery-site.gallery-site .gallery-footer .footer-base {
    flex-direction: column !important;
    gap: 16px !important;
    text-align: center !important;
  }
}

/* Barras de seção — ajuste aprovado: mesmas faixas, cantos suaves e
   borboleta no lugar do brilho. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section-title {
  overflow: hidden !important;
  border-radius: 20px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section-title > a,
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section-title > button {
  border-radius: 999px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section-title > div > span {
  display: none !important;
}

.gallery-site.gallery-home .archive-section .archive-section-title h2::before {
  content: "ʚɞ" !important;
  display: inline-grid !important;
  width: 28px !important;
  height: 22px !important;
  flex: 0 0 28px !important;
  place-items: center !important;
  color: var(--sza-wing-red) !important;
  font-family: "DM Serif Display", Georgia, serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Centraliza o titulo entre o selo GALERIA e a caixa de informacoes. */
@media (min-width: 761px) {
  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-headline {
    top: 34% !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-gallery-badge {
    top: -12px !important;
  }
}

/* Fotos do box em P&B; a cor original aparece somente no hover. */
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-slides img {
  filter: grayscale(1) !important;
  transition: filter .45s ease !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-strip:hover .sza-new-archive-slides img {
  filter: none !important;
}

/* O fundo da pagina usa exatamente o mesmo bege-base do SVG das ondas. */
body,
.gallery-site,
.gallery-site.gallery-home,
.gallery-site.gallery-home .content-wrap.archive-content {
  background-color: #fff9f1 !important;
}

/* Throwback em formato de painel editorial, inspirado na referencia enviada. */
.gallery-site.gallery-home .throwback-section .archive-section-title {
  display: block !important;
  min-height: 0 !important;
  padding: 0 8px 20px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.gallery-site.gallery-home .throwback-section .archive-section-title > div {
  display: block !important;
}

.gallery-site.gallery-home .throwback-section .archive-section-title h2 {
  gap: .28em !important;
  color: #17354d !important;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
  font-size: clamp(34px, 3.4vw, 52px) !important;
  font-weight: 500 !important;
  letter-spacing: -.045em !important;
  line-height: 1 !important;
}

.gallery-site.gallery-home .throwback-section .archive-section-title h2::before {
  color: #ff0565 !important;
  font-size: .62em !important;
}

.gallery-site.gallery-home .throwback-section .archive-section-title p {
  display: block !important;
  margin: 12px 0 0 !important;
  color: rgba(23, 53, 77, .58) !important;
  font-size: 13px !important;
}

.gallery-site.gallery-home .throwback-window {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(23, 53, 77, .12) !important;
  border-radius: 38px !important;
  background: linear-gradient(115deg, #5fdeff 0%, #9eefff 58%, #fff9f1 145%) !important;
  box-shadow: 0 22px 46px -32px rgba(23, 53, 77, .48) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.gallery-site.gallery-home .throwback-track {
  gap: 20px !important;
  align-items: stretch !important;
}

.gallery-site.gallery-home .throwback-card {
  position: relative !important;
  display: flex !important;
  width: 220px !important;
  height: 318px !important;
  flex: 0 0 220px !important;
  flex-direction: column !important;
  padding: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 5, 101, .2) !important;
  border-radius: 26px !important;
  background: #fff9f1 !important;
  box-shadow: 0 14px 28px -22px rgba(23, 53, 77, .62) !important;
}

.gallery-site.gallery-home .throwback-card > a,
.gallery-site.gallery-home .throwback-card > button {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 214px !important;
  flex: 0 0 214px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 19px !important;
  background: #17354d !important;
}

.gallery-site.gallery-home .throwback-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(.9) contrast(.98) !important;
  transition: filter .4s ease, transform .55s ease !important;
}

.gallery-site.gallery-home .throwback-card:hover img {
  filter: none !important;
  transform: scale(1.04) !important;
}

.gallery-site.gallery-home .throwback-card > a > span,
.gallery-site.gallery-home .throwback-card > button > span {
  position: absolute !important;
  inset: auto auto 12px 12px !important;
  padding: 6px 10px 5px !important;
  border-radius: 999px !important;
  background: #ff0565 !important;
  color: #fff9f1 !important;
  font-size: 9px !important;
  letter-spacing: .08em !important;
}

.gallery-site.gallery-home .throwback-card > a::after,
.gallery-site.gallery-home .throwback-card > button::after {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  place-items: center !important;
  content: "♡" !important;
  border: 1px solid rgba(255, 249, 241, .72) !important;
  border-radius: 50% !important;
  background: rgba(23, 53, 77, .72) !important;
  color: #fff9f1 !important;
  font: 700 21px/1 Arial, sans-serif !important;
}

.gallery-site.gallery-home .throwback-card > div {
  display: flex !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 13px 7px 7px !important;
}

.gallery-site.gallery-home .throwback-card h3 {
  display: -webkit-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #17354d !important;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.gallery-site.gallery-home .throwback-card p {
  margin: 7px 0 0 !important;
  color: #ff0565 !important;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-home .throwback-section .archive-section-title {
    padding: 0 4px 14px !important;
  }

  .gallery-site.gallery-home .throwback-section .archive-section-title h2 {
    font-size: 31px !important;
  }

  .gallery-site.gallery-home .throwback-window {
    padding: 16px !important;
    border-radius: 26px !important;
  }

  .gallery-site.gallery-home .throwback-track {
    gap: 12px !important;
  }

  .gallery-site.gallery-home .throwback-card {
    width: 168px !important;
    height: 258px !important;
    flex-basis: 168px !important;
    padding: 6px !important;
    border-radius: 20px !important;
  }

  .gallery-site.gallery-home .throwback-card > a,
  .gallery-site.gallery-home .throwback-card > button {
    height: 166px !important;
    flex-basis: 166px !important;
    border-radius: 15px !important;
  }

  .gallery-site.gallery-home .throwback-card > div {
    padding: 10px 5px 5px !important;
  }

  .gallery-site.gallery-home .throwback-card h3 {
    font-size: 11px !important;
  }

  .gallery-site.gallery-home .throwback-card p {
    font-size: 7.5px !important;
  }
}

/* ==========================================================================
   NOVA PALETA — SZA Updates
   Azul-céu, rosa vibrante e bege, mantendo o desenho de ondas do novo topo.
   Este bloco fica por último para também neutralizar as cores antigas que o
   tema herdado aplicava com alta especificidade.
   ========================================================================== */

:root {
  --sza-ink: #29445b;
  --sza-ink-deep: #17354d;
  --sza-ocean: #5fdeff;
  --sza-sage: #baf3ff;
  --sza-mist: #e8fbff;
  --sza-paper: #fff9e9;
  --sza-white: #fff9f1;
  --sza-coral: #ff0565;
  --sza-wing-red: #ff0565;
  --sza-line: rgba(41, 68, 91, .17);
  --sza-shadow: 0 22px 54px rgba(48, 93, 128, .15);
}

body,
.gallery-site,
.gallery-site.gallery-home {
  background-color: var(--sza-paper) !important;
}

/* O menu pertence ao hero e desaparece naturalmente quando a página rola. */
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-nav {
  position: absolute !important;
}

/* Restaura os arredondados exclusivos da identidade nova, que eram anulados
   pela regra reta do tema antigo. */
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-nav-pill {
  border-radius: 999px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-avatar,
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-nav-links > a,
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-socials a {
  border-radius: 50% !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-card {
  overflow: hidden !important;
  border-radius: 71px 0 0 71px !important;
  box-shadow: 0 18px 48px rgba(36, 74, 103, .14) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-strip {
  border-radius: 60px 0 0 60px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-gallery-badge {
  top: -48px !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  border-radius: 999px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-stats b {
  border-radius: 999px !important;
}

/* A faixa bege do hero continua por trás de toda a página. Os dois campos de
   cor são ondas suaves, sem competir com as capas e com os textos. */
.gallery-site.gallery-home .content-wrap.archive-content {
  position: relative !important;
  isolation: isolate;
  padding-top: 116px !important;
  background: transparent !important;
}

.gallery-site.gallery-home .content-wrap.archive-content::before {
  position: absolute !important;
  z-index: 0 !important;
  top: -170px !important;
  right: auto !important;
  bottom: -80px !important;
  left: 50% !important;
  display: block !important;
  width: 100vw !important;
  height: auto !important;
  content: "" !important;
  transform: translateX(-50%) !important;
  background:
    radial-gradient(92% 210px at 2% 0%, rgba(121, 172, 226, .36) 0 62%, transparent 63%),
    radial-gradient(78% 190px at 98% 1%, rgba(255, 5, 101, .12) 0 58%, transparent 59%),
    linear-gradient(180deg, #fff9e9 0%, #fff9f1 48%, #fff9e9 100%) !important;
  filter: none !important;
  opacity: 1 !important;
  pointer-events: none;
}

.gallery-site.gallery-home .content-wrap.archive-content::after {
  position: absolute !important;
  z-index: 0 !important;
  top: 38% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  display: block !important;
  width: 100vw !important;
  height: 310px !important;
  content: "" !important;
  transform: translateX(-50%) !important;
  background:
    radial-gradient(86% 190px at 12% 50%, rgba(121, 172, 226, .13) 0 60%, transparent 61%),
    radial-gradient(72% 170px at 94% 48%, rgba(255, 5, 101, .08) 0 56%, transparent 57%) !important;
  filter: none !important;
  opacity: 1 !important;
  pointer-events: none;
}

.gallery-site.gallery-home .content-wrap.archive-content > * {
  position: relative;
  z-index: 1;
}

/* Cabeçalhos das seções: o preto/vermelho antigo dá lugar à nova paleta. */
.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title {
  border: 1px solid rgba(255, 255, 255, .52) !important;
  background: linear-gradient(105deg,
      #5fdeff 0%,
      #a8f1ff 48%,
      #fff9e9 100%) !important;
  box-shadow: 0 16px 36px -28px rgba(39, 82, 117, .55) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title h2,
.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title > p,
.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title > div > p,
.gallery-site.gallery-site.gallery-site.gallery-site .category-section .archive-section-title > p > b {
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title > div > span {
  background: #ff0565 !important;
}

.gallery-home .archive-section .archive-section-title h2::before {
  color: #ff0565 !important;
}

.gallery-site.gallery-site .archive-section-title > a,
.gallery-site.gallery-site .archive-section-title > button {
  border-color: rgba(23, 53, 77, .38) !important;
  color: #17354d !important;
}

.gallery-site.gallery-site .archive-section-title > a:hover,
.gallery-site.gallery-site .archive-section-title > button:hover {
  border-color: #fff9e9 !important;
  background: #fff9e9 !important;
  color: #ff0565 !important;
}

/* Álbuns e categorias: azul profundo para contraste, rosa para os destaques
   e bege nas superfícies. */
.gallery-home .updated-album {
  border-color: #fff9e9 !important;
  background: #17354d !important;
  box-shadow: 0 14px 28px -20px rgba(34, 82, 118, .48) !important;
}

.gallery-home .updated-album .album-copy {
  background: linear-gradient(180deg,
      rgba(23, 53, 77, 0) 0%,
      rgba(23, 53, 77, .48) 34%,
      rgba(23, 53, 77, .89) 69%,
      rgba(23, 53, 77, .98) 100%) !important;
}

.gallery-home .updated-album .album-thumb small,
.gallery-home .popular-rank,
.gallery-site.gallery-site .category-row > b + b {
  background: #ff0565 !important;
  color: #fff9e9 !important;
}

.gallery-site.gallery-site .category-row {
  border-left-color: #ff0565 !important;
  background: rgba(255,249,241, .94) !important;
  box-shadow: 0 12px 30px -26px rgba(32, 77, 109, .52) !important;
}

.gallery-site.gallery-site .category-row:hover {
  border-left-color: #5fdeff !important;
  background: #fff9f1 !important;
}

.gallery-site.gallery-site .category-row > b {
  background: #5fdeff !important;
  color: #17354d !important;
}

.gallery-site.gallery-site .category-years-panel,
.gallery-site.gallery-site .archive-statline {
  background: rgba(95, 222, 255, .13) !important;
}

.gallery-site.gallery-site .gallery-footer {
  border-top-color: #ff0565 !important;
  background: linear-gradient(105deg, #5fdeff 0%, #a8f1ff 50%, #fff9e9 100%) !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-card {
    border-radius: 50px 0 0 0 !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-strip {
    border-radius: 42px 0 0 42px !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-gallery-badge {
    top: -35px !important;
    right: 0 !important;
    bottom: auto !important;
  }

  .gallery-site.gallery-home .content-wrap.archive-content {
    padding-top: 78px !important;
  }

  .gallery-site.gallery-home .content-wrap.archive-content::before {
    top: -115px !important;
    background:
      radial-gradient(110% 135px at 0% 0%, rgba(121, 172, 226, .34) 0 61%, transparent 62%),
      radial-gradient(105% 125px at 100% 1%, rgba(255, 5, 101, .11) 0 57%, transparent 58%),
      linear-gradient(180deg, #fff9e9 0%, #fff9f1 48%, #fff9e9 100%) !important;
  }
}

/* ========================================================================== */
/* AJUSTES FINAIS APROVADOS — permanecem no fim para vencer o tema legado.    */
/* ========================================================================== */
@media (min-width: 761px) {
  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-headline { top: 36% !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-gallery-badge { top: -24px !important; }
}
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-slides img { filter: grayscale(1) !important; transition: filter .45s ease !important; }
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-strip:hover .sza-new-archive-slides img { filter: none !important; }
body,
.gallery-site,
.gallery-site.gallery-home,
.gallery-site.gallery-home .content-wrap.archive-content { background-color: #fff9f1 !important; }
.gallery-site.gallery-home .archive-section .archive-section-title h2::before {
  content: "ʚɞ" !important;
  width: 28px !important;
  flex: 0 0 28px !important;
  font-family: "DM Serif Display", Georgia, serif !important;
}

.gallery-site.gallery-home .throwback-section .archive-section-title {
  display: block !important;
  min-height: 0 !important;
  padding: 0 8px 20px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.gallery-site.gallery-home .throwback-section .archive-section-title > div { display: block !important; }
.gallery-site.gallery-home .throwback-section .archive-section-title h2 {
  gap: .28em !important;
  color: #17354d !important;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
  font-size: clamp(34px, 3.4vw, 52px) !important;
  font-weight: 500 !important;
  letter-spacing: -.045em !important;
  line-height: 1 !important;
}
.gallery-site.gallery-home .throwback-section .archive-section-title h2::before { color: #ff0565 !important; font-size: .62em !important; }
.gallery-site.gallery-home .throwback-section .archive-section-title p {
  display: block !important;
  margin: 12px 0 0 !important;
  color: rgba(23, 53, 77, .58) !important;
  font-size: 13px !important;
}
.gallery-site.gallery-home .throwback-window {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(23, 53, 77, .12) !important;
  border-radius: 38px !important;
  background: linear-gradient(115deg, #5fdeff 0%, #9eefff 58%, #fff9f1 145%) !important;
  box-shadow: 0 22px 46px -32px rgba(23, 53, 77, .48) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.gallery-site.gallery-home .throwback-track { gap: 20px !important; align-items: stretch !important; }
.gallery-site.gallery-home .throwback-card {
  position: relative !important;
  display: flex !important;
  width: 220px !important;
  height: 318px !important;
  flex: 0 0 220px !important;
  flex-direction: column !important;
  padding: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 5, 101, .2) !important;
  border-radius: 26px !important;
  background: #fff9f1 !important;
  box-shadow: 0 14px 28px -22px rgba(23, 53, 77, .62) !important;
}
.gallery-site.gallery-home .throwback-card > a,
.gallery-site.gallery-home .throwback-card > button {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 214px !important;
  flex: 0 0 214px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 19px !important;
  background: #17354d !important;
}
.gallery-site.gallery-home .throwback-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(.9) contrast(.98) !important;
  transition: filter .4s ease, transform .55s ease !important;
}
.gallery-site.gallery-home .throwback-card:hover img { filter: none !important; transform: scale(1.04) !important; }
.gallery-site.gallery-home .throwback-card > a > span,
.gallery-site.gallery-home .throwback-card > button > span {
  position: absolute !important;
  inset: auto auto 12px 12px !important;
  padding: 6px 10px 5px !important;
  border-radius: 999px !important;
  background: #ff0565 !important;
  color: #fff9f1 !important;
  font-size: 9px !important;
  letter-spacing: .08em !important;
}
.gallery-site.gallery-home .throwback-card > a::after,
.gallery-site.gallery-home .throwback-card > button::after {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  place-items: center !important;
  content: "♡" !important;
  border: 1px solid rgba(255, 249, 241, .72) !important;
  border-radius: 50% !important;
  background: rgba(23, 53, 77, .72) !important;
  color: #fff9f1 !important;
  font: 700 21px/1 Arial, sans-serif !important;
}
.gallery-site.gallery-home .throwback-card > div {
  display: flex !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 13px 7px 7px !important;
}
.gallery-site.gallery-home .throwback-card h3 {
  display: -webkit-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #17354d !important;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.gallery-site.gallery-home .throwback-card p {
  margin: 7px 0 0 !important;
  color: #ff0565 !important;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
@media (max-width: 760px) {
  .gallery-site.gallery-home .throwback-section .archive-section-title { padding: 0 4px 14px !important; }
  .gallery-site.gallery-home .throwback-section .archive-section-title h2 { font-size: 31px !important; }
  .gallery-site.gallery-home .throwback-window { padding: 16px !important; border-radius: 26px !important; }
  .gallery-site.gallery-home .throwback-track { gap: 12px !important; }
  .gallery-site.gallery-home .throwback-card { width: 168px !important; height: 258px !important; flex-basis: 168px !important; padding: 6px !important; border-radius: 20px !important; }
  .gallery-site.gallery-home .throwback-card > a,
  .gallery-site.gallery-home .throwback-card > button { height: 166px !important; flex-basis: 166px !important; border-radius: 15px !important; }
  .gallery-site.gallery-home .throwback-card > div { padding: 10px 5px 5px !important; }
  .gallery-site.gallery-home .throwback-card h3 { font-size: 11px !important; }
  .gallery-site.gallery-home .throwback-card p { font-size: 7.5px !important; }
}

/* Garantia final: a transição interna nunca se repete nem encobre a foto. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::after {
  position: absolute !important;
  z-index: 3 !important;
  inset: auto 0 -1px !important;
  display: block !important;
  width: 100% !important;
  height: clamp(42px, 3.8vw, 58px) !important;
  content: "" !important;
  background: transparent url("images/internal-wave.svg") center bottom / 100% 100% no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::after {
    height: 34px !important;
  }
}

/* Mantem os cantos do novo painel acima do reset legado do tema. */
.admin-shell.admin-shell.admin-shell .admin-brand { border-radius: 24px !important; }
.admin-shell.admin-shell.admin-shell .admin-logo-image,
.admin-shell.admin-shell.admin-shell .admin-brand .brand-mark { border-radius: 20px !important; }
.admin-shell.admin-shell.admin-shell .admin-nav-item { border-radius: 14px !important; }
.admin-shell.admin-shell.admin-shell .admin-topbar { border-radius: 20px !important; }
.admin-shell.admin-shell.admin-shell .admin-topbar :where(.back-to-gallery,.logout-entry) { border-radius: 999px !important; }
.admin-shell.admin-shell.admin-shell .stat-card { border-radius: 22px !important; }
.admin-shell.admin-shell.admin-shell .stat-card::after,
.admin-shell.admin-shell.admin-shell .stat-card > i { border-radius: 50% !important; }
.admin-shell.admin-shell.admin-shell .panel-card { border-radius: 24px !important; }
.admin-shell.admin-shell.admin-shell .cpg-panel-row { border-radius: 12px !important; }

/* Rodape compacto: sem chamada editorial e com o mesmo amarelo do fundo. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer {
  min-height: 300px !important;
  background: #fff9f1 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-feature {
  display: none !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer::before {
  bottom: 2px !important;
  height: 338px !important;
  background-color: #fff9f1 !important;
  background-position: center 36% !important;
  background-size: cover !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer::after {
  height: 62px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-layout {
  position: absolute !important;
  right: 0 !important;
  bottom: 34px !important;
  left: 0 !important;
  padding: 0 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-base {
  position: absolute !important;
  right: 0 !important;
  bottom: 8px !important;
  left: 0 !important;
  padding: 5px 0 0 !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer {
    min-height: 250px !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer::before {
    bottom: 84px !important;
    height: 166px !important;
    background-position: center 36% !important;
    background-size: cover !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer::after {
    height: 104px !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer .footer-layout {
    bottom: 48px !important;
  }
}

/* Enquadramento do banner interno: preserva o rosto e a cabeça da SZA. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero-photo {
  background-position: center top !important;
}

/* O degradê do cabeçalho continua atrás da primeira fileira de fotos. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .thumbnail-grid {
  background:
    linear-gradient(180deg, rgba(255, 249, 241, 0) 0, rgba(255, 249, 241, .38) 92px, #fff9f1 230px),
    linear-gradient(108deg, #5fdeff 0%, #c7f6ff 58%, #fff9e9 100%) !important;
}

/* Páginas internas: sem névoa no topo e com a onda do hero em versão baixa. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero-photo {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::before {
  display: none !important;
  content: none !important;
  background: none !important;
  filter: none !important;
  opacity: 0 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::after {
  height: clamp(88px, 8vw, 118px) !important;
  background: transparent url("images/sky-band.svg") center top / 100% auto no-repeat !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::after {
    height: 66px !important;
  }
}

/* Throwback leve: uma única lista, sem animação infinita e com scroll nativo. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-window {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x proximity !important;
  overscroll-behavior-inline: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 5, 101, .72) rgba(255, 249, 241, .35) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-window::-webkit-scrollbar {
  height: 7px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-window::-webkit-scrollbar-track {
  background: rgba(255, 249, 241, .35) !important;
  border-radius: 999px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-window::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: rgba(255, 5, 101, .72) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-track {
  width: max-content !important;
  min-width: 100% !important;
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
  backface-visibility: visible !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-card {
  scroll-snap-align: start !important;
  content-visibility: auto !important;
  contain-intrinsic-size: 220px 318px !important;
}

/* O SVG ultrapassa o hero para que a foto termine no recorte das ondas,
   nunca em uma linha horizontal. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero {
  z-index: 2 !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero-photo {
  inset: 0 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::after {
  inset: auto 0 0 !important;
  height: clamp(96px, 6.4vw, 128px) !important;
  background-position: center bottom !important;
  background-size: auto 100% !important;
  background-repeat: repeat-x !important;
  transform: none !important;
  transform-origin: center bottom !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero-photo {
    inset: 0 !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::after {
    inset: auto 0 0 !important;
    height: 82px !important;
    background-size: auto 100% !important;
    transform: none !important;
  }
}

/* Camada final da nova identidade nas páginas internas. */
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) input.textinput,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) textarea.textinput,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) select.listbox,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) input.textinput:focus,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) textarea.textinput:focus,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) select.listbox:focus {
  background: #fff9f1 !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .navmenu_pic,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .ranking-winner {
  overflow: hidden !important;
  border-radius: 16px !important;
}

/* O sombreado pertence à janela, não ao trilho que se desloca. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-window {
  box-shadow:
    inset 42px 0 34px -38px rgba(95, 222, 255, .92),
    inset -42px 0 34px -38px rgba(95, 222, 255, .92),
    0 22px 46px -32px rgba(23, 53, 77, .48) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-window::before,
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-window::after {
  display: none !important;
  content: none !important;
}

/* Fotos: raio único e visível em todos os componentes públicos. */
.gallery-site.gallery-site.gallery-site.gallery-site img:not(.icon):not([src*="logo"]):not([src*="brand-mark"]):not([src*="favicon"]):not([src*="menu-icon"]) {
  border-radius: 8px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site :is(
  .album-thumb,
  .thumbnail-image,
  .popular-thumb,
  .year-cover,
  .month-preview,
  .all-album-cover,
  .browser-album-cover,
  .category-thumb,
  .throwback-card > a,
  .throwback-card > button,
  .cpg-photo-stage > a
) {
  overflow: hidden !important;
  border-radius: 8px !important;
}

/* Acabamento global da nova identidade nas páginas internas. */
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) input.textinput,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) textarea.textinput,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) select.listbox,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) input.textinput:focus,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) textarea.textinput:focus,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) select.listbox:focus {
  background: #fff9f1 !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .navmenu_pic,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .ranking-winner {
  overflow: hidden !important;
  border-radius: 16px !important;
}

/* Camada final: identidade SZA Updates em todas as paginas internas. */
:root {
  --hailey-background: #fff9f1 !important;
  --hailey-detail: #ff0565 !important;
  --hailey-text: #17354d !important;
  --hailey-title: #17354d !important;
  --hailey-surface: #fff9e9 !important;
  --hailey-surface-soft: #dff9ff !important;
  --hailey-border: rgba(23,53,77,.18) !important;
  --hailey-on-dark: #fff9e9 !important;
  --sza-paper: #fff9f1 !important;
  --sza-white: #fff9e9 !important;
  --sza-ink: #17354d !important;
  --sza-ink-deep: #17354d !important;
  --sza-mist: #dff9ff !important;
  --sza-coral: #ff0565 !important;
  --sza-wing-red: #ff0565 !important;
}

html, body,
.gallery-site.gallery-site.gallery-site.gallery-site,
.gallery-site.gallery-site.gallery-site.gallery-site .archive-content,
.gallery-site.gallery-site.gallery-site.gallery-site .archive-browser {
  background-color: #fff9f1 !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar { position: relative !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .gallery-nav {
  border-color: rgba(23,53,77,.12) !important;
  border-radius: 0 0 24px 24px !important;
  background: linear-gradient(108deg,#5fdeff,#fff9e9 82%) !important;
  box-shadow: 0 24px 44px -32px rgba(23,53,77,.62) !important;
}
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-primary > a,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .gallery-nav :where(a,button) { color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-primary > a::after { height: 2px !important; border-radius: 999px !important; background: #ff0565 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-wing { border-color: rgba(23,53,77,.12) !important; border-radius: 18px !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-wing-left { background: #5fdeff !important; color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-wing-right { background: #ff0565 !important; color: #fff9e9 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-wing-left :where(a,button,.language-icon) { color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-wing-right :where(a,button) { color: #fff9e9 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-brand .brand-mark {
  width: 54px !important; min-width: 54px !important; max-width: 54px !important;
  height: 54px !important; min-height: 54px !important; max-height: 54px !important;
  border: 4px solid #fff9e9 !important; border-radius: 50% !important;
  background: #fff9e9 url("images/menu-icon-test.png") center/cover no-repeat !important;
}
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-brand img { opacity: 0 !important; }

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero { position: relative !important; height: clamp(250px,24vw,330px) !important; overflow: hidden !important; background: #fff9f1 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero-photo {
  display: block !important; position: absolute !important; inset: 0 !important;
  background: linear-gradient(90deg,rgba(255,249,241,.42),transparent 24%,transparent 76%,rgba(255,249,241,.42)),url("images/sddds.png") center 43%/cover no-repeat !important;
  filter: saturate(1.04) contrast(.98) !important; opacity: 1 !important;
  -webkit-mask-image: linear-gradient(180deg,#000 0%,#000 74%,transparent 100%) !important;
  mask-image: linear-gradient(180deg,#000 0%,#000 74%,transparent 100%) !important;
}
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::before {
  position: absolute !important; z-index: 2 !important; inset: auto 0 16% !important; display: block !important;
  content: "SZA UPDATES" !important; color: #fff9e9 !important;
  font-family: "Basic Sans Local","DM Sans",Arial,sans-serif !important;
  font-size: clamp(54px,8.4vw,126px) !important; font-weight: 500 !important;
  letter-spacing: -.065em !important; line-height: .9 !important; text-align: center !important;
  text-shadow: 0 3px 18px rgba(23,53,77,.28) !important;
}
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::after { position: absolute !important; z-index: 3 !important; inset: auto 0 0 !important; display: block !important; height: 28% !important; content: "" !important; background: linear-gradient(180deg,transparent,#fff9f1) !important; }

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(h1,h2,h3,h4,.browser-title strong) { color: #17354d !important; font-family: "Basic Sans Local","DM Sans",Arial,sans-serif !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-breadcrumb { color: rgba(23,53,77,.68) !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.browser-title,.month-browser-title) { border: 0 !important; border-radius: 20px !important; background: linear-gradient(108deg,#5fdeff,#c7f6ff 58%,#fff9e9) !important; box-shadow: 0 18px 36px -30px rgba(23,53,77,.65) !important; color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.browser-title,.month-browser-title) :where(h1,p,span,strong) { color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .browser-back { border-color: #ff0565 !important; border-radius: 999px !important; background: #ff0565 !important; color: #fff9e9 !important; }

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.browser-album-item,.browser-album-grid>a,.thumbnail-card,.ranking-list,.ranking-list>a,.year-grid>a,.month-grid>a,.gallery-empty-state,.panel-card) { border-color: rgba(23,53,77,.16) !important; background: #fff9e9 !important; color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.browser-album-item,.browser-album-grid>a,.thumbnail-card,.year-grid>a,.month-grid>a,.gallery-empty-state,.panel-card) { border-radius: 16px !important; box-shadow: 0 14px 30px -26px rgba(23,53,77,.55) !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .thumbnail-image,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .thumbnail-image img { border-radius: 10px !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .thumbnail-image { background: #dff9ff !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .thumbnail-image img { filter: saturate(1.02) !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.thumbnail-views,.ranking-position,.ranking-list em) { border-radius: 999px !important; background: #ff0565 !important; color: #fff9e9 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .thumbnail-heart { border: 1px solid rgba(23,53,77,.14) !important; border-radius: 50% !important; background: #fff9e9 !important; color: #ff0565 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.thumbnail-size-switch,.archive-pagination,.ranking-period) { border-color: rgba(23,53,77,.16) !important; border-radius: 999px !important; background: #fff9e9 !important; color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.thumbnail-size-switch .active,.archive-pagination .active,.ranking-period .active) { border-radius: 999px !important; background: #ff0565 !important; color: #fff9e9 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .ranking-list { overflow: hidden !important; border-radius: 20px !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .ranking-list>a:hover { background: rgba(95,222,255,.18) !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .ranking-winner { background: linear-gradient(108deg,rgba(95,222,255,.48),#fff9e9 78%) !important; }

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.cpg-photo-bar,.cpg-photo,.cpg-filmstrip) { border-color: rgba(23,53,77,.16) !important; border-radius: 18px !important; background: #fff9e9 !important; color: #17354d !important; box-shadow: 0 18px 38px -32px rgba(23,53,77,.65) !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .cpg-photo-stage { overflow: hidden !important; border-radius: 14px !important; background: #fff9f1 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .cpg-photo-stage img { border-radius: 12px !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .cpg-photo-back { border-radius: 999px !important; background: #ff0565 !important; color: #fff9e9 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.navmenu_pic,.cpg-photo-steps,.cpg-stage-nav) { border-color: rgba(23,53,77,.14) !important; background: #dff9ff !important; color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.navmenu_pic,.cpg-stage-nav) { border-radius: 10px !important; }

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.maintable,.panel-card) { overflow: hidden !important; border-color: rgba(23,53,77,.16) !important; border-radius: 20px !important; background: #fff9e9 !important; color: #17354d !important; box-shadow: 0 18px 40px -32px rgba(23,53,77,.62) !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.tableb,.tablef,.tableh1,.tableh2) { border-color: rgba(23,53,77,.12) !important; background: #fff9e9 !important; color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.tableh1,.tableh1_compact) { background: linear-gradient(108deg,#5fdeff,#c7f6ff 58%,#fff9e9) !important; color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .tableh2 { background: #dff9ff !important; color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.textinput,.listbox,input[type="text"],input[type="password"],input[type="email"],input[type="search"],textarea,select) { border: 1px solid rgba(23,53,77,.2) !important; border-radius: 12px !important; background: #fff9f1 !important; color: #17354d !important; outline: none !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.textinput,.listbox,input[type="text"],input[type="password"],input[type="email"],input[type="search"],textarea,select):focus { border-color: #ff0565 !important; box-shadow: 0 0 0 3px rgba(255,5,101,.12) !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.button,button.button,input[type="submit"],input[type="button"]) { border: 0 !important; border-radius: 999px !important; background: #ff0565 !important; color: #fff9e9 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.button,button.button,input[type="submit"],input[type="button"]):hover { background: #5fdeff !important; color: #17354d !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-title-icon { border-radius: 50% !important; background: #5fdeff !important; color: #17354d !important; }

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .gallery-nav { border-radius: 0 0 18px 18px !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero { height: 210px !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::before { inset: auto 0 18% !important; font-size: clamp(42px,14vw,72px) !important; }
}

/* Paleta do painel de categorias e tipografia unificada do topo. */
.gallery-site .sza-new-headline,
.gallery-site .sza-new-archive-copy h2 {
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -.045em !important;
}

.gallery-site.gallery-site .category-row {
  border-left-color: #ff0565 !important;
  border-radius: 18px !important;
  background: #fff9e9 !important;
  box-shadow: 0 14px 30px -25px rgba(23, 53, 77, .45) !important;
}

.gallery-site.gallery-site .category-row[aria-expanded="true"] {
  border-radius: 18px 18px 0 0 !important;
}

.gallery-site.gallery-site .category-years-panel {
  border-left-color: rgba(255, 5, 101, .48) !important;
  border-radius: 0 0 20px 20px !important;
  background: linear-gradient(110deg, rgba(95, 222, 255, .2), rgba(255, 249, 233, .96) 88%) !important;
}

.gallery-site.gallery-site .category-years-panel > div:first-child > span,
.gallery-site.gallery-site .category-years-panel > div:first-child > small {
  color: #17354d !important;
}

.gallery-site.gallery-site .category-year-buttons > a,
.gallery-site.gallery-site .category-year-buttons > button {
  border: 1px solid rgba(23, 53, 77, .16) !important;
  border-radius: 14px !important;
  background: #fff9e9 !important;
  color: #17354d !important;
  box-shadow: 0 12px 24px -20px rgba(23, 53, 77, .62) !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease !important;
}

.gallery-site.gallery-site .category-year-buttons > a small,
.gallery-site.gallery-site .category-year-buttons > button small {
  color: #ff0565 !important;
}

.gallery-site.gallery-site .category-year-buttons > a:hover,
.gallery-site.gallery-site .category-year-buttons > a:focus-visible,
.gallery-site.gallery-site .category-year-buttons > button:hover,
.gallery-site.gallery-site .category-year-buttons > button:focus-visible {
  border-color: #5fdeff !important;
  background: #5fdeff !important;
  color: #17354d !important;
  transform: translateY(-2px) !important;
}

/* Ganha das regras herdadas do navegador de categorias. */
.gallery-site.gallery-site.gallery-site .archive-content.archive-browser .category-years-panel {
  border-radius: 0 0 20px 20px !important;
}

.gallery-site.gallery-site.gallery-site .archive-content.archive-browser .category-year-buttons > a,
.gallery-site.gallery-site.gallery-site .archive-content.archive-browser .category-year-buttons > button {
  border-radius: 14px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .category-years-panel {
  border-radius: 0 0 20px 20px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > a,
.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > button {
  border-radius: 14px !important;
}

/* Cantos realmente visiveis nas imagens e nos veus dos albuns. */
.gallery-site.gallery-site.gallery-site img {
  border-radius: 8px !important;
}

.gallery-site.gallery-home .updated-album {
  overflow: hidden !important;
  border-radius: 8px !important;
}

.gallery-site.gallery-home .updated-album .album-thumb,
.gallery-site.gallery-home .updated-album .album-thumb img,
.gallery-site.gallery-home .updated-album .album-copy {
  border-radius: 8px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .updated-album {
  border-radius: 8px !important;
}

/* Contraste legivel nos cartoes de ano quando recebem hover/foco. */
.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > a:hover :where(strong, small, span),
.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > a:focus-visible :where(strong, small, span),
.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > button:hover :where(strong, small, span),
.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > button:focus-visible :where(strong, small, span) {
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .category-row > b {
  border-radius: 999px !important;
}

@media (min-width: 761px) {
  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-headline {
    top: 39% !important;
  }
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title h2 {
  font-size: clamp(17px, calc(2.1vw - 3px), 24px) !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-content .archive-section-title h2 {
    font-size: clamp(14px, calc(5.6vw - 3px), 20px) !important;
  }
}

/* ========================================================================== 
   IDENTIDADE NOVA EM TODAS AS PAGINAS PUBLICAS
   ========================================================================== */
:root {
  --hailey-background: #fff9f1 !important;
  --hailey-detail: #ff0565 !important;
  --hailey-text: #17354d !important;
  --hailey-title: #17354d !important;
  --hailey-surface: #fff9e9 !important;
  --hailey-surface-soft: #dff9ff !important;
  --hailey-border: rgba(23, 53, 77, .18) !important;
  --hailey-on-dark: #fff9e9 !important;
  --hailey-hero-backdrop: linear-gradient(135deg, #5fdeff 0%, #baf3ff 48%, #fff9f1 100%) !important;
  --sza-paper: #fff9f1 !important;
  --sza-white: #fff9e9 !important;
  --sza-ink: #17354d !important;
  --sza-ink-deep: #17354d !important;
  --sza-ocean: #5fdeff !important;
  --sza-sage: #baf3ff !important;
  --sza-mist: #dff9ff !important;
  --sza-coral: #ff0565 !important;
  --sza-wing-red: #ff0565 !important;
  --sza-line: rgba(23, 53, 77, .18) !important;
}

html,
body,
.gallery-site.gallery-site.gallery-site.gallery-site,
.gallery-site.gallery-site.gallery-site.gallery-site .archive-content,
.gallery-site.gallery-site.gallery-site.gallery-site .archive-browser,
.gallery-site.gallery-site.gallery-site.gallery-site .public-index-page {
  background-color: #fff9f1 !important;
  color: #17354d !important;
}

.gallery-site:not(.gallery-home) {
  --gallery-bg: #fff9f1 !important;
  --gallery-surface: #fff9e9 !important;
  --gallery-text: #17354d !important;
  --gallery-title: #17354d !important;
  --gallery-accent: #ff0565 !important;
  --hero-bg: #5fdeff !important;
  --hero-smoke: #ff0565 !important;
  --arq-fundo: #fff9f1 !important;
  --arq-superficie: #fff9e9 !important;
  --arq-titulo: #17354d !important;
  --arq-texto: #17354d !important;
  --arq-detalhe: #ff0565 !important;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
}

/* Barra interna: azul, bege e rosa; deixa de acompanhar a rolagem. */
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar {
  position: relative !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .gallery-nav {
  border-color: rgba(23, 53, 77, .12) !important;
  border-radius: 0 0 24px 24px !important;
  background: linear-gradient(108deg, rgba(95, 222, 255, .98), rgba(255, 249, 233, .98) 82%) !important;
  box-shadow: 0 24px 44px -32px rgba(23, 53, 77, .62) !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-primary > a,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .gallery-nav :where(a, button) {
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-primary > a::after {
  height: 2px !important;
  border-radius: 999px !important;
  background: #ff0565 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-wing {
  border-color: rgba(23, 53, 77, .12) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 32px -26px rgba(23, 53, 77, .55) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-wing-left {
  background: #5fdeff !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-wing-right {
  background: #ff0565 !important;
  color: #fff9e9 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-wing-left :where(a, button, .language-icon) {
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-wing-right :where(a, button) {
  color: #fff9e9 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-brand .brand-mark {
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  border: 4px solid #fff9e9 !important;
  border-radius: 50% !important;
  background: #fff9e9 url("images/menu-icon-test.png") center / cover no-repeat !important;
  box-shadow: 0 10px 24px -18px rgba(23, 53, 77, .72) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .nav-brand img {
  opacity: 0 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .language-menu {
  border-color: rgba(23, 53, 77, .14) !important;
  border-radius: 16px !important;
  background: #fff9e9 !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .language-option,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .language-option strong {
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .language-option:hover,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .language-option.is-current {
  border-radius: 10px !important;
  background: #5fdeff !important;
  color: #17354d !important;
}

/* O banner antigo SZA Iconic vira a faixa fotografica da identidade nova. */
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero {
  position: relative !important;
  height: clamp(250px, 24vw, 330px) !important;
  overflow: hidden !important;
  background: #fff9f1 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero-photo {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background-color: #fff9f1 !important;
  background-image: linear-gradient(90deg, rgba(255, 249, 241, .42), rgba(255, 249, 241, 0) 24%, rgba(255, 249, 241, 0) 76%, rgba(255, 249, 241, .42)), url("images/sddds.png") !important;
  background-position: center 43% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  filter: saturate(1.04) contrast(.98) !important;
  opacity: 1 !important;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 74%, transparent 100%) !important;
  mask-image: linear-gradient(180deg, #000 0%, #000 74%, transparent 100%) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::before {
  position: absolute !important;
  z-index: 2 !important;
  inset: auto 0 16% !important;
  display: block !important;
  content: "SZA UPDATES" !important;
  color: #fff9e9 !important;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
  font-size: clamp(54px, 8.4vw, 126px) !important;
  font-weight: 500 !important;
  letter-spacing: -.065em !important;
  line-height: .9 !important;
  text-align: center !important;
  text-shadow: 0 3px 18px rgba(23, 53, 77, .28) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::after {
  position: absolute !important;
  z-index: 3 !important;
  inset: auto 0 0 !important;
  display: block !important;
  height: 28% !important;
  content: "" !important;
  background: linear-gradient(180deg, rgba(255, 249, 241, 0), #fff9f1) !important;
}

/* Superficies editoriais e titulos internos. */
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(h1, h2, h3, h4, .browser-title strong) {
  color: #17354d !important;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-breadcrumb {
  color: rgba(23, 53, 77, .68) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .browser-title,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .month-browser-title {
  border: 0 !important;
  border-radius: 20px !important;
  background: linear-gradient(108deg, #5fdeff, #c7f6ff 58%, #fff9e9 100%) !important;
  box-shadow: 0 18px 36px -30px rgba(23, 53, 77, .65) !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .browser-title :where(h1, p, span, strong),
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .month-browser-title :where(h1, p, span, strong) {
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .browser-back {
  border-color: #ff0565 !important;
  border-radius: 999px !important;
  background: #ff0565 !important;
  color: #fff9e9 !important;
}

/* Albuns, miniaturas, rankings e paginacao. */
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.browser-album-item, .browser-album-grid > a, .thumbnail-card, .ranking-list, .ranking-list > a, .year-grid > a, .month-grid > a, .gallery-empty-state, .panel-card) {
  border-color: rgba(23, 53, 77, .16) !important;
  background: #fff9e9 !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.browser-album-item, .browser-album-grid > a, .thumbnail-card, .year-grid > a, .month-grid > a, .gallery-empty-state, .panel-card) {
  border-radius: 16px !important;
  box-shadow: 0 14px 30px -26px rgba(23, 53, 77, .55) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .thumbnail-image {
  border-radius: 10px !important;
  background: #dff9ff !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .thumbnail-image img {
  border-radius: 10px !important;
  filter: saturate(1.02) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .thumbnail-views,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .ranking-position,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .ranking-list em {
  border-radius: 999px !important;
  background: #ff0565 !important;
  color: #fff9e9 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .thumbnail-heart {
  border: 1px solid rgba(23, 53, 77, .14) !important;
  border-radius: 50% !important;
  background: #fff9e9 !important;
  color: #ff0565 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.thumbnail-size-switch, .archive-pagination, .ranking-period) {
  border-color: rgba(23, 53, 77, .16) !important;
  border-radius: 999px !important;
  background: #fff9e9 !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.thumbnail-size-switch .active, .archive-pagination .active, .ranking-period .active) {
  border-radius: 999px !important;
  background: #ff0565 !important;
  color: #fff9e9 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .ranking-list {
  overflow: hidden !important;
  border-radius: 20px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .ranking-list > a:hover {
  background: rgba(95, 222, 255, .18) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .ranking-winner {
  background: linear-gradient(108deg, rgba(95, 222, 255, .48), #fff9e9 78%) !important;
}

/* Foto individual e seus controles. */
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.cpg-photo-bar, .cpg-photo, .cpg-filmstrip) {
  border-color: rgba(23, 53, 77, .16) !important;
  border-radius: 18px !important;
  background: #fff9e9 !important;
  color: #17354d !important;
  box-shadow: 0 18px 38px -32px rgba(23, 53, 77, .65) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .cpg-photo-stage {
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #fff9f1 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .cpg-photo-stage img {
  border-radius: 12px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .cpg-photo-back {
  border-radius: 999px !important;
  background: #ff0565 !important;
  color: #fff9e9 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.navmenu_pic, .cpg-photo-steps, .cpg-stage-nav) {
  border-color: rgba(23, 53, 77, .14) !important;
  background: #dff9ff !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) :where(.navmenu_pic, .cpg-stage-nav) {
  border-radius: 10px !important;
}

/* Formularios, login, busca, contato, avisos e tabelas do Coppermine. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.maintable, .panel-card) {
  overflow: hidden !important;
  border-color: rgba(23, 53, 77, .16) !important;
  border-radius: 20px !important;
  background: #fff9e9 !important;
  color: #17354d !important;
  box-shadow: 0 18px 40px -32px rgba(23, 53, 77, .62) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.tableb, .tablef, .tableh1, .tableh2) {
  border-color: rgba(23, 53, 77, .12) !important;
  background: #fff9e9 !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .tableh1,
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .tableh1_compact {
  background: linear-gradient(108deg, #5fdeff, #c7f6ff 58%, #fff9e9 100%) !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .tableh2 {
  background: #dff9ff !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.textinput, .listbox, input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select) {
  border: 1px solid rgba(23, 53, 77, .2) !important;
  border-radius: 12px !important;
  background: #fff9f1 !important;
  color: #17354d !important;
  outline: none !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.textinput, .listbox, input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select):focus {
  border-color: #ff0565 !important;
  box-shadow: 0 0 0 3px rgba(255, 5, 101, .12) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.button, button.button, input[type="submit"], input[type="button"]) {
  border: 0 !important;
  border-radius: 999px !important;
  background: #ff0565 !important;
  color: #fff9e9 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site :where(.button, button.button, input[type="submit"], input[type="button"]):hover {
  background: #5fdeff !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-title-icon {
  border-radius: 50% !important;
  background: #5fdeff !important;
  color: #17354d !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar .gallery-nav {
    border-radius: 0 0 18px 18px !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero {
    height: 210px !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-subhero::before {
    inset: auto 0 18% !important;
    font-size: clamp(42px, 14vw, 72px) !important;
  }
}

/* Refinamento final: painel Throwback arredondado, sombras laterais azuis
   e barras de secao sem contorno. */
.gallery-site.gallery-home .archive-content .archive-section-title {
  border: 0 !important;
  outline: 0 !important;
}

.gallery-site.gallery-home .throwback-window {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 38px !important;
  -webkit-clip-path: inset(0 round 38px) !important;
  clip-path: inset(0 round 38px) !important;
}

.gallery-site.gallery-home .throwback-window::before,
.gallery-site.gallery-home .throwback-window::after {
  position: absolute !important;
  z-index: 5 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 52px !important;
  content: "" !important;
  pointer-events: none !important;
}

.gallery-site.gallery-home .throwback-window::before {
  left: 0 !important;
  background: linear-gradient(90deg, rgba(95, 222, 255, .98), rgba(95, 222, 255, 0)) !important;
}

.gallery-site.gallery-home .throwback-window::after {
  right: 0 !important;
  background: linear-gradient(270deg, rgba(95, 222, 255, .98), rgba(95, 222, 255, 0)) !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-home .throwback-window {
    border-radius: 26px !important;
    -webkit-clip-path: inset(0 round 26px) !important;
    clip-path: inset(0 round 26px) !important;
  }

  .gallery-site.gallery-home .throwback-window::before,
  .gallery-site.gallery-home .throwback-window::after {
    width: 28px !important;
  }
}

/* Todas as barras usam a mesma tipografia do titulo THROWBACK. */
.gallery-site.gallery-home .archive-content .archive-section-title h2 {
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -.045em !important;
}

/* Todas as imagens do site recebem cantos suaves. */
.gallery-site img {
  border-radius: 8px !important;
}

/* Albuns atualizados: imagem mais clara e sombra neutra, sem azul. */
.gallery-site.gallery-home .updated-album {
  box-shadow: 0 14px 28px -20px rgba(23,53,77, .24) !important;
}

.gallery-site.gallery-home .updated-album .album-thumb img {
  filter: saturate(1.04) brightness(1.12) !important;
}

.gallery-site.gallery-home .updated-album:hover .album-thumb img {
  filter: saturate(1.08) brightness(1.16) !important;
}

.gallery-site.gallery-home .updated-album .album-copy {
  background: linear-gradient(180deg,
      rgba(23,53,77, 0) 0%,
      rgba(23,53,77, .05) 46%,
      rgba(23,53,77, .32) 74%,
      rgba(23,53,77, .56) 100%) !important;
}

.gallery-site.gallery-home .updated-album .album-copy strong {
  text-shadow: 0 1px 8px rgba(23,53,77, .82) !important;
}

/* A onda ilustrada do hero já faz a transição. Depois dela, o conteúdo segue
   no bege limpo — sem uma segunda faixa decorativa competindo com a arte. */
.gallery-site.gallery-home .content-wrap.archive-content {
  padding-top: 34px !important;
  background: var(--sza-paper) !important;
}

.gallery-site.gallery-home .content-wrap.archive-content::before,
.gallery-site.gallery-home .content-wrap.archive-content::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-home .content-wrap.archive-content {
    padding-top: 24px !important;
  }
}

/* Linha de estatisticas vazia nao deixa faixa branca sobrando. */
.gallery-site.gallery-site .archive-statline:empty { display: none !important; }

/* O logo do rodape estava solto (absoluto) e vazando para fora; volta para o
   fluxo, no meio dos dois creditos. E as duas linhas perdem a altura minima
   herdada do tema base. */
.gallery-site.gallery-site .gallery-footer .footer-brand {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

.gallery-site.gallery-site .gallery-footer > .content-wrap {
  min-height: 0 !important;
  height: auto !important;
}

/* Nada arredondado em lugar nenhum do site — inclusive elementos com estilo
   embutido (o !important vence o atributo style). */
*, *::before, *::after { border-radius: 0 !important; }

/* ==========================================================================
   PAGINA DO ANO (lista de albuns de uma categoria/ano)
   O cabecalho vira a mesma faixa escura das outras secoes e os albuns viram
   os mesmos cartoes da capa: foto inteira, moldura branca, veu na base.
   ========================================================================== */
.gallery-site.gallery-site .browser-title.month-browser-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 0 !important;
  margin: 0 0 26px !important;
  padding: 26px 26px !important;
  border: 0 !important;
  background: linear-gradient(104deg,
      #17354d 0%,
      #17354d 38%,
      #c4003f 78%,
      var(--sza-wing-red) 100%) !important;
  box-shadow: 0 16px 34px -30px rgba(23,53,77, .7) !important;
}

.gallery-site.gallery-site .month-browser-title > div:first-child { min-width: 0 !important; }

.gallery-site.gallery-site .month-browser-title p {
  margin: 0 0 10px !important;
  color: rgba(255,249,241, .6) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}

.gallery-site.gallery-site .month-browser-title h1 {
  margin: 0 !important;
  color: #fff9f1 !important;
  font-size: clamp(30px, 3.4vw, 46px) !important;
  line-height: .95 !important;
  letter-spacing: -.01em !important;
}

.gallery-site.gallery-site .month-browser-title span {
  display: block !important;
  margin-top: 10px !important;
  color: rgba(255,249,241, .5) !important;
  font-size: 12px !important;
}

.gallery-site.gallery-site .month-browser-title .browser-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 17px !important;
  border: 1px solid rgba(255,249,241, .38) !important;
  background: transparent !important;
  color: #fff9f1 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  transition: background .25s ease, color .25s ease, border-color .25s ease !important;
}

.gallery-site.gallery-site .month-browser-title .browser-back:hover {
  background: #fff9f1 !important;
  border-color: #fff9f1 !important;
  color: #17354d !important;
}

/* -- A lista de albuns ----------------------------------------------------- */
.gallery-site.gallery-site .browser-album-grid.is-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.gallery-site.gallery-site .browser-album-grid.is-list > a {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0 20px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 12px 22px 12px 12px !important;
  border: 0 !important;
  border-left: 4px solid var(--sza-wing-red) !important;
  background: var(--sza-white) !important;
  box-shadow: none !important;
  color: var(--sza-ink) !important;
  transition: background .2s ease, transform .2s ease, border-color .2s ease !important;
}

.gallery-site.gallery-site .browser-album-grid.is-list > a:hover {
  background: #ffffff !important;
  border-left-color: var(--sza-ink-deep) !important;
  transform: translateX(3px) !important;
}

.gallery-site.gallery-site .browser-album-grid.is-list > a > span {
  position: relative !important;
  display: block !important;
  width: 92px !important;
  height: 118px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: var(--sza-ink-deep) !important;
}

.gallery-site.gallery-site .browser-album-grid.is-list > a img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(.88) !important;
  transition: transform .55s cubic-bezier(.2, .7, .2, 1) !important;
}

.gallery-site.gallery-site .browser-album-grid.is-list > a:hover img {
  transform: scale(1.05) !important;
}

/* Contagem de fotos: etiqueta vermelha na base da capa. */
.gallery-site.gallery-site .browser-album-grid.is-list > a > span > i {
  position: absolute !important;
  inset: auto auto 0 0 !important;
  z-index: 2 !important;
  padding: 3px 7px !important;
  background: var(--sza-wing-red) !important;
  color: #fff9f1 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 7px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.gallery-site.gallery-site .browser-album-grid.is-list > a > div {
  position: static !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

.gallery-site.gallery-site .browser-album-grid.is-list > a > div small {
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--sza-wing-red) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
}

.gallery-site.gallery-site .browser-album-grid.is-list > a > div strong {
  display: block !important;
  color: var(--sza-ink-deep) !important;
  font: 700 15px/1.32 "DM Sans", Arial, sans-serif !important;
  letter-spacing: -.01em !important;
}

.gallery-site.gallery-site .browser-album-grid.is-list > a > div em {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 9px !important;
  color: rgba(23,53,77, .45) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 8px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.gallery-site.gallery-site .browser-album-grid.is-list > a > div em svg {
  width: 13px !important;
  height: 13px !important;
}

.gallery-site.gallery-site .browser-album-grid.is-list > a:hover > div em {
  color: var(--sza-wing-red) !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site .browser-album-grid.is-list { grid-template-columns: 1fr !important; }
  .gallery-site.gallery-site .browser-album-grid.is-list > a { grid-template-columns: 72px minmax(0, 1fr) !important; }
  .gallery-site.gallery-site .browser-album-grid.is-list > a > span { width: 72px !important; height: 94px !important; }
  .gallery-site.gallery-site .browser-title.month-browser-title { flex-direction: column !important; align-items: flex-start !important; }
}

/* ==========================================================================
   FUNDO DAS PAGINAS INTERNAS
   O tema base pintava um degrade cinza logo abaixo da faixa do topo. Agora as
   paginas internas usam o mesmo papel liso da capa.
   ========================================================================== */
.gallery-site.gallery-site .archive-subhero + .archive-browser,
.gallery-site.gallery-site .archive-subhero + .archive-content,
.gallery-site.gallery-site .archive-browser {
  background: var(--sza-paper) !important;
  color: var(--sza-ink) !important;
}

.gallery-site.gallery-site .archive-subhero + .archive-content::before,
.gallery-site.gallery-site .archive-subhero + .archive-browser::before {
  content: none !important;
  display: none !important;
}

/* Banner maior nas paginas internas. */
.gallery-site:not(.gallery-home) .archive-subhero {
  height: clamp(300px, 30vw, 420px) !important;
}


/* ==========================================================================
   FOTO NA PAGINA DE VISUALIZACAO
   ========================================================================== */
.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-stage img.image,
.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-stage:not(.cpg-photo-stage--fullsize) img.image,
.gallery-site.gallery-site .archive-content.archive-browser .cpg-photo-stage img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: min(72vh, 660px) !important;
  object-fit: contain !important;
  image-rendering: auto !important;
}

.gallery-site.gallery-site .archive-content.archive-browser .cpg-photo-stage,
.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-stage {
  height: auto !important;
  min-height: clamp(360px, 52vh, 560px) !important;
  overflow: visible !important;
}

.gallery-site.gallery-site .archive-content.archive-browser .cpg-photo-stage a {
  height: auto !important;
  max-width: 100% !important;
}

/* ==========================================================================
   PAINEL: ENVIO DE FOTOS, GERENCIADOR DE ALBUNS E EDICAO
   ========================================================================== */
.admin-shell .button:disabled,
.admin-shell button.button[disabled],
.admin-shell input[type="submit"]:disabled {
  background: #d7e9f0 !important;
  color: rgba(23,53,77, .48) !important;
  border: 1px solid rgba(23,53,77, .16) !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

.admin-shell .button:disabled svg,
.admin-shell button.button[disabled] svg {
  stroke: currentColor !important;
  color: rgba(23,53,77, .48) !important;
  opacity: 1 !important;
}

.admin-shell #dropArea {
  padding: 34px 20px !important;
  border: 2px dashed rgba(23,53,77, .22) !important;
  background: #fff9f1 !important;
  transition: border-color .2s ease, background .2s ease !important;
}

.admin-shell #dropArea.dragover,
.admin-shell #dropArea:hover {
  border-color: var(--sza-wing-red, #ff0565) !important;
  background: #fff !important;
}

.admin-shell #totprogress,
.admin-shell #fprogress,
.admin-shell #progress_report_bar,
.admin-shell progress {
  display: block !important;
  width: 100% !important;
  height: 8px !important;
  margin: 10px 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: rgba(23,53,77, .10) !important;
  -webkit-appearance: none;
  appearance: none;
}

.admin-shell progress::-webkit-progress-bar { background: rgba(23,53,77, .10); }
.admin-shell progress::-webkit-progress-value {
  background: linear-gradient(90deg, #17354d, var(--sza-wing-red, #ff0565));
  transition: width .2s ease;
}
.admin-shell progress::-moz-progress-bar {
  background: linear-gradient(90deg, #17354d, var(--sza-wing-red, #ff0565));
}

.admin-shell #totprogress > div,
.admin-shell #fprogress > div,
.admin-shell #progress_report_bar > div {
  height: 100% !important;
  background: linear-gradient(90deg, #17354d, var(--sza-wing-red, #ff0565)) !important;
  transition: width .2s ease !important;
}

.admin-shell #qcount {
  font-family: "DM Sans", Arial, sans-serif !important;
  font-weight: 800 !important;
  color: var(--sza-wing-red, #ff0565) !important;
}

.admin-shell #server_response > div,
.admin-shell .h5u_queueitem {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 6px 0 !important;
  padding: 11px 14px !important;
  border: 0 !important;
  border-left: 3px solid rgba(23,53,77, .3) !important;
  background: #fff9f1 !important;
  color: var(--sza-ink-deep, #17354d) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 12px !important;
}

.admin-shell #server_response > div[style*="ffcccc"],
.admin-shell #server_response > div[style*="FFCCCC"],
.admin-shell .h5u_error {
  border-left-color: var(--sza-wing-red, #ff0565) !important;
  background: #ffe8f1 !important;
}

.admin-shell #server_response img[src*="icons/"],
.admin-shell #dropArea img[src*="icons/"],
.admin-shell .h5u_queueitem img[src*="icons/"] {
  width: 0 !important;
  height: 0 !important;
  padding: 9px !important;
  background: transparent !important;
  position: relative !important;
}

.admin-shell #server_response img[src*="icons/"] { cursor: pointer !important; }


/* -- Botao "novo album" e a janela do gerenciador -------------------------- */
.admin-shell .arq-novo-album {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-left: 10px !important;
  padding: 10px 15px !important;
  border: 1px solid var(--sza-ink-deep, #17354d) !important;
  background: transparent !important;
  color: var(--sza-ink-deep, #17354d) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background .2s ease, color .2s ease !important;
}
.admin-shell .arq-novo-album:hover { background: var(--sza-ink-deep, #17354d) !important; color: #fff9f1 !important; }
.admin-shell .arq-novo-album span { font-size: 14px !important; line-height: 1 !important; }
.admin-shell .arq-novo-album.is-carregando { opacity: .5 !important; pointer-events: none !important; }

.admin-shell select.arq-piscou {
  animation: arq-piscou 0.9s ease !important;
}
@keyframes arq-piscou {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,5,101, 0); }
  30% { box-shadow: 0 0 0 3px rgba(255,5,101, .35); }
}

.arq-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 26px !important;
  background: rgba(23,53,77, .62) !important;
}
.arq-modal-caixa {
  display: flex !important;
  width: min(1000px, 100%) !important;
  height: min(78vh, 700px) !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #fff9f1 !important;
  box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .6) !important;
}
.arq-modal-caixa > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 20px !important;
  background: var(--sza-ink-deep, #17354d) !important;
  color: #fff9f1 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
.arq-modal-fechar {
  border: 0 !important;
  background: transparent !important;
  color: #fff9f1 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.arq-modal-caixa iframe { flex: 1 !important; width: 100% !important; border: 0 !important; background: #fff !important; }
.arq-modal-caixa > footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 14px 20px !important;
  border-top: 1px solid rgba(23,53,77, .14) !important;
  color: rgba(23,53,77, .55) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 11px !important;
}
.arq-modal-ok {
  padding: 11px 20px !important;
  border: 0 !important;
  background: var(--sza-wing-red, #ff0565) !important;
  color: #fff9f1 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}


/* ==========================================================================
   ENVIAR FOTOS — janela "Novo album" (formulario proprio, sem iframe)
   ========================================================================== */
.arq-modal.arq-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(23,53,77,.62); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.arq-modal.arq-modal iframe { display: none !important; }
.arq-modal.arq-modal .arq-modal-caixa { display: block; width: min(520px, 100%); max-width: 100%; max-height: none; overflow: visible; background: #fff; border: 1px solid rgba(23,53,77,.14); box-shadow: 0 40px 90px -50px rgba(0,0,0,.85); }
.arq-modal.arq-modal .arq-modal-caixa > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 22px; background: linear-gradient(104deg, #17354d 0%, #17354d 40%, #c4003f 80%, var(--sza-wing-red, #ff0565) 100%); }
.arq-modal.arq-modal .arq-modal-caixa > header strong { color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.arq-modal.arq-modal .arq-modal-fechar { padding: 0 2px; border: 0; background: none; color: rgba(255,255,255,.78); font-size: 22px; line-height: 1; cursor: pointer; }
.arq-modal.arq-modal .arq-modal-fechar:hover { color: #fff; }
.arq-modal.arq-modal .arq-modal-corpo { display: grid; gap: 16px; padding: 24px 22px 6px; }
.arq-modal.arq-modal .arq-campo { display: grid; gap: 7px; }
.arq-modal.arq-modal .arq-campo > span { color: rgba(23,53,77,.55); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.arq-modal.arq-modal .arq-campo input,
.arq-modal.arq-modal .arq-campo select { width: 100%; padding: 12px 14px; border: 1px solid rgba(23,53,77,.2); background: #fff9f1; color: #17354d; font: inherit; font-size: 15px; }
.arq-modal.arq-modal .arq-campo input:focus,
.arq-modal.arq-modal .arq-campo select:focus { outline: 0; border-color: var(--sza-wing-red, #ff0565); background: #fff; box-shadow: 0 0 0 3px rgba(255,5,101,.16); }
.arq-modal.arq-modal .arq-modal-recado { margin: 0; padding: 11px 13px; border-left: 3px solid; font-size: 13px; line-height: 1.45; }
.arq-modal.arq-modal .arq-modal-recado.is-erro { border-color: var(--sza-wing-red, #ff0565); background: rgba(255,5,101,.1); color: #c4003f; }
.arq-modal.arq-modal .arq-modal-recado.is-certo { border-color: #17354d; background: rgba(23,53,77,.06); color: #17354d; }
.arq-modal.arq-modal .arq-modal-caixa > footer { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 18px 22px 22px; background: #fff; }
.arq-modal.arq-modal .arq-modal-dica { flex: 1 1 180px; color: rgba(23,53,77,.5); font-size: 11px; line-height: 1.45; }
.arq-modal.arq-modal .arq-modal-cancelar,
.arq-modal.arq-modal .arq-modal-criar { padding: 11px 20px; border: 1px solid #17354d; font: inherit; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; cursor: pointer; }
.arq-modal.arq-modal .arq-modal-cancelar { background: transparent; color: #17354d; }
.arq-modal.arq-modal .arq-modal-cancelar:hover { background: rgba(23,53,77,.07); }
.arq-modal.arq-modal .arq-modal-criar { background: #17354d; color: #fff; }
.arq-modal.arq-modal .arq-modal-criar:hover { border-color: var(--sza-wing-red, #ff0565); background: var(--sza-wing-red, #ff0565); }
.arq-modal.arq-modal .arq-modal-criar:disabled { opacity: .5; cursor: default; }
.arq-modal.arq-modal .is-ocupado .arq-campo input,
.arq-modal.arq-modal .is-ocupado .arq-campo select { opacity: .6; }

/* ==========================================================================
   BANNER MAIOR
   ========================================================================== */
.gallery-site.gallery-site .archive-intro { height: clamp(500px, 44vw, 690px) !important; min-height: clamp(500px, 44vw, 690px) !important; }
.gallery-site.gallery-site .archive-subhero { height: clamp(300px, 30vw, 420px) !important; min-height: clamp(300px, 30vw, 420px) !important; }

/* ==========================================================================
   RESPONSIVO — refeito do zero (manda em cima das regras antigas)
   ========================================================================== */
@media (max-width: 900px) {
  .gallery-site.gallery-site .popular-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 760px) {
  /* topo */
  .gallery-site.gallery-site .gallery-header-inner { position: relative !important; width: 100% !important; padding: 0 12px !important; gap: 6px !important; }
  .gallery-site.gallery-site .nav-wing { width: auto !important; min-width: 0 !important; flex: 0 0 auto !important; padding: 0 !important; }
  .gallery-site.gallery-site .nav-wing-left { padding-left: 38px !important; }
  .gallery-site.gallery-site .gallery-nav { flex: 1 1 auto !important; justify-content: center !important; gap: 0 !important; }
  .gallery-site.gallery-site .mobile-nav { position: absolute !important; left: 0 !important; top: 50% !important; z-index: 5 !important; margin: 0 !important; transform: translateY(-50%) !important; }
  .gallery-site.gallery-site .nav-brand { height: 56px !important; }

  /* banner */
  .gallery-site.gallery-site .archive-intro { height: clamp(500px, 142vw, 660px) !important; min-height: clamp(500px, 142vw, 660px) !important; margin-bottom: 34px !important; }
  .gallery-site.gallery-site .archive-subhero { height: clamp(240px, 62vw, 340px) !important; min-height: clamp(240px, 62vw, 340px) !important; }
  .gallery-site.gallery-site .archive-intro h1 { font-size: clamp(52px, 17vw, 88px) !important; }

  /* faixa de titulo das secoes */
  .gallery-site.gallery-site .archive-section-title { flex-wrap: wrap !important; align-items: flex-start !important; gap: 12px 14px !important; padding: 16px 16px !important; margin-bottom: 18px !important; }
  .gallery-site.gallery-site .archive-section-title > div { flex: 1 1 100% !important; min-width: 0 !important; }
  .gallery-site.gallery-site .archive-section-title h2 { font-size: clamp(17px, 5.4vw, 22px) !important; line-height: 1.15 !important; }
  .gallery-site.gallery-site .archive-section-title > a { flex: 0 0 auto !important; margin: 0 !important; padding: 9px 16px !important; font-size: 10px !important; }

  /* categorias — o cartao vira lista de verdade */
  .gallery-site.gallery-site .category-list,
  .gallery-site.gallery-site .category-group,
  .gallery-site.gallery-site .category-row { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
  .gallery-site.gallery-site .category-row { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px 12px !important; padding: 12px 12px 12px 12px !important; }
  .gallery-site.gallery-site .category-row > .category-thumb { flex: 0 0 54px !important; width: 54px !important; height: 54px !important; }
  .gallery-site.gallery-site .category-row > .folder-symbol { display: none !important; }
  .gallery-site.gallery-site .category-row > .category-copy { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; padding-right: 0 !important; }
  .gallery-site.gallery-site .category-row > .category-copy * { min-width: 0 !important; word-break: normal !important; overflow-wrap: anywhere !important; }
  .gallery-site.gallery-site .category-row > .category-expand-arrow { flex: 0 0 18px !important; margin-left: auto !important; }
  .gallery-site.gallery-site .category-row::after { content: '' !important; flex: 0 0 100% !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; order: 4 !important; }
  .gallery-site.gallery-site .category-row > b { order: 5 !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; padding: 4px 10px !important; text-align: left !important; }
  .gallery-site.gallery-site .archive-statline { padding: 12px 14px !important; font-size: 12px !important; line-height: 1.5 !important; }

  /* albuns recentes e mais vistas: mesma grade, texto legivel */
  .gallery-site.gallery-site .updated-albums-grid,
  .gallery-site.gallery-site .popular-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .gallery-site.gallery-site .updated-albums-grid > *,
  .gallery-site.gallery-site .popular-grid > * { min-width: 0 !important; }
  .gallery-site.gallery-site .updated-album-item + .updated-album-item { border-left: 0 !important; }
  .gallery-site.gallery-site .updated-album-item { padding: 10px !important; border: 1px solid rgba(23,53,77,.12) !important; }
  .gallery-site.gallery-site .popular-copy { padding: 12px 11px 11px !important; }
  .gallery-site.gallery-site .popular-copy strong { display: block !important; font-size: 12px !important; line-height: 1.35 !important; overflow-wrap: anywhere !important; }
  .gallery-site.gallery-site .popular-copy span,
  .gallery-site.gallery-site .updated-album-stats { font-size: 10px !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
  .gallery-site.gallery-site .popular-rank { font-size: 11px !important; }

  /* faixa de fotos antigas */
  .gallery-site.gallery-site .throwback-card { width: 132px !important; height: 178px !important; border-width: 3px !important; }
  .gallery-site.gallery-site .throwback-track { gap: 10px !important; }

  /* rodape */
  .gallery-site.gallery-site .footer-layout { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; padding: 32px 0 28px !important; text-align: left !important; }
  .gallery-site.gallery-site .footer-base { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
}

@media (max-width: 430px) {
  .gallery-site.gallery-site .archive-section-title { padding: 14px 13px !important; }
  .gallery-site.gallery-site .updated-albums-grid,
  .gallery-site.gallery-site .popular-grid { gap: 8px !important; }
  .gallery-site.gallery-site .category-row > .category-thumb { flex: 0 0 46px !important; width: 46px !important; height: 46px !important; }
  .gallery-site.gallery-site .throwback-card { width: 116px !important; height: 156px !important; }
}


/* ==========================================================================
   RESPONSIVO — paginas internas (miniaturas, paginacao)
   ========================================================================== */
@media (max-width: 760px) {
  .gallery-site.gallery-site .thumbnail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
  .gallery-site.gallery-site .thumbnail-card { padding: 8px !important; }
  .gallery-site.gallery-site .thumbnail-image { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 4 / 5 !important; }
  .gallery-site.gallery-site .thumbnail-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .gallery-site.gallery-site .thumbnail-meta-wrap { width: 100% !important; }
  .gallery-site.gallery-site .thumbnail-meta { width: 100% !important; gap: 8px !important; }
  .gallery-site.gallery-site .thumbnail-sequence,
  .gallery-site.gallery-site .thumbnail-views { font-size: 9px !important; }
  .gallery-site.gallery-site .archive-pagination { flex-wrap: wrap !important; justify-content: center !important; gap: 6px !important; padding-left: 0 !important; padding-right: 0 !important; }
  .gallery-site.gallery-site .archive-pagination > * { flex: 0 0 auto !important; }
  .gallery-site.gallery-site .cpg-photo-stage { min-height: clamp(240px, 62vw, 380px) !important; }
  .gallery-site.gallery-site .cpg-photo-stage img { max-height: 62vh !important; }
}

@media (max-width: 430px) {
  .gallery-site.gallery-site .thumbnail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}


/* ==========================================================================
   RESPONSIVO — miniaturas (peso extra para vencer as regras antigas)
   ========================================================================== */
@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-grid,
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-grid[data-arq-size="small"],
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-grid[data-arq-size="medium"],
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-grid[data-arq-size="large"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-card { padding: 8px !important; }
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-image { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 4 / 5 !important; }
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-meta-wrap { width: 100% !important; }
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-meta { width: 100% !important; }
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-sequence,
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-views { font-size: 9px !important; }
}

@media (max-width: 430px) {
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-grid,
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-grid[data-arq-size="small"],
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-grid[data-arq-size="medium"],
  .gallery-site.gallery-site.gallery-site .archive-content.archive-browser .thumbnail-grid[data-arq-size="large"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}


/* ==========================================================================
   RESPONSIVO — faixa de titulo das secoes (peso extra)
   ========================================================================== */
@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section-title { flex-wrap: wrap !important; align-items: flex-start !important; gap: 10px 12px !important; padding: 15px 15px !important; margin-bottom: 16px !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section-title > div { flex: 1 1 100% !important; min-width: 0 !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section-title h2 { font-size: clamp(17px, 5.6vw, 23px) !important; line-height: 1.12 !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section-title > p { display: none !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section-title > a { flex: 0 0 auto !important; margin: 0 !important; padding: 9px 16px !important; font-size: 10px !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-statline { padding: 12px 14px !important; font-size: 11px !important; line-height: 1.55 !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .footer-layout { flex-direction: column !important; align-items: flex-start !important; gap: 18px !important; padding: 30px 0 26px !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .footer-base { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
}


/* ==========================================================================
   BANNER — arte maior e sem os vazios do celular
   ========================================================================== */
@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-intro { height: clamp(285px, 76vw, 400px) !important; min-height: clamp(285px, 76vw, 400px) !important; margin-bottom: 26px !important; background-size: 122% auto !important; background-position: center center !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .hero-art i { background-size: 122% auto !important; background-position: center center !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-subhero { height: clamp(190px, 50vw, 280px) !important; min-height: clamp(190px, 50vw, 280px) !important; background-size: 122% auto !important; }
}


/* ==========================================================================
   TOPO no celular — sem sobrepor o logo
   ========================================================================== */
@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-header-inner { position: relative !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-nav { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .mobile-nav { position: static !important; left: auto !important; top: auto !important; transform: none !important; flex: 0 0 auto !important; margin: 0 !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .nav-brand { flex: 1 1 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 56px !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .nav-wing-left { padding-left: 0 !important; }
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-album-stats { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 2px 6px !important; font-size: 9.5px !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-album-stats > * { white-space: nowrap !important; }
}


/* ==========================================================================
   FOTO no celular — sem o vazio em volta da imagem
   ========================================================================== */
@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-stage { height: auto !important; min-height: 0 !important; padding: 0 !important; overflow: visible !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-stage img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 74vh !important; margin: 0 auto !important; object-fit: contain !important; }
}


/* ==========================================================================
   ENVIAR FOTOS — seletor de album + botao "Novo album" numa peca so
   ========================================================================== */
.arq-album-linha.arq-album-linha { display: flex !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; gap: 0 !important; }
.arq-album-linha.arq-album-linha > select { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; border-right-width: 0 !important; }
.arq-album-linha.arq-album-linha > .arq-novo-album { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; gap: 8px !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 20px !important; border: 1px solid var(--sza-ink-deep, #17354d) !important; background: var(--sza-ink-deep, #17354d) !important; color: #fff !important; font: inherit !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .14em !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap !important; cursor: pointer !important; transition: background .18s ease, border-color .18s ease !important; }
.arq-album-linha.arq-album-linha > .arq-novo-album > span { font-size: 15px !important; font-weight: 400 !important; line-height: 1 !important; }
.arq-album-linha.arq-album-linha > .arq-novo-album:hover { border-color: var(--sza-wing-red, #ff0565) !important; background: var(--sza-wing-red, #ff0565) !important; }
.arq-album-linha.arq-album-linha > .arq-novo-album:disabled { opacity: .5 !important; cursor: default !important; }

@media (max-width: 620px) {
  .arq-album-linha.arq-album-linha { flex-direction: column !important; }
  .arq-album-linha.arq-album-linha > select { border-right-width: 1px !important; }
  .arq-album-linha.arq-album-linha > .arq-novo-album { justify-content: center !important; padding: 13px 20px !important; }
}


/* ==========================================================================
   ENVIAR FOTOS — janela "Novo album" (nomes proprios, sem heranca do tema)
   ========================================================================== */
.arqm-fundo.arqm-fundo { position: fixed !important; inset: 0 !important; z-index: 99999 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 24px !important; background: rgba(23,53,77,.66) !important; -webkit-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important; }
.arqm-fundo.arqm-fundo * { box-sizing: border-box !important; }

.arqm-fundo.arqm-fundo .arqm-caixa { display: block !important; width: 100% !important; max-width: 460px !important; max-height: calc(100vh - 48px) !important; overflow: auto !important; margin: 0 !important; padding: 0 !important; background: #fff !important; border: 0 !important; box-shadow: 0 40px 80px -40px rgba(0,0,0,.75) !important; }

.arqm-fundo.arqm-fundo .arqm-caixa > header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 16px 20px !important; background: linear-gradient(104deg, #17354d 0%, #17354d 42%, #c4003f 82%, var(--sza-wing-red, #ff0565) 100%) !important; }
.arqm-fundo.arqm-fundo .arqm-caixa > header strong { margin: 0 !important; color: #fff !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .2em !important; text-transform: uppercase !important; }
.arqm-fundo.arqm-fundo .arqm-fechar { width: 26px !important; height: 26px !important; padding: 0 !important; border: 0 !important; background: none !important; color: rgba(255,255,255,.75) !important; font-size: 19px !important; line-height: 1 !important; cursor: pointer !important; }
.arqm-fundo.arqm-fundo .arqm-fechar:hover { color: #fff !important; }

.arqm-fundo.arqm-fundo .arqm-corpo { display: block !important; padding: 22px 20px 4px !important; background: #fff !important; }
.arqm-fundo.arqm-fundo .arqm-campo { display: block !important; margin: 0 0 16px !important; }
.arqm-fundo.arqm-fundo .arqm-campo > span { display: block !important; margin: 0 0 6px !important; color: rgba(23,53,77,.5) !important; font-size: 9.5px !important; font-weight: 700 !important; letter-spacing: .2em !important; text-transform: uppercase !important; }
.arqm-fundo.arqm-fundo .arqm-campo input,
.arqm-fundo.arqm-fundo .arqm-campo select { display: block !important; width: 100% !important; height: 42px !important; min-height: 0 !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid rgba(23,53,77,.22) !important; background: #fff9f1 !important; color: #17354d !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; outline: 0 !important; }
.arqm-fundo.arqm-fundo .arqm-campo input:focus,
.arqm-fundo.arqm-fundo .arqm-campo select:focus { border-color: var(--sza-wing-red, #ff0565) !important; background: #fff !important; box-shadow: 0 0 0 2px rgba(255,5,101,.18) !important; }
.arqm-fundo.arqm-fundo .arqm-campo input::placeholder { color: rgba(23,53,77,.34) !important; font-size: 14px !important; }

.arqm-fundo.arqm-fundo .arqm-recado { display: block !important; margin: 0 0 16px !important; padding: 10px 12px !important; border: 0 !important; border-left: 3px solid !important; font-size: 12.5px !important; line-height: 1.45 !important; }
.arqm-fundo.arqm-fundo .arqm-recado[hidden] { display: none !important; }
.arqm-fundo.arqm-fundo .arqm-recado.is-erro { border-color: var(--sza-wing-red, #ff0565) !important; background: rgba(255,5,101,.1) !important; color: #c4003f !important; }
.arqm-fundo.arqm-fundo .arqm-recado.is-certo { border-color: #17354d !important; background: rgba(23,53,77,.06) !important; color: #17354d !important; }

.arqm-fundo.arqm-fundo .arqm-caixa > footer { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; padding: 14px 20px 20px !important; background: #fff !important; border-top: 1px solid rgba(23,53,77,.1) !important; }
.arqm-fundo.arqm-fundo .arqm-dica { flex: 1 1 100% !important; margin: 0 0 4px !important; color: rgba(23,53,77,.45) !important; font-size: 11px !important; line-height: 1.45 !important; }
.arqm-fundo.arqm-fundo .arqm-cancelar,
.arqm-fundo.arqm-fundo .arqm-criar { height: 40px !important; margin: 0 !important; padding: 0 18px !important; border: 1px solid #17354d !important; font-family: inherit !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: .16em !important; text-transform: uppercase !important; cursor: pointer !important; transition: background .18s ease, border-color .18s ease, color .18s ease !important; }
.arqm-fundo.arqm-fundo .arqm-cancelar { background: transparent !important; color: #17354d !important; }
.arqm-fundo.arqm-fundo .arqm-cancelar:hover { background: rgba(23,53,77,.07) !important; }
.arqm-fundo.arqm-fundo .arqm-criar { margin-left: auto !important; background: #17354d !important; color: #fff !important; }
.arqm-fundo.arqm-fundo .arqm-criar:hover { border-color: var(--sza-wing-red, #ff0565) !important; background: var(--sza-wing-red, #ff0565) !important; }
.arqm-fundo.arqm-fundo .arqm-criar:disabled { opacity: .5 !important; cursor: default !important; }

@media (max-width: 520px) {
  .arqm-fundo.arqm-fundo { padding: 14px !important; }
  .arqm-fundo.arqm-fundo .arqm-cancelar,
  .arqm-fundo.arqm-fundo .arqm-criar { flex: 1 1 auto !important; margin-left: 0 !important; }
}


/* ==========================================================================
   THROWBACK — sem a linha e sem o vao ate "Mais vistas"
   ========================================================================== */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .throwback-section { border-bottom: 0 !important; padding-bottom: 14px !important; margin-bottom: 0 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .throwback-section + .archive-section { padding-top: 26px !important; }


/* ==========================================================================
   CATEGORIA ABERTA — cartoes de album menores (painel sem anos)
   ========================================================================== */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-albums-panel .browser-album-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; gap: 12px !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-albums-panel .browser-album-item > a > span { aspect-ratio: 1 / 1 !important; height: auto !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-albums-panel .browser-album-item > a > div { padding: 10px 12px 12px !important; gap: 3px !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-albums-panel .browser-album-item strong { font-size: 12px !important; line-height: 1.25 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-albums-panel .browser-album-item em { font-size: 10px !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-albums-panel .cpg-admin-strip ul { gap: 2px !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-albums-panel .cpg-admin-strip li > a { width: 26px !important; height: 26px !important; }
@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-albums-panel .browser-album-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important; gap: 8px !important; }
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-albums-panel .browser-album-grid { background: transparent !important; padding: 0 !important; align-items: start !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-albums-panel .browser-album-item { border: 1px solid rgba(23,53,77,.12) !important; background: #fff !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-albums-panel .browser-album-item > a > div { min-height: 0 !important; }



/* ==========================================================================
   UPLOAD — FILA PROFISSIONAL (opção 4)
   A fila continua usando o mecanismo nativo do Coppermine. Esta camada cuida
   apenas da leitura visual, da miniatura e do X que remove um item da fila.
   ========================================================================== */
.admin-shell.cpg-page-upload .admin-content {
  max-width: 1120px !important;
}

.admin-shell.cpg-page-upload .arq-envio {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid rgba(23,53,77, .16) !important;
  background: #fff9f1 !important;
  color: #17354d !important;
  overflow: hidden !important;
}

.admin-shell.cpg-page-upload .arq-envio * {
  box-sizing: border-box !important;
}

.admin-shell.cpg-page-upload .arq-envio-topo {
  display: grid !important;
  grid-template-columns: 94px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 20px 22px !important;
  border-bottom: 1px solid rgba(23,53,77, .14) !important;
  background: #fff !important;
}

.admin-shell.cpg-page-upload .arq-envio-rot {
  color: rgba(23,53,77, .50) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.admin-shell.cpg-page-upload .arq-envio-album,
.admin-shell.cpg-page-upload .arq-album-linha {
  width: 100% !important;
  min-width: 0 !important;
}

.admin-shell.cpg-page-upload .arq-envio-album .arq-album-linha {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0 !important;
}

.admin-shell.cpg-page-upload .arq-envio-album select {
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 42px 0 15px !important;
  border: 1px solid rgba(23,53,77, .22) !important;
  border-radius: 0 !important;
  background-color: #fff9f1 !important;
  color: #17354d !important;
  font: 600 13px/1.2 "DM Sans", Arial, sans-serif !important;
}

.admin-shell.cpg-page-upload .arq-envio-album .arq-novo-album {
  min-width: 154px !important;
  height: 46px !important;
  margin: 0 0 0 -1px !important;
  padding: 0 18px !important;
  border: 1px solid #17354d !important;
  border-radius: 0 !important;
  background: #17354d !important;
  color: #fff !important;
  font: 800 10px/1 "DM Sans", Arial, sans-serif !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.admin-shell.cpg-page-upload .arq-envio-corpo {
  display: block !important;
  padding: 22px !important;
  background: #fff9f1 !important;
}

.admin-shell.cpg-page-upload .arq-zona {
  min-height: 116px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1.5px dashed rgba(23,53,77, .34) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #17354d !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: border-color .18s ease, background .18s ease !important;
}

.admin-shell.cpg-page-upload .arq-zona:hover,
.admin-shell.cpg-page-upload .arq-zona:focus,
.admin-shell.cpg-page-upload .arq-zona.is-sobre {
  outline: 0 !important;
  border-color: #ff0565 !important;
  background: #fff9f1 !important;
}

.admin-shell.cpg-page-upload .arq-zona-ico {
  margin: 0 0 5px !important;
  color: #ff0565 !important;
  font-size: 25px !important;
  line-height: 1 !important;
}

.admin-shell.cpg-page-upload .arq-zona b {
  font-size: 13px !important;
  font-weight: 800 !important;
}

.admin-shell.cpg-page-upload .arq-zona small {
  margin-top: 4px !important;
  color: rgba(23,53,77, .47) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

.admin-shell.cpg-page-upload .arq-zona small::after {
  content: " · WEBP e AVIF viram JPG automaticamente" !important;
  color: #ff0565 !important;
  font-weight: 800 !important;
}

.admin-shell.cpg-page-upload .arq-envio-recado {
  margin: 14px 0 0 !important;
  padding: 10px 12px !important;
  border-left: 3px solid #17354d !important;
  background: rgba(23,53,77, .06) !important;
  color: #17354d !important;
  font-size: 12px !important;
}

.admin-shell.cpg-page-upload .arq-envio-recado.is-erro {
  border-left-color: #ff0565 !important;
  background: rgba(255,5,101, .09) !important;
  color: #c4003f !important;
}

.admin-shell.cpg-page-upload .arq-envio-recado[hidden],
.admin-shell.cpg-page-upload .arq-fila[hidden],
.admin-shell.cpg-page-upload .arq-envio-pe[hidden],
.admin-shell.cpg-page-upload .arq-envio-fim[hidden] {
  display: none !important;
}

.admin-shell.cpg-page-upload .arq-fila {
  display: block !important;
  margin-top: 14px !important;
  border: 1px solid rgba(23,53,77, .15) !important;
  background: #fff !important;
  overflow: hidden !important;
}

.admin-shell.cpg-page-upload .arq-fila::before {
  content: "ARQUIVO                                      PROGRESSO         ETAPA" !important;
  display: block !important;
  padding: 10px 15px !important;
  border-bottom: 1px solid rgba(23,53,77, .12) !important;
  background: #daebf2 !important;
  color: rgba(23,53,77, .52) !important;
  font: 800 8px/1.2 "DM Sans", Arial, sans-serif !important;
  letter-spacing: .14em !important;
  white-space: pre !important;
}

.admin-shell.cpg-page-upload .arq-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) minmax(110px, 170px) 86px !important;
  align-items: center !important;
  gap: 13px !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 10px 15px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23,53,77, .11) !important;
  background: #fff !important;
}

.admin-shell.cpg-page-upload .arq-item:last-child {
  border-bottom: 0 !important;
}

.admin-shell.cpg-page-upload .arq-item-thumb {
  position: relative !important;
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  overflow: hidden !important;
  background: #cfe1e9 !important;
}

.admin-shell.cpg-page-upload .arq-item-thumb img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.admin-shell.cpg-page-upload .arq-item-nome {
  display: block !important;
  min-width: 0 !important;
}

.admin-shell.cpg-page-upload .arq-item-nome b {
  display: block !important;
  overflow: hidden !important;
  color: #17354d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-shell.cpg-page-upload .arq-item-nome small {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(23,53,77, .48) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

.admin-shell.cpg-page-upload .arq-item-nome small::first-letter {
  text-transform: uppercase !important;
}

.admin-shell.cpg-page-upload .arq-item-barra {
  display: block !important;
  width: 100% !important;
  height: 5px !important;
  background: rgba(23,53,77, .13) !important;
  overflow: hidden !important;
}

.admin-shell.cpg-page-upload .arq-item-barra i {
  display: block !important;
  width: 0;
  height: 100% !important;
  background: #ff0565 !important;
  transition: width .2s ease !important;
}

.admin-shell.cpg-page-upload .arq-item-estado {
  color: rgba(23,53,77, .48) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
  text-align: right !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.admin-shell.cpg-page-upload .arq-item.is-enviando .arq-item-estado {
  color: #ff0565 !important;
}

.admin-shell.cpg-page-upload .arq-item.is-ok .arq-item-estado {
  color: #17354d !important;
}

.admin-shell.cpg-page-upload .arq-item.is-ok .arq-item-barra i {
  background: #17354d !important;
}

.admin-shell.cpg-page-upload .arq-item.is-erro {
  background: #fff9f1 !important;
}

.admin-shell.cpg-page-upload .arq-item.is-erro .arq-item-estado {
  color: #ff0565 !important;
}

.admin-shell.cpg-page-upload .arq-item-x {
  position: absolute !important;
  z-index: 3 !important;
  top: 6px !important;
  left: 50px !important;
  width: 22px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: #17354d !important;
  color: #fff !important;
  font: 700 16px/1 Arial, sans-serif !important;
  cursor: pointer !important;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .25) !important;
}

.admin-shell.cpg-page-upload .arq-item-x:hover,
.admin-shell.cpg-page-upload .arq-item-x:focus {
  outline: 0 !important;
  background: #ff0565 !important;
  transform: scale(1.07) !important;
}

.admin-shell.cpg-page-upload .arq-envio-pe {
  display: grid !important;
  grid-template-columns: minmax(130px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 15px 22px !important;
  background: #17354d !important;
  color: #fff !important;
}

.admin-shell.cpg-page-upload .arq-envio-total {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  height: 5px !important;
  background: rgba(255, 255, 255, .18) !important;
  overflow: hidden !important;
}

.admin-shell.cpg-page-upload .arq-envio-total i {
  display: block !important;
  width: 0;
  height: 100% !important;
  background: #ff0565 !important;
  transition: width .2s ease !important;
}

.admin-shell.cpg-page-upload .arq-envio-resumo {
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

.admin-shell.cpg-page-upload .arq-envio-pe button {
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 15px !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font: 800 9px/1 "DM Sans", Arial, sans-serif !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.admin-shell.cpg-page-upload .arq-envio-pe .arq-envio-enviar {
  border-color: #ff0565 !important;
  background: #ff0565 !important;
}

.admin-shell.cpg-page-upload .arq-envio-pe button:disabled {
  cursor: default !important;
  opacity: .45 !important;
}

.admin-shell.cpg-page-upload .arq-envio-fim {
  padding: 17px 22px !important;
  border-top: 1px solid rgba(23,53,77, .14) !important;
  background: #fff !important;
}

.admin-shell.cpg-page-upload .arq-envio-fim strong {
  display: block !important;
  margin-bottom: 10px !important;
  color: #17354d !important;
  font-size: 12px !important;
}

.admin-shell.cpg-page-upload .arq-envio-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  margin-right: 8px !important;
  padding: 0 14px !important;
  background: #17354d !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.admin-shell.cpg-page-upload .arq-envio-link.is-vazio {
  border: 1px solid rgba(23,53,77, .22) !important;
  background: transparent !important;
  color: #17354d !important;
}

.admin-shell.cpg-page-upload .arq-avancado {
  margin-top: 14px !important;
  border: 1px solid rgba(23,53,77, .15) !important;
  background: #fff !important;
}

.admin-shell.cpg-page-upload .arq-avancado > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 54px !important;
  padding: 0 20px !important;
  color: rgba(23,53,77, .55) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  list-style: none !important;
}

.admin-shell.cpg-page-upload .arq-avancado > summary::after {
  content: "⌄" !important;
  font-size: 15px !important;
}

.admin-shell.cpg-page-upload .arq-avancado[open] > summary::after {
  transform: rotate(180deg) !important;
}

@media (max-width: 760px) {
  .admin-shell.cpg-page-upload .arq-envio-topo {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 16px !important;
  }

  .admin-shell.cpg-page-upload .arq-envio-album .arq-album-linha {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .admin-shell.cpg-page-upload .arq-envio-album .arq-novo-album {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .admin-shell.cpg-page-upload .arq-envio-corpo {
    padding: 14px !important;
  }

  .admin-shell.cpg-page-upload .arq-fila::before {
    content: "ARQUIVOS NA FILA" !important;
    white-space: normal !important;
  }

  .admin-shell.cpg-page-upload .arq-item {
    grid-template-columns: 52px minmax(0, 1fr) 58px !important;
    gap: 10px !important;
    padding: 10px 12px !important;
  }

  .admin-shell.cpg-page-upload .arq-item-barra {
    grid-column: 2 / -1 !important;
  }

  .admin-shell.cpg-page-upload .arq-item-estado {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .admin-shell.cpg-page-upload .arq-item-x {
    left: 46px !important;
  }

  .admin-shell.cpg-page-upload .arq-envio-pe {
    grid-template-columns: 1fr 1fr !important;
    padding: 14px !important;
  }

  .admin-shell.cpg-page-upload .arq-envio-resumo {
    grid-column: 1 / -1 !important;
  }
}


/* Editor de fotos em lista: compacto, reto e compatível com o POST nativo. */
.cpg-page-editpics .admin-content,
.cpg-page-edit_one_pic .admin-content {
  max-width: 1520px;
  padding: 22px 2.5vw 44px;
}

.cpg-page-editpics .admin-content #cpgform *,
.cpg-page-edit_one_pic .admin-content #cpgform_editonepic * {
  border-radius: 0 !important;
}

.admin-content .arq-edit-list > .maintable {
  width: 100% !important;
  margin: 0;
  border-collapse: collapse;
  table-layout: auto;
  box-shadow: none;
}

.admin-content .arq-edit-list .cpg-title-cell .archive-section-title {
  min-height: 0;
  padding: 12px 14px 10px;
  align-items: center;
}
.admin-content .arq-edit-list .cpg-title-cell .archive-section-title h2 {
  margin: 0;
  font-size: 19px;
}

.admin-content .arq-edit-list > .maintable > tbody > tr > td.tableh2[colspan]:not(:has(.arq-edit-file-summary)) {
  padding: 7px 10px;
  background: #fff9f1;
  color: #3f5a6f;
  font-size: 10px;
  letter-spacing: .04em;
  text-align: left !important;
  text-transform: none;
}
.admin-content .arq-edit-list > .maintable > tbody > tr > td[colspan] > table > tbody > tr > td.tableh2 {
  height: 34px;
  padding: 5px 7px;
  background: #fff9f1;
  font-size: 9px;
}
.admin-content .arq-edit-list .admin_menu,
.admin-content .arq-edit-list .buttonlist a,
.admin-content .arq-edit-list :where(.button, button.button, input[type="submit"], input[type="button"]) {
  min-height: 30px;
  padding: 0 11px;
  border-radius: 0 !important;
  font-size: 9px;
}
.admin-content .arq-edit-list > .maintable > tbody > tr > td.tablef {
  padding: 7px 10px;
  border-top: 1px solid #d1e3eb;
  border-bottom: 1px solid #d1e3eb;
  background: #17354d;
  text-align: right !important;
}
.admin-content .arq-edit-list > .maintable > tbody > tr > td.tablef .button {
  border: 1px solid #fff;
  background: #17354d;
  color: #fff;
}
.admin-content .arq-edit-list > .maintable > tbody > tr > td.tablef .button:hover {
  background: #fff;
  color: #17354d;
}

.admin-content .arq-edit-file-head > td {
  padding: 0 !important;
  border-top: 1px solid #cddfe7;
  border-bottom: 1px solid #cddfe7;
  background: #fff !important;
}
.admin-content .arq-edit-file-head.is-open > td { background: #fff9f1 !important; }
.admin-content .arq-edit-file-head > td > table { width: 100%; border-collapse: collapse; }
.admin-content .arq-edit-file-head td:has(> .arq-edit-file-summary) {
  padding: 5px 9px !important;
  border: 0;
  background: transparent !important;
}
.admin-content .arq-edit-file-summary {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto 30px;
  gap: 9px;
  align-items: center;
  min-height: 39px;
  cursor: pointer;
}
.admin-content .arq-edit-file-thumb {
  display: block;
  width: 30px;
  height: 36px;
  overflow: hidden;
  border: 1px solid #d1e3eb;
  background: #dff0f6;
}
.admin-content .arq-edit-file-thumb:empty::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg, #d1e3eb, #99aebc);
}
.admin-content .arq-edit-file-thumb a,
.admin-content .arq-edit-file-thumb img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
}
.admin-content .arq-edit-file-copy {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px 7px;
  overflow: hidden;
  color: #17354d;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.admin-content .arq-edit-file-copy strong {
  overflow: hidden;
  max-width: 100%;
  color: #17354d;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-content .arq-edit-file-copy tt {
  display: block;
  overflow: hidden;
  flex: 1 1 100%;
  color: #708899;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-content .arq-edit-file-copy .admin_menu { min-height: 27px; padding: 0 8px; font-size: 8px; }
.admin-content .arq-edit-file-position { color: #708899; font-size: 9px; font-weight: 700; white-space: nowrap; }
.admin-content .arq-edit-file-toggle {
  display: inline-grid;
  width: 30px;
  height: 30px;
  padding: 0;
  place-items: center;
  border: 1px solid #c9dbe4;
  background: #fff;
  color: #17354d;
  cursor: pointer;
}
.admin-content .arq-edit-file-toggle span {
  display: block;
  font-size: 18px;
  line-height: 1;
  transition: transform .15s ease;
}
.admin-content .arq-edit-file-head.is-open .arq-edit-file-toggle { border-color: #17354d; background: #17354d; color: #fff; }
.admin-content .arq-edit-file-head.is-open .arq-edit-file-toggle span { transform: rotate(90deg); }

.admin-content .arq-edit-file-tools { display: none; }
.admin-content .arq-edit-file-head.is-open .arq-edit-file-tools { display: table-row; }
.admin-content .arq-edit-file-tools > td {
  height: 29px;
  padding: 3px 6px !important;
  border-top: 1px solid #d9eaf1;
  border-bottom: 0;
  background: #fff9f1 !important;
  font-size: 9px;
}
.admin-content .arq-edit-file-tools > td:first-child { padding-left: 53px !important; }

.admin-content .arq-edit-file-body > td.tableb {
  padding: 6px 9px;
  border-bottom: 1px solid #deeff5;
  background: #fff;
  color: #17354d;
  font-size: 11px;
  line-height: 1.3;
}
.admin-content .arq-edit-file-body > td.tableb:first-child {
  width: 190px;
  padding-left: 14px;
  color: #365267;
  font-size: 10px;
  font-weight: 700;
}
.admin-content .arq-edit-file-body > td[rowspan] { display: none; }
.admin-content .arq-edit-file-body :where(.textinput, .listbox, input[type="text"], select, textarea) {
  width: 100% !important;
  min-height: 31px;
  height: 31px;
  padding: 0 8px;
  border: 1px solid #c8dae3;
  background: #fff;
  color: #17354d;
  font-size: 11px;
}
.admin-content .arq-edit-file-body textarea,
.admin-content .arq-edit-file-body textarea.textinput {
  min-height: 48px;
  height: 48px;
  padding: 7px 8px;
  line-height: 1.35;
}
.admin-content .arq-edit-file-body tt {
  display: block;
  overflow: hidden;
  margin-bottom: 4px;
  color: #708899;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-content .arq-edit-file-body label.clickable_option { margin-right: 10px; font-size: 10px; }
.admin-content .arq-edit-file-body input[type="checkbox"],
.admin-content .arq-edit-file-body input[type="radio"] { width: 14px; height: 14px; }
.admin-content .arq-edit-file-body > td[colspan="3"] > table { width: 100%; }
.admin-content .arq-edit-file-body > td[colspan="3"] > table td {
  padding: 5px 7px;
  border: 0;
  background: #fff9f1;
  font-size: 9px;
  white-space: normal;
}

@media (max-width: 760px) {
  .cpg-page-editpics .admin-content,
  .cpg-page-edit_one_pic .admin-content { padding: 14px 10px 34px; }
  .admin-content .arq-edit-file-summary { grid-template-columns: 31px minmax(0, 1fr) 27px; gap: 7px; }
  .admin-content .arq-edit-file-position { display: none; }
  .admin-content .arq-edit-file-toggle { width: 27px; height: 27px; }
  .admin-content .arq-edit-file-copy .admin_menu { display: none; }
  .admin-content .arq-edit-file-body > td.tableb:first-child { width: 118px; padding-left: 8px; white-space: normal !important; }
  .admin-content .arq-edit-file-tools > td:first-child { padding-left: 7px !important; }
}



/* ==========================================================================
   ICONES do painel — o "content:" que troca o PNG por SVG nao tem tamanho
   proprio, e a regra img[width] os zerava. Aqui eles voltam a ter 16px.
   ========================================================================== */
.gallery-site.gallery-site img.icon,
.gallery-site.gallery-site img[src*="images/icons/"],
.admin-shell.admin-shell img.icon,
.admin-shell.admin-shell img[src*="images/icons/"] {
  width: 16px !important; height: 16px !important;
  min-width: 16px !important; max-width: 16px !important;
}

/* ==========================================================================
   CATEGORIAS — lapis de renomear ao lado do nome
   ========================================================================== */
.admin-shell.admin-shell .arq-lapis {
  display: inline-flex !important; align-items: center !important;
  margin-left: 10px !important; padding: 2px !important;
  vertical-align: middle !important; opacity: .38 !important;
  transition: opacity .15s ease !important;
}
.admin-shell.admin-shell tr:hover .arq-lapis { opacity: 1 !important; }
.admin-shell.admin-shell .arq-lapis:hover { opacity: 1 !important; }
.admin-shell.admin-shell .arq-lapis img {
  width: 14px !important; height: 14px !important;
  min-width: 14px !important; max-width: 14px !important;
  opacity: 1 !important; filter: none !important;
}


/* ==========================================================================
   ENVIAR FOTOS — escolher a capa do album logo depois do envio
   ========================================================================== */
.arq-capa.arq-capa { margin-top: 16px !important; padding-top: 16px !important; border-top: 1px solid rgba(23,53,77,.12) !important; }
.arq-capa.arq-capa .arq-capa-rot { display: block !important; margin-bottom: 10px !important; color: rgba(23,53,77,.5) !important; font-size: 9.5px !important; font-weight: 700 !important; letter-spacing: .18em !important; text-transform: uppercase !important; }
.arq-capa.arq-capa .arq-capa-tiras { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
.arq-capa.arq-capa .arq-capa-tiras small { color: rgba(23,53,77,.4) !important; font-size: 12px !important; }
.arq-capa.arq-capa .arq-capa-item { position: relative !important; width: 62px !important; height: 62px !important; padding: 0 !important; border: 1px solid rgba(23,53,77,.16) !important; background: #fff !important; cursor: pointer !important; overflow: hidden !important; transition: border-color .15s ease !important; }
.arq-capa.arq-capa .arq-capa-item img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; }
.arq-capa.arq-capa .arq-capa-item i { position: absolute !important; inset: auto 0 0 0 !important; display: none !important; padding: 2px 0 !important; background: var(--sza-wing-red, #ff0565) !important; color: #fff !important; font-size: 11px !important; font-style: normal !important; line-height: 1.2 !important; text-align: center !important; }
.arq-capa.arq-capa .arq-capa-item:hover { border-color: var(--sza-ink-deep, #17354d) !important; }
.arq-capa.arq-capa .arq-capa-item.is-capa { border: 2px solid var(--sza-wing-red, #ff0565) !important; }
.arq-capa.arq-capa .arq-capa-item.is-capa i { display: block !important; }
.arq-capa.arq-capa.is-ocupado { opacity: .6 !important; pointer-events: none !important; }
.arq-capa.arq-capa .arq-capa-recado { margin: 10px 0 0 !important; color: rgba(23,53,77,.55) !important; font-size: 12px !important; }
.arq-capa.arq-capa .arq-capa-recado.is-erro { color: #c4003f !important; }


/* ==========================================================================
   ALBUM — selecionar varias fotos e apagar
   ========================================================================== */
.gallery-site.gallery-site .arq-selec-toggle {
  margin-right: 12px !important; padding: 9px 16px !important;
  border: 1px solid var(--sza-ink-deep, #17354d) !important; background: transparent !important;
  color: var(--sza-ink-deep, #17354d) !important; font: inherit !important; font-size: 10px !important;
  font-weight: 700 !important; letter-spacing: .16em !important; text-transform: uppercase !important;
  cursor: pointer !important; transition: background .15s ease, color .15s ease !important;
}
.gallery-site.gallery-site .arq-selec-toggle:hover { background: rgba(23,53,77,.08) !important; }
.gallery-site.gallery-site .arq-selec-toggle.is-ativo {
  border-color: var(--sza-wing-red, #ff0565) !important;
  background: var(--sza-wing-red, #ff0565) !important; color: #fff !important;
}

.gallery-site.gallery-site .thumbnail-grid.arq-selecionando .thumbnail-card { cursor: pointer !important; position: relative !important; }
.gallery-site.gallery-site .thumbnail-grid.arq-selecionando .thumbnail-card::after {
  content: '' !important; position: absolute !important; top: 14px !important; left: 14px !important;
  width: 22px !important; height: 22px !important; z-index: 4 !important;
  border: 2px solid #fff !important; background: rgba(23,53,77,.35) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.4) !important;
}
.gallery-site.gallery-site .thumbnail-grid.arq-selecionando .thumbnail-card.is-marcada::after {
  border-color: var(--sza-wing-red, #ff0565) !important;
  background: var(--sza-wing-red, #ff0565) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 14px no-repeat !important;
}
.gallery-site.gallery-site .thumbnail-grid.arq-selecionando .thumbnail-card.is-marcada { outline: 3px solid var(--sza-wing-red, #ff0565) !important; outline-offset: -3px !important; }
.gallery-site.gallery-site .thumbnail-grid.arq-selecionando .thumbnail-card.is-falhou { outline: 3px solid #c4003f !important; }
.gallery-site.gallery-site .thumbnail-grid.arq-selecionando .thumbnail-heart { pointer-events: none !important; opacity: .3 !important; }
.gallery-site.gallery-site .thumbnail-grid.arq-selecionando .thumbnail-image span { display: none !important; }

.arq-selec-barra.arq-selec-barra {
  position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 9998 !important;
  display: flex !important; align-items: center !important; gap: 12px !important;
  padding: 14px 22px !important; background: var(--sza-ink-deep, #17354d) !important;
  box-shadow: 0 -14px 34px -26px rgba(0,0,0,.9) !important;
}
.arq-selec-barra.arq-selec-barra .arq-selec-conta {
  flex: 1 1 auto !important; color: #fff !important; font-size: 11px !important;
  font-weight: 700 !important; letter-spacing: .14em !important; text-transform: uppercase !important;
}
.arq-selec-barra.arq-selec-barra button {
  padding: 10px 18px !important; border: 1px solid rgba(255,255,255,.4) !important;
  background: transparent !important; color: #fff !important; font: inherit !important;
  font-size: 10px !important; font-weight: 700 !important; letter-spacing: .16em !important;
  text-transform: uppercase !important; cursor: pointer !important;
}
.arq-selec-barra.arq-selec-barra button:hover { background: rgba(255,255,255,.12) !important; }
.arq-selec-barra.arq-selec-barra .arq-selec-apagar {
  border-color: var(--sza-wing-red, #ff0565) !important; background: var(--sza-wing-red, #ff0565) !important;
}
.arq-selec-barra.arq-selec-barra .arq-selec-apagar:hover { background: #ff0565 !important; }
.arq-selec-barra.arq-selec-barra .arq-selec-apagar:disabled { opacity: .4 !important; cursor: default !important; }

.arqm-fundo.arqm-fundo .arq-selec-frase { margin: 0 0 12px !important; font-size: 14px !important; }
.arqm-fundo.arqm-fundo .arq-selec-tiras {
  display: flex !important; flex-wrap: wrap !important; gap: 6px !important;
  max-height: 210px !important; overflow: auto !important; margin-bottom: 14px !important;
}
.arqm-fundo.arqm-fundo .arq-selec-tira { display: block !important; width: 56px !important; height: 56px !important; border: 1px solid rgba(23,53,77,.16) !important; overflow: hidden !important; }
.arqm-fundo.arqm-fundo .arq-selec-tira img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; }
.arqm-fundo.arqm-fundo .arqm-criar.is-perigo { border-color: #ff0565 !important; background: #ff0565 !important; }
.arqm-fundo.arqm-fundo .arqm-criar.is-perigo:hover { border-color: #c4003f !important; background: #c4003f !important; }

@media (max-width: 620px) {
  .arq-selec-barra.arq-selec-barra { flex-wrap: wrap !important; padding: 12px 14px !important; }
  .arq-selec-barra.arq-selec-barra .arq-selec-conta { flex: 1 1 100% !important; margin-bottom: 4px !important; }
  .arq-selec-barra.arq-selec-barra button { flex: 1 1 auto !important; }
}


/* ==========================================================================
   PAINEL DA CATEGORIA — os botoes agora podem ter nome comprido (nao so ano),
   entao cada um cresce conforme o texto em vez de caber numa coluna de 96px.
   ========================================================================== */
.gallery-site.gallery-site .category-year-buttons {
  display: flex !important; flex-wrap: wrap !important;
  justify-content: flex-start !important; gap: 6px !important;
  grid-template-columns: none !important;
}
.gallery-site.gallery-site .category-year-buttons > a,
.gallery-site.gallery-site .category-year-buttons > button {
  flex: 0 1 auto !important; min-width: 84px !important; max-width: 260px !important;
  column-gap: 10px !important;
}
.gallery-site.gallery-site .category-year-buttons strong { line-height: 1.2 !important; overflow-wrap: anywhere !important; }


/* ==========================================================================
   Respiro entre as secoes um pouco menor (era ~88px entre o conteudo de uma
   e a faixa da seguinte; agora ~52px).
   ========================================================================== */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section { padding-top: 34px !important; padding-bottom: 30px !important; margin-bottom: 22px !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section.category-section { padding-top: 0 !important; padding-bottom: 0 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .throwback-section { padding-bottom: 14px !important; margin-bottom: 0 !important; border-bottom: 0 !important; }
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .throwback-section + .archive-section { padding-top: 26px !important; }
@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-section { padding-top: 24px !important; padding-bottom: 22px !important; margin-bottom: 16px !important; }
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-welcome { margin-bottom: 24px !important; }
@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-welcome { margin-bottom: 16px !important; }
}


/* ==========================================================================
   MINIATURAS — botoes de capa que aparecem ao passar o mouse
   ========================================================================== */
.gallery-site.gallery-site .thumbnail-card { position: relative !important; }
.gallery-site.gallery-site .arq-marcar {
  position: absolute !important; left: 8px !important; right: 8px !important; bottom: 46px !important;
  z-index: 6 !important; display: flex !important; gap: 5px !important;
  opacity: 0 !important; pointer-events: none !important;
  transition: opacity .16s ease !important;
}
.gallery-site.gallery-site .thumbnail-card:hover .arq-marcar,
.gallery-site.gallery-site .arq-marcar:focus-within { opacity: 1 !important; pointer-events: auto !important; }
.gallery-site.gallery-site .thumbnail-grid.arq-selecionando .arq-marcar { display: none !important; }
.gallery-site.gallery-site .arq-marcar button {
  flex: 1 1 0 !important; min-width: 0 !important; padding: 7px 4px !important;
  border: 0 !important; background: rgba(23,53,77,.92) !important; color: #fff !important;
  font: inherit !important; font-size: 8.5px !important; font-weight: 700 !important;
  letter-spacing: .1em !important; text-transform: uppercase !important; line-height: 1.25 !important;
  text-align: center !important; cursor: pointer !important;
}
.gallery-site.gallery-site .arq-marcar button:hover { background: var(--sza-ink-deep, #17354d) !important; }
.gallery-site.gallery-site .arq-marcar .arq-marcar-cat { background: rgba(255,5,101,.94) !important; }
.gallery-site.gallery-site .arq-marcar .arq-marcar-cat:hover { background: var(--sza-wing-red, #ff0565) !important; }

/* escolher entre a secao e a categoria de cima */
.arqm-fundo.arqm-fundo .arq-niveis { display: grid !important; gap: 8px !important; }
.arqm-fundo.arqm-fundo .arq-nivel {
  display: block !important; width: 100% !important; padding: 13px 15px !important;
  border: 1px solid rgba(23,53,77,.2) !important; background: #fff9f1 !important;
  text-align: left !important; cursor: pointer !important; font: inherit !important;
  transition: border-color .15s ease, background .15s ease !important;
}
.arqm-fundo.arqm-fundo .arq-nivel:hover { border-color: var(--sza-wing-red, #ff0565) !important; background: #fff !important; }
.arqm-fundo.arqm-fundo .arq-nivel b { display: block !important; font-size: 13.5px !important; }
.arqm-fundo.arqm-fundo .arq-nivel small { display: block !important; margin-top: 2px !important; color: rgba(23,53,77,.45) !important; font-size: 11.5px !important; }

/* recado flutuante */
.arq-toast.arq-toast {
  position: fixed !important; left: 50% !important; bottom: 26px !important; z-index: 100000 !important;
  transform: translate(-50%, 14px) !important; opacity: 0 !important; pointer-events: none !important;
  padding: 13px 22px !important; background: var(--sza-ink-deep, #17354d) !important; color: #fff !important;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: .08em !important;
  box-shadow: 0 20px 40px -24px rgba(0,0,0,.8) !important;
  transition: opacity .2s ease, transform .2s ease !important;
}
.arq-toast.arq-toast.is-vendo { opacity: 1 !important; transform: translate(-50%, 0) !important; }
.arq-toast.arq-toast.is-erro { background: #c4003f !important; }

.arq-selec-barra.arq-selec-barra .arq-selec-capa[hidden] { display: none !important; }


/* Botão administrativo "+ Fotos" no cabeçalho do álbum. */
.gallery-site .photo-browser-tools .arq-album-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.gallery-site .photo-browser-tools .arq-add-photos,
.gallery-site .photo-browser-tools .arq-album-actions .arq-selec-toggle {
  box-sizing: border-box;
  min-height: 35px;
  margin: 0;
  padding: 9px 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--sza-ink-deep, #17354d);
  border-radius: 0;
  background: transparent;
  color: var(--sza-ink-deep, #17354d);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .16em;
  text-decoration: none;
  text-transform: uppercase;
}
.gallery-site .photo-browser-tools .arq-add-photos {
  border-color: var(--sza-coral, #ff0565);
  background: var(--sza-coral, #ff0565);
  color: #fff;
}
.gallery-site .photo-browser-tools .arq-add-photos:hover,
.gallery-site .photo-browser-tools .arq-add-photos:focus-visible {
  border-color: var(--sza-ink-deep, #17354d);
  background: var(--sza-ink-deep, #17354d);
  color: #fff;
}
.gallery-site .photo-browser-tools .arq-add-photos span {
  margin-right: 6px;
  font-size: 14px;
  line-height: 1;
}
@media (max-width: 600px) {
  .gallery-site .photo-browser-tools,
  .gallery-site .photo-browser-tools .arq-album-actions { width: 100%; }
  .gallery-site .photo-browser-tools .arq-album-actions > * { flex: 1; }
}



/* O envio abre sobre o álbum: nenhuma navegação para o painel. */
html.arq-album-upload-open,
html.arq-album-upload-open body { overflow: hidden !important; }
.arq-album-upload-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 28px;
}
.arq-album-upload-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  border-radius: 0;
  background: rgba(23,53,77, .72);
  cursor: pointer;
}
.arq-album-upload-panel {
  position: relative;
  width: min(1080px, 94vw);
  height: min(760px, 88vh);
  display: grid;
  grid-template-rows: 64px minmax(0, 1fr);
  border: 1px solid #17354d;
  border-radius: 0;
  background: #fff9f1;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}
.arq-album-upload-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px 0 22px;
  border-bottom: 1px solid rgba(23,53,77, .18);
  background: #17354d;
  color: #fff;
}
.arq-album-upload-header div { display: grid; gap: 2px; }
.arq-album-upload-header small { color: #ff0565; font-size: 9px; font-weight: 700; letter-spacing: .18em; }
.arq-album-upload-header strong { font-size: 18px; font-weight: 600; }
.arq-album-upload-close {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}
.arq-album-upload-close:hover,
.arq-album-upload-close:focus-visible { background: #ff0565; }
.arq-album-upload-frame { width: 100%; height: 100%; border: 0; background: #dcedf4; }

/* Versão compacta da página de envio usada somente dentro da janela acima. */
html.arq-embedded-upload body { background: #dcedf4 !important; }
html.arq-embedded-upload .admin-sidebar,
html.arq-embedded-upload .admin-topbar,
html.arq-embedded-upload .admin-control-dock { display: none !important; }
html.arq-embedded-upload main.admin-shell { min-height: 0 !important; display: block !important; background: #dcedf4 !important; }
html.arq-embedded-upload .admin-main { width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
html.arq-embedded-upload .admin-content { width: auto !important; min-height: 0 !important; margin: 0 !important; padding: 18px !important; }
html.arq-embedded-upload .cpg-gallery-slot { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
html.arq-embedded-upload .arq-envio { margin: 0 !important; box-shadow: none !important; }

@media (max-width: 700px) {
  .arq-album-upload-modal { padding: 0; }
  .arq-album-upload-panel { width: 100vw; height: 100vh; border: 0; }
  html.arq-embedded-upload .admin-content { padding: 10px !important; }
}



/* A escolha do usuário prevalece também nos breakpoints responsivos. */
.gallery-site .archive-browser .thumbnail-grid[data-arq-size="small"] {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.gallery-site .archive-browser .thumbnail-grid[data-arq-size="medium"] {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.gallery-site .archive-browser .thumbnail-grid[data-arq-size="large"] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 1100px) {
  .gallery-site .archive-browser .thumbnail-grid[data-arq-size="small"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .gallery-site .archive-browser .thumbnail-grid[data-arq-size="medium"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .gallery-site .archive-browser .thumbnail-grid[data-arq-size="large"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .gallery-site .archive-browser .photo-browser-tools,
  .gallery-site .archive-browser .thumbnail-size-switch {
    width: 100% !important;
  }
  .gallery-site .archive-browser .thumbnail-size-switch {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .gallery-site .archive-browser .thumbnail-size-switch button {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 6px !important;
  }
  .gallery-site .archive-browser .thumbnail-grid[data-arq-size="small"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .gallery-site .archive-browser .thumbnail-grid[data-arq-size="medium"] {
    grid-template-columns: minmax(0, min(78vw, 320px)) !important;
    justify-content: center !important;
  }
  .gallery-site .archive-browser .thumbnail-grid[data-arq-size="large"] {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-content: stretch !important;
  }
}

/* Última palavra sobre os componentes arredondados do novo topo. O tema
   legado possui uma regra universal reta perto do fim deste arquivo. */
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-nav {
  position: absolute !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-nav-pill,
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-gallery-badge,
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-stats b {
  border-radius: 999px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-avatar,
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-nav-links > a,
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-socials a {
  border-radius: 50% !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-card {
  border-radius: 71px 0 0 71px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-strip {
  border-radius: 60px 0 0 60px !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-card {
    border-radius: 50px 0 0 0 !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-strip {
    border-radius: 42px 0 0 42px !important;
  }
}

/* AJUSTES VISUAIS APROVADOS — bloco final. */

/* Cabeçalho do álbum compacto: texto e seletor na mesma linha. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .cpg-gallery-slot {
  position: relative !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .archive-breadcrumb {
  min-height: 82px !important;
  margin-bottom: 30px !important;
  padding: 18px 360px 18px 32px !important;
  border-radius: 20px !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails table.maintable:has(.photo-browser-title) {
  position: absolute !important;
  z-index: 3 !important;
  top: 20px !important;
  right: 32px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .archive-breadcrumb {
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding: 16px 18px 10px !important;
    border-radius: 16px 16px 0 0 !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails table.maintable:has(.photo-browser-title) {
    position: static !important;
    width: 100% !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title {
    min-height: 54px !important;
    justify-content: flex-end !important;
    margin: 0 0 24px !important;
    padding: 2px 18px 12px !important;
    border-radius: 0 0 16px 16px !important;
    background: linear-gradient(108deg, #5fdeff, #c7f6ff 58%, #fff9e9) !important;
  }
}

/* Página de álbum: breadcrumb e controles formam um único bloco azul. */
.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .archive-breadcrumb {
  margin-bottom: 0 !important;
  padding: 22px 32px 12px !important;
  border-left: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  background: linear-gradient(108deg, #5fdeff, #c7f6ff 58%, #fff9e9) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .cpg-title-cell {
  padding: 0 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails table.maintable:has(.photo-browser-title) {
  overflow: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title {
  min-height: 64px !important;
  justify-content: flex-end !important;
  margin: 0 0 30px !important;
  padding: 6px 32px 16px !important;
  border-radius: 0 0 20px 20px !important;
  background: linear-gradient(108deg, #5fdeff, #c7f6ff 58%, #fff9e9) !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title > div:first-child {
  display: none !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .archive-breadcrumb {
    padding: 18px 18px 10px !important;
    border-radius: 16px 16px 0 0 !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title {
    min-height: 58px !important;
    padding: 4px 18px 14px !important;
    border-radius: 0 0 16px 16px !important;
  }
}

/* Breadcrumb editorial escolhido: caminho discreto + título em nova linha. */
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 15px 20px 17px !important;
  border: 0 !important;
  border-left: 5px solid #5fdeff !important;
  border-radius: 0 16px 16px 0 !important;
  background: #fff9f1 !important;
  color: transparent !important;
  font-size: 0 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-breadcrumb a {
  color: rgba(23, 53, 77, .62) !important;
  font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-breadcrumb a:not(:last-child)::after {
  margin-left: 5px !important;
  content: "/" !important;
  color: #ff0565 !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-breadcrumb a + a::before {
  display: none !important;
  content: none !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-breadcrumb a:last-child {
  display: block !important;
  flex: 0 0 100% !important;
  margin-top: 7px !important;
  color: #17354d !important;
  font-size: 18px !important;
  letter-spacing: -.02em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

@media (max-width: 760px) {
  .gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-breadcrumb {
    padding: 12px 14px 14px !important;
  }

  .gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .archive-breadcrumb a:last-child {
    font-size: 16px !important;
  }
}

@keyframes sza-throwback-smooth {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(-50% - 10px), 0, 0); }
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-track {
  animation: sza-throwback-smooth 90s linear infinite !important;
  backface-visibility: hidden !important;
  will-change: transform !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-card {
  box-shadow: none !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .throwback-window {
  contain: paint !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .gallery-topbar {
  display: none !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .cpg-photo-stage {
  background: #fff9f1 !important;
}

/* Consolidação final da nova identidade nas páginas internas. */
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) input.textinput,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) textarea.textinput,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) select.listbox,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) input.textinput:focus,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) textarea.textinput:focus,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) select.listbox:focus {
  background: #fff9f1 !important;
  color: #17354d !important;
}

.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .navmenu_pic,
.gallery-site.gallery-site.gallery-site.gallery-site:not(.gallery-home) .ranking-winner {
  overflow: hidden !important;
  border-radius: 16px !important;
}
@media (min-width: 761px) {
  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-headline { top: 36% !important; }
  .gallery-site.gallery-site.gallery-site.gallery-site .sza-new-gallery-badge { top: -24px !important; }
}
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-slides img { filter: grayscale(1) !important; transition: filter .45s ease !important; }
.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-strip:hover .sza-new-archive-slides img { filter: none !important; }
body,
.gallery-site,
.gallery-site.gallery-home,
.gallery-site.gallery-home .content-wrap.archive-content { background-color: #fff9f1 !important; }
.gallery-site.gallery-home .archive-section .archive-section-title h2::before { content: "ʚɞ" !important; width: 28px !important; flex: 0 0 28px !important; font-family: "DM Serif Display", Georgia, serif !important; }

.gallery-site.gallery-home .throwback-section .archive-section-title {
  display: block !important;
  min-height: 0 !important;
  padding: 0 8px 20px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.gallery-site.gallery-home .throwback-section .archive-section-title > div { display: block !important; }
.gallery-site.gallery-home .throwback-section .archive-section-title h2 { gap: .28em !important; color: #17354d !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: clamp(34px, 3.4vw, 52px) !important; font-weight: 500 !important; letter-spacing: -.045em !important; line-height: 1 !important; }
.gallery-site.gallery-home .throwback-section .archive-section-title h2::before { color: #ff0565 !important; font-size: .62em !important; }
.gallery-site.gallery-home .throwback-section .archive-section-title p { display: block !important; margin: 12px 0 0 !important; color: rgba(23,53,77,.58) !important; font-size: 13px !important; }
.gallery-site.gallery-home .throwback-window { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 28px !important; overflow: hidden !important; border: 0 !important; border-radius: 38px !important; background: linear-gradient(115deg,#5fdeff 0%,#9eefff 58%,#fff9f1 145%) !important; box-shadow: 0 22px 46px -32px rgba(23,53,77,.48) !important; -webkit-mask-image: none !important; mask-image: none !important; }
.gallery-site.gallery-home .throwback-track { gap: 20px !important; align-items: stretch !important; }
.gallery-site.gallery-home .throwback-card { position: relative !important; display: flex !important; width: 220px !important; height: 318px !important; flex: 0 0 220px !important; flex-direction: column !important; padding: 8px !important; overflow: hidden !important; border: 1px solid rgba(255,5,101,.2) !important; border-radius: 26px !important; background: #fff9f1 !important; box-shadow: 0 14px 28px -22px rgba(23,53,77,.62) !important; }
.gallery-site.gallery-home .throwback-card > a,
.gallery-site.gallery-home .throwback-card > button { position: relative !important; inset: auto !important; display: block !important; width: 100% !important; height: 214px !important; flex: 0 0 214px !important; margin: 0 !important; overflow: hidden !important; border: 0 !important; border-radius: 19px !important; background: #17354d !important; }
.gallery-site.gallery-home .throwback-card img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; filter: saturate(.9) contrast(.98) !important; transition: filter .4s ease, transform .55s ease !important; }
.gallery-site.gallery-home .throwback-card:hover img { filter: none !important; transform: scale(1.04) !important; }
.gallery-site.gallery-home .throwback-card > a > span,
.gallery-site.gallery-home .throwback-card > button > span { position: absolute !important; inset: auto auto 12px 12px !important; padding: 6px 10px 5px !important; border-radius: 999px !important; background: #ff0565 !important; color: #fff9f1 !important; font-size: 9px !important; letter-spacing: .08em !important; }
.gallery-site.gallery-home .throwback-card > a::after,
.gallery-site.gallery-home .throwback-card > button::after { position: absolute !important; top: 12px !important; right: 12px !important; display: grid !important; width: 34px !important; height: 34px !important; place-items: center !important; content: "♡" !important; border: 1px solid rgba(255,249,241,.72) !important; border-radius: 50% !important; background: rgba(23,53,77,.72) !important; color: #fff9f1 !important; font: 700 21px/1 Arial,sans-serif !important; }
.gallery-site.gallery-home .throwback-card > div { display: flex !important; min-height: 0 !important; flex: 1 1 auto !important; flex-direction: column !important; justify-content: space-between !important; padding: 13px 7px 7px !important; }
.gallery-site.gallery-home .throwback-card h3 { display: -webkit-box !important; margin: 0 !important; overflow: hidden !important; color: #17354d !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.25 !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; }
.gallery-site.gallery-home .throwback-card p { margin: 7px 0 0 !important; color: #ff0565 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
@media (max-width: 760px) {
  .gallery-site.gallery-home .throwback-section .archive-section-title { padding: 0 4px 14px !important; }
  .gallery-site.gallery-home .throwback-section .archive-section-title h2 { font-size: 31px !important; }
  .gallery-site.gallery-home .throwback-window { padding: 16px !important; border-radius: 26px !important; }
  .gallery-site.gallery-home .throwback-track { gap: 12px !important; }
  .gallery-site.gallery-home .throwback-card { width: 168px !important; height: 258px !important; flex-basis: 168px !important; padding: 6px !important; border-radius: 20px !important; }
  .gallery-site.gallery-home .throwback-card > a,
  .gallery-site.gallery-home .throwback-card > button { height: 166px !important; flex-basis: 166px !important; border-radius: 15px !important; }
  .gallery-site.gallery-home .throwback-card > div { padding: 10px 5px 5px !important; }
  .gallery-site.gallery-home .throwback-card h3 { font-size: 11px !important; }
  .gallery-site.gallery-home .throwback-card p { font-size: 7.5px !important; }
}


/* ==========================================================================
   AJUSTES 2026-10-03
   ========================================================================== */

/* -- Inicio: cartoes de "Ultimos albuns" e "Mais vistas" com a mesma moldura
      das miniaturas do album (creme, cantos de 16px, fio fino) ------------- */
html body .gallery-site .updated-albums-grid a.updated-album,
html body .gallery-site .popular-grid > a { overflow: hidden !important; border: 6px solid #fff9e9 !important; border-radius: 16px !important; box-shadow: 0 0 0 1px rgba(23,53,77,.16), 0 14px 30px -26px rgba(23,53,77,.55) !important; }
html body .gallery-site .updated-albums-grid a.updated-album .album-thumb,
html body .gallery-site .updated-albums-grid a.updated-album .album-thumb img,
html body .gallery-site .popular-grid > a .popular-thumb,
html body .gallery-site .popular-grid > a .popular-thumb img { border-radius: 10px !important; }

/* -- Album: os botoes do cabecalho nao passam mais por cima das fotos ------ */
html body .gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .archive-content.archive-browser .thumbnail-grid { padding-top: 24px !important; }
@media (min-width: 1200px) {
  html body .gallery-site.cpg-page-thumbnails .photo-browser-title .photo-browser-tools { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; }
  html body .gallery-site.cpg-page-thumbnails .photo-browser-title .photo-browser-tools > * { margin: 0 !important; }
}
html body .gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; }

/* -- Barra PAINEL nas paginas internas: sem o deslocamento que a escondia
      atras da onda do topo ------------------------------------------------ */
html body .gallery-site:not(.gallery-home) .admin-control-dock { transform: none !important; margin: 18px auto 24px !important; }

/* -- Album: renomear e escolher a capa ------------------------------------ */
html body .gallery-site .arq-albedit-btn { display: inline-flex !important; height: 35px !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 9px 14px !important; border: 1px solid #17354d !important; border-radius: 0 !important; background: transparent !important; color: #17354d !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .16em !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap !important; cursor: pointer !important; transition: background .18s ease, color .18s ease !important; }
html body .gallery-site .arq-albedit-btn:hover { background: #17354d !important; color: #fff9e9 !important; }
html body .arq-albedit { position: fixed !important; inset: 0 !important; z-index: 99999 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 20px !important; background: rgba(23,53,77,.55) !important; -webkit-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important; }
html body .arq-albedit * { box-sizing: border-box !important; }
html body .arq-albedit-caixa { display: flex !important; width: 100% !important; max-width: 480px !important; max-height: calc(100vh - 40px) !important; flex-direction: column !important; overflow: hidden !important; border: 1px solid rgba(23,53,77,.16) !important; border-radius: 22px !important; background: #fff9e9 !important; box-shadow: 0 40px 80px -40px rgba(23,53,77,.8) !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; }
html body .arq-albedit-caixa.is-larga { max-width: 760px !important; }
html body .arq-albedit-caixa > header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 18px 22px !important; background: linear-gradient(135deg, #8fe6ff 0%, #c9f5ff 52%, #fff9e9 100%) !important; }
html body .arq-albedit-caixa > header strong { color: #17354d !important; font-size: 17px !important; font-weight: 700 !important; }
html body .arq-albedit-fechar { width: 34px !important; height: 34px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(23,53,77,.1) !important; color: #17354d !important; font-size: 20px !important; line-height: 1 !important; cursor: pointer !important; }
html body .arq-albedit-corpo { padding: 20px 22px 8px !important; overflow: auto !important; }
html body .arq-albedit-corpo label { display: block !important; margin: 0 0 8px !important; color: rgba(23,53,77,.62) !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .16em !important; text-transform: uppercase !important; }
html body .arq-albedit-corpo input[type="text"] { width: 100% !important; height: 48px !important; padding: 0 16px !important; border: 1px solid rgba(23,53,77,.22) !important; border-radius: 14px !important; background: #fff9f1 !important; color: #17354d !important; font: inherit !important; font-size: 15px !important; }
html body .arq-albedit-corpo input[type="text"]:focus { outline: 0 !important; border-color: #ff0565 !important; box-shadow: 0 0 0 3px rgba(255,5,101,.16) !important; }
html body .arq-albedit-dica { margin: 0 0 14px !important; color: rgba(23,53,77,.66) !important; font-size: 13px !important; line-height: 1.45 !important; }
html body .arq-albedit-grade { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)) !important; gap: 10px !important; }
html body .arq-albedit-foto { position: relative !important; display: block !important; aspect-ratio: 4 / 5 !important; padding: 0 !important; overflow: hidden !important; border: 3px solid #fff9e9 !important; border-radius: 12px !important; background: #17354d !important; cursor: pointer !important; }
html body .arq-albedit-foto img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
html body .arq-albedit-foto:hover { border-color: rgba(255,5,101,.5) !important; }
html body .arq-albedit-foto.is-capa { border-color: #ff0565 !important; }
html body .arq-albedit-foto.is-capa::after { position: absolute !important; top: 6px !important; right: 6px !important; padding: 4px 8px !important; border-radius: 999px !important; background: #ff0565 !important; color: #fff9f1 !important; content: "CAPA" !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: .1em !important; }
html body .arq-albedit-caixa.is-ocupado .arq-albedit-grade, html body .arq-albedit-caixa.is-ocupado input { opacity: .55 !important; pointer-events: none !important; }
html body .arq-albedit-recado { min-height: 18px !important; margin: 12px 0 0 !important; color: #17354d !important; font-size: 13px !important; }
html body .arq-albedit-recado.is-erro { color: #c4003f !important; }
html body .arq-albedit-caixa > footer { display: flex !important; justify-content: flex-end !important; gap: 10px !important; margin: 0 !important; padding: 14px 22px 20px !important; border: 0 !important; background: #fff9e9 !important; }
html body .arq-albedit-caixa > footer button { height: 40px !important; padding: 0 20px !important; border: 1px solid rgba(23,53,77,.3) !important; border-radius: 999px !important; background: transparent !important; color: #17354d !important; font: inherit !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; cursor: pointer !important; }
html body .arq-albedit-caixa > footer button.is-principal { border-color: #ff0565 !important; background: #ff0565 !important; color: #fff9f1 !important; }
html body .arq-albedit-caixa > footer button:disabled { opacity: .5 !important; cursor: default !important; }

/* -- Painel: o selo leva ao site ------------------------------------------ */
html body .admin-sidebar a.admin-brand { display: block !important; text-decoration: none !important; cursor: pointer !important; }

/* -- Enviar fotos no tema novo -------------------------------------------- */
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio { overflow: hidden !important; border: 1px solid rgba(23,53,77,.16) !important; border-radius: 24px !important; background: #fff9e9 !important; box-shadow: 0 18px 40px -30px rgba(23,53,77,.55) !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-topo { padding: 22px 26px !important; border: 0 !important; border-bottom: 1px solid rgba(23,53,77,.12) !important; background: linear-gradient(135deg, #8fe6ff 0%, #c9f5ff 52%, #fff9e9 100%) !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-rot { color: #17354d !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-album-linha.arq-album-linha { gap: 10px !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-album-linha.arq-album-linha > select { min-height: 46px !important; padding: 0 20px !important; border: 1px solid rgba(23,53,77,.2) !important; border-radius: 999px !important; background-color: #fff9f1 !important; color: #17354d !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-album-linha.arq-album-linha > select:focus { outline: 0 !important; border-color: #ff0565 !important; box-shadow: 0 0 0 3px rgba(255,5,101,.16) !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-album-linha.arq-album-linha > .arq-novo-album { padding: 0 22px !important; border: 1px solid #ff0565 !important; border-radius: 999px !important; background: #ff0565 !important; color: #fff9f1 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-album-linha.arq-album-linha > .arq-novo-album > span { color: #fff9f1 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-album-linha.arq-album-linha > .arq-novo-album:hover { border-color: #17354d !important; background: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-corpo { padding: 24px 26px !important; border: 0 !important; background: #fff9e9 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-zona { padding: 36px 20px !important; border: 2px dashed rgba(23,53,77,.28) !important; border-radius: 18px !important; background: #fff9f1 !important; transition: border-color .2s ease, background .2s ease !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-zona:hover { border-color: #ff0565 !important; background: #dff9ff !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-zona-ico { display: inline-grid !important; width: 46px !important; height: 46px !important; margin: 0 auto 12px !important; place-items: center !important; border-radius: 50% !important; background: #ff0565 !important; color: #fff9f1 !important; font-size: 20px !important; line-height: 1 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-zona b { color: #17354d !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-zona small { color: rgba(23,53,77,.62) !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-weight: 500 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-item { border: 1px solid rgba(23,53,77,.14) !important; border-radius: 14px !important; background: #fff9f1 !important; color: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-item-thumb, html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-item-thumb img { border-radius: 10px !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-item-barra { overflow: hidden !important; border-radius: 999px !important; background: rgba(23,53,77,.12) !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-pe { border-top: 1px solid rgba(23,53,77,.12) !important; background: #fff9e9 !important; color: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-total { border-radius: 999px !important; background: rgba(23,53,77,.1) !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-total i { border-radius: 999px !important; background: #ff0565 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-enviar, html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-link { border: 1px solid #ff0565 !important; border-radius: 999px !important; background: #ff0565 !important; color: #fff9f1 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-enviar:hover, html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-link:hover { border-color: #17354d !important; background: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-limpar, html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-link.is-vazio { border: 1px solid rgba(23,53,77,.3) !important; border-radius: 999px !important; background: transparent !important; color: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-fim { color: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-capa-item { overflow: hidden !important; border-radius: 10px !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-avancado { overflow: hidden !important; margin-top: 16px !important; border: 1px solid rgba(23,53,77,.16) !important; border-radius: 18px !important; background: #fff9e9 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .arq-avancado > summary { color: #17354d !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell .footer a { color: #ff0565 !important; }

/* -- Album: escolher a capa clicando em cima da foto ---------------------- */
html body .gallery-site .arq-albedit-btn.is-ativo { border-color: #ff0565 !important; background: #ff0565 !important; color: #fff9f1 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-gallery-slot p.arq-capa-aviso { position: sticky !important; top: 12px !important; z-index: 30 !important; width: fit-content !important; max-width: 100% !important; margin: 14px auto 0 !important; padding: 11px 20px !important; border-radius: 999px !important; background: #17354d !important; color: #fff9e9 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; text-align: center !important; box-shadow: 0 14px 28px -18px rgba(23,53,77,.8) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-gallery-slot p.arq-capa-aviso.is-erro { background: #c4003f !important; }
html body .gallery-site .thumbnail-grid.arq-capa-modo .thumbnail-card { position: relative !important; cursor: pointer !important; }
html body .gallery-site .thumbnail-grid.arq-capa-modo .thumbnail-card * { cursor: pointer !important; }
html body .gallery-site .thumbnail-grid.arq-capa-modo .thumbnail-card:hover { outline: 3px solid rgba(255,5,101,.45) !important; outline-offset: 2px !important; }
html body .gallery-site .thumbnail-grid.arq-capa-modo .thumbnail-card.arq-e-capa { outline: 3px solid #ff0565 !important; outline-offset: 2px !important; }
html body .gallery-site .thumbnail-grid.arq-capa-modo.is-ocupado { opacity: .6 !important; pointer-events: none !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .thumbnail-grid .thumbnail-card span.arq-capa-selo { position: absolute !important; top: 14px !important; left: 14px !important; z-index: 5 !important; padding: 5px 10px !important; border-radius: 999px !important; background: #ff0565 !important; color: #fff9f1 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: .12em !important; line-height: 1 !important; text-transform: uppercase !important; pointer-events: none !important; }


/* -- Admin: criar ano na categoria e album dentro do ano (2026-10-03) ------ */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons button.arq-novo-ano { display: grid !important; align-content: center !important; gap: 4px !important; margin: 0 !important; padding: 11px 16px !important; border: 1.5px dashed rgba(255,5,101,.55) !important; border-radius: 14px !important; background: transparent !important; color: #17354d !important; text-align: left !important; cursor: pointer !important; box-shadow: none !important; transition: background .18s ease, border-color .18s ease !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons button.arq-novo-ano:hover { border-color: #ff0565 !important; background: #fff9e9 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons button.arq-novo-ano strong { color: #ff0565 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.2 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons button.arq-novo-ano small { color: rgba(23,53,77,.66) !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 11px !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .month-browser-title .browser-actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .month-browser-title .browser-actions button.arq-novo-album-ano { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 13px 22px !important; border: 1px solid #17354d !important; border-radius: 999px !important; background: #17354d !important; color: #fff9e9 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .16em !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap !important; cursor: pointer !important; transition: background .18s ease, border-color .18s ease !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .month-browser-title .browser-actions button.arq-novo-album-ano span { color: inherit !important; font-size: 15px !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .month-browser-title .browser-actions button.arq-novo-album-ano:hover { border-color: #ff0565 !important; background: #ff0565 !important; }


/* -- Cartoes da inicial: moldura (peso extra) e fundo creme nos cantos ----- */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid a.updated-album,
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .popular-grid > a { overflow: hidden !important; border: 6px solid #fff9e9 !important; border-radius: 16px !important; background: #fff9e9 !important; box-shadow: 0 0 0 1px rgba(23,53,77,.16), 0 14px 30px -26px rgba(23,53,77,.55) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid a.updated-album .album-thumb,
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid a.updated-album .album-thumb img,
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .popular-grid > a .popular-thumb,
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .popular-grid > a .popular-thumb img { border-radius: 10px !important; }

/* -- Janelas: lista de categorias ------------------------------------------ */
html body .arq-albedit-corpo select { width: 100% !important; height: 48px !important; margin: 0 0 16px !important; padding: 0 14px !important; border: 1px solid rgba(23,53,77,.22) !important; border-radius: 14px !important; background-color: #fff9f1 !important; color: #17354d !important; font: inherit !important; font-size: 15px !important; }

/* -- Barra PAINEL nova ------------------------------------------------------ */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock { position: relative !important; display: block !important; overflow: visible !important; padding: 8px !important; border: 0 !important; border-radius: 18px !important; background: #17354d !important; box-shadow: 0 16px 32px -22px rgba(23,53,77,.9) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock::before, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock::after { display: none !important; content: none !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-barra { display: flex !important; align-items: center !important; gap: 4px !important; min-width: 0 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-rotulo { flex: 0 0 auto !important; margin-right: 6px !important; padding: 0 14px 0 10px !important; border-right: 1px solid rgba(255,249,233,.18) !important; border-radius: 0 !important; color: #ff0565 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .2em !important; line-height: 28px !important; text-transform: uppercase !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock a.admin-nav-item { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; gap: 8px !important; width: auto !important; height: 40px !important; min-height: 0 !important; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 12px !important; background: transparent !important; color: #fff9e9 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1 !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; transition: background .16s ease !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock a.admin-nav-item .admin-icon { display: inline-flex !important; color: inherit !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock a.admin-nav-item svg { width: 16px !important; height: 16px !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-barra a.admin-nav-item:hover { background: rgba(255,249,233,.14) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-barra a.admin-nav-item.is-upload { background: #ff0565 !important; color: #fff9f1 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-barra a.admin-nav-item.is-upload:hover { background: #d90455 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-toggle { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; gap: 8px !important; height: 40px !important; margin: 0 0 0 auto !important; padding: 0 16px !important; border: 1px solid rgba(255,249,233,.28) !important; border-radius: 12px !important; background: transparent !important; color: #fff9e9 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1 !important; cursor: pointer !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-toggle span { color: inherit !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-toggle i { width: 7px !important; height: 7px !important; margin-top: -3px !important; border: solid currentColor !important; border-width: 0 2px 2px 0 !important; border-radius: 0 !important; transform: rotate(45deg) !important; transition: transform .16s ease !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock.is-aberto .arq-dock-toggle { background: #fff9e9 !important; color: #17354d !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock.is-aberto .arq-dock-toggle i { margin-top: 3px !important; transform: rotate(-135deg) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-painel { position: absolute !important; top: calc(100% + 8px) !important; right: 0 !important; left: auto !important; z-index: 60 !important; display: grid !important; width: min(620px, 100%) !important; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important; gap: 6px !important; padding: 12px !important; border: 1px solid rgba(23,53,77,.16) !important; border-radius: 18px !important; background: #fff9e9 !important; box-shadow: 0 26px 50px -26px rgba(23,53,77,.75) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-painel[hidden] { display: none !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-painel a.admin-nav-item { display: flex !important; height: 44px !important; padding: 0 12px !important; border: 1px solid rgba(23,53,77,.1) !important; background: #fff9f1 !important; color: #17354d !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-painel a.admin-nav-item:hover { border-color: rgba(23,53,77,.2) !important; background: #dff9ff !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-painel a.admin-nav-item.arq-dock-dup { display: none !important; }
@media (max-width: 1040px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-barra a.admin-nav-item:not(.is-upload) { display: none !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-painel a.admin-nav-item.arq-dock-dup:not(.is-upload) { display: flex !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-painel { right: 0 !important; left: 0 !important; width: 100% !important; }
}
@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock { width: calc(100% - 24px) !important; max-width: calc(100% - 24px) !important; margin-left: auto !important; margin-right: auto !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock { padding: 6px !important; border-radius: 16px !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-rotulo { margin-right: 4px !important; padding: 0 10px 0 8px !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-painel { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 10px !important; max-height: 62vh !important; overflow: auto !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-painel a.admin-nav-item { height: 46px !important; font-size: 12px !important; }
}

/* -- Botao "+" da inicial (so no celular) ----------------------------------- */
html body .arq-fab { display: none !important; }
@media (max-width: 760px) {
  html body .arq-fab { position: fixed !important; right: 16px !important; bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important; z-index: 9000 !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 10px !important; }
  html body .arq-fab .arq-fab-botao { display: grid !important; width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; place-items: center !important; border: 3px solid #fff9e9 !important; border-radius: 50% !important; background: #ff0565 !important; color: #fff9f1 !important; box-shadow: 0 16px 30px -12px rgba(255,5,101,.75) !important; cursor: pointer !important; }
  html body .arq-fab .arq-fab-botao span { color: #fff9f1 !important; font: 400 34px/1 Arial, sans-serif !important; transition: transform .18s ease !important; }
  html body .arq-fab.is-aberto .arq-fab-botao { background: #17354d !important; box-shadow: 0 16px 30px -12px rgba(23,53,77,.75) !important; }
  html body .arq-fab.is-aberto .arq-fab-botao span { transform: rotate(45deg) !important; }
  html body .arq-fab .arq-fab-menu { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 6px !important; min-width: 190px !important; padding: 8px !important; border: 1px solid rgba(23,53,77,.16) !important; border-radius: 18px !important; background: #fff9e9 !important; box-shadow: 0 26px 50px -24px rgba(23,53,77,.8) !important; }
  html body .arq-fab .arq-fab-menu[hidden] { display: none !important; }
  html body .arq-fab .arq-fab-menu button { height: 46px !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 12px !important; background: #fff9f1 !important; color: #17354d !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 14px !important; font-weight: 600 !important; text-align: left !important; cursor: pointer !important; }
  html body .arq-fab .arq-fab-menu button:first-child { background: #ff0565 !important; color: #fff9f1 !important; }
}


/* -- Secao sem albuns: bloco com o botao "Novo album" ----------------------- */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .arq-secao-acoes { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; margin: 20px 0 !important; padding: 22px 26px !important; border: 1.5px dashed rgba(23,53,77,.26) !important; border-radius: 20px !important; background: #fff9e9 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .arq-secao-acoes p { margin: 0 !important; color: #17354d !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .arq-secao-acoes button.arq-novo-album-ano { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 13px 22px !important; border: 1px solid #ff0565 !important; border-radius: 999px !important; background: #ff0565 !important; color: #fff9f1 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .16em !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap !important; cursor: pointer !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .arq-secao-acoes button.arq-novo-album-ano span { color: inherit !important; font-size: 15px !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .arq-secao-acoes button.arq-novo-album-ano:hover { border-color: #17354d !important; background: #17354d !important; }

html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-painel a.admin-nav-item .admin-icon, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .admin-control-dock nav.admin-nav.arq-dock .arq-dock-painel a.admin-nav-item svg { color: #ff0565 !important; stroke: #ff0565 !important; opacity: 1 !important; }

@media (max-width: 1199px) {
  html body .gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions { flex-wrap: wrap !important; justify-content: flex-start !important; }
}

@media (max-width: 1199px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; width: 100% !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions > button { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; }
}
html body .arq-albedit .arq-albedit-caixa > footer { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; }

@media (max-width: 1199px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .photo-browser-tools { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; }
}


/* -- "+ Fotos" em cada album da lista --------------------------------------- */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .browser-album-grid > a.arq-tem-mais-fotos { position: relative !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .browser-album-grid > a .arq-lista-fotos { position: absolute !important; top: 14px !important; right: 14px !important; z-index: 4 !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 9px 14px !important; border: 0 !important; border-radius: 999px !important; background: #ff0565 !important; color: #fff9f1 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .14em !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap !important; cursor: pointer !important; box-shadow: 0 10px 20px -12px rgba(255,5,101,.8) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .browser-album-grid > a .arq-lista-fotos i { color: inherit !important; font: 400 15px/1 Arial, sans-serif !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .browser-album-grid > a .arq-lista-fotos:hover { background: #17354d !important; }


/* -- Lapis ao lado do nome do album ----------------------------------------- */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-breadcrumb a .arq-titulo-lapis { display: inline-grid !important; width: 30px !important; height: 30px !important; margin: 0 0 0 12px !important; place-items: center !important; vertical-align: middle !important; border: 1px solid rgba(23,53,77,.22) !important; border-radius: 50% !important; background: #fff9e9 !important; color: #ff0565 !important; cursor: pointer !important; transition: background .16s ease, color .16s ease !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-breadcrumb a .arq-titulo-lapis::before { content: "\270E" !important; font: 400 15px/1 Arial, sans-serif !important; color: inherit !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-breadcrumb a .arq-titulo-lapis:hover { border-color: #ff0565 !important; background: #ff0565 !important; color: #fff9f1 !important; }


/* ==========================================================================
   ALBUM — barra de acoes refeita: tudo em pilula, mesma altura, e no celular
   vira uma grade de botoes grandes (alvo de toque de 46px)
   ========================================================================== */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions > button { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; gap: 7px !important; width: auto !important; height: 42px !important; min-height: 0 !important; margin: 0 !important; padding: 0 20px !important; border: 1px solid rgba(23,53,77,.24) !important; border-radius: 999px !important; background: rgba(255,249,233,.82) !important; color: #17354d !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .1em !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap !important; box-shadow: none !important; cursor: pointer !important; transition: background .16s ease, color .16s ease, border-color .16s ease !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions > button:hover { border-color: #17354d !important; background: #17354d !important; color: #fff9e9 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions > button:focus-visible { outline: 3px solid rgba(255,5,101,.45) !important; outline-offset: 2px !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions > button.arq-add-photos, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions > button.is-ativo { border-color: #ff0565 !important; background: #ff0565 !important; color: #fff9f1 !important; box-shadow: 0 10px 20px -14px rgba(255,5,101,.9) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions > button.arq-add-photos:hover, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions > button.is-ativo:hover { border-color: #d90455 !important; background: #d90455 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions > button span { color: inherit !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .thumbnail-size-switch { margin: 0 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-breadcrumb a .arq-titulo-lapis { width: 34px !important; height: 34px !important; margin-left: 10px !important; box-shadow: 0 8px 16px -12px rgba(23,53,77,.8) !important; }
@media (min-width: 1200px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .photo-browser-tools { gap: 10px !important; }
}
@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .photo-browser-tools { gap: 10px !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; width: 100% !important; gap: 8px !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .arq-album-actions > button { width: 100% !important; height: 46px !important; padding: 0 8px !important; font-size: 11px !important; letter-spacing: .06em !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .thumbnail-size-switch { display: flex !important; width: 100% !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-thumbnails .photo-browser-title .thumbnail-size-switch > button { flex: 1 1 0 !important; min-height: 42px !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-breadcrumb a .arq-titulo-lapis { width: 40px !important; height: 40px !important; }
}


/* -- Envio embutido (janela "+ Fotos"): so a area de envio, sem menu -------- */
html.arq-embedded-upload body.arq-embedded-upload .admin-shell.admin-shell.admin-shell.admin-shell .admin-sidebar, html.arq-embedded-upload body.arq-embedded-upload .admin-shell.admin-shell.admin-shell.admin-shell .admin-topbar, html.arq-embedded-upload body.arq-embedded-upload .admin-shell.admin-shell.admin-shell.admin-shell .footer, html.arq-embedded-upload body.arq-embedded-upload .admin-control-dock { display: none !important; }
html.arq-embedded-upload body.arq-embedded-upload .admin-shell.admin-shell.admin-shell.admin-shell { display: block !important; grid-template-columns: minmax(0, 1fr) !important; min-height: 0 !important; background: #fff9f1 !important; }
html.arq-embedded-upload body.arq-embedded-upload .admin-shell.admin-shell.admin-shell.admin-shell .admin-main { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
html.arq-embedded-upload body.arq-embedded-upload .admin-shell.admin-shell.admin-shell.admin-shell .admin-content { width: 100% !important; max-width: 980px !important; margin: 0 auto !important; padding: 22px 18px 28px !important; }
html.arq-embedded-upload body.arq-embedded-upload .admin-shell.admin-shell.admin-shell.admin-shell .cpg-gallery-slot { width: 100% !important; max-width: 100% !important; margin: 0 !important; }
@media (max-width: 620px) {
  html.arq-embedded-upload body.arq-embedded-upload .admin-shell.admin-shell.admin-shell.admin-shell .admin-content { padding: 14px 10px 22px !important; }
  html.arq-embedded-upload body.arq-embedded-upload .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-topo, html.arq-embedded-upload body.arq-embedded-upload .admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-corpo { padding: 16px 14px !important; }
}

/* -- Janela de envio no visual do site -------------------------------------- */
html body .arq-album-upload-modal .arq-album-upload-panel { overflow: hidden !important; border: 1px solid rgba(23,53,77,.16) !important; border-radius: 22px !important; background: #fff9f1 !important; box-shadow: 0 40px 80px -40px rgba(23,53,77,.85) !important; }
html body .arq-album-upload-modal .arq-album-upload-header { background: linear-gradient(135deg, #8fe6ff 0%, #c9f5ff 52%, #fff9e9 100%) !important; color: #17354d !important; border: 0 !important; }
html body .arq-album-upload-modal .arq-album-upload-header small { color: #ff0565 !important; }
html body .arq-album-upload-modal .arq-album-upload-header strong { color: #17354d !important; }
html body .arq-album-upload-modal .arq-album-upload-close { width: 42px !important; height: 42px !important; border: 0 !important; border-radius: 50% !important; background: rgba(23,53,77,.12) !important; color: #17354d !important; cursor: pointer !important; }
html body .arq-album-upload-modal .arq-album-upload-close:hover { background: #17354d !important; color: #fff9e9 !important; }


/* -- "+ Fotos" da lista de albuns: pilula pequena no canto (corrigido) ------ */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .browser-album-grid > a > u.arq-lista-fotos { position: absolute !important; inset: auto 16px 16px auto !important; z-index: 4 !important; display: inline-flex !important; flex: none !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 34px !important; min-height: 0 !important; max-height: 34px !important; aspect-ratio: auto !important; margin: 0 !important; padding: 0 14px !important; overflow: visible !important; border: 1px solid rgba(255,5,101,.45) !important; border-radius: 999px !important; background: #fff9f1 !important; color: #ff0565 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 10px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: .12em !important; line-height: 1 !important; text-decoration: none !important; text-transform: uppercase !important; white-space: nowrap !important; box-shadow: none !important; cursor: pointer !important; transition: background .16s ease, color .16s ease !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .browser-album-grid > a > u.arq-lista-fotos:hover, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .browser-album-grid > a > u.arq-lista-fotos:focus-visible { border-color: #ff0565 !important; background: #ff0565 !important; color: #fff9f1 !important; outline: 0 !important; }
@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .browser-album-grid > a > u.arq-lista-fotos { inset: auto 10px 10px auto !important; height: 38px !important; max-height: 38px !important; padding: 0 14px !important; }
}


/* -- Faixa do ano: "Novo album" e "Voltar" do mesmo tamanho, lado a lado ---- */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .month-browser-title .browser-actions { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .month-browser-title .browser-actions > a.browser-back, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .month-browser-title .browser-actions > button.arq-novo-album-ano { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: auto !important; height: 44px !important; min-height: 0 !important; margin: 0 !important; padding: 0 22px !important; border-radius: 999px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .12em !important; line-height: 1 !important; white-space: nowrap !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .month-browser-title .browser-actions > button.arq-novo-album-ano span { display: inline-block !important; margin: 0 !important; font-size: 16px !important; line-height: 1 !important; }
@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .month-browser-title .browser-actions { width: 100% !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .month-browser-title .browser-actions > a.browser-back, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .month-browser-title .browser-actions > button.arq-novo-album-ano { flex: 1 1 0 !important; height: 46px !important; padding: 0 10px !important; }
}

@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .browser-album-grid > a.arq-tem-mais-fotos { padding-bottom: 58px !important; }
}


/* -- Ultimos albuns: sem as linhas em volta/entre os cartoes ---------------- */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid .updated-album-item,
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid .updated-album-item + .updated-album-item { border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid .updated-album-item::before,
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid .updated-album-item::after { display: none !important; content: none !important; }
@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid { gap: 12px !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid .updated-album-item { padding: 0 !important; }
}


/* -- Ultimos albuns no celular: cartao ocupa a coluna inteira --------------- */
@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid .updated-album-item a.updated-album { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 3 / 4 !important; margin: 0 !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid .updated-album-item a.updated-album .album-thumb,
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-albums-grid .updated-album-item a.updated-album .album-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
}


/* -- Menos vazio entre o conteudo e as flores do rodape --------------------- */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer { margin-top: 20px !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .archive-content > .archive-section:last-child { margin-bottom: 0 !important; padding-bottom: 10px !important; }
@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer { margin-top: 8px !important; }
}


/* -- Mais vistas no celular: cartao ocupa a coluna inteira ------------------ */
@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .popular-grid { gap: 12px !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .popular-grid > a { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 3 / 4 !important; margin: 0 !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .popular-grid > a .popular-thumb { display: block !important; width: 100% !important; height: 100% !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .popular-grid > a .popular-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
}


/* -- Rodape ainda mais perto do conteudo ------------------------------------ */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer { margin-top: -34px !important; pointer-events: none !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer > * { pointer-events: auto !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-home .archive-content > .archive-section:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }
@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer { margin-top: -56px !important; }
}

html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-content { position: relative !important; z-index: 2 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .gallery-footer { position: relative !important; z-index: 1 !important; }


/* ==========================================================================
   FOTO — barra de botoes padronizada (tudo redondo, mesmo tamanho)
   ========================================================================== */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px 14px !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; margin-left: auto !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right .cpg-admin-strip, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right .cpg-admin-strip .buttonlist, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right .cpg-admin-strip ul { display: flex !important; align-items: center !important; gap: 8px !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; list-style: none !important; float: none !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right .cpg-admin-strip li, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right > span, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right .cpg-photo-steps { display: inline-flex !important; align-items: center !important; gap: 8px !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; float: none !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right a { display: inline-grid !important; flex: 0 0 auto !important; width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; place-items: center !important; overflow: hidden !important; border: 1px solid rgba(23,53,77,.2) !important; border-radius: 50% !important; background: #fff9f1 !important; color: #17354d !important; box-shadow: none !important; text-decoration: none !important; transition: background .16s ease, color .16s ease, border-color .16s ease !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right a svg { width: 18px !important; height: 18px !important; color: inherit !important; stroke: currentColor !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right a:hover, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right a:focus-visible { border-color: #ff0565 !important; background: #ff0565 !important; color: #fff9f1 !important; outline: 0 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right a.cpg-photo-cmd { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; padding: 0 18px !important; border-radius: 999px !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .14em !important; line-height: 1 !important; text-transform: uppercase !important; white-space: nowrap !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right .cpg-photo-steps { margin-left: 6px !important; padding-left: 14px !important; border-left: 1px solid rgba(23,53,77,.16) !important; border-radius: 0 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right .cpg-photo-steps a { border-color: #17354d !important; background: #17354d !important; color: #fff9e9 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right .cpg-photo-steps a:hover { border-color: #ff0565 !important; background: #ff0565 !important; }
@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar { justify-content: center !important; padding: 14px !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-left { flex: 1 1 100% !important; display: flex !important; justify-content: center !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right { flex: 1 1 100% !important; justify-content: center !important; margin-left: 0 !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right a { width: 44px !important; min-width: 44px !important; height: 44px !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right a.cpg-photo-cmd { width: auto !important; }
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right .cpg-photo-steps { flex: 1 1 100% !important; justify-content: center !important; margin: 4px 0 0 !important; padding: 10px 0 0 !important; border-left: 0 !important; border-top: 1px solid rgba(23,53,77,.14) !important; }
}

html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right a.cpg-photo-cmd { height: 42px !important; border-radius: 999px !important; font-size: 0 !important; letter-spacing: 0 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right a.cpg-photo-cmd::after { font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .14em !important; line-height: 1 !important; color: inherit !important; }
@media (max-width: 760px) { html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-photo-bar .cpg-photo-bar-right a.cpg-photo-cmd { height: 44px !important; } }


/* ==========================================================================
   TEXTOS que ainda estavam nas cores do tema antigo -> azul/rosa do tema novo
   ========================================================================== */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-statline, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-statline * { color: rgba(23,53,77,.74) !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-statline strong, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .archive-statline b { color: #17354d !important; font-weight: 700 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-gallery-slot .footer, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-gallery-slot .footer * { color: rgba(23,53,77,.6) !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .cpg-gallery-slot .footer a { color: #ff0565 !important; font-weight: 700 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .browser-album-grid > a em { color: rgba(23,53,77,.62) !important; letter-spacing: .04em !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .browser-album-grid > a:hover em { color: #ff0565 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-copy small { color: rgba(23,53,77,.68) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .updated-album-stats i { color: rgba(255,249,233,.62) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-copy h2, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-copy p, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-copy p a, html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-archive-copy > a { color: #17354d !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .sza-new-gallery-badge { color: #17354d !important; }


/* -- Botoes "Capa do album / Capa da categoria" sobre a miniatura ----------- */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .thumbnail-card .arq-marcar { gap: 6px !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .thumbnail-card .arq-marcar button { padding: 9px 6px !important; border: 0 !important; border-radius: 999px !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; letter-spacing: .04em !important; line-height: 1.15 !important; color: #fff9f1 !important; box-shadow: 0 8px 16px -10px rgba(23,53,77,.9) !important; cursor: pointer !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .thumbnail-card .arq-marcar button.arq-marcar-alb { background: rgba(23,53,77,.94) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .thumbnail-card .arq-marcar button.arq-marcar-cat { background: rgba(255,5,101,.96) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .thumbnail-card .arq-marcar button:hover { background: #fff9e9 !important; color: #17354d !important; }
html body .arq-toast { border: 0 !important; border-radius: 999px !important; background: #17354d !important; color: #fff9e9 !important; font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; letter-spacing: 0 !important; box-shadow: 0 18px 36px -18px rgba(23,53,77,.9) !important; }
html body .arq-toast.is-erro { background: #c4003f !important; color: #fff9f1 !important; }

/* -- Cartao "+ Novo ano" arrumado ------------------------------------------- */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons button.arq-novo-ano { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 4px !important; min-width: 150px !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons button.arq-novo-ano strong { display: inline-flex !important; align-items: center !important; gap: 6px !important; order: 1 !important; width: auto !important; margin: 0 !important; letter-spacing: 0 !important; text-transform: none !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons button.arq-novo-ano strong span { position: static !important; display: inline !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; font: inherit !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons button.arq-novo-ano small { order: 2 !important; margin: 0 !important; letter-spacing: 0 !important; text-transform: none !important; }


/* -- Cartoes de ano (pagina da categoria) no visual novo -------------------- */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > a { border: 1px solid rgba(23,53,77,.16) !important; border-radius: 14px !important; background: #fff9e9 !important; box-shadow: 0 12px 24px -20px rgba(23,53,77,.62) !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > a strong { color: #17354d !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > a small { color: #ff0565 !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > a > span { border: 1px solid rgba(23,53,77,.18) !important; border-radius: 50% !important; background: #fff9f1 !important; color: #17354d !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > a:hover { border-color: #ff0565 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .category-year-buttons > a:hover > span { border-color: #ff0565 !important; background: #ff0565 !important; color: #fff9f1 !important; }
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site .thumbnail-card .arq-marcar { top: auto !important; bottom: 88px !important; }


/* ==========================================================================
   PAINEL (Coppermine) NO TEMA NOVO — 2026-10-03
   Fonte do site, sem letras espacadas, cartoes arredondados, campos e botoes
   em pilula, azul/rosa/creme. Vale para todas as telas de administracao.
   ========================================================================== */
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content *, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-sidebar, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-sidebar *, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-topbar, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-topbar * { font-family: "Basic Sans Local", "DM Sans", Arial, sans-serif !important; letter-spacing: 0 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-main, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content { background: #fff9f1 !important; color: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content :is(td, th, label, p, li, tt, small, strong, b, span, div, legend, caption):not(button *, a *, .button *, [class*="arq-"], [class*="arq-"] *) { color: #17354d !important; text-transform: none !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content :is(td, th, label, p, li, legend):not(button *, a *, .button *, [class*="arq-"], [class*="arq-"] *) { font-size: 13px !important; line-height: 1.45 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content :is(span, strong, b, small, tt, div):not(button *, a *, .button *, [class*="arq-"], [class*="arq-"] *) { font-size: inherit !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content :is(h1, h2, h3):not(button *, a *, .button *, [class*="arq-"], [class*="arq-"] *) { color: #17354d !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1.2 !important; text-transform: none !important; }

/* cartoes */
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content table.maintable { width: 100% !important; margin: 0 0 18px !important; overflow: hidden !important; border: 1px solid rgba(23,53,77,.14) !important; border-radius: 20px !important; border-collapse: separate !important; border-spacing: 0 !important; background: #fff9e9 !important; box-shadow: 0 18px 40px -32px rgba(23,53,77,.55) !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content table.maintable :is(td, th) { border-color: rgba(23,53,77,.09) !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content :is(td, th).tableh1 { padding: 16px 20px !important; border: 0 !important; background: linear-gradient(135deg, #8fe6ff 0%, #c9f5ff 52%, #fff9e9 100%) !important; font-size: 16px !important; font-weight: 700 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content :is(td, th).tableh2 { padding: 13px 20px !important; background: #dff9ff !important; font-size: 13px !important; font-weight: 700 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content td.tableb { padding: 12px 20px !important; background: transparent !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content td.tableb.tableb_alternate { background: rgba(223,249,255,.3) !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content td.tablef { padding: 14px 20px !important; background: #fff9f1 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content td.tableh2.tableb, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content td.tablef.tableb, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content td.cpg-title-cell.tableb { background: transparent !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content table.tableb { background: transparent !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.cpg-page-editpics .admin-content td { background: transparent !important; }

/* campos */
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="url"], input[type="search"], input:not([type]), textarea, select):not([class*="arq-"], .arq-album-linha *) { min-height: 42px !important; padding: 9px 14px !important; border: 1px solid rgba(23,53,77,.2) !important; border-radius: 12px !important; background-color: #fff9f1 !important; color: #17354d !important; font-size: 14px !important; box-shadow: none !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content textarea:not([type]), textarea, select):not([class*="arq-"], .arq-album-linha *) { min-height: 84px !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="url"], input[type="search"], input:not([type]), textarea, select):not([class*="arq-"], .arq-album-linha *):focus { outline: 0 !important; border-color: #ff0565 !important; box-shadow: 0 0 0 3px rgba(255,5,101,.16) !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(input[type="radio"], input[type="checkbox"]) { width: 18px !important; height: 18px !important; accent-color: #ff0565 !important; vertical-align: middle !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content label.clickable_option { font-weight: 500 !important; }

/* botoes */
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(button.button, input.button, input[type="submit"], input[type="button"], input[type="reset"]):not([class*="arq-"]) { vertical-align: middle !important; min-height: 40px !important; padding: 0 18px !important; border: 1px solid #17354d !important; border-radius: 999px !important; background: #17354d !important; color: #fff9e9 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; text-transform: none !important; cursor: pointer !important; box-shadow: none !important; transition: background .16s ease, border-color .16s ease !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(button.button, input.button, input[type="submit"], input[type="button"], input[type="reset"]):not([class*="arq-"]) * { color: inherit !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(button.button, input.button, input[type="submit"], input[type="button"], input[type="reset"]):not([class*="arq-"]):hover { border-color: #ff0565 !important; background: #ff0565 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(input[type="submit"], button[type="submit"]):not([class*="arq-"]) { border-color: #ff0565 !important; background: #ff0565 !important; color: #fff9f1 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(input[type="submit"], button[type="submit"]):not([class*="arq-"]):hover { border-color: #17354d !important; background: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(button.button, input.button, input[type="submit"], input[type="button"], input[type="reset"]):not([class*="arq-"]):is(:disabled, .cursor_stop, [disabled]) { border-color: transparent !important; background: rgba(23,53,77,.1) !important; color: rgba(23,53,77,.45) !important; cursor: default !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content a.admin_menu { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-height: 34px !important; padding: 0 14px !important; border: 1px solid rgba(23,53,77,.18) !important; border-radius: 999px !important; background: #fff9f1 !important; color: #17354d !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; text-transform: none !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content a.admin_menu:hover { border-color: #ff0565 !important; background: #ff0565 !important; color: #fff9f1 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content a.greybox { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 24px !important; height: 24px !important; padding: 0 7px !important; border: 1px solid rgba(255,5,101,.35) !important; border-radius: 999px !important; background: #fff9f1 !important; color: #ff0565 !important; font-size: 11px !important; font-weight: 700 !important; text-decoration: none !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content a.greybox:hover { background: #ff0565 !important; color: #fff9f1 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell:not(.arq-dashboard-mode) .admin-content a:not(.admin_menu, .greybox, .button, [class*="arq-"], [class*="arq-"] *, .cpg-panel-row, .cpg-panel-row *) { color: #ff0565 !important; text-transform: none !important; font-size: inherit !important; font-weight: 600 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(a, span).statlink { font-size: 12px !important; font-weight: 700 !important; }

/* avisos */
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(.cpg_message_info, .cpg_message_success, .cpg_message_validation, .cpg_message_warning, .cpg_message_error) { padding: 14px 18px !important; border: 0 !important; border-left: 4px solid #5fdeff !important; border-radius: 14px !important; background: #dff9ff !important; color: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(.cpg_message_warning, .cpg_message_error) { border-left-color: #ff0565 !important; background: rgba(255,5,101,.08) !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.cpg-page-searchnew .admin-content td strong { display: block !important; padding: 14px 18px !important; border: 0 !important; border-left: 4px solid #ff0565 !important; border-radius: 14px !important; background: #dff9ff !important; font-weight: 600 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.cpg-page-searchnew .admin-content iframe { border: 1px solid rgba(23,53,77,.14) !important; border-radius: 14px !important; background: #fff9f1 !important; }

/* rodape e miudezas */
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content div.footer, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content div.footer * { color: rgba(23,53,77,.55) !important; font-size: 12px !important; font-weight: 500 !important; text-transform: none !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content div.footer a { color: #ff0565 !important; font-weight: 700 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content a.dp-choose-date { color: #ff0565 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content .arq-edit-file-toggle { border: 1px solid rgba(23,53,77,.2) !important; border-radius: 999px !important; background: #fff9f1 !important; color: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content .arq-edit-file-thumb { border-radius: 10px !important; background: #dff9ff !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content .arq-zona small :is(strong, b) { background: transparent !important; color: #ff0565 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content span[class^="detail_head"] { font-size: 15px !important; font-weight: 700 !important; }

/* barras de uso (usuarios) */
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content td.tableb table[width="60"] { overflow: hidden !important; border-radius: 999px !important; background: rgba(23,53,77,.12) !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content td.tableb table[width="60"] tr, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content td.tableb table[width="60"] td { padding: 0 !important; border: 0 !important; background: transparent !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content td.tableb table[width="60"] td[style*="background-color:red"], html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content td.tableb table[width="60"] td[style*="background-color: red"] { background: #ff0565 !important; }

html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content :is(input, select, textarea) { max-width: 100% !important; box-sizing: border-box !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content form > table:not(.maintable), html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .admin-content .arq-edit-list > table { border-radius: 20px !important; }


/* -- Foto aberta: usa o original, grande e nitido --------------------------- */
html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-stage img[data-arq-hd], html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage a[href*="albums/"] > img[data-arq-hd] { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 84vh !important; object-fit: contain !important; image-rendering: auto !important; }
@media (max-width: 760px) {
  html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage .cpg-photo-stage img[data-arq-hd], html body .gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.gallery-site.cpg-page-displayimage a[href*="albums/"] > img[data-arq-hd] { width: 100% !important; max-height: none !important; }
}


/* -- Enviar fotos: fila e fim do envio (ajuste) ----------------------------- */
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-item-barra i { border-radius: 999px !important; background: #ff0565 !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-fim { border-top: 1px solid rgba(23,53,77,.12) !important; background: #fff9e9 !important; color: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-fim strong { color: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-resumo, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-envio-pe span { color: #17354d !important; }
html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-capa, html body .admin-shell.admin-shell.admin-shell.admin-shell.admin-shell.admin-shell .arq-envio .arq-capa * { color: #17354d !important; }