*{
  margin: 0;
  padding: 0;
  
}

body{
  font-family: 'Montserrat', arial;
  background-image: url("../img/fondo.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  background-attachment: fixed;
  
}
.blur-background {
  height: 520px;
  background-color: rgba(0, 45, 87, 0.8); /* Color de fondo con opacidad */
  backdrop-filter: blur(10px); /* Aplica el desenfoque */
  -webkit-backdrop-filter: blur(10px); /* Soporte para navegadores basados en WebKit */
  padding: 20px; /* Padding para que el contenido no esté pegado al borde */
}

.ContPack{
  height:75%;
}

.imagenLogin{
  height: 100%;
}

.sucursal:hover{
  color: aqua;
}
.box {
background-color: #2B2D3E;
padding: 25px 20px;
}

.sparkboxes .box {
padding-top: 10px;
padding-bottom: 10px;
text-shadow: 0 1px 1px 1px #666;
box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
position: relative;
border-radius: 5px;
}

.sparkboxes .box  {
color: #fff;
transform: scale(0.7) translate(-22px, 20px);
}
.sparkboxes strong {
position: relative;
z-index: 3;
top: -8px;
color: #fff;
}


.sparkboxes .box1 {
background-image: linear-gradient( 135deg, #ABDCFF 10%, #0396FF 100%);
}

.sparkboxes .box2 {
background-image: linear-gradient( 135deg, #2AFADF 10%, #4C83FF 100%);
}

.sparkboxes .box3 {
background-image: linear-gradient( 135deg, #FFD3A5 10%, #FD6585 100%);
}

.sparkboxes .box4 {
background-image: linear-gradient( 135deg, #EE9AE5 10%, #5961F9 100%);
}

.btn-circle {
width: 40px;
height: 40px;
padding: 6px 0px;
border-radius: 20px;
text-align: center;
font-size: 16px;
line-height: 1.42857;
}

.flotar {
position: fixed;
right: 15px;
bottom: 10px;
z-index: 999999;
}
@media (max-width: 1050px) {
  .ContPack{
      height:220px;
  }
}

@media (max-width: 1200px) {
  .imagenLogin{
      margin-left:42.5px;
  }
}

@media (max-width: 990px) {
  .imagenLogin{
      height: 240px;
      margin-left:0px;
      margin-top: 17.5px;
  }
}

@media (max-width: 768px) {
  .imagenLogin{
      height: 100%;
      margin-left:72.5px;
      margin-top: 0px;
  }
}

@media (max-width: 500px) {
  .imagenLogin{
      height: 100%;
      margin-left:auto;
      margin-top: auto;
  }
}