.flat-slider-detail-v1 {
    margin-bottom: -2% !important;
    padding: 0 !important;
    position: relative;
}

.container {
    max-width: 1400px !important;
}

.flag-tag.style-2 {
    background-color: #fff !important;
    color: #161e2d !important;
    font-size: 0px !important;
    letter-spacing: 0px !important;
    line-height: 0px !important;
}


.flag-tag.success {
    display: none !important;
}
.swiper {
    margin: 0px 0px 10px 0px !important;
}2

.flat-section { 
  padding: 0px 0px 0px 0px !important;
}

.homeya-box {
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    background-color: #fff;
    display: block;
    overflow: hidden;
}







/* O link que envolve a imagem vira o referencial */
.property-item .images-group{
  position: relative !important;
  display: block;
  overflow: hidden;
  z-index: 0;

  /* Controle responsivo da faixa */
  --ribbon-thick: clamp(22px, 2.2vw, 30px);     /* ESPESSURA */
  --ribbon-fudge: 1px;                           /* compensa borda/arredondado */
}

/* Faixa diagonal fixa no canto superior esquerdo (todas as telas) */
.property-item .images-group .flag-tag.ribbonify,
.property-item .images-group .flag-tag.primary.ribbonify{
  position: absolute !important;
  top: 90px !important;
  left: -10px !important;

  /* Comprimento: atravessa o canto inteiro e “sangra” um pouco */
  width: 180px !important;
  height: var(--ribbon-thick) !important;

  /* Origem no canto + pequeno ajuste p/ grudar no arredondado da imagem */
  transform-origin: 0 0;
  transform: translate(
      calc(-1 * var(--ribbon-thick) - var(--ribbon-fudge)),
      calc(-1 * var(--ribbon-fudge))
    ) rotate(-45deg);

  /* Texto realmente centralizado */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  /* Tipografia responsiva e segura */
  font-weight: 700 !important;
  font-size: clamp(10px, 1.6vw, 12px) !important;
  line-height: 1 !important;
  font-family: Inter, system-ui, Arial !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  white-space: nowrap !important;

  /* Sempre por cima de tudo */
  z-index: 9999 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.25) !important;
  pointer-events: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important; /* comprimento controlado por width */
}

/* Cores por status */
.ribbon--vendendo{   background: linear-gradient(135deg,#16a34a,#0e8a3e) !important; }
.ribbon--aluga-se{     background: linear-gradient(135deg,#dc2626,#b91c1c) !important; }
.ribbon--lancamento{ background: linear-gradient(135deg, #e9ce78, #e9ce78, #c39c4f, #c39c4f, #e9ce78, #e9ce78) !important; }
.ribbon--venda-se{    background: linear-gradient(135deg,#6b7280,#4b5563) !important; }
.ribbon--alugado{    background: linear-gradient(135deg,#f59e0b,#d97706) !important; }
.ribbon--preparando{ background: linear-gradient(135deg,#eab308,#ca8a04) !important; }
.ribbon--indisp{     background: linear-gradient(135deg,#9ca3af,#6b7280) !important; }

/* Garante que os ícones do tema mantenham a webfont correta */
[class^="ri-"], [class*=" ri-"],
[class^="ri-"]::before, [class*=" ri-"]::before{
  font-family: "remixicon" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}