/*
Theme Name: Update KBoys
Theme URI: https://updatekboys.com.br
Author: Update KBoys
Description: Tema editorial em preto e branco para o portal Update KBoys.
Version: 1.13.9
Text Domain: updatekboys
*/

:root{
  --ukb-black:#000;
  --ukb-white:#fff;
  --ukb-gray:#777;
  --ukb-light:#f3f3f3;
  --ukb-line:#d8d8d8;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--ukb-white);
  color:var(--ukb-black);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit}
.ukb-container{width:min(1440px,calc(100% - 64px));margin:auto}

/* TOP TICKER */
.ukb-topline{
  height:34px;
  background:#000;
  color:#fff;
  overflow:hidden;
  display:flex;
  align-items:center;
  white-space:nowrap;
}
.ukb-marquee{
  display:flex;
  gap:55px;
  padding-left:100%;
  animation:ukb-marquee 30s linear infinite;
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
}
@keyframes ukb-marquee{to{transform:translateX(-100%)}}

/* HEADER */
.ukb-header{
  min-height:88px;
  border-bottom:1px solid #111;
  display:flex;
  align-items:center;
  background:#fff;
  position:relative;
  z-index:20;
}
.ukb-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.ukb-brand{
  display:flex;
  align-items:center;
  min-width:180px;
}
.ukb-logo-img{
  max-height:52px;
  width:auto;
}
.ukb-logo-text{
  font-size:27px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.065em;
}
.ukb-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  flex:1;
}
.ukb-nav ul{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  flex-wrap:wrap;
}
.ukb-nav li{list-style:none}
.ukb-nav a{
  display:block;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  white-space:nowrap;
}
.ukb-nav a:hover{opacity:.5}
.ukb-search{
  width:42px;
  height:42px;
  border:0;
  background:#000;
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  flex:0 0 auto;
}
.ukb-search svg{width:18px;height:18px}
.ukb-menu-button{
  display:none;
  border:0;
  background:#000;
  color:#fff;
  padding:10px 13px;
  cursor:pointer;
}

/* FEATURE */
.ukb-feature{
  position:relative;
  background:#000;
  color:#fff;
  overflow:hidden;
}
.ukb-slides{position:relative}
.ukb-slide{
  display:none;
  min-height:min(760px,calc(100vh - 122px));
  position:relative;
  background:#111;
}
.ukb-slide.is-active{display:block}
.ukb-slide-image{
  position:absolute;
  inset:0;
  background:#222 center/cover no-repeat;
}
.ukb-slide-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.32) 48%,rgba(0,0,0,.05) 100%);
}
.ukb-slide-content{
  position:relative;
  z-index:2;
  min-height:min(760px,calc(100vh - 122px));
  display:flex;
  align-items:flex-end;
  padding:58px 0 82px;
}
.ukb-feature-copy{max-width:720px}
.ukb-category{
  display:inline-block;
  border:1px solid rgba(255,255,255,.8);
  padding:7px 10px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:16px;
}
.ukb-feature-title{
  font-size:clamp(34px,3.5vw,54px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:900;
  text-transform:uppercase;
  max-width:720px;
  text-wrap:balance;
}
.ukb-feature-meta{
  margin-top:18px;
  font-size:11px;
  color:#ddd;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.ukb-feature-progress{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:30px;
  transform:translateX(-50%);
  display:flex;
  gap:7px;
  width:min(420px,70%);
}
.ukb-progress-bar{
  display:block;
  flex:1;
  height:2px;
  background:#666;
}
.ukb-progress-bar.is-active{background:#fff}

/* SECTIONS */
.ukb-section{
  padding:78px 0;
  border-bottom:1px solid var(--ukb-line);
}
.ukb-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:34px;
}
.ukb-kicker{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.ukb-section-title{
  font-size:clamp(32px,4vw,54px);
  line-height:.95;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.ukb-see-all{
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  border-bottom:1px solid #000;
  padding-bottom:4px;
}

/* NEWS GRID */
.ukb-news-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}
.ukb-news-card{border-top:1px solid #000}
.ukb-news-image{
  aspect-ratio:16/10;
  background:#ddd center/cover no-repeat;
  margin-bottom:18px;
}
.ukb-news-category{
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ukb-news-title{
  margin-top:8px;
  font-size:20px;
  line-height:1.12;
  letter-spacing:-.025em;
  font-weight:800;
}
.ukb-news-date{
  margin-top:12px;
  color:#777;
  font-size:11px;
}


/* EVENTS */
.ukb-events-section{background:#f7f7f7}
.ukb-events-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.ukb-event-card{
  background:#fff;
  border:1px solid #ddd;
  transition:transform .2s ease, border-color .2s ease;
}
.ukb-event-card:hover{
  transform:translateY(-3px);
  border-color:#000;
}
.ukb-event-image{
  aspect-ratio:4/5;
  background:#ddd center/cover no-repeat;
}
.ukb-event-info{padding:17px 18px 20px}
.ukb-event-date{
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ukb-event-title{
  margin-top:7px;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.03em;
  text-transform:uppercase;
}
.ukb-event-location{
  margin-top:10px;
  color:#666;
  font-size:12px;
}
.ukb-events-empty{background:#fff;border-top:1px solid #000}

/* EVENT ARCHIVE / SINGLE */
.ukb-event-archive,
.ukb-event-page{
  padding:72px 0 90px;
  background:#fff;
}
.ukb-archive-header{
  max-width:850px;
  margin-bottom:42px;
}
.ukb-archive-title{
  margin-top:8px;
  font-size:clamp(42px,6vw,76px);
  line-height:.95;
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.ukb-archive-intro{
  margin-top:18px;
  max-width:650px;
  font-size:18px;
  line-height:1.55;
  color:#555;
}
.ukb-events-archive-grid{
  grid-template-columns:repeat(4,1fr);
}
.ukb-event-single{
  max-width:1040px;
  margin:0 auto;
}
.ukb-event-single-header{
  max-width:900px;
  margin-bottom:36px;
}
.ukb-event-single-title{
  margin-top:9px;
  font-size:clamp(42px,6vw,78px);
  line-height:.95;
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.ukb-event-single-meta{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
  color:#555;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ukb-event-single-image{
  width:min(100%,860px);
  margin:0 auto 46px;
}
.ukb-event-single-image img{
  display:block;
  width:100%;
  height:auto;
}
.ukb-event-single-content{
  width:min(100%,820px);
  margin:0 auto;
  font-size:18px;
  line-height:1.9;
}
.ukb-event-single-content p{margin:0 0 1.6em}
.ukb-event-single-content h2,
.ukb-event-single-content h3,
.ukb-event-single-content h4{
  margin:1.8em 0 .75em;
  line-height:1.1;
  letter-spacing:-.03em;
}
.ukb-event-single-content img{margin:30px auto}

/* FOOTER */
.ukb-footer{
  background:#111;
  color:#fff;
  padding:68px 0 28px;
}
.ukb-footer-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:60px;
}
.ukb-footer-logo{
  font-size:31px;
  font-weight:900;
  letter-spacing:-.06em;
  margin-bottom:18px;
}
.ukb-footer-description{
  max-width:390px;
  color:#cfcfcf;
  font-size:14px;
  line-height:1.65;
}
.ukb-footer-heading{
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:16px;
}
.ukb-footer-contact{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#ddd;
  font-size:14px;
}
.ukb-footer-contact a:hover{color:#fff;text-decoration:underline}
.ukb-footer-social{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#ddd;
  font-size:14px;
}
.ukb-footer-social a:hover{color:#fff;text-decoration:underline}
.ukb-footer-note{
  margin-top:58px;
  padding-top:16px;
  border-top:1px solid #333;
  color:#888;
  font-size:10px;
  text-transform:uppercase;
}

/* SEARCH PANEL */
.ukb-search-panel{
  display:none;
  position:absolute;
  top:100%;
  right:32px;
  width:min(420px,calc(100% - 64px));
  background:#fff;
  border:1px solid #000;
  padding:18px;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}
.ukb-search-panel.is-open{display:block}
.ukb-search-panel form{display:flex}
.ukb-search-panel input{
  flex:1;
  min-width:0;
  border:1px solid #000;
  padding:13px;
  font-size:14px;
}
.ukb-search-panel button{
  border:1px solid #000;
  background:#000;
  color:#fff;
  padding:0 18px;
  cursor:pointer;
}

/* EMPTY */
.ukb-empty{padding:80px 0;text-align:center;border-top:1px solid #000}
.ukb-empty h2{font-size:30px;text-transform:uppercase}
.ukb-empty p{margin-top:10px;color:#777}

/* RESPONSIVE */
@media(max-width:1100px){
  .ukb-nav ul{gap:20px}
  .ukb-news-grid{grid-template-columns:repeat(2,1fr)}
  .ukb-events-grid{grid-template-columns:repeat(2,1fr)}
  .ukb-events-archive-grid{grid-template-columns:repeat(3,1fr)}
  .ukb-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .ukb-container{width:min(100% - 32px,1440px)}
  .ukb-header{min-height:72px}
  .ukb-nav{display:none}
  .ukb-search{margin-left:auto}
  .ukb-menu-button{display:block}
  .ukb-brand{min-width:auto}
  .ukb-slide,.ukb-slide-content{min-height:70vh}
  .ukb-slide-content{padding:42px 0 90px}
  .ukb-feature-title{font-size:clamp(34px,9vw,52px)}
  .ukb-news-grid{grid-template-columns:1fr}
  .ukb-events-grid,
  .ukb-events-archive-grid{grid-template-columns:1fr}
  .ukb-section{padding:55px 0}
  .ukb-footer-grid{grid-template-columns:1fr;gap:35px}
  .ukb-search-panel{right:16px;width:calc(100% - 32px)}
}
@media(prefers-reduced-motion:reduce){
  .ukb-marquee{animation:none;padding-left:16px}
}

/* SINGLE / REPORTAGEM */
.ukb-post-page{
  padding:64px 0 90px;
  background:#fff;
}
.ukb-post-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 300px;
  gap:54px;
  align-items:start;
}
.ukb-post{min-width:0}
.ukb-post-header{
  max-width:920px;
  margin-bottom:34px;
}
.ukb-post-title{
  margin-top:10px;
  max-width:900px;
  font-size:clamp(38px,5.2vw,72px);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:900;
  text-transform:uppercase;
}
.ukb-post-excerpt{
  max-width:820px;
  margin-top:22px;
  font-size:20px;
  line-height:1.45;
  color:#444;
}
.ukb-post-meta{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:22px;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:#555;
}
.ukb-post-featured-image{
  width:min(100%,760px);
  margin:0 auto 44px;
}
.ukb-post-featured-image img{
  display:block;
  width:100%;
  height:auto;
  max-height:620px;
  object-fit:cover;
}
.ukb-post-content{
  width:min(100%,820px);
  margin:0 auto;
  font-size:18px;
  line-height:1.8;
}
.ukb-post-content p{margin:0 0 1.6em}
.ukb-post-content h2,
.ukb-post-content h3,
.ukb-post-content h4{
  margin:1.7em 0 .7em;
  line-height:1.1;
  letter-spacing:-.03em;
}
.ukb-post-content img{margin:28px auto}
.ukb-post-content a{text-decoration:underline;text-underline-offset:3px}

/* SIDEBAR DE EVENTOS PARCEIROS */
.ukb-partner-sidebar{
  position:sticky;
  top:28px;
  border-top:3px solid #000;
  padding-top:16px;
}
.ukb-partner-sidebar-title{
  font-size:20px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-.025em;
}
.ukb-partner-sidebar-intro{
  margin:8px 0 22px;
  font-size:12px;
  line-height:1.45;
  color:#666;
}
.ukb-event-sidebar-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.ukb-event-sidebar-card{
  display:block;
  border-bottom:1px solid #ddd;
  padding-bottom:18px;
}
.ukb-event-sidebar-image{
  width:100%;
  aspect-ratio:4/5;
  background:#ddd center/cover no-repeat;
}
.ukb-event-sidebar-copy{padding-top:10px}
.ukb-event-sidebar-date{
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ukb-event-sidebar-title{
  margin-top:5px;
  font-size:15px;
  line-height:1.1;
  font-weight:900;
  text-transform:uppercase;
}
.ukb-extra-partner-widgets{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid #ddd;
}
.ukb-partner-widget{margin:0 0 18px}
.ukb-widget-title{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:0 0 9px;
}
.ukb-partner-widget img{
  display:block;
  width:100%;
  height:auto;
}
.ukb-partner-widget a{display:block}
.ukb-partner-placeholder{
  border:1px dashed #aaa;
  padding:20px;
  color:#555;
  font-size:12px;
  line-height:1.5;
}
.ukb-partner-placeholder strong{
  display:block;
  color:#000;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.06em;
  margin-bottom:8px;
}

@media(max-width:900px){
  .ukb-post-layout{grid-template-columns:1fr;gap:50px}
  .ukb-partner-sidebar{position:static;max-width:420px}
  .ukb-post-featured-image{width:min(100%,700px)}
}
@media(max-width:600px){
  .ukb-post-page{padding:42px 0 65px}
  .ukb-post-title{font-size:clamp(34px,10vw,52px)}
  .ukb-post-excerpt{font-size:17px}
  .ukb-post-content{font-size:17px;line-height:1.7}
}

/* V5 — ticker de destaques */
.ukb-marquee{align-items:center;gap:0}
.ukb-marquee > span,
.ukb-ticker-post{padding:0 42px}
.ukb-ticker-post{
  display:inline-flex;
  align-items:center;
  color:#fff;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  border-left:1px solid rgba(255,255,255,.35);
}
.ukb-ticker-post:hover{opacity:.6}

/* entrevistas */
.ukb-interviews-section{background:#111;color:#fff}
.ukb-interviews-section .ukb-news-card{border-top-color:#fff}
.ukb-interviews-section .ukb-news-date{color:#aaa}
.ukb-interviews-section .ukb-see-all{border-bottom-color:#fff}

/* páginas institucionais */
.ukb-editorial-page{padding:82px 0 105px}
.ukb-editorial-header{max-width:920px;margin-bottom:58px}
.ukb-editorial-title{
  margin-top:8px;
  font-size:clamp(50px,7vw,92px);
  line-height:.9;
  letter-spacing:-.06em;
  text-transform:uppercase;
}
.ukb-editorial-lead{margin-top:24px;max-width:720px;font-size:20px;line-height:1.55;color:#555}
.ukb-editorial-content{max-width:850px;font-size:18px;line-height:1.9}
.ukb-editorial-content p{margin-bottom:1.6em}
.ukb-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:70px;padding-top:35px;border-top:1px solid #000}
.ukb-editorial-grid h2{margin-top:8px;font-size:30px;line-height:1.05;letter-spacing:-.035em}
.ukb-editorial-grid p{margin-top:13px;line-height:1.65;color:#555}
.ukb-portfolio-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #000;border-left:1px solid #000}
.ukb-portfolio-grid article{min-height:260px;padding:28px;border-right:1px solid #000;border-bottom:1px solid #000}
.ukb-portfolio-number{font-size:11px;font-weight:900;margin-bottom:52px}
.ukb-portfolio-grid h2{font-size:30px;line-height:1;text-transform:uppercase;letter-spacing:-.035em}
.ukb-portfolio-grid p{margin-top:13px;max-width:450px;line-height:1.6;color:#555}
.ukb-portfolio-editor-content{margin-top:60px}
@media(max-width:760px){
  .ukb-editorial-grid,.ukb-portfolio-grid{grid-template-columns:1fr}
}


/* =========================================================
   V6 — PORTFÓLIO UKB
   ========================================================= */
.ukb-portfolio-page{background:#fff;color:#000}
.ukb-portfolio-hero{padding:95px 0 80px;border-bottom:1px solid #000}
.ukb-portfolio-hero h1{
  margin:10px 0 28px;
  max-width:950px;
  font-size:clamp(70px,10vw,155px);
  line-height:.76;
  letter-spacing:-.075em;
  text-transform:uppercase;
}
.ukb-portfolio-hero p{max-width:720px;font-size:20px;line-height:1.55;color:#444}
.ukb-portfolio-quadrants{padding:0 0 90px}
.ukb-portfolio-quadrants .ukb-container{padding-top:0}
.ukb-portfolio-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #000}
.ukb-portfolio-grid article{
  min-height:330px;padding:32px;
  border-right:1px solid #000;border-bottom:1px solid #000;
  display:flex;flex-direction:column;
}
.ukb-portfolio-number{font-size:12px;font-weight:900;margin-bottom:auto}
.ukb-portfolio-grid h2{font-size:clamp(34px,4vw,60px);line-height:.95;text-transform:uppercase;letter-spacing:-.055em}
.ukb-portfolio-grid p{margin-top:18px;max-width:570px;line-height:1.65;color:#555}
.ukb-section-label{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.ukb-portfolio-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:10px 0 45px}
.ukb-portfolio-section-heading h2,
.ukb-portfolio-experience h2,
.ukb-portfolio-cases>div>h2,
.ukb-portfolio-editable h2,
.ukb-partners-section h2{
  font-size:clamp(42px,6vw,82px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase;
}
.ukb-portfolio-section-heading p{font-size:13px;color:#777}
.ukb-portfolio-stats{padding:95px 0;background:#0b0b0b;color:#fff}
.ukb-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #555;border-left:1px solid #555}
.ukb-stats-grid div{min-height:150px;padding:22px;border-right:1px solid #555;border-bottom:1px solid #555;display:flex;flex-direction:column;justify-content:space-between}
.ukb-stats-grid strong{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.05em}
.ukb-stats-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#aaa}
.ukb-portfolio-experience{padding:100px 0}
.ukb-section-intro{max-width:720px;margin:22px 0 48px;font-size:18px;line-height:1.7;color:#555}
.ukb-artist-wall{padding-top:35px;border-top:1px solid #000;font-size:clamp(25px,3.2vw,48px);font-weight:900;line-height:1.35;letter-spacing:-.04em;text-transform:uppercase}
.ukb-artist-wall span{font-weight:400;color:#aaa}
.ukb-portfolio-cases{padding:95px 0;background:#f2f2f2}
.ukb-portfolio-cases>div>h2{max-width:1000px;margin:10px 0 50px}
.ukb-case-grid{display:grid;grid-template-columns:1fr 1fr}
.ukb-case{min-height:600px;padding:36px;border:1px solid #000;display:flex;flex-direction:column}
.ukb-case+.ukb-case{border-left:0}
.ukb-case-dark{background:#000;color:#fff}
.ukb-case-index,.ukb-case-name{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.ukb-case-name{margin-top:70px}
.ukb-case h3{font-size:clamp(50px,6vw,90px);line-height:.82;letter-spacing:-.065em;text-transform:uppercase;margin:12px 0 28px}
.ukb-case p{max-width:520px;line-height:1.65}
.ukb-case-numbers{margin-top:auto;padding-top:40px;display:flex;gap:50px}
.ukb-case-numbers div{display:flex;flex-direction:column}
.ukb-case-numbers strong{font-size:32px}
.ukb-case-numbers span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.ukb-portfolio-interviews{padding:100px 0}
.ukb-heading-row{border-bottom:1px solid #000;padding-bottom:30px}
.ukb-portfolio-link{font-size:12px;font-weight:900;text-transform:uppercase;border-bottom:1px solid #000;padding-bottom:5px}
.ukb-interview-quotes{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #000;margin-bottom:70px}
.ukb-interview-quotes article{padding:28px;border-right:1px solid #000;min-height:290px}
.ukb-interview-quotes span{font-size:11px;font-weight:900;text-transform:uppercase}
.ukb-interview-quotes blockquote{margin:55px 0 0;font-size:20px;line-height:1.55;font-weight:700}
.ukb-portfolio-interview-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.ukb-portfolio-interview-image{aspect-ratio:4/3;background:#ddd center/cover no-repeat;margin-bottom:18px}
.ukb-portfolio-interview-posts h3{font-size:24px;line-height:1.05;margin:8px 0 18px}
.ukb-card-arrow{font-size:11px;font-weight:900;text-transform:uppercase}
.ukb-portfolio-editable{padding:100px 0;background:#f4f4f4}
.ukb-editable-help{max-width:720px;margin:22px 0 45px;color:#777;font-size:14px;line-height:1.6}
.ukb-portfolio-editable .ukb-editorial-content{max-width:none}
.ukb-portfolio-editable .wp-block-image img{width:100%;height:auto}
.ukb-partners-section{padding:100px 0}
.ukb-partners-section .ukb-section-intro{margin-bottom:35px}
.ukb-partners-content .wp-block-gallery{gap:0!important;border-top:1px solid #000;border-left:1px solid #000}
.ukb-partners-content .wp-block-image{min-height:160px;border-right:1px solid #000;border-bottom:1px solid #000;padding:25px;display:flex!important;align-items:center;justify-content:center}
.ukb-partners-content .wp-block-image img{max-height:90px!important;width:auto!important;object-fit:contain!important;filter:grayscale(1)}
.ukb-partners-placeholder{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #000;border-top:1px solid #000}
.ukb-partners-placeholder span{min-height:150px;border-right:1px solid #000;border-bottom:1px solid #000;display:flex;align-items:center;justify-content:center;color:#aaa;font-weight:900}
.ukb-partners-note{margin-top:18px;font-size:12px;color:#777}
.ukb-portfolio-contact{padding:100px 0;background:#000;color:#fff}
.ukb-portfolio-contact h2{font-size:clamp(55px,8vw,120px);line-height:.83;letter-spacing:-.065em;text-transform:uppercase;margin:15px 0 35px}
.ukb-portfolio-contact p{font-size:17px;color:#bbb;margin-bottom:30px}
.ukb-portfolio-contact a{display:inline-block;color:#fff;font-size:clamp(20px,3vw,38px);font-weight:900;border-bottom:2px solid #fff;padding-bottom:6px}

@media(max-width:900px){
  .ukb-stats-grid{grid-template-columns:repeat(2,1fr)}
  .ukb-interview-quotes,.ukb-portfolio-interview-posts{grid-template-columns:1fr}
  .ukb-interview-quotes article{min-height:auto}
}
@media(max-width:700px){
  .ukb-portfolio-hero{padding:65px 0 55px}
  .ukb-portfolio-grid,.ukb-case-grid{grid-template-columns:1fr}
  .ukb-portfolio-grid article{min-height:260px}
  .ukb-case+.ukb-case{border-left:1px solid #000;border-top:0}
  .ukb-case{min-height:520px}
  .ukb-portfolio-section-heading{display:block}
  .ukb-portfolio-link{display:inline-block;margin-top:25px}
  .ukb-partners-placeholder{grid-template-columns:repeat(2,1fr)}
}

/* V7 — refinamentos do portfólio */
.ukb-portfolio-grid article{padding:0;min-height:0;display:block}
.ukb-quad-photo{height:250px;background:#e5e5e5 center/cover no-repeat;border-bottom:1px solid #000;display:flex;align-items:center;justify-content:center}
.ukb-quad-photo.is-empty span,.ukb-case-photo.is-empty span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#888}
.ukb-quad-copy{padding:28px;min-height:265px;display:flex;flex-direction:column}
.ukb-quad-copy .ukb-portfolio-number{margin-bottom:auto}
.ukb-portfolio-grid h2{font-size:clamp(28px,2.8vw,42px);letter-spacing:-.04em}
.ukb-portfolio-section-heading h2,
.ukb-portfolio-experience h2,
.ukb-portfolio-cases>div>h2,
.ukb-portfolio-editable h2,
.ukb-partners-section h2{font-size:clamp(34px,4vw,58px);line-height:.96}
.ukb-artist-wall{font-size:clamp(18px,2vw,28px);line-height:1.55;letter-spacing:-.025em}
.ukb-edit-tip{margin-top:18px;font-size:11px;color:#888}
.ukb-case{padding:0;display:block;min-height:0}
.ukb-case-photo{height:330px;background:#ddd center/cover no-repeat;border-bottom:1px solid #000;display:flex;align-items:center;justify-content:center}
.ukb-case-dark .ukb-case-photo{background-color:#222;border-bottom-color:#555}
.ukb-case-copy{padding:32px;min-height:470px;display:flex;flex-direction:column}
.ukb-case-copy .ukb-case-name{margin-top:45px}
.ukb-case h3{font-size:clamp(38px,4.5vw,66px);line-height:.88}
.ukb-case-numbers{margin-top:auto}
.ukb-portfolio-contact h2{font-size:clamp(42px,5.5vw,78px);line-height:.88}
@media(max-width:700px){
 .ukb-quad-photo{height:210px}
 .ukb-quad-copy{min-height:230px}
 .ukb-case-photo{height:260px}
 .ukb-case-copy{min-height:420px}
}

/* =========================================================
   V8 — SOBRE A UKB
   ========================================================= */
.ukb-about-page{background:#fff;color:#000}
.ukb-about-hero{padding:90px 0 85px;border-bottom:1px solid #000}
.ukb-about-hero h1{
 margin:0 0 70px;
 font-size:clamp(66px,9vw,138px);
 line-height:.78;letter-spacing:-.07em;text-transform:uppercase
}
.ukb-about-hero-statement{
 max-width:1050px;
 font-size:clamp(42px,6vw,86px);
 font-weight:900;line-height:.9;letter-spacing:-.055em;text-transform:uppercase
}
.ukb-about-hero p{max-width:700px;margin-top:30px;font-size:19px;line-height:1.65;color:#555}

.ukb-about-story{padding:100px 0}
.ukb-about-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.ukb-about-story-copy h2,
.ukb-about-growth h2,
.ukb-about-team h2,
.ukb-about-portfolio-cta h2{
 margin:0 0 30px;
 font-size:clamp(38px,4.3vw,62px);
 line-height:.94;letter-spacing:-.05em;text-transform:uppercase
}
.ukb-about-story-copy p{font-size:17px;line-height:1.9;margin:0 0 24px;color:#333}
.ukb-about-photo{min-height:650px;background:#e6e6e6 center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.ukb-about-photo.is-empty span,.ukb-team-photo.is-empty span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#888}

.ukb-about-growth{padding:95px 0;background:#0b0b0b;color:#fff}
.ukb-about-growth h2{max-width:900px}
.ukb-about-growth-copy{max-width:850px;margin-left:auto;padding-top:30px;border-top:1px solid #555}
.ukb-about-growth-copy p{font-size:18px;line-height:1.85;margin:0 0 24px;color:#ccc}

.ukb-about-team{padding:100px 0}
.ukb-about-team-intro{margin:-10px 0 45px;color:#666}
.ukb-about-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ukb-team-photo{aspect-ratio:4/5;background:#e5e5e5 center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.ukb-team-card h3{margin:18px 0 5px;font-size:25px;line-height:1;text-transform:uppercase;letter-spacing:-.035em}
.ukb-team-card p{font-size:13px;color:#666}

.ukb-about-extra:has(.ukb-about-extra-content:empty){display:none}
.ukb-about-extra-content{padding-bottom:90px;max-width:900px;font-size:17px;line-height:1.8}

.ukb-about-portfolio-cta{padding:90px 0;background:#000;color:#fff}
.ukb-about-portfolio-cta h2{font-size:clamp(40px,5vw,72px)}
.ukb-about-portfolio-cta p{max-width:650px;font-size:17px;line-height:1.7;color:#bbb;margin-bottom:28px}
.ukb-about-portfolio-cta a{display:inline-block;color:#fff;font-size:14px;font-weight:900;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:5px}

@media(max-width:850px){
 .ukb-about-story-grid{grid-template-columns:1fr;gap:45px}
 .ukb-about-photo{min-height:500px}
 .ukb-about-team-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .ukb-about-hero{padding:60px 0}
 .ukb-about-hero h1{margin-bottom:50px}
 .ukb-about-story,.ukb-about-team{padding:70px 0}
 .ukb-about-photo{min-height:420px}
 .ukb-about-team-grid{grid-template-columns:1fr}
}


/* =========================================================
   V9 — EQUIPE UKB EDITÁVEL
   ========================================================= */
.ukb-about-team-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px 18px;
}
.ukb-team-card{min-width:0}
.ukb-team-photo{
  width:100%;
  aspect-ratio:4/5;
  background:#e5e5e5 center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ukb-team-name-row{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:13px;
  min-width:0;
}
.ukb-team-color-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  flex:0 0 10px;
  border:1px solid rgba(0,0,0,.12);
}
.ukb-team-card .ukb-team-name-row h3{
  margin:0;
  min-width:0;
  font-size:17px;
  line-height:1.1;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.ukb-team-card > p{
  margin:6px 0 0 19px;
  font-size:11px;
  line-height:1.35;
  color:#666;
}
.ukb-team-empty{
  padding:45px 0;
  border-top:1px solid #000;
  color:#777;
}

@media(max-width:900px){
  .ukb-about-team-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:600px){
  .ukb-about-team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 12px;
  }
  .ukb-team-card .ukb-team-name-row h3{
    font-size:14px;
  }
  .ukb-team-card > p{
    font-size:10px;
    margin-left:17px;
  }
  .ukb-team-color-dot{
    width:9px;
    height:9px;
    flex-basis:9px;
  }
}


/* =========================================================
   V10 — FOTO DUPLA DA EQUIPE
   ========================================================= */
.ukb-team-photo-wrap{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  margin-bottom:16px;
}
.ukb-team-card .ukb-team-photo{
  position:absolute;
  inset:0 8% 8% 0;
  width:auto;
  height:auto;
  aspect-ratio:1 / 1;
  border-radius:50%;
  background:#e5e5e5 center/cover no-repeat;
  overflow:hidden;
}
.ukb-team-secondary-photo{
  position:absolute;
  right:0;
  bottom:0;
  width:34%;
  aspect-ratio:1 / 1;
  border-radius:50%;
  background:#fff center/cover no-repeat;
  border:4px solid #fff;
  box-shadow:0 0 0 2px #2f2f2f;
  z-index:2;
}
.ukb-team-card .ukb-team-name-row{
  margin-top:0;
}
@media(max-width:600px){
  .ukb-team-photo-wrap{margin-bottom:12px}
  .ukb-team-secondary-photo{
    width:35%;
    border-width:3px;
    box-shadow:0 0 0 1.5px #2f2f2f;
  }
}

/* V10.1 — Sobre a UKB: hero simplificado */
.ukb-about-hero{padding:90px 0 75px}
.ukb-about-hero h1{margin:0}
@media(max-width:600px){
  .ukb-about-hero{padding:60px 0 55px}
  .ukb-about-hero h1{margin:0}
}

/* =========================================================
   V10.2 — EQUIPE: 5 POR LINHA + TIPOGRAFIA REEQUILIBRADA
   ========================================================= */
.ukb-about-team-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:34px 24px;
}

/* Reduz a presença visual das fotos dentro de cada coluna */
.ukb-team-photo-wrap{
  width:82%;
  margin:0 auto 17px 0;
}

/* Nome mais presente */
.ukb-team-card .ukb-team-name-row{
  gap:9px;
  margin-top:0;
}
.ukb-team-card .ukb-team-name-row h3{
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.025em;
}

/* Cargo maior e mais legível */
.ukb-team-card > p{
  margin:7px 0 0 19px;
  font-size:13px;
  line-height:1.45;
  color:#555;
}

/* Mantém a bolinha de identificação proporcional ao nome */
.ukb-team-color-dot{
  width:10px;
  height:10px;
  flex:0 0 10px;
}

@media(max-width:1100px){
  .ukb-about-team-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .ukb-team-photo-wrap{
    width:86%;
  }
}

@media(max-width:850px){
  .ukb-about-team-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .ukb-about-team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 14px;
  }
  .ukb-team-photo-wrap{
    width:86%;
    margin-bottom:14px;
  }
  .ukb-team-card .ukb-team-name-row h3{
    font-size:16px;
  }
  .ukb-team-card > p{
    margin:6px 0 0 17px;
    font-size:12px;
    line-height:1.4;
  }
  .ukb-team-color-dot{
    width:9px;
    height:9px;
    flex-basis:9px;
  }
}


/* =========================================================
   V10.5 — MOBILE COMPACT
   Redução geral de escala no celular.
   ========================================================= */
@media(max-width:600px){

  /* largura e respiro geral */
  .ukb-container{
    width:min(100% - 24px,1440px);
  }

  /* header */
  .ukb-header{
    min-height:60px;
  }
  .ukb-logo-text{
    font-size:18px;
  }
  .ukb-logo-img{
    max-height:40px;
  }
  .ukb-search{
    width:36px;
    height:36px;
  }
  .ukb-menu-button{
    padding:8px 10px;
    font-size:10px;
  }
  .ukb-topline{
    height:28px;
  }
  .ukb-marquee{
    font-size:9px;
  }

  /* home: destaque */
  .ukb-slide,
  .ukb-slide-content{
    min-height:56vh;
  }
  .ukb-slide-content{
    padding:28px 0 58px;
  }
  .ukb-feature-copy{
    max-width:92%;
  }
  .ukb-category{
    font-size:8px;
    padding:5px 7px;
    margin-bottom:10px;
  }
  .ukb-feature-title{
    font-size:clamp(28px,8.5vw,40px);
    line-height:.98;
  }
  .ukb-feature-meta{
    margin-top:12px;
    font-size:9px;
  }
  .ukb-feature-progress{
    bottom:20px;
    width:min(260px,62%);
  }

  /* seções gerais */
  .ukb-section{
    padding:42px 0;
  }
  .ukb-section-head{
    margin-bottom:24px;
  }
  .ukb-section-title{
    font-size:clamp(28px,8vw,38px);
    line-height:.98;
  }
  .ukb-kicker,
  .ukb-section-label{
    font-size:9px;
  }
  .ukb-see-all{
    margin-top:12px;
    font-size:9px;
  }

  /* cards de notícias */
  .ukb-news-grid{
    gap:22px;
  }
  .ukb-news-image{
    margin-bottom:12px;
  }
  .ukb-news-category{
    font-size:8px;
  }
  .ukb-news-title{
    margin-top:6px;
    font-size:17px;
    line-height:1.12;
  }
  .ukb-news-date{
    margin-top:8px;
    font-size:9px;
  }

  /* eventos */
  .ukb-event-info{
    padding:13px 14px 16px;
  }
  .ukb-event-date{
    font-size:8px;
  }
  .ukb-event-title{
    font-size:18px;
  }
  .ukb-event-location{
    font-size:10px;
  }

  /* página de post/reportagem */
  .ukb-post-page{
    padding-top:36px !important;
    padding-bottom:55px !important;
  }
  .ukb-post-title{
    font-size:clamp(30px,9vw,42px) !important;
    line-height:1 !important;
  }
  .ukb-post-excerpt{
    font-size:15px !important;
    line-height:1.55 !important;
  }
  .ukb-post-meta{
    font-size:9px !important;
  }
  .ukb-post-featured-image{
    width:100% !important;
    margin:24px auto 30px !important;
  }
  .ukb-post-content{
    font-size:16px !important;
    line-height:1.8 !important;
  }
  .ukb-post-content p{
    margin-bottom:1.45em !important;
  }

  /* sidebar de parceiros vira conteúdo abaixo sem ficar enorme */
  .ukb-partner-sidebar{
    margin-top:42px;
  }
  .ukb-partner-sidebar-title{
    font-size:17px;
  }
  .ukb-event-sidebar-image{
    aspect-ratio:16/10;
  }
  .ukb-event-sidebar-title{
    font-size:13px;
  }

  /* portfólio */
  .ukb-portfolio-hero{
    padding:52px 0 46px;
  }
  .ukb-portfolio-hero h1{
    font-size:clamp(52px,16vw,76px);
    line-height:.82;
    margin-bottom:20px;
  }
  .ukb-portfolio-hero p{
    font-size:15px;
    line-height:1.55;
  }
  .ukb-portfolio-quadrants{
    padding-bottom:58px;
  }
  .ukb-quad-photo{
    height:180px;
  }
  .ukb-quad-copy{
    padding:20px;
    min-height:205px;
  }
  .ukb-portfolio-grid h2{
    font-size:25px;
  }
  .ukb-portfolio-grid p{
    font-size:13px;
    line-height:1.55;
  }

  .ukb-portfolio-stats,
  .ukb-portfolio-experience,
  .ukb-portfolio-cases,
  .ukb-portfolio-interviews,
  .ukb-portfolio-editable,
  .ukb-partners-section,
  .ukb-portfolio-contact{
    padding:58px 0;
  }

  .ukb-portfolio-section-heading h2,
  .ukb-portfolio-experience h2,
  .ukb-portfolio-cases>div>h2,
  .ukb-portfolio-editable h2,
  .ukb-partners-section h2{
    font-size:30px;
  }
  .ukb-section-intro{
    margin:16px 0 30px;
    font-size:14px;
    line-height:1.6;
  }

  .ukb-stats-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .ukb-stats-grid div{
    min-height:105px;
    padding:14px;
  }
  .ukb-stats-grid strong{
    font-size:28px;
  }
  .ukb-stats-grid span{
    font-size:9px;
  }

  .ukb-artist-wall{
    font-size:16px;
    line-height:1.55;
  }

  .ukb-case-photo{
    height:210px;
  }
  .ukb-case-copy{
    min-height:360px;
    padding:22px;
  }
  .ukb-case h3{
    font-size:36px;
  }
  .ukb-case p{
    font-size:13px;
    line-height:1.55;
  }
  .ukb-case-numbers strong{
    font-size:24px;
  }
  .ukb-case-numbers span{
    font-size:8px;
  }

  .ukb-portfolio-interview-posts h3{
    font-size:19px;
  }

  .ukb-portfolio-contact h2{
    font-size:36px;
    line-height:.95;
  }
  .ukb-portfolio-contact p{
    font-size:14px;
  }
  .ukb-portfolio-contact a{
    font-size:18px;
  }

  /* Sobre a UKB */
  .ukb-about-hero{
    padding:48px 0 42px;
  }
  .ukb-about-hero h1{
    font-size:54px;
    line-height:.86;
  }
  .ukb-about-story,
  .ukb-about-team{
    padding:58px 0;
  }
  .ukb-about-story-copy h2,
  .ukb-about-growth h2,
  .ukb-about-team h2,
  .ukb-about-portfolio-cta h2{
    font-size:30px;
  }
  .ukb-about-story-copy p{
    font-size:15px;
    line-height:1.75;
    margin-bottom:18px;
  }
  .ukb-about-photo{
    min-height:320px;
  }
  .ukb-about-growth{
    padding:58px 0;
  }
  .ukb-about-growth-copy p{
    font-size:15px;
    line-height:1.75;
  }

  /* equipe */
  .ukb-about-team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 12px;
  }
  .ukb-team-photo-wrap{
    width:80%;
    margin-bottom:11px;
  }
  .ukb-team-card .ukb-team-name-row h3{
    font-size:15px;
  }
  .ukb-team-card > p{
    font-size:11px;
    line-height:1.35;
  }

  /* eventos: página */
  .ukb-event-archive,
  .ukb-event-page{
    padding:48px 0 60px;
  }
  .ukb-archive-title,
  .ukb-event-single-title{
    font-size:38px;
    line-height:.98;
  }
  .ukb-archive-intro{
    font-size:15px;
  }
  .ukb-event-single-content{
    font-size:16px;
    line-height:1.8;
  }

  /* footer */
  .ukb-footer{
    padding:42px 0 24px;
  }
  .ukb-footer-logo{
    font-size:23px;
  }
  .ukb-footer-description,
  .ukb-footer-contact,
  .ukb-footer-social{
    font-size:12px;
  }
  .ukb-footer-heading{
    font-size:9px;
  }
}


/* =========================================================
   V10.6 — PORTFÓLIO + HOME
   ========================================================= */

/* Hero do portfólio em uma linha */
.ukb-portfolio-hero h1{
  max-width:none;
  white-space:nowrap;
  font-size:clamp(62px,8.2vw,125px);
  line-height:.82;
}

/* Quadrantes sem foto ficam mais compactos e tipográficos */
.ukb-portfolio-grid article.no-photo .ukb-quad-copy{
  min-height:360px;
  padding-top:32px;
}
.ukb-portfolio-grid article.no-photo .ukb-portfolio-number{
  margin-bottom:auto;
}

/* Galeria orgânica horizontal */
.ukb-portfolio-gallery{
  padding:90px 0;
  overflow:hidden;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}
.ukb-portfolio-gallery h2{
  font-size:clamp(34px,4vw,58px);
  line-height:.96;
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.ukb-organic-gallery{
  margin-top:42px;
  overflow:hidden;
  width:100%;
}
.ukb-organic-gallery-track{
  display:flex;
  align-items:center;
  gap:18px;
  width:max-content;
  animation:ukb-organic-scroll 65s linear infinite;
}
.ukb-organic-gallery:hover .ukb-organic-gallery-track{
  animation-play-state:paused;
}
.ukb-organic-photo{
  flex:0 0 auto;
  margin:0;
  overflow:hidden;
  background:#eee;
}
.ukb-organic-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.ukb-organic-photo-1{width:280px;height:390px}
.ukb-organic-photo-2{width:360px;height:270px}
.ukb-organic-photo-3{width:250px;height:330px}
.ukb-organic-photo-4{width:330px;height:430px}
.ukb-organic-photo-5{width:390px;height:290px}

@keyframes ukb-organic-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.ukb-gallery-placeholder{
  margin-top:35px;
  padding:35px;
  border:1px dashed #999;
  color:#777;
  font-size:13px;
  text-align:center;
}

/* Mobile */
@media(max-width:600px){
  .ukb-portfolio-hero h1{
    white-space:normal;
    font-size:clamp(42px,13vw,58px);
    line-height:.9;
  }
  .ukb-portfolio-grid article.no-photo .ukb-quad-copy{
    min-height:210px;
  }
  .ukb-portfolio-gallery{
    padding:52px 0;
  }
  .ukb-portfolio-gallery h2{
    font-size:28px;
  }
  .ukb-organic-gallery{
    margin-top:26px;
  }
  .ukb-organic-gallery-track{
    gap:10px;
    animation-duration:48s;
  }
  .ukb-organic-photo-1{width:155px;height:215px}
  .ukb-organic-photo-2{width:195px;height:145px}
  .ukb-organic-photo-3{width:140px;height:185px}
  .ukb-organic-photo-4{width:175px;height:230px}
  .ukb-organic-photo-5{width:205px;height:155px}
}

@media(prefers-reduced-motion:reduce){
  .ukb-organic-gallery-track{
    animation:none;
  }
}


/* =========================================================
   V10.7 — EVENTOS COMPACTOS
   ========================================================= */
.ukb-events-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.ukb-event-card{min-width:0}
.ukb-event-info{padding:13px 13px 15px}
.ukb-event-date{font-size:9px}
.ukb-event-title{
  margin-top:6px;
  font-size:16px;
  line-height:1.08;
}
.ukb-event-location,
.ukb-event-producer{
  margin-top:7px;
  font-size:10px;
  line-height:1.35;
  color:#666;
}
.ukb-event-ticket{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid #ddd;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}

/* Página geral de eventos */
.ukb-event-archive .ukb-events-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.ukb-event-card-inner{
  height:100%;
  background:#fff;
  border:1px solid #ddd;
}
.ukb-event-ticket-button{
  display:inline-block;
  margin-top:14px;
  padding:9px 11px;
  background:#000;
  color:#fff;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.ukb-event-ticket-button.is-disabled{
  background:#eee;
  color:#777;
}

@media(max-width:1200px){
  .ukb-events-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .ukb-events-grid,
  .ukb-event-archive .ukb-events-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:600px){
  .ukb-events-grid,
  .ukb-event-archive .ukb-events-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .ukb-event-info{padding:10px 10px 12px}
  .ukb-event-title{font-size:14px}
  .ukb-event-location,
  .ukb-event-producer{font-size:9px}
  .ukb-event-ticket{font-size:8px}
}


/* =========================================================
   V10.10 — PÁGINA DE ENTREVISTAS
   ========================================================= */
.ukb-interviews-page{
  padding:70px 0 95px;
  background:#fff;
}
.ukb-interviews-hero{
  margin-bottom:42px;
}
.ukb-interviews-hero h1{
  font-size:clamp(52px,7vw,96px);
  line-height:.88;
  letter-spacing:-.06em;
  text-transform:uppercase;
}
.ukb-interviews-featured-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.ukb-interview-featured-card{
  border-top:1px solid #000;
}
.ukb-interview-featured-card.is-lead{
  grid-column:span 2;
  grid-row:span 2;
}
.ukb-interview-featured-image{
  aspect-ratio:4/3;
  background:#ddd center/cover no-repeat;
}
.ukb-interview-featured-card.is-lead .ukb-interview-featured-image{
  aspect-ratio:16/10;
}
.ukb-interview-featured-copy{
  padding-top:16px;
}
.ukb-interview-label{
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ukb-interview-featured-copy h2{
  margin-top:7px;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.03em;
}
.ukb-interview-featured-card.is-lead h2{
  font-size:clamp(32px,4vw,54px);
}
.ukb-interview-featured-copy p{
  margin-top:12px;
  max-width:620px;
  color:#555;
  font-size:14px;
  line-height:1.6;
}
.ukb-interview-meta{
  margin-top:12px;
  color:#777;
  font-size:9px;
  text-transform:uppercase;
}
.ukb-interviews-list{
  margin-top:65px;
  border-top:1px solid #000;
}
.ukb-interview-list-card{
  border-bottom:1px solid #ddd;
}
.ukb-interview-list-card a{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:22px;
  align-items:center;
  padding:18px 0;
}
.ukb-interview-list-image{
  aspect-ratio:4/3;
  background:#ddd center/cover no-repeat;
}
.ukb-interview-list-copy h3{
  margin-top:6px;
  font-size:22px;
  line-height:1.08;
}

@media(max-width:800px){
  .ukb-interviews-featured-grid{
    grid-template-columns:1fr 1fr;
  }
  .ukb-interview-featured-card.is-lead{
    grid-column:span 2;
  }
}
@media(max-width:600px){
  .ukb-interviews-page{
    padding:42px 0 60px;
  }
  .ukb-interviews-hero{
    margin-bottom:28px;
  }
  .ukb-interviews-hero h1{
    font-size:44px;
  }
  .ukb-interviews-featured-grid{
    grid-template-columns:1fr;
    gap:26px;
  }
  .ukb-interview-featured-card.is-lead{
    grid-column:auto;
    grid-row:auto;
  }
  .ukb-interview-featured-card.is-lead h2,
  .ukb-interview-featured-copy h2{
    font-size:22px;
  }
  .ukb-interview-featured-copy p{
    font-size:13px;
  }
  .ukb-interviews-list{
    margin-top:45px;
  }
  .ukb-interview-list-card a{
    grid-template-columns:100px 1fr;
    gap:14px;
    padding:14px 0;
  }
  .ukb-interview-list-copy h3{
    font-size:17px;
  }
}


/* =========================================================
   V10.11 — POST INDIVIDUAL DE ENTREVISTA
   ========================================================= */

.ukb-interview-single-page{
  padding:74px 0 95px;
  background:#fff;
}

.ukb-interview-single{
  max-width:1380px;
  margin:0 auto;
}

.ukb-interview-single-header{
  max-width:1000px;
  margin-bottom:38px;
}

.ukb-interview-single-label{
  display:inline-block;
  padding:7px 10px;
  background:#000;
  color:#fff;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.11em;
  margin-bottom:20px;
}

.ukb-interview-single-title{
  font-size:clamp(46px,6.2vw,86px);
  line-height:.92;
  letter-spacing:-.055em;
  text-transform:uppercase;
  max-width:1050px;
}

.ukb-interview-single-excerpt{
  max-width:780px;
  margin-top:24px;
  font-size:19px;
  line-height:1.55;
  color:#555;
}

.ukb-interview-single-meta{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:22px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#666;
}

.ukb-interview-single-featured{
  width:min(100%,920px);
  margin:0 0 52px;
}

.ukb-interview-single-featured img{
  width:100%;
  height:auto;
}

.ukb-interview-single-layout{
  display:grid;
  grid-template-columns:minmax(0,820px) 260px;
  gap:70px;
  align-items:start;
}

.ukb-interview-single-content{
  font-size:18px;
  line-height:1.92;
}

.ukb-interview-single-content p{
  margin:0 0 1.75em;
}

/* Pergunta: use Negrito no editor */
.ukb-interview-single-content p > strong:first-child,
.ukb-interview-single-content p > b:first-child{
  font-size:1.02em;
  font-weight:900;
}

/* Respostas em citação/bloco ficam visualmente diferentes */
.ukb-interview-single-content blockquote{
  margin:32px 0;
  padding:22px 0 22px 24px;
  border-left:4px solid #000;
  font-size:20px;
  line-height:1.65;
  font-weight:600;
}

.ukb-interview-single-content blockquote p{
  margin-bottom:0;
}

.ukb-interview-single-content h2,
.ukb-interview-single-content h3{
  margin:1.8em 0 .7em;
  line-height:1.05;
  letter-spacing:-.035em;
}

.ukb-interview-single-sidebar{
  position:sticky;
  top:28px;
  border-top:3px solid #000;
  padding-top:15px;
}

.ukb-interview-sidebar-title{
  font-size:15px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:18px;
}

@media(max-width:900px){
  .ukb-interview-single-layout{
    grid-template-columns:1fr;
    gap:50px;
  }

  .ukb-interview-single-sidebar{
    position:static;
  }

  .ukb-interview-single-featured{
    width:min(100%,760px);
  }
}

@media(max-width:600px){
  .ukb-interview-single-page{
    padding:42px 0 62px;
  }

  .ukb-interview-single-header{
    margin-bottom:26px;
  }

  .ukb-interview-single-label{
    font-size:8px;
    padding:5px 7px;
    margin-bottom:13px;
  }

  .ukb-interview-single-title{
    font-size:clamp(30px,9vw,42px);
    line-height:.98;
  }

  .ukb-interview-single-excerpt{
    margin-top:16px;
    font-size:15px;
    line-height:1.5;
  }

  .ukb-interview-single-meta{
    margin-top:15px;
    font-size:8px;
  }

  .ukb-interview-single-featured{
    margin-bottom:32px;
  }

  .ukb-interview-single-layout{
    gap:40px;
  }

  .ukb-interview-single-content{
    font-size:16px;
    line-height:1.82;
  }

  .ukb-interview-single-content p{
    margin-bottom:1.55em;
  }

  .ukb-interview-single-content blockquote{
    margin:24px 0;
    padding:17px 0 17px 17px;
    font-size:17px;
  }

  .ukb-interview-sidebar-title{
    font-size:13px;
  }
}


/* =========================================================
   V10.12 — AJUSTES DE ESCALA E ARQUIVOS
   ========================================================= */

/* Heroes institucionais menores */
.ukb-about-hero{
  padding:58px 0 52px;
}
.ukb-about-hero h1{
  font-size:clamp(50px,6.5vw,92px);
  line-height:.86;
}

.ukb-portfolio-hero{
  padding:58px 0 52px;
}
.ukb-portfolio-hero h1{
  font-size:clamp(52px,6.8vw,96px);
  line-height:.86;
  margin-bottom:0;
}

/* Arquivos / tags sem kicker "Update KBoys" e sem prefixo TAG: */
.ukb-archive-clean{
  padding-top:58px;
}
.ukb-archive-clean-title{
  font-size:clamp(42px,5vw,70px);
  line-height:.94;
}

/* Quadrantes do portfólio: aproxima número e título */
.ukb-quad-copy{
  min-height:0;
  display:block;
}
.ukb-quad-copy .ukb-portfolio-number{
  margin-bottom:22px;
}
.ukb-portfolio-grid article.no-photo .ukb-quad-copy{
  min-height:250px;
  padding-top:28px;
}
.ukb-portfolio-grid article.no-photo .ukb-portfolio-number{
  margin-bottom:22px;
}

@media(max-width:600px){
  .ukb-about-hero,
  .ukb-portfolio-hero{
    padding:40px 0 36px;
  }
  .ukb-about-hero h1,
  .ukb-portfolio-hero h1{
    font-size:42px;
    line-height:.9;
  }
  .ukb-archive-clean{
    padding-top:38px;
  }
  .ukb-archive-clean-title{
    font-size:34px;
  }
  .ukb-quad-copy .ukb-portfolio-number,
  .ukb-portfolio-grid article.no-photo .ukb-portfolio-number{
    margin-bottom:14px;
  }
  .ukb-portfolio-grid article.no-photo .ukb-quad-copy{
    min-height:180px;
  }
}


/* =========================================================
   V10.13 — GALERIA MOSAICO EM MOVIMENTO
   ========================================================= */

.ukb-mosaic-gallery{
  margin-top:42px;
  width:100%;
  overflow:hidden;
}

.ukb-mosaic-track{
  display:flex;
  align-items:stretch;
  gap:18px;
  width:max-content;
  animation:ukb-mosaic-scroll 72s linear infinite;
  will-change:transform;
}

.ukb-mosaic-gallery:hover .ukb-mosaic-track{
  animation-play-state:paused;
}

.ukb-mosaic-set{
  flex:0 0 auto;
  display:grid;
  grid-template-rows:repeat(2, 170px);
  grid-auto-flow:column;
  grid-auto-columns:220px;
  gap:12px;
  padding-right:6px;
}

.ukb-mosaic-photo{
  margin:0;
  overflow:hidden;
  background:#eee;
  width:auto;
  height:auto;
}

.ukb-mosaic-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.45;
  transform:scale(1.015);
  animation:ukb-photo-fade 7.5s ease-in-out infinite;
  animation-delay:var(--ukb-fade-delay, 0s);
  will-change:opacity, transform;
}

/* Padrão orgânico que se repete pelo mosaico */
.ukb-mosaic-photo-1{
  grid-row:span 2;
  grid-column:span 2;
}
.ukb-mosaic-photo-2{
  grid-row:span 1;
  grid-column:span 1;
}
.ukb-mosaic-photo-3{
  grid-row:span 1;
  grid-column:span 2;
}
.ukb-mosaic-photo-4{
  grid-row:span 2;
  grid-column:span 1;
}
.ukb-mosaic-photo-5{
  grid-row:span 1;
  grid-column:span 1;
}
.ukb-mosaic-photo-6{
  grid-row:span 1;
  grid-column:span 2;
}
.ukb-mosaic-photo-7{
  grid-row:span 2;
  grid-column:span 2;
}

@keyframes ukb-mosaic-scroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(calc(-50% - 9px)); }
}

@keyframes ukb-photo-fade{
  0%,100%{
    opacity:.38;
    transform:scale(1.015);
  }
  35%,65%{
    opacity:1;
    transform:scale(1);
  }
}

/* Mobile: mosaico menor e mais baixo */
@media(max-width:600px){
  .ukb-mosaic-gallery{
    margin-top:26px;
  }

  .ukb-mosaic-track{
    gap:10px;
    animation-duration:54s;
  }

  .ukb-mosaic-set{
    grid-template-rows:repeat(2, 105px);
    grid-auto-columns:135px;
    gap:7px;
  }

  .ukb-mosaic-photo img{
    animation-duration:6.5s;
  }
}

@media(prefers-reduced-motion:reduce){
  .ukb-mosaic-track{
    animation:none;
  }

  .ukb-mosaic-photo img{
    animation:none;
    opacity:1;
    transform:none;
  }
}


/* V10.14 — barra/ticker superior removido */
.ukb-topbar:empty,
.ukb-ticker:empty,
.ukb-news-ticker:empty,
.ukb-breaking-bar:empty,
.ukb-marquee:empty{
  display:none !important;
}


/* =========================================================
   V10.16 — EVENTOS COM MÚLTIPLAS DATAS / CIDADES
   ========================================================= */
.ukb-event-tour-card .ukb-event-info{
  display:flex;
  flex-direction:column;
}
.ukb-tour-stops{
  margin-top:16px;
  border-top:1px solid #ddd;
}
.ukb-tour-stop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 0;
  border-bottom:1px solid #e5e5e5;
}
.ukb-tour-stop-main{
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-width:0;
}
.ukb-tour-stop-main strong{
  min-width:42px;
  font-size:13px;
  line-height:1.1;
}
.ukb-tour-stop-main span{
  font-size:11px;
  font-weight:800;
  line-height:1.25;
}
.ukb-tour-stop-main small{
  display:block;
  margin-top:3px;
  color:#777;
  font-size:9px;
  font-weight:500;
}
.ukb-tour-stop-ticket{
  flex:0 0 auto;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ukb-tour-stop-ticket.is-disabled{
  color:#999;
}
@media(max-width:600px){
  .ukb-tour-stop{
    align-items:flex-start;
    gap:8px;
  }
  .ukb-tour-stop-main{
    gap:7px;
  }
  .ukb-tour-stop-main strong{
    min-width:34px;
    font-size:11px;
  }
  .ukb-tour-stop-main span{
    font-size:10px;
  }
  .ukb-tour-stop-ticket{
    font-size:7px;
  }
}

/* V10.17 — ingresso único por evento/turnê */
.ukb-tour-global-ticket{
  margin-top:16px;
}


/* =========================================================
   V10.19 — EVENTOS: CIDADE (LOCAL) — DATA + BOTÃO
   ========================================================= */
.ukb-tour-stops-stacked{
  margin-top:18px;
}
.ukb-tour-stop-stacked{
  display:block;
  padding:14px 0;
}
.ukb-tour-stop-line{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px;
  font-size:11px;
  line-height:1.35;
}
.ukb-tour-stop-line strong{
  font-size:11px;
  font-weight:900;
}
.ukb-tour-stop-line time{
  font-size:10px;
  font-weight:700;
  color:#555;
}
.ukb-tour-stop-separator{
  color:#888;
}
.ukb-tour-stop-button{
  margin-top:9px;
  padding:8px 10px;
}
@media(max-width:600px){
  .ukb-tour-stop-stacked{
    padding:12px 0;
  }
  .ukb-tour-stop-line,
  .ukb-tour-stop-line strong{
    font-size:10px;
  }
  .ukb-tour-stop-line time{
    font-size:9px;
  }
}


/* =========================================================
   V10.20
   ========================================================= */

/* Barra preta superior completamente removida */
.ukb-topline,
.ukb-marquee{
  display:none !important;
}

/* Menu: página atual dentro de um quadrado */
.ukb-nav .current-menu-item > a,
.ukb-nav .current_page_item > a,
.ukb-nav .current-menu-ancestor > a{
  border:1px solid #000;
  padding:9px 12px;
}
.ukb-nav a{
  transition:opacity .2s ease;
}

/* Sidebar de próximos eventos */
.ukb-partner-sidebar-intro{
  margin:7px 0 20px;
  font-size:10px;
  line-height:1.4;
  color:#777;
}

/* Comentários */
.ukb-comments-area{
  margin-top:70px;
  padding-top:30px;
  border-top:1px solid #000;
}
.ukb-comments-title,
.comment-reply-title{
  font-size:26px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:-.03em;
}
.ukb-comment-note{
  margin:10px 0 24px;
  color:#777;
  font-size:12px;
}
.ukb-comment-list{
  margin:30px 0 45px;
  padding:0;
  list-style:none;
}
.ukb-comment-list li{
  list-style:none;
  padding:18px 0;
  border-bottom:1px solid #ddd;
}
.ukb-comment-list .comment-meta{
  font-size:10px;
  color:#777;
}
.ukb-comment-list .comment-content{
  margin-top:10px;
  font-size:15px;
  line-height:1.65;
}
.ukb-comments label{
  display:block;
  margin-bottom:6px;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
.ukb-comments input,
.ukb-comments textarea{
  width:100%;
  border:1px solid #000;
  background:#fff;
  padding:12px;
  font:inherit;
}
.ukb-comments .comment-form-author,
.ukb-comments .comment-form-email{
  max-width:520px;
  margin-bottom:16px;
}
.ukb-comments .comment-form-comment{
  margin-bottom:16px;
}
.ukb-comments .form-submit input{
  width:auto;
  background:#000;
  color:#fff;
  border:0;
  padding:11px 16px;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}
.ukb-comments .optional{
  color:#888;
  font-weight:500;
}

/* CTA de Cases no Portfólio */
.ukb-portfolio-cases-cta{
  background:#f2f2f2;
}
.ukb-cases-cta-grid{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:70px;
  align-items:end;
  margin-top:12px;
}
.ukb-cases-cta-grid h2{
  margin:0;
}
.ukb-cases-cta-copy p{
  margin-bottom:25px;
  color:#555;
  font-size:15px;
  line-height:1.65;
}

/* Página de Cases */
.ukb-cases-page{
  padding:65px 0 100px;
}
.ukb-cases-hero{
  margin-bottom:45px;
}
.ukb-cases-hero h1{
  font-size:clamp(52px,7vw,94px);
  line-height:.88;
  letter-spacing:-.06em;
  text-transform:uppercase;
}
.ukb-case-horizontal-list{
  border-top:1px solid #000;
}
.ukb-case-horizontal{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:55px;
  min-height:420px;
  padding:42px 0;
  border-bottom:1px solid #000;
  align-items:center;
}
.ukb-case-horizontal-gallery{
  position:relative;
  height:350px;
}
.ukb-case-horizontal-photo{
  position:absolute;
  background:#eee center/cover no-repeat;
  border:2px solid #222;
}
.ukb-case-horizontal-photo-1{
  left:0;
  top:0;
  width:22%;
  height:34%;
  z-index:3;
}
.ukb-case-horizontal-photo-2{
  left:14%;
  top:7%;
  width:52%;
  height:72%;
  z-index:1;
}
.ukb-case-horizontal-photo-3{
  left:56%;
  top:44%;
  width:26%;
  height:36%;
  z-index:4;
}
.ukb-case-horizontal-photo.is-empty{
  background:#f4f4f4;
}
.ukb-case-horizontal-copy h2{
  font-size:clamp(32px,4vw,56px);
  line-height:.95;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.ukb-case-topics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
  margin-top:18px;
  font-size:17px;
}
.ukb-case-divider{
  margin:22px 0 14px;
  border-top:1px solid #000;
}
.ukb-case-description{
  font-size:15px;
  line-height:1.7;
  color:#444;
}
.ukb-case-description p{
  margin-bottom:1.2em;
}

/* Mobile */
@media(max-width:700px){
  .ukb-nav .current-menu-item > a,
  .ukb-nav .current_page_item > a,
  .ukb-nav .current-menu-ancestor > a{
    padding:7px 9px;
  }

  .ukb-comments-area{
    margin-top:45px;
  }

  .ukb-cases-cta-grid{
    grid-template-columns:1fr;
    gap:25px;
  }

  .ukb-cases-page{
    padding:42px 0 65px;
  }
  .ukb-cases-hero h1{
    font-size:42px;
  }
  .ukb-case-horizontal{
    grid-template-columns:1fr;
    gap:25px;
    padding:30px 0;
  }
  .ukb-case-horizontal-gallery{
    height:245px;
  }
  .ukb-case-horizontal-copy h2{
    font-size:28px;
  }
  .ukb-case-topics{
    font-size:13px;
    gap:14px;
  }
}


/* =========================================================
   V10.22 — CASES: 1 FOTO GRANDE + 2 PEQUENAS / ALTERNÂNCIA
   ========================================================= */

/* Estrutura dos cases */
.ukb-case-horizontal{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:58px;
  align-items:center;
}

/* Case 1, 3, 5...: fotos à esquerda */
.ukb-case-horizontal.is-normal .ukb-case-horizontal-gallery{
  grid-column:1;
  grid-row:1;
}
.ukb-case-horizontal.is-normal .ukb-case-horizontal-copy{
  grid-column:2;
  grid-row:1;
}

/* Case 2, 4, 6...: texto à esquerda, fotos à direita */
.ukb-case-horizontal.is-reversed .ukb-case-horizontal-copy{
  grid-column:1;
  grid-row:1;
}
.ukb-case-horizontal.is-reversed .ukb-case-horizontal-gallery{
  grid-column:2;
  grid-row:1;
}

/* Galeria limpa: principal em cima + duas menores abaixo */
.ukb-case-horizontal-gallery{
  position:static;
  height:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto auto;
  gap:10px;
}

.ukb-case-horizontal-photo{
  position:static;
  width:auto;
  height:auto;
  border:0;
  background-color:#f2f2f2;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
}

.ukb-case-horizontal-photo-1{
  grid-column:1 / -1;
  grid-row:1;
  aspect-ratio:16 / 10;
}

.ukb-case-horizontal-photo-2,
.ukb-case-horizontal-photo-3{
  grid-row:2;
  aspect-ratio:4 / 3;
}

.ukb-case-horizontal-photo-2{
  grid-column:1;
}

.ukb-case-horizontal-photo-3{
  grid-column:2;
}

.ukb-case-horizontal-photo.is-empty{
  background:#f4f4f4;
}

/* Um pouco mais de respiro entre cases */
.ukb-case-horizontal{
  padding:54px 0;
}

/* Mobile: sempre fotos primeiro e conteúdo depois */
@media(max-width:700px){
  .ukb-case-horizontal,
  .ukb-case-horizontal.is-normal,
  .ukb-case-horizontal.is-reversed{
    display:grid;
    grid-template-columns:1fr;
    gap:24px;
    padding:32px 0;
  }

  .ukb-case-horizontal.is-normal .ukb-case-horizontal-gallery,
  .ukb-case-horizontal.is-reversed .ukb-case-horizontal-gallery{
    grid-column:1;
    grid-row:1;
  }

  .ukb-case-horizontal.is-normal .ukb-case-horizontal-copy,
  .ukb-case-horizontal.is-reversed .ukb-case-horizontal-copy{
    grid-column:1;
    grid-row:2;
  }

  .ukb-case-horizontal-gallery{
    gap:7px;
  }

  .ukb-case-horizontal-photo-1{
    aspect-ratio:16 / 10;
  }

  .ukb-case-horizontal-photo-2,
  .ukb-case-horizontal-photo-3{
    aspect-ratio:4 / 3;
  }
}


/* =========================================================
   V10.22.1 — CASES MAIS COMPACTOS: 35% FOTOS / 65% TEXTO
   ========================================================= */
@media(min-width:701px){
  .ukb-case-horizontal{
    grid-template-columns:minmax(0,35fr) minmax(0,65fr);
    gap:42px;
    min-height:0;
    padding:40px 0;
  }

  /* Nos cases invertidos, mantém 65% para texto e 35% para fotos */
  .ukb-case-horizontal.is-reversed{
    grid-template-columns:minmax(0,65fr) minmax(0,35fr);
  }

  .ukb-case-horizontal-gallery{
    gap:7px;
  }

  .ukb-case-horizontal-photo-1{
    aspect-ratio:16 / 10;
  }

  .ukb-case-horizontal-photo-2,
  .ukb-case-horizontal-photo-3{
    aspect-ratio:4 / 3;
  }

  .ukb-case-horizontal-copy h2{
    font-size:clamp(28px,3vw,44px);
  }
}


/* =========================================================
   V10.22.3 — HERO PADRONIZADO ENTRE TODAS AS PÁGINAS
   ========================================================= */

/* Um único tamanho para os títulos principais das páginas */
.ukb-archive-clean-title,
.ukb-interviews-hero h1,
.ukb-archive-title,
.ukb-about-hero h1,
.ukb-portfolio-hero h1,
.ukb-cases-hero h1{
  font-size:clamp(52px,6.5vw,92px) !important;
  line-height:.88 !important;
  letter-spacing:-.055em !important;
  text-transform:uppercase;
}

/* Mesmo respiro vertical do hero */
.ukb-archive-clean,
.ukb-interviews-page,
.ukb-event-archive,
.ukb-about-hero,
.ukb-portfolio-hero,
.ukb-cases-page{
  padding-top:58px;
}

/* Remove diferenças de margem entre os títulos */
.ukb-interviews-hero,
.ukb-archive-header,
.ukb-cases-hero{
  margin-bottom:42px;
}

.ukb-about-hero h1,
.ukb-portfolio-hero h1{
  margin:0;
}


/* =========================================================
   MOBILE V1 — HOMEPAGE ONLY
   Desktop permanece intacto.
   ========================================================= */
@media (max-width:700px){

  /* ---------- HEADER ---------- */
  .ukb-header{
    min-height:88px !important;
  }

  .ukb-header-inner{
    min-height:88px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
    align-items:center !important;
  }

  .ukb-logo,
  .ukb-logo img,
  .custom-logo-link img,
  .custom-logo{
    width:auto !important;
    max-width:72px !important;
    max-height:68px !important;
    height:auto !important;
  }

  /* Search + Menu remain aligned, but menu button becomes a real toggle */
  .ukb-mobile-actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  .ukb-menu-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:70px !important;
    min-height:46px !important;
    padding:0 13px !important;
    background:#000 !important;
    color:#fff !important;
    border:0 !important;
    cursor:pointer !important;
    position:relative !important;
    z-index:10002 !important;
  }

  .ukb-nav{
    display:none !important;
  }

  body.ukb-mobile-menu-open .ukb-nav{
    display:flex !important;
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    z-index:10000 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    background:#fff !important;
    border-top:1px solid #000 !important;
    border-bottom:1px solid #000 !important;
    padding:8px 20px 16px !important;
  }

  body.ukb-mobile-menu-open .ukb-nav ul,
  body.ukb-mobile-menu-open .ukb-nav .menu{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.ukb-mobile-menu-open .ukb-nav li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }

  body.ukb-mobile-menu-open .ukb-nav a{
    display:block !important;
    width:100% !important;
    padding:13px 4px !important;
    border-bottom:1px solid #ddd !important;
    font-size:13px !important;
  }

  body.ukb-mobile-menu-open .ukb-nav .current-menu-item > a,
  body.ukb-mobile-menu-open .ukb-nav .current_page_item > a{
    border:1px solid #000 !important;
    padding:11px 9px !important;
    margin:3px 0 !important;
  }

  /* ---------- HOMEPAGE FEATURED HERO ---------- */
  body.home .ukb-featured,
  body.home .ukb-hero,
  body.home .ukb-featured-slide{
    min-height:0 !important;
    height:390px !important;
    max-height:390px !important;
  }

  body.home .ukb-featured-slide{
    position:relative !important;
    overflow:hidden !important;
  }

  body.home .ukb-featured-slide img,
  body.home .ukb-featured-media img{
    width:100% !important;
    height:390px !important;
    object-fit:cover !important;
  }

  body.home .ukb-featured-content,
  body.home .ukb-hero-content{
    padding:18px 20px 20px !important;
    max-width:100% !important;
  }

  body.home .ukb-featured-tag,
  body.home .ukb-hero-tag{
    font-size:9px !important;
    padding:6px 8px !important;
    margin-bottom:10px !important;
  }

  body.home .ukb-featured-title,
  body.home .ukb-featured-title a,
  body.home .ukb-hero-title,
  body.home .ukb-hero-title a{
    font-size:clamp(27px,8vw,38px) !important;
    line-height:.94 !important;
    letter-spacing:-.045em !important;
    max-width:94% !important;
    margin:0 !important;
  }

  body.home .ukb-featured-meta,
  body.home .ukb-hero-meta{
    font-size:9px !important;
    margin-top:12px !important;
  }

  /* ---------- HOME SECTION TITLES ---------- */
  body.home .ukb-section-title,
  body.home .ukb-home-section-title,
  body.home .ukb-news-section h2,
  body.home .ukb-interviews-section h2{
    font-size:clamp(31px,9vw,42px) !important;
    line-height:.95 !important;
    margin-bottom:22px !important;
  }

  /* ---------- NEWS + INTERVIEWS: 2 x 2 ---------- */
  body.home .ukb-news-grid,
  body.home .ukb-interviews-grid,
  body.home .ukb-post-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px 10px !important;
  }

  body.home .ukb-news-grid > *:nth-child(n+5),
  body.home .ukb-interviews-grid > *:nth-child(n+5){
    display:none !important;
  }

  body.home .ukb-news-card,
  body.home .ukb-interview-card,
  body.home .ukb-post-card{
    min-width:0 !important;
    width:100% !important;
  }

  body.home .ukb-news-card img,
  body.home .ukb-interview-card img,
  body.home .ukb-post-card img,
  body.home .ukb-card-image img{
    width:100% !important;
    aspect-ratio:16 / 10 !important;
    height:auto !important;
    object-fit:cover !important;
  }

  body.home .ukb-news-card h3,
  body.home .ukb-interview-card h3,
  body.home .ukb-post-card h3,
  body.home .ukb-card-title{
    font-size:15px !important;
    line-height:1.05 !important;
    margin-top:9px !important;
  }

  body.home .ukb-news-card .ukb-card-meta,
  body.home .ukb-interview-card .ukb-card-meta,
  body.home .ukb-post-card .ukb-card-meta{
    font-size:8px !important;
  }
}


/* =========================================================
   MOBILE V2 — CORREÇÃO REAL DO HEADER / MENU / DESTAQUE
   SOMENTE CELULAR. DESKTOP NÃO ALTERADO.
   ========================================================= */
@media (max-width:700px){

  /* HEADER */
  .ukb-header{
    min-height:74px !important;
    height:74px !important;
    padding:0 !important;
  }

  .ukb-header-inner{
    min-height:74px !important;
    height:74px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    gap:8px !important;
  }

  .ukb-brand{
    min-width:0 !important;
    flex:0 0 auto !important;
  }

  .ukb-brand a{
    display:flex !important;
    align-items:center !important;
    height:58px !important;
  }

  .ukb-brand .custom-logo-link,
  .ukb-brand .custom-logo-link img,
  .ukb-brand img.custom-logo,
  .ukb-brand img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:54px !important;
    max-height:54px !important;
    object-fit:contain !important;
  }

  .ukb-search{
    width:40px !important;
    height:40px !important;
    margin-left:auto !important;
  }

  .ukb-menu-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:64px !important;
    height:40px !important;
    padding:0 10px !important;
    font-size:10px !important;
    line-height:1 !important;
    position:relative !important;
    z-index:10002 !important;
  }

  /* MENU MOBILE */
  .ukb-nav{
    display:none !important;
  }

  body.ukb-mobile-menu-open{
    overflow-x:hidden !important;
  }

  body.ukb-mobile-menu-open .ukb-nav{
    display:block !important;
    position:absolute !important;
    top:74px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    background:#fff !important;
    border-top:1px solid #000 !important;
    border-bottom:1px solid #000 !important;
    padding:8px 16px 14px !important;
    z-index:10001 !important;
    box-shadow:0 10px 20px rgba(0,0,0,.08) !important;
  }

  body.ukb-mobile-menu-open .ukb-nav ul,
  body.ukb-mobile-menu-open .ukb-nav .menu{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.ukb-mobile-menu-open .ukb-nav li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }

  body.ukb-mobile-menu-open .ukb-nav a{
    display:block !important;
    width:100% !important;
    padding:12px 5px !important;
    border-bottom:1px solid #e6e6e6 !important;
    font-size:11px !important;
    text-align:left !important;
  }

  body.ukb-mobile-menu-open .ukb-nav li:last-child a{
    border-bottom:0 !important;
  }

  /* DESTAQUE — classes reais: .ukb-feature / .ukb-slide */
  body.home .ukb-feature{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
  }

  body.home .ukb-slides,
  body.home .ukb-slide,
  body.home .ukb-slide.is-active,
  body.home .ukb-slide-content{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
  }

  body.home .ukb-slide{
    overflow:hidden !important;
  }

  body.home .ukb-slide-image{
    position:absolute !important;
    inset:0 !important;
    height:320px !important;
    background-position:center center !important;
    background-size:cover !important;
  }

  body.home .ukb-slide-image::after{
    background:linear-gradient(
      0deg,
      rgba(0,0,0,.76) 0%,
      rgba(0,0,0,.45) 42%,
      rgba(0,0,0,.07) 76%
    ) !important;
  }

  body.home .ukb-slide-content{
    display:flex !important;
    align-items:flex-end !important;
    padding:18px 0 22px !important;
  }

  body.home .ukb-feature-copy{
    width:92% !important;
    max-width:92% !important;
  }

  body.home .ukb-category{
    margin-bottom:7px !important;
    padding:4px 6px !important;
    font-size:7px !important;
    line-height:1 !important;
  }

  body.home .ukb-feature-title{
    max-width:100% !important;
    font-size:clamp(21px,6vw,27px) !important;
    line-height:.96 !important;
    letter-spacing:-.035em !important;
  }

  body.home .ukb-feature-meta{
    margin-top:8px !important;
    font-size:7px !important;
    line-height:1.2 !important;
  }

  body.home .ukb-feature-progress{
    display:none !important;
  }

  /* NOTÍCIAS + ENTREVISTAS — classes reais */
  body.home .ukb-news-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px 10px !important;
  }

  body.home .ukb-news-card{
    width:100% !important;
    min-width:0 !important;
  }

  body.home .ukb-news-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    margin-bottom:9px !important;
    background-size:cover !important;
    background-position:center !important;
  }

  body.home .ukb-news-category{
    font-size:7px !important;
  }

  body.home .ukb-news-title{
    margin-top:5px !important;
    font-size:14px !important;
    line-height:1.08 !important;
    letter-spacing:-.02em !important;
  }

  body.home .ukb-news-date{
    margin-top:6px !important;
    font-size:7px !important;
  }

  body.home .ukb-section{
    padding:38px 0 !important;
  }

  body.home .ukb-section-title{
    font-size:clamp(29px,8vw,36px) !important;
    line-height:.96 !important;
  }
}


/* =========================================================
   MOBILE V3 — EVENTOS ABAIXO DE REPORTAGENS E ENTREVISTAS
   SOMENTE CELULAR. DESKTOP NÃO ALTERADO.
   ========================================================= */
@media (max-width:700px){

  /* Os eventos ficam abaixo do conteúdo e sempre lado a lado */
  .ukb-partner-sidebar .ukb-event-sidebar-list,
  .ukb-interview-single-sidebar .ukb-event-sidebar-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px 10px !important;
    width:100% !important;
  }

  /* No mobile mostramos exatamente os 2 eventos mais próximos */
  .ukb-partner-sidebar .ukb-event-sidebar-card:nth-child(n+3),
  .ukb-interview-single-sidebar .ukb-event-sidebar-card:nth-child(n+3){
    display:none !important;
  }

  .ukb-partner-sidebar .ukb-event-sidebar-card,
  .ukb-interview-single-sidebar .ukb-event-sidebar-card{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    padding-bottom:12px !important;
    border-bottom:1px solid #ddd !important;
  }

  /* Mantém proporção de pôster sem esticar a imagem */
  .ukb-partner-sidebar .ukb-event-sidebar-image,
  .ukb-interview-single-sidebar .ukb-event-sidebar-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4 / 5 !important;
    background-size:cover !important;
    background-position:center !important;
  }

  .ukb-partner-sidebar .ukb-event-sidebar-copy,
  .ukb-interview-single-sidebar .ukb-event-sidebar-copy{
    padding-top:8px !important;
  }

  .ukb-partner-sidebar .ukb-event-sidebar-date,
  .ukb-interview-single-sidebar .ukb-event-sidebar-date{
    font-size:7px !important;
    line-height:1.2 !important;
  }

  .ukb-partner-sidebar .ukb-event-sidebar-title,
  .ukb-interview-single-sidebar .ukb-event-sidebar-title{
    margin-top:4px !important;
    font-size:11px !important;
    line-height:1.08 !important;
  }

  .ukb-partner-sidebar-title,
  .ukb-interview-sidebar-title{
    font-size:16px !important;
    line-height:1.05 !important;
  }

  .ukb-partner-sidebar-intro{
    margin:6px 0 18px !important;
    font-size:10px !important;
  }
}


/* =========================================================
   MOBILE V4 — LISTAGENS / SOBRE / PORTFÓLIO / PARCEIROS
   SOMENTE CELULAR. DESKTOP NÃO ALTERADO.
   ========================================================= */
@media (max-width:700px){

  /* -------------------------------------------------------
     1. PÁGINAS DE NOTÍCIAS: 2 POSTS POR LINHA
     ------------------------------------------------------- */
  .ukb-archive-clean .ukb-news-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 10px !important;
  }

  .ukb-archive-clean .ukb-news-card{
    width:100% !important;
    min-width:0 !important;
  }

  .ukb-archive-clean .ukb-news-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    margin-bottom:9px !important;
    background-size:cover !important;
    background-position:center !important;
  }

  .ukb-archive-clean .ukb-news-title{
    margin-top:5px !important;
    font-size:14px !important;
    line-height:1.08 !important;
  }

  .ukb-archive-clean .ukb-news-date{
    margin-top:6px !important;
    font-size:7px !important;
  }

  /* -------------------------------------------------------
     1. PÁGINA DE ENTREVISTAS: 2 POSTS POR LINHA
     ------------------------------------------------------- */
  .ukb-interviews-featured-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 10px !important;
  }

  .ukb-interview-featured-card,
  .ukb-interview-featured-card.is-lead{
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    min-width:0 !important;
  }

  .ukb-interview-featured-image,
  .ukb-interview-featured-card.is-lead .ukb-interview-featured-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    background-size:cover !important;
    background-position:center !important;
  }

  .ukb-interview-featured-copy{
    padding-top:9px !important;
  }

  .ukb-interview-featured-copy h2,
  .ukb-interview-featured-card.is-lead h2{
    margin-top:5px !important;
    font-size:14px !important;
    line-height:1.08 !important;
  }

  .ukb-interview-featured-copy p{
    display:none !important;
  }

  .ukb-interview-label,
  .ukb-interview-meta{
    font-size:7px !important;
  }

  /* Entrevistas mais antigas também ficam 2 por linha */
  .ukb-interviews-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 10px !important;
    border-top:0 !important;
    margin-top:34px !important;
  }

  .ukb-interview-list-card{
    border-bottom:0 !important;
    min-width:0 !important;
  }

  .ukb-interview-list-card a{
    display:block !important;
    padding:0 !important;
  }

  .ukb-interview-list-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    margin-bottom:9px !important;
    background-size:cover !important;
    background-position:center !important;
  }

  .ukb-interview-list-copy h3{
    margin-top:5px !important;
    font-size:14px !important;
    line-height:1.08 !important;
  }

  /* -------------------------------------------------------
     2. SOBRE A UKB: FOTO AO LADO DO TEXTO
     ------------------------------------------------------- */
  .ukb-about-story-grid{
    display:grid !important;
    grid-template-columns:minmax(0,58fr) minmax(0,42fr) !important;
    gap:14px !important;
    align-items:start !important;
  }

  .ukb-about-story-copy h2{
    font-size:25px !important;
    margin-bottom:16px !important;
  }

  .ukb-about-story-copy p{
    font-size:12px !important;
    line-height:1.55 !important;
    margin-bottom:12px !important;
  }

  .ukb-about-photo{
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:3 / 4 !important;
    background-size:cover !important;
    background-position:center !important;
  }

  /* -------------------------------------------------------
     3. PORTFÓLIO: QUADRANTES 2 POR LINHA
     ------------------------------------------------------- */
  .ukb-portfolio-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .ukb-portfolio-grid article{
    min-width:0 !important;
  }

  .ukb-quad-photo{
    height:auto !important;
    aspect-ratio:4 / 3 !important;
  }

  .ukb-quad-copy,
  .ukb-portfolio-grid article.no-photo .ukb-quad-copy{
    min-height:185px !important;
    padding:16px !important;
  }

  .ukb-portfolio-grid h2{
    font-size:20px !important;
    line-height:.96 !important;
  }

  .ukb-portfolio-grid p{
    margin-top:10px !important;
    font-size:10px !important;
    line-height:1.45 !important;
  }

  .ukb-quad-copy .ukb-portfolio-number,
  .ukb-portfolio-grid article.no-photo .ukb-portfolio-number{
    margin-bottom:12px !important;
    font-size:8px !important;
  }

  /* -------------------------------------------------------
     4. PORTFÓLIO / ENTREVISTAS: 2 POR LINHA
     ------------------------------------------------------- */
  .ukb-portfolio-interview-posts{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 10px !important;
  }

  .ukb-portfolio-interview-posts article{
    min-width:0 !important;
  }

  .ukb-portfolio-interview-image{
    width:100% !important;
    aspect-ratio:16 / 10 !important;
    margin-bottom:9px !important;
  }

  .ukb-portfolio-interview-posts h3{
    font-size:14px !important;
    line-height:1.08 !important;
    margin:5px 0 10px !important;
  }

  .ukb-portfolio-interview-posts .ukb-section-label,
  .ukb-portfolio-interview-posts .ukb-card-arrow{
    font-size:7px !important;
  }

  /* -------------------------------------------------------
     5. NOSSOS PARCEIROS: 5 LOGOS POR LINHA
     ------------------------------------------------------- */
  .ukb-partners-content .wp-block-gallery{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:0 !important;
    align-items:stretch !important;
  }

  .ukb-partners-content .wp-block-gallery > .wp-block-image,
  .ukb-partners-content .wp-block-gallery .wp-block-image{
    width:auto !important;
    min-width:0 !important;
    min-height:72px !important;
    margin:0 !important;
    padding:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .ukb-partners-content .wp-block-gallery .wp-block-image img{
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    max-height:45px !important;
    object-fit:contain !important;
  }

  .ukb-partners-placeholder{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }

  .ukb-partners-placeholder span{
    min-height:72px !important;
    font-size:7px !important;
  }
}


/* =========================================================
   MOBILE + TABLET V5
   As regras abaixo valem até 1024px.
   Desktop (>1024px) permanece intacto.
   ========================================================= */
@media (max-width:1024px){

  /* =======================================================
     HEADER + MENU
     ======================================================= */
  .ukb-header{
    min-height:74px !important;
    height:74px !important;
    padding:0 !important;
  }

  .ukb-header-inner{
    min-height:74px !important;
    height:74px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    gap:8px !important;
    align-items:center !important;
  }

  .ukb-brand{
    min-width:0 !important;
    flex:0 0 auto !important;
  }

  .ukb-brand a{
    display:flex !important;
    align-items:center !important;
    height:58px !important;
  }

  .ukb-brand .custom-logo-link,
  .ukb-brand .custom-logo-link img,
  .ukb-brand img.custom-logo,
  .ukb-brand img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:54px !important;
    max-height:54px !important;
    object-fit:contain !important;
  }

  .ukb-search{
    width:40px !important;
    height:40px !important;
    margin-left:auto !important;
  }

  .ukb-menu-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:64px !important;
    height:40px !important;
    padding:0 10px !important;
    font-size:10px !important;
    line-height:1 !important;
    position:relative !important;
    z-index:10002 !important;
  }

  .ukb-nav{
    display:none !important;
  }

  body.ukb-mobile-menu-open .ukb-nav{
    display:block !important;
    position:absolute !important;
    top:74px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    background:#fff !important;
    border-top:1px solid #000 !important;
    border-bottom:1px solid #000 !important;
    padding:8px 16px 14px !important;
    z-index:10001 !important;
    box-shadow:0 10px 20px rgba(0,0,0,.08) !important;
  }

  body.ukb-mobile-menu-open .ukb-nav ul,
  body.ukb-mobile-menu-open .ukb-nav .menu{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.ukb-mobile-menu-open .ukb-nav li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }

  body.ukb-mobile-menu-open .ukb-nav a{
    display:block !important;
    width:100% !important;
    padding:12px 5px !important;
    border-bottom:1px solid #e6e6e6 !important;
    font-size:11px !important;
    text-align:left !important;
  }

  /* =======================================================
     HOME — DESTAQUE
     ======================================================= */
  body.home .ukb-feature,
  body.home .ukb-slides,
  body.home .ukb-slide,
  body.home .ukb-slide.is-active,
  body.home .ukb-slide-content{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
  }

  body.home .ukb-slide{
    overflow:hidden !important;
  }

  body.home .ukb-slide-image{
    position:absolute !important;
    inset:0 !important;
    height:320px !important;
    background-position:center center !important;
    background-size:cover !important;
  }

  body.home .ukb-slide-content{
    display:flex !important;
    align-items:flex-end !important;
    padding:18px 0 22px !important;
  }

  body.home .ukb-feature-copy{
    width:92% !important;
    max-width:92% !important;
  }

  body.home .ukb-category{
    margin-bottom:7px !important;
    padding:4px 6px !important;
    font-size:7px !important;
    line-height:1 !important;
  }

  body.home .ukb-feature-title{
    max-width:100% !important;
    font-size:clamp(21px,5vw,31px) !important;
    line-height:.96 !important;
    letter-spacing:-.035em !important;
  }

  body.home .ukb-feature-meta{
    margin-top:8px !important;
    font-size:7px !important;
  }

  body.home .ukb-feature-progress{
    display:none !important;
  }

  /* =======================================================
     HOME — NOTÍCIAS E ENTREVISTAS 2 POR LINHA
     ======================================================= */
  body.home .ukb-news-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px 12px !important;
  }

  body.home .ukb-news-card{
    width:100% !important;
    min-width:0 !important;
  }

  body.home .ukb-news-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    margin-bottom:9px !important;
    background-size:cover !important;
    background-position:center !important;
  }

  body.home .ukb-news-title{
    margin-top:5px !important;
    font-size:14px !important;
    line-height:1.08 !important;
  }

  /* =======================================================
     PÁGINAS DE TAG/NOTÍCIA — 2 POR LINHA
     ======================================================= */
  .ukb-archive-clean .ukb-news-grid,
  body.tag-entrevista .ukb-news-grid,
  body.tag-noticia .ukb-news-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 12px !important;
  }

  .ukb-archive-clean .ukb-news-card,
  body.tag-entrevista .ukb-news-card,
  body.tag-noticia .ukb-news-card{
    width:100% !important;
    min-width:0 !important;
  }

  .ukb-archive-clean .ukb-news-image,
  body.tag-entrevista .ukb-news-image,
  body.tag-noticia .ukb-news-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    margin-bottom:9px !important;
    background-size:cover !important;
    background-position:center !important;
  }

  .ukb-archive-clean .ukb-news-title,
  body.tag-entrevista .ukb-news-title,
  body.tag-noticia .ukb-news-title{
    font-size:14px !important;
    line-height:1.08 !important;
  }

  /* =======================================================
     PÁGINA "ENTREVISTAS" — FORÇA 2 POR LINHA
     ======================================================= */
  body.page-template-page-entrevistas .ukb-interviews-featured-grid,
  .ukb-interviews-page .ukb-interviews-featured-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 12px !important;
  }

  body.page-template-page-entrevistas .ukb-interview-featured-card,
  body.page-template-page-entrevistas .ukb-interview-featured-card.is-lead,
  .ukb-interviews-page .ukb-interview-featured-card,
  .ukb-interviews-page .ukb-interview-featured-card.is-lead{
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    min-width:0 !important;
  }

  body.page-template-page-entrevistas .ukb-interview-featured-image,
  body.page-template-page-entrevistas .ukb-interview-featured-card.is-lead .ukb-interview-featured-image,
  .ukb-interviews-page .ukb-interview-featured-image,
  .ukb-interviews-page .ukb-interview-featured-card.is-lead .ukb-interview-featured-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    background-size:cover !important;
    background-position:center !important;
  }

  body.page-template-page-entrevistas .ukb-interview-featured-copy h2,
  body.page-template-page-entrevistas .ukb-interview-featured-card.is-lead h2,
  .ukb-interviews-page .ukb-interview-featured-copy h2,
  .ukb-interviews-page .ukb-interview-featured-card.is-lead h2{
    font-size:14px !important;
    line-height:1.08 !important;
  }

  body.page-template-page-entrevistas .ukb-interview-featured-copy p,
  .ukb-interviews-page .ukb-interview-featured-copy p{
    display:none !important;
  }

  body.page-template-page-entrevistas .ukb-interviews-list,
  .ukb-interviews-page .ukb-interviews-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 12px !important;
    border-top:0 !important;
  }

  body.page-template-page-entrevistas .ukb-interview-list-card a,
  .ukb-interviews-page .ukb-interview-list-card a{
    display:block !important;
    padding:0 !important;
  }

  body.page-template-page-entrevistas .ukb-interview-list-image,
  .ukb-interviews-page .ukb-interview-list-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    margin-bottom:9px !important;
  }

  body.page-template-page-entrevistas .ukb-interview-list-copy h3,
  .ukb-interviews-page .ukb-interview-list-copy h3{
    font-size:14px !important;
    line-height:1.08 !important;
  }

  /* =======================================================
     POSTS — 2 PRÓXIMOS EVENTOS LADO A LADO
     ======================================================= */
  .ukb-partner-sidebar .ukb-event-sidebar-list,
  .ukb-interview-single-sidebar .ukb-event-sidebar-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px 12px !important;
    width:100% !important;
  }

  .ukb-partner-sidebar .ukb-event-sidebar-card:nth-child(n+3),
  .ukb-interview-single-sidebar .ukb-event-sidebar-card:nth-child(n+3){
    display:none !important;
  }

  .ukb-partner-sidebar .ukb-event-sidebar-image,
  .ukb-interview-single-sidebar .ukb-event-sidebar-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4 / 5 !important;
    background-size:cover !important;
    background-position:center !important;
  }

  /* =======================================================
     SOBRE A UKB — FOTO AO LADO DO TEXTO
     ======================================================= */
  .ukb-about-story-grid{
    display:grid !important;
    grid-template-columns:minmax(0,58fr) minmax(0,42fr) !important;
    gap:18px !important;
    align-items:start !important;
  }

  .ukb-about-photo{
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:3 / 4 !important;
    background-size:cover !important;
    background-position:center !important;
  }

  /* =======================================================
     PORTFÓLIO — QUADRANTES 2 POR LINHA
     ======================================================= */
  .ukb-portfolio-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .ukb-quad-photo{
    height:auto !important;
    aspect-ratio:4 / 3 !important;
  }

  .ukb-quad-copy,
  .ukb-portfolio-grid article.no-photo .ukb-quad-copy{
    min-height:185px !important;
    padding:16px !important;
  }

  /* =======================================================
     PORTFÓLIO — ENTREVISTAS 2 POR LINHA
     ======================================================= */
  .ukb-portfolio-interview-posts{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 12px !important;
  }

  .ukb-portfolio-interview-image{
    width:100% !important;
    aspect-ratio:16 / 10 !important;
  }

  /* =======================================================
     PARCEIROS — 5 LOGOS POR LINHA
     ======================================================= */
  .ukb-partners-content .wp-block-gallery{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:0 !important;
  }

  .ukb-partners-content .wp-block-gallery .wp-block-image{
    width:auto !important;
    min-width:0 !important;
    min-height:72px !important;
    padding:8px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .ukb-partners-content .wp-block-gallery .wp-block-image img{
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    max-height:45px !important;
    object-fit:contain !important;
  }

  .ukb-partners-placeholder{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}


/* =========================================================
   MOBILE V6 — CASES COM FOTOS AO LADO DO TEXTO
   SOMENTE CELULAR. TABLET E DESKTOP NÃO ALTERADOS.
   ========================================================= */
@media (max-width:700px){

  .ukb-case-horizontal,
  .ukb-case-horizontal.is-normal,
  .ukb-case-horizontal.is-reversed{
    display:grid !important;
    grid-template-columns:minmax(0,38fr) minmax(0,62fr) !important;
    gap:14px !important;
    align-items:start !important;
    padding:28px 0 !important;
  }

  /* No celular todos os cases mantêm fotos à esquerda e texto à direita */
  .ukb-case-horizontal.is-normal .ukb-case-horizontal-gallery,
  .ukb-case-horizontal.is-reversed .ukb-case-horizontal-gallery{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .ukb-case-horizontal.is-normal .ukb-case-horizontal-copy,
  .ukb-case-horizontal.is-reversed .ukb-case-horizontal-copy{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  /* Galeria compacta: foto principal + duas miniaturas */
  .ukb-case-horizontal-gallery{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px !important;
    width:100% !important;
  }

  .ukb-case-horizontal-photo-1{
    grid-column:1 / -1 !important;
    aspect-ratio:4 / 5 !important;
  }

  .ukb-case-horizontal-photo-2,
  .ukb-case-horizontal-photo-3{
    aspect-ratio:1 / 1 !important;
  }

  .ukb-case-horizontal-copy h2{
    font-size:20px !important;
    line-height:.96 !important;
    margin:0 0 12px !important;
  }

  .ukb-case-topics{
    grid-template-columns:1fr !important;
    gap:4px !important;
    margin-top:0 !important;
    font-size:10px !important;
    line-height:1.25 !important;
  }

  .ukb-case-divider{
    margin:12px 0 10px !important;
  }

  .ukb-case-description{
    font-size:11px !important;
    line-height:1.55 !important;
  }

  .ukb-case-description p{
    margin-bottom:10px !important;
  }
}


/* =========================================================
   V7 — CITAÇÕES DESTACADAS NO CORPO DOS POSTS
   Aplica-se a reportagens e entrevistas.
   ========================================================= */

.ukb-post-content blockquote,
.ukb-interview-single-content blockquote,
.entry-content blockquote{
  position:relative;
  margin:46px 0 48px !important;
  padding:8px 0 8px 34px !important;
  border-left:4px solid #000 !important;
  background:transparent !important;
  font-size:.92em !important;
  line-height:1.72 !important;
  font-style:normal !important;
}

.ukb-post-content blockquote p,
.ukb-interview-single-content blockquote p,
.entry-content blockquote p{
  margin:0 0 1.65em !important;
  padding:0 !important;
}

.ukb-post-content blockquote p:last-child,
.ukb-interview-single-content blockquote p:last-child,
.entry-content blockquote p:last-child{
  margin-bottom:0 !important;
}

.ukb-post-content blockquote ul,
.ukb-post-content blockquote ol,
.ukb-interview-single-content blockquote ul,
.ukb-interview-single-content blockquote ol,
.entry-content blockquote ul,
.entry-content blockquote ol{
  margin:1.45em 0 1.65em 1.2em !important;
}

.ukb-post-content blockquote > * + *,
.ukb-interview-single-content blockquote > * + *,
.entry-content blockquote > * + *{
  margin-top:1.45em !important;
}

.ukb-post-content blockquote::before,
.ukb-interview-single-content blockquote::before,
.entry-content blockquote::before{
  content:"";
  position:absolute;
  left:-4px;
  top:0;
  bottom:0;
  width:4px;
  background:#000;
}

@media(max-width:1024px){
  .ukb-post-content blockquote,
  .ukb-interview-single-content blockquote,
  .entry-content blockquote{
    margin:34px 0 36px !important;
    padding:7px 0 7px 24px !important;
    border-left-width:3px !important;
    font-size:.90em !important;
    line-height:1.68 !important;
  }

  .ukb-post-content blockquote::before,
  .ukb-interview-single-content blockquote::before,
  .entry-content blockquote::before{
    left:-3px;
    width:3px;
  }

  .ukb-post-content blockquote p,
  .ukb-interview-single-content blockquote p,
  .entry-content blockquote p{
    margin-bottom:1.5em !important;
  }
}

@media(max-width:700px){
  .ukb-post-content blockquote,
  .ukb-interview-single-content blockquote,
  .entry-content blockquote{
    margin:30px 0 32px !important;
    padding-left:20px !important;
    font-size:.88em !important;
    line-height:1.65 !important;
  }

  .ukb-post-content blockquote p,
  .ukb-interview-single-content blockquote p,
  .entry-content blockquote p{
    margin-bottom:1.45em !important;
  }
}


/* =========================================================
   V7.1 — CORREÇÃO DO BLOCO DE CITAÇÃO
   Remove a barrinha solta causada por um bloco de citação vazio.
   ========================================================= */

/* Usa apenas a borda real como traço vertical.
   Isso evita duplicação visual do traço. */
.ukb-post-content blockquote::before,
.ukb-interview-single-content blockquote::before,
.entry-content blockquote::before{
  content:none !important;
  display:none !important;
}

/* Esconde blockquotes vazios criados acidentalmente pelo editor */
.ukb-post-content blockquote:empty,
.ukb-interview-single-content blockquote:empty,
.entry-content blockquote:empty,
.ukb-post-content blockquote:has(> p:only-child:empty),
.ukb-interview-single-content blockquote:has(> p:only-child:empty),
.entry-content blockquote:has(> p:only-child:empty),
.ukb-post-content blockquote:has(> p:only-child > br:only-child),
.ukb-interview-single-content blockquote:has(> p:only-child > br:only-child),
.entry-content blockquote:has(> p:only-child > br:only-child){
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* Mantém somente um traço contínuo no bloco válido */
.ukb-post-content blockquote,
.ukb-interview-single-content blockquote,
.entry-content blockquote{
  border-left:3px solid #000 !important;
}

/* Ajusta o espaço após a citação sem exagerar */
.ukb-post-content blockquote + p,
.ukb-interview-single-content blockquote + p,
.entry-content blockquote + p{
  margin-top:34px !important;
}

@media(max-width:700px){
  .ukb-post-content blockquote + p,
  .ukb-interview-single-content blockquote + p,
  .entry-content blockquote + p{
    margin-top:26px !important;
  }
}


/* =========================================================
   V7.2 — LEGENDAS DE IMAGEM NO CORPO DOS POSTS
   ========================================================= */

.ukb-post-content .wp-block-image,
.ukb-interview-single-content .wp-block-image,
.entry-content .wp-block-image{
  margin-bottom:28px;
}

.ukb-post-content .wp-block-image img,
.ukb-interview-single-content .wp-block-image img,
.entry-content .wp-block-image img{
  display:block;
}

.ukb-post-content .wp-block-image figcaption,
.ukb-interview-single-content .wp-block-image figcaption,
.entry-content .wp-block-image figcaption,
.ukb-post-content .wp-element-caption,
.ukb-interview-single-content .wp-element-caption,
.entry-content .wp-element-caption,
.ukb-post-content .wp-caption-text,
.ukb-interview-single-content .wp-caption-text,
.entry-content .wp-caption-text{
  margin:6px 0 0 !important;
  padding:0 !important;
  color:#747474 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-style:normal !important;
  font-weight:400 !important;
  text-align:left !important;
  letter-spacing:0 !important;
}

.ukb-post-content figure.wp-block-image > figcaption:last-child,
.ukb-interview-single-content figure.wp-block-image > figcaption:last-child,
.entry-content figure.wp-block-image > figcaption:last-child{
  margin-bottom:0 !important;
}

@media(max-width:1024px){
  .ukb-post-content .wp-block-image figcaption,
  .ukb-interview-single-content .wp-block-image figcaption,
  .entry-content .wp-block-image figcaption,
  .ukb-post-content .wp-element-caption,
  .ukb-interview-single-content .wp-element-caption,
  .entry-content .wp-element-caption,
  .ukb-post-content .wp-caption-text,
  .ukb-interview-single-content .wp-caption-text,
  .entry-content .wp-caption-text{
    margin-top:5px !important;
    font-size:11px !important;
  }
}

@media(max-width:700px){
  .ukb-post-content .wp-block-image,
  .ukb-interview-single-content .wp-block-image,
  .entry-content .wp-block-image{
    margin-bottom:24px;
  }

  .ukb-post-content .wp-block-image figcaption,
  .ukb-interview-single-content .wp-block-image figcaption,
  .entry-content .wp-block-image figcaption,
  .ukb-post-content .wp-element-caption,
  .ukb-interview-single-content .wp-element-caption,
  .entry-content .wp-element-caption,
  .ukb-post-content .wp-caption-text,
  .ukb-interview-single-content .wp-caption-text,
  .entry-content .wp-caption-text{
    margin-top:4px !important;
    font-size:10px !important;
    line-height:1.3 !important;
  }
}


/* =========================================================
   V7.3 — LINKS NO CORPO DOS TEXTOS
   ========================================================= */

.ukb-post-content a,
.ukb-interview-single-content a,
.entry-content a{
  color:inherit !important;
  font-weight:700 !important;
  text-decoration-line:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:3px !important;
  text-decoration-color:currentColor !important;
}

.ukb-post-content a:visited,
.ukb-interview-single-content a:visited,
.entry-content a:visited{
  color:inherit !important;
}

.ukb-post-content a:hover,
.ukb-interview-single-content a:hover,
.entry-content a:hover{
  color:inherit !important;
  opacity:.7;
}

.ukb-post-content figure a,
.ukb-post-content .wp-block-image a,
.ukb-interview-single-content figure a,
.ukb-interview-single-content .wp-block-image a,
.entry-content figure a,
.entry-content .wp-block-image a{
  text-decoration:none !important;
}


/* V7.5 — Cases temporariamente fora do site */
.ukb-cases-cta,
.ukb-portfolio-cases{
  display:none !important;
}


/* V7.7 — "Quem faz a UKB" temporariamente oculto */
.ukb-about-team,
.ukb-about-team-section{
  display:none !important;
}


/* =========================================================
   V7.8 — GALERIAS DOS POSTS EM CARROSSEL
   Uma foto por vez + legenda + navegação lateral.
   ========================================================= */

.single-post .ukb-post-gallery-slider{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:38px 0 0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}

.single-post .ukb-post-gallery-slider::-webkit-scrollbar{
  display:none;
}

.single-post .ukb-post-gallery-slider > .ukb-post-gallery-slide{
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
  min-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  display:block !important;
}

.single-post .ukb-post-gallery-slider > .ukb-post-gallery-slide img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:720px;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* A legenda pertence visualmente à foto ativa */
.single-post .ukb-post-gallery-slider > .ukb-post-gallery-slide figcaption,
.single-post .ukb-post-gallery-slider > .ukb-post-gallery-slide .wp-element-caption{
  display:block !important;
  width:100% !important;
  margin:6px 0 0 !important;
  padding:0 !important;
  color:#747474 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  text-align:left !important;
}

/* Controles abaixo da galeria */
.single-post .ukb-post-gallery-controls{
  display:grid;
  grid-template-columns:42px 1fr 42px;
  align-items:center;
  gap:10px;
  margin:12px 0 42px;
}

.single-post .ukb-post-gallery-arrow{
  width:42px;
  height:42px;
  border:1px solid #000;
  background:#fff;
  color:#000;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font:inherit;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}

.single-post .ukb-post-gallery-arrow:hover{
  background:#000;
  color:#fff;
}

.single-post .ukb-post-gallery-arrow:disabled{
  opacity:.25;
  cursor:default;
  background:#fff;
  color:#000;
}

.single-post .ukb-post-gallery-counter{
  text-align:center;
  color:#777;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}

/* Tablet */
@media(max-width:1024px){
  .single-post .ukb-post-gallery-slider{
    margin-top:32px !important;
  }

  .single-post .ukb-post-gallery-slider > .ukb-post-gallery-slide img{
    max-height:620px;
  }

  .single-post .ukb-post-gallery-slider > .ukb-post-gallery-slide figcaption,
  .single-post .ukb-post-gallery-slider > .ukb-post-gallery-slide .wp-element-caption{
    margin-top:5px !important;
    font-size:11px !important;
  }
}

/* Celular: swipe natural + controles menores */
@media(max-width:700px){
  .single-post .ukb-post-gallery-slider{
    margin-top:28px !important;
  }

  .single-post .ukb-post-gallery-slider > .ukb-post-gallery-slide img{
    max-height:520px;
  }

  .single-post .ukb-post-gallery-slider > .ukb-post-gallery-slide figcaption,
  .single-post .ukb-post-gallery-slider > .ukb-post-gallery-slide .wp-element-caption{
    margin-top:4px !important;
    font-size:10px !important;
  }

  .single-post .ukb-post-gallery-controls{
    grid-template-columns:36px 1fr 36px;
    margin-top:10px;
    margin-bottom:34px;
  }

  .single-post .ukb-post-gallery-arrow{
    width:36px;
    height:36px;
    font-size:16px;
  }

  .single-post .ukb-post-gallery-counter{
    font-size:9px;
  }
}