.elementor-kit-296{--e-global-color-primary:#BF0606;--e-global-color-secondary:#17110D;--e-global-color-text:#17110D;--e-global-color-accent:#F4EFE6;--e-global-color-kadence1:#3182CE;--e-global-color-kadence2:#2B6CB0;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#4A5568;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-typography-primary-font-family:"Inria Serif";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Anton";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Cabinet Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Operetta";--e-global-typography-accent-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-slide-out-down;--e-page-transition-exit-animation:e-page-transition-slide-in-down;--e-page-transition-animation-duration:900ms;--e-preloader-animation:headShake;--e-preloader-animation-duration:4500ms;--e-preloader-width:20%;}.elementor-kit-296 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.elementor-kit-296{--e-preloader-width:40%;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.elementor-kit-296{--e-preloader-width:50%;}}
/* Start custom CSS *//* =========================================================================
   MIPB — CSS GLOBAL (Site Settings → CSS personalizado)
   Organização:
   0. Variáveis + reset
   1. Utilitários (overlay, ticker, faixas de palavras, contador de cards)
   2. HERO (grid + carrossel + lista lateral)
   3. CONFIRA TENDÊNCIAS (alturas por posição)
   4. INSTAGRAM (cards desktop + feed mobile)
   5. COLEÇÃO (galeria Pleaseup: proporção, hotspot, tooltip, scroll)
   ========================================================================= */


/* =========================================================================
   0. VARIÁVEIS + RESET
   ========================================================================= */
:root{
  --mipb-red:   #BF0606;
  --mipb-ink:   #17110D;
  --mipb-paper: #F4EFE6;
  --mipb-white: #FFFFFF;
}

p{ margin-bottom: 0; }


/* =========================================================================
   1. UTILITÁRIOS
   ========================================================================= */

/* --- Overlay escuro sobre fotos (cards do hero, eventos, etc.) --- */
.mipb-overlay{ position: relative; }
.mipb-overlay::after{
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(200deg, rgba(0,0,0,0) 15%, rgba(0,0,0,1) 100%);
  pointer-events: none; z-index: 1;
}

/* --- Ticker do topo (marquee com @ fixo no fim) --- */
.mipb-ticker{
  display: flex; align-items: center; gap: 1rem; overflow: hidden;
  background: var(--mipb-ink); color: #fff;
  font-family: "Cabinet Grotesk", sans-serif;
  font-size: .75rem; letter-spacing: .12em; text-transform: uppercase;
  padding: .5rem 1.25rem;
}
.mipb-ticker__scroll{ flex: 1; overflow: hidden; }
.mipb-ticker__track{
  display: inline-flex; align-items: center; white-space: nowrap;
  animation: mipb-scroll 100s linear infinite; will-change: transform;
}
.mipb-ticker__track > span{ padding: 0 1rem; }
.mipb-ticker .sep{ color: var(--mipb-red); }

/* @ fixo no fim, não rola, linkável */
.mipb-ticker__handle{
  flex: none; white-space: nowrap; text-decoration: none;
  color: #fff; font-weight: 700;
}
.mipb-ticker__handle:hover{ color: var(--mipb-red); }

@keyframes mipb-scroll{ from{ transform: translateX(0); } to{ transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce){ .mipb-ticker__track{ animation: none; } }

/* --- Contador automático de cards (01, 02, 03...) --- */
.elementor-loop-container{ counter-reset: card; }
.elementor-loop-container > .e-loop-item{ counter-increment: card; }
.mipb-card-number::before{
  content: counter(card, decimal-leading-zero);
  font-family: "Anton", sans-serif;
  font-size: 18px; color: var(--mipb-white);
  margin-right: .5rem;
}

/* --- Faixa de palavras (MODA · CULTURA · PARAÍBA...) --- */
/* variante invertida: rola pro lado oposto */
.mipb-band--rev .mipb-band__track{ animation-direction: reverse; }

/* variante da seção Instagram: fundo vermelho, texto branco, menor */
.mipb-band--ig{ background: transparent !important; }
.mipb-band--ig .mipb-band__track span{
  color: var(--mipb-white) !important;
  font-size: 14px !important;
}
.mipb-band--ig .mipb-band__track span.accent{ color: var(--mipb-white) !important; }


/* =========================================================================
   2. HERO — grid + carrossel + lista lateral
   ========================================================================= */

/* imagem do 2º slide do carrossel do hero (desktop) */
.mipb-hero .swiper-slide-active + .swiper-slide .elementor-widget-theme-post-featured-image img{
  height: 480px; object-fit: cover; width: 100%;
}

/* grid no wrapper interno (Elementor boxed cria o .e-con-inner) */
.mipb-hero-grid > .e-con-inner{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  position: relative;
}
/* carrossel ocupa as 2 colunas */
.mipb-hero-grid > .e-con-inner > .mipb-hero-full{
  grid-column: 1 / -1;
  grid-row: 1;
}
/* lista lateral: coluna direita, colada na base, dentro do vão */
.mipb-hero-grid > .e-con-inner > .mipb-hero-side{
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  z-index: 2;
}

/* separadores entre itens da lista do hero */
.mipb-hero-grid .elementor-loop-container > .e-loop-item,
.hero-grid-list-secundario .elementor-loop-container > .e-loop-item{
  padding-bottom: 16px;
  border-bottom: 1px solid #0000004D;
}
.mipb-hero-grid .elementor-loop-container > .e-loop-item:last-child,
.hero-grid-list-secundario .elementor-loop-container > .e-loop-item:last-child{
  padding-bottom: 0;
  border-bottom: none;
}

/* --- HERO tablet --- */
@media (max-width: 1024px){
  .mipb-hero-grid > .e-con-inner{ column-gap: 12px; }
  .mipb-hero .swiper-slide-active .elementor-widget-theme-post-featured-image img{ height: 440px; }
  .mipb-hero .swiper-slide-active + .swiper-slide .elementor-widget-theme-post-featured-image img{ height: 260px; }
  .mipb-hero-grid .elementor-grid-tablet-2 .elementor-grid{ grid-template-columns: repeat(1, 1fr); }
}

/* --- HERO mobile: tudo empilha --- */
@media (max-width: 767px){
  .mipb-hero-grid > .e-con-inner{ grid-template-columns: 1fr; }
  .mipb-hero-grid > .e-con-inner > .mipb-hero-full{ grid-column: 1; grid-row: 1; }
  .mipb-hero-grid > .e-con-inner > .mipb-hero-side{
    grid-column: 1; grid-row: 2; align-self: auto; z-index: auto;
  }
  .mipb-hero .swiper-slide-active .elementor-widget-theme-post-featured-image img,
  .mipb-hero .swiper-slide-active + .swiper-slide .elementor-widget-theme-post-featured-image img{
    height: 300px;
  }
}


/* =========================================================================
   3. CONFIRA TENDÊNCIAS — 4 alturas por posição
   ========================================================================= */

/* cards crescem pra cima (alinhados pela base) */
.mipb-tend .swiper-wrapper{ align-items: flex-end; }

/* base: imagem cover, meta escondida, título pequeno (sobrescrito por posição) */
.mipb-tend .swiper-slide .elementor-widget-theme-post-featured-image img{
  object-fit: cover; width: 100%;
}
.mipb-tend .swiper-slide .elementor-post-info{ opacity: 0; visibility: hidden; }
.mipb-tend .swiper-slide .elementor-heading-title{ font-size: 12px !important; margin-bottom: -2em; }

/* 2º slide = destaque (maior + com meta) */
.mipb-tend .swiper-slide-active + .swiper-slide .elementor-widget-theme-post-featured-image img{ height: 440px !important; }
.mipb-tend .swiper-slide-active + .swiper-slide .elementor-post-info{ opacity: 1; visibility: visible; }
.mipb-tend .swiper-slide-active + .swiper-slide .elementor-heading-title{ font-size: 14px !important; margin-bottom: 0; }

/* 3º slide (menor que o 1º) */
.mipb-tend .swiper-slide-active + .swiper-slide + .swiper-slide .elementor-widget-theme-post-featured-image img{ height: 380px !important; }

/* 4º slide (o menor) */
.mipb-tend .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .elementor-widget-theme-post-featured-image img{ height: 340px !important; }

/* --- TENDÊNCIAS tablet: destaque migra pro 1º card --- */
@media (max-width: 1024px){
  /* tira o realce do 2º (volta ao base) */
  .mipb-tend .swiper-slide-active + .swiper-slide .elementor-widget-theme-post-featured-image img{ height: 380px !important; }
  .mipb-tend .swiper-slide-active + .swiper-slide .elementor-post-info{ opacity: 0 !important; visibility: hidden !important; }
  .mipb-tend .swiper-slide-active + .swiper-slide .elementor-heading-title{ font-size: 12px !important; margin-bottom: -2em !important; }
  /* põe o realce no 1º */
  .mipb-tend .swiper-slide-active .elementor-widget-theme-post-featured-image img{ height: 420px !important; }
  .mipb-tend .swiper-slide-active .elementor-post-info{ opacity: 1 !important; visibility: visible !important; }
  .mipb-tend .swiper-slide-active .elementor-heading-title{ font-size: 14px !important; margin-bottom: 0 !important; }

  /* largura dos cards de Instagram no tablet */
  .swiper-slide.mipb-ig-slide{ width: 250px !important; }
}

/* --- TENDÊNCIAS mobile: mesmo comportamento (destaque no 1º) --- */
@media (max-width: 767px){
  .mipb-tend .swiper-slide-active + .swiper-slide .elementor-widget-theme-post-featured-image img{ height: 380px !important; }
  .mipb-tend .swiper-slide-active + .swiper-slide .elementor-post-info{ opacity: 0 !important; visibility: hidden !important; }
  .mipb-tend .swiper-slide-active + .swiper-slide .elementor-heading-title{ font-size: 12px !important; margin-bottom: -2em !important; }
  .mipb-tend .swiper-slide-active .elementor-widget-theme-post-featured-image img{ height: 420px !important; }
  .mipb-tend .swiper-slide-active .elementor-post-info{ opacity: 1 !important; visibility: visible !important; }
  .mipb-tend .swiper-slide-active .elementor-heading-title{ font-size: 14px !important; margin-bottom: 0 !important; }
}


/* =========================================================================
   4. INSTAGRAM
   ========================================================================= */

/* --- Cards do carrossel desktop (clonados do feed) --- */
.mipb-ig-slide{
  background: #fff; overflow: hidden; border-radius: 2px;
}
.mipb-ig-card-head{
  display: flex; align-items: center; gap: 8px;
  padding: 10px 12px; background: #fff;
}
.mipb-ig-card-avatar{
  width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: none;
}
.mipb-ig-card-handle{
  font-family: "Cabinet Grotesk", sans-serif;
  font-weight: 700; font-size: 12px; color: var(--mipb-ink);
}
/* foto em proporção 3:4 fixa */
.mipb-ig-photo{
  display: block; width: 100%; aspect-ratio: 3 / 4; overflow: hidden;
}
.mipb-ig-photo img{
  width: 100%; height: 100%; object-fit: cover; display: block;
}

/* --- Feed nativo Smash Balloon (mobile): card branco envolvendo tudo --- */
.mipb-ig-mobile #sb_instagram{
  background: #fff !important; padding: 16px !important; box-sizing: border-box;
}
#sb_instagram .sb_instagram_header .sbi_header_img,
.sb_instagram_header .sbi_header_img{ border: 1px solid #f2f2f2; }
#sb_instagram .sb_instagram_header p,
.sb_instagram_header p{ font-size: 10px !important; }


/* =========================================================================
   5. COLEÇÃO — Galeria Pleaseup
   ========================================================================= */

/* --- Imagem: proporção 3:4, altura máx 500px --- */
.wphs-gallery .wphs-figure{
  position: relative;
  width: 100%;
  max-height: 500px;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}
.wphs-gallery .wphs-figure img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}
/* overlay dos hotspots precisa cobrir a imagem inteira (mesmo com cover) */
.wphs-gallery .wphs-img-overlay{
  left: 0 !important; top: 0 !important;
  width: 100% !important; height: 100% !important;
}

/* --- Hotspot "+" da marca --- */
.wphs-gallery .wphs-dot{
  background: var(--mipb-red) !important;
  border: none !important;
  width: 32px !important; height: 32px !important;
  border-radius: 50% !important;
  display: flex !important; align-items: center; justify-content: center;
  cursor: pointer;
  transition: transform .2s ease;
  box-shadow: rgb(255 255 255 / 26%) 0 0 0 4px, rgba(63,224,160,.12) 0 0 0 7px !important;
}
.wphs-dot.default.is-open{
  box-shadow: rgb(255 255 255 / 26%) 0 0 0 4px, rgba(63,224,160,.12) 0 0 0 7px !important;
}
.wphs-gallery .wphs-dot::before{
  content: "+"; color: #fff; font-size: 22px; line-height: 1;
}

/* --- Tooltip (layer que abre) --- */
.wphs-gallery .wphs-layer{
  background: var(--mipb-red) !important;
  color: var(--mipb-white) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  font-family: "Cabinet Grotesk", sans-serif;
  box-shadow: 0 4px 16px rgba(0,0,0,.3);
  min-width: 180px;
  outline: 4px solid #BF060666 !important;
}
.wphs-gallery .wphs-layer p{ margin: 0; font-size: 12px; line-height: 1; }
.wphs-gallery .wphs-layer strong{ font-size: 14px; display: block; margin-bottom: 8px; }


.wphs-gallery-slide {
    min-width: 0 !important;
    width: fit-content !important;
}


/* desktop: permite scroll horizontal na galeria (pro drag do mouse agir) */
@media (min-width: 1025px){
  .wphs-gallery{
    overflow-x: auto;
    overflow-y: hidden;
    cursor: grab;
  }
  .wphs-gallery.mipb-dragging{ cursor: grabbing; }

  /* barra grossa vermelha só no desktop */
  .wphs-gallery::-webkit-scrollbar{ height: 14px; }
  .wphs-gallery::-webkit-scrollbar-track{ background: #d2f2f2; }
  .wphs-gallery::-webkit-scrollbar-thumb{ background: var(--mipb-red); }
  .wphs-gallery::-webkit-scrollbar-button{ display: none; width: 0; height: 0; }
  .wphs-gallery{ scrollbar-color: var(--mipb-red) #d2f2f2; }
}

    /* ===== FAIXA DE PALAVRAS (letreiro) ===== */
.mipb-band{ overflow:hidden; width:100%; }
.mipb-band__track{
  display:inline-flex; align-items:center; white-space:nowrap;
  font-family:"Anton",sans-serif; text-transform:uppercase;
  font-size: 3.5em; line-height:1.1;
  color:var(--mipb-ink);
  animation:mipb-band-scroll 60s linear infinite; will-change:transform;
}
.mipb-band__track > span{ padding:0 1.5rem; }
.mipb-band .accent{ color:var(--mipb-red); 
    font-family:"Operetta",serif;
}
@keyframes mipb-band-scroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
@media (prefers-reduced-motion: reduce){ .mipb-band__track{ animation:none; } }
@media screen and (max-width: 1024px) {
  .mipb-band__track { font-size: 2em; }
  .mipb-band__track > span{ padding:0 1rem; }
}


/* =========================================================================
   WPFORMS #659 — estilo + layout (global)
   ========================================================================= */

/* --- Estilo base --- */
#wpforms-659{
  font-family: "Cabinet Grotesk", sans-serif;
}
#wpforms-659 input,
#wpforms-659 textarea{
  border-radius: 0 !important;
  border-top: 1px solid white !important;
  border-left: 1px solid white !important;
  border-right: 1px solid white !important;
}
#wpforms-659 button{
  border-radius: 0 !important;
  text-transform: uppercase;
  font-size: 14px !important;
}
#wpforms-659 button::after{
  content: " Mensagem";
}
#wpforms-659 label,
#wpforms-659 legend{
  font-weight: 500;
  color: var(--mipb-red);
}
#wpforms-659 .wpforms-field-sublabel{
  color: #17110D;
}

#wpforms-659 .wpforms-field-name .wpforms-field-row{
  max-width: 100% !important;
  width: 100% !important;
}

/* =========================================================================
   6. BUSCA — alternância de estados
   ========================================================================= */
.mipb-bloco-resultados,
.mipb-bloco-vazio{ display: none; }
body.mipb-has-results .mipb-bloco-resultados{ display: block; }
body.mipb-no-results .mipb-bloco-vazio{ display: block; }


/* no editor do Elementor, mostra os dois blocos pra poder editar */
body.elementor-editor-active .mipb-bloco-resultados,
body.elementor-editor-active .mipb-bloco-vazio{
  display: block !important;
}/* End custom CSS */