html, body {
    height: 100%;
}

#box {
    min-height: calc(100vh - 120px); /* resta navbar y footer aprox */
    min-width: 350px;
    display: flex;
    align-items: center;
}

#box .container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}


.navbar{
  background-color: #772622;
  min-height: 73px;
}


 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5px auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  /* Position it in the top right corner outside of the modal */
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

/* Close button on hover */
.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)}
  to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
  from {transform: scale(0)}
  to {transform: scale(1)}
} 

.btn-unse{
  background-color: #772622;
  border-color: #772622;
}

.card-tramite{
            border:1px solid #dcdcdc;
            border-radius:10px;
            padding:24px;
            height:100%;
            background:#fff;
        }

        .icon-box{
            width:40px;
            height:40px;
            border-radius:8px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:20px;
        }

        .icon-blue{
            background:#eef2f7;
            color:#183a6b;
        }

        .icon-gold{
            background:#f7eddc;
            color:#c28a1b;
        }

        .title{
            font-size:20px;
            font-weight:700;
            color:#13284b;
        }

        .description{
            color:#5f6b7a;
            font-size:16px;
            line-height:1.5;
        }

        .btn-primary-custom{
            background:#17386c;
            border:none;
            border-radius:6px;
            padding:12px;
            font-weight:600;
        }

        .btn-primary-custom:hover{
            background:#122d57;
        }

        .btn-outline-custom{
            border:1px solid #d4d7dc;
            border-radius:6px;
            padding:12px;
            font-weight:600;
            color:#111;
            background:#f7f7f7;
        }

        .btn-outline-custom:hover{
            background:#ececec;
        }