:root {
  /* Vermelho oficial UFOP */
  --red-UFOP-LOGO: #AD2A43;

  /* Escala de cinzas */
  --gray-50:  #F7F7F7;
  --gray-100: #E0E0E0; 
  --gray-200: #C9C9C9;
  --gray-300: #A7ADB1;
  --gray-400: #919191;
  --gray-500: #7A7A7A; 
  --gray-600: #5F5F5F; 
  --gray-700: #444444;
  --gray-800: #33302F; 
  --gray-900: #202124;
  --black:    #000000;

  /* Tom bege */
  --beige-ufop: #EDE3D9;
}

/* Classes de fundo */
.bg-gray-50  { background-color: var(--gray-50) !important; }
.bg-gray-100 { background-color: var(--gray-100) !important; }
.bg-gray-200 { background-color: var(--gray-200) !important; }
.bg-gray-300 { background-color: var(--gray-300) !important; }
.bg-gray-400 { background-color: var(--gray-400) !important; }
.bg-gray-500 { background-color: var(--gray-500) !important; }
.bg-gray-600 { background-color: var(--gray-600) !important; }
.bg-gray-700 { background-color: var(--gray-700) !important; }
.bg-gray-800 { background-color: var(--gray-800) !important; }
.bg-gray-900 { background-color: var(--gray-900) !important; }
.bg-beige-ufop { background-color: var(--beige-ufop) !important; }

/* Classes de texto */
.text-red-ufop   { color: var(--red-UFOP-LOGO) !important; }
.text-gray-500   { color: var(--gray-500) !important; }
.text-gray-900   { color: var(--gray-900) !important; }
.text-beige-ufop { color: var(--beige-ufop) !important; }

/*.block.decsi-carousel { */
/*	width: 50%; }*/
	
         /* teste visual */
/*.block.decsi-carousel .fullscreen-carousel,*/
/*.block.decsi-carousel .fullscreen-carousel .carousel-item { height: 100vh; }*/
/*.block.decsi-carousel .fullscreen-carousel .carousel-item img { height: 100%; object-fit: cover; }*/




/*--------------------------------------------------------------*/
/* Centralizar apenas o grupo de links de notícias */
.az-link-group-style-buttons.buttons {
  display: flex;
  justify-content: center;
  text-align: center;
}

/*--------------------------------------------------------------*/



/* 1. Unifica a altura dos itens da lista */
.node--view-mode-az-row-with-background {
    height: 100% !important;
    display: flex !important;
}

/* 2. Remove o centro vertical para alinhar no topo */
.node--view-mode-az-row-with-background .card {
    flex: 1 1 auto !important;
    min-height: 160px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important; /* Alinha no topo */
}

/* 3. Garante que a linha interna estique para preencher o card */
.node--view-mode-az-row-with-background .row.no-gutters {
    height: 100% !important;
    align-items: stretch !important;
}

/* 4. Quadrado azul: Mantém o preenchimento, mas alinha o conteúdo interno no topo */
.node--type-az-event .field--name-field-az-event-date {
    background-color: #24548c !important;
    color: white !important;
    height: 100% !important;
    display: flex !important;
    align-items: flex-start !important; /* Conteúdo da data para o topo */
    justify-content: center !important;
    padding: 20px 10px !important; /* Aumenta o respiro superior */
    text-align: center !important;
}

/* 5. Coluna de Texto: Sobe o título para o topo */
.node--type-az-event .col-8.col-lg-8 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important; /* Alinha no topo */
    padding-top: 5px !important; /* Ajuste fino para bater com a altura da data */
}

/* 6. Limite de 3 linhas para o título */
.card-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}