html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

@media (max-height: 990px) {

    html {
        font-size: 16px;
    }

    .windows {
        max-width: 1320px;
        height: 400px;
    }

  /*  .portal-image {
        margin: 0;
        padding: 0;
    }*/

   /* .footer {
        bottom: 0;
        height: 110px;
        position: absolute;
        width: 100%;
    }*/
}

/* Efeito de hover nos cards */
.card-img-top {
    border: 1px solid transparent; /* Borda inicial (transparente) */
    transition: border 0.3s ease; /* Transição suave */
}

    .card-img-top:hover {
        border: 4px solid #001f3f; /* Borda ao passar o mouse (azul escuro) */
        background: linear-gradient(to bottom, #001f3f, #000); /* Gradiente de azul escuro para preto */
        transition: border 0.3s ease, background 0.3s ease; /* Transições suaves para borda e fundo */
    }


/* //////////////////////////////////////Imagens arredondadas/////////////////////////////////////// */

/* Estilo para o container das imagens */
.imageapp-container {
    display: flex;
    justify-content: space-between;  /*Espaço igual entre as imagens*/ 
    align-items: center;  /*Centraliza verticalmente */
    max-width: 800px;  /*Defina o tamanho máximo do container*/ 
    margin: 0 auto;  /*Centraliza horizontalmente*/ 
}

 /*Estilo para cada imagem */
.image-app {
    width: 100px;
    height: 100px;
    border-radius: 50%;  /*Torna a imagem redonda*/ 
    background: linear-gradient(to bottom, #ffcc00, #ff6600);  /*Gradiente de cores*/ 
    margin-right: 10px;  /*Espaço entre as imagens*/ 
    transition: transform 0.3s;  /*Efeito de transição no hover*/ 
}

    /* Efeito de escala no hover */
    .image-app:hover {
        transform: scale(1.1);
    }


/*////////////////////////////////////////////Fim////////////////////////////////////////////////////*/
/* //////////////////////////////////////Views Index e Create/////////////////////////////////////// */


.jumbotron {
    background: linear-gradient(135deg, #2f506c, #1a2c42);
    height: 100px;
    border-radius: 10px; /* Adicionando borda arredondada */
}

.display-4 {
    font-size: 2.5rem;
}

.text-white {
    color: #ffffff;
}

/*////////////////////////////////////////////Fim////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////Table///////////////////////////////////////////////// */

.local-table-color {
    background: #F5F5DC;
}

.local-tbody-color {
    background: #FFFFF0;
}