/* CSS responsividade celular */
body img,
body figure {
  max-width: 100%;
  height: auto;
}

.field--name-body .field__item img,
.node__content .field__item img {
  display: inline-block;
  float: none !important;
  margin: 0 !important;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}

.field--name-body .field__item > figure,
.node__content .field__item > figure,
figure.caption {
  display: inline-block !important; 
  max-width: 100%;
  box-sizing: border-box;
}

.field--name-body .field__item > figure figcaption,
.node__content .field__item > figure figcaption,
figure.caption > figcaption {
  display: block !important;   
  width: 100% !important;
  margin-top: .5rem;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.9rem;
  color: #333;
}

.field--name-body .field__item img.align-center,
.node__content .field__item img.align-center,
.field--name-body .field__item figure.align-center,
.node__content .field__item figure.align-center {
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}

.field--name-body .field__item img.align-left,
.node__content .field__item img.align-left,
.field--name-body .field__item figure.align-left,
.node__content .field__item figure.align-left {
  display: inline-block !important;
  float: left !important;
  margin-right: 1rem !important;
  margin-left: 0 !important;
}

.field--name-body .field__item img.align-right,
.node__content .field__item img.align-right,
.field--name-body .field__item figure.align-right,
.node__content .field__item figure.align-right {
  display: inline-block !important;
  float: right !important;
  margin-left: 1rem !important;
  margin-right: 0 !important;
}

.field--name-body .field__item > figure.align-left figcaption,
.node__content .field__item > figure.align-left figcaption {
  text-align: left !important;
}
.field--name-body .field__item > figure.align-right figcaption,
.node__content .field__item > figure.align-right figcaption {
  text-align: right !important;
}
.field--name-body .field__item > figure.align-center figcaption,
.node__content .field__item > figure.align-center figcaption {
  text-align: center !important;
}

.field--name-body .field__item img[style*="float:left"],
.node__content .field__item img[style*="float:left"],
.field--name-body .field__item figure[style*="float:left"],
.node__content .field__item figure[style*="float:left"] {
  float: left !important;
  margin-right: 1rem !important;
}
.field--name-body .field__item img[style*="float:right"],
.node__content .field__item img[style*="float:right"],
.field--name-body .field__item figure[style*="float:right"],
.node__content .field__item figure[style*="float:right"] {
  float: right !important;
  margin-left: 1rem !important;
}

/* Css da logo de celular*/
.navbar.d-flex.d-md-none.p-0 .navbar-brand .img-fluid {
    content: url('/sites/default/files/Logo2025_SEEL.png') !important;
    width: auto;
    height: 50px; /* Ajuste a altura conforme necessário */
}
/*Código para CSS alinhar a logo da SIGO*/
.navbar .container .col-md-3.col-xl-2.d-none.d-md-block.d-lg-block.d-xl-block.text-right {
  width: auto !important; 
}

/* Troca a imagem original quebrada pela correta e ajusta o tamanho */
.col-md-3.col-xl-2 img[src*="themes/custom/mycustom_barrio"] {
    content: url('/sites/default/files/logo_SIGO_pb.png') !important;
    width: auto;
    height: 30px; /* Ajuste esse valor para igualar à altura da logo do SIC */
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; /* Dá um espaço entre o SIC e o SIGO */
}

/* Limpeza de segurança caso o cache do JS ainda tente mostrar algo */
.sigo-added {
    display: none !important;
}
/* 1. Troca a imagem APENAS se o nome do arquivo original for o do SIGO */
.col-md-3.col-xl-2 img[src*="logo_SIGO_pb.png"] {
    content: url('/sites/default/files/logo_SIGO_pb.png') !important;
    width: auto;
    height: 30px; 
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

/* 2. Garante que o SIC (que é .svg) não seja afetado */
.col-md-3.col-xl-2 img[src*="logo-sic.svg"] {
    content: none !important; /* Mantém a imagem original do SIC */
    height: 30px;
    vertical-align: middle;
}

/* 3. Limpeza total de sobras */
.sigo-added, div[class*="sigo-added"], .col-md-3.col-xl-2 a:nth-child(3) {
    display: none !important;
}