footer{
    background-color: rgb(220, 223, 228)!important ;
}

/* 
.copy__styles{

    height: 9.3rem!important;
    color: midnightblue;
  
} */

.back-to-top{
   background-color: rgb(237,28,36)   ;
   bottom: .2%!important;
   border: 1px solid bisque;
   height: 37px!important;
   width: 37px!important;
   right: .1rem!important;
}

/* .logo-lobo-claro{
   transform: translateY(-2.5%);

} */




.flex{
    display: flex
}
 .centrarh{
    justify-content: center;
 }

 .centrarv{
    align-items: center;
 }

 .logo--jam{
    margin-top: 3rem  !important;
    margin-bottom: 3rem;
    background-color: black;
 }

 .logo-jam{
   margin-bottom: 1rem;
   margin-top: 1rem;
 }

 .rights--div{
    background-color: black;
 }

 /* .developer__style{
    background-color: rgb(11,11,112)!important;
    height: 28px;
    
     } */


/* 
     .develop--text{
      transform: translateY(0%);
      color: bisque; 
      font-size: calc(15px + .8vw); 
     min-height: 28px;
     min-width: 100%;
     font-family: 'Chiller' !important;
     font-weight: 900!important;
     } */

     .developer-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: rgb(206,206,235); /* Fondo color celeste claro */
   
  }
  
  .developer__style {
      background-color: midnightblue;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
   
  }
  
  .develop--text p {
      color: bisque;
      font-size: calc(15px + 1vw); /* Ajusta el tamaño dinámicamente */
      font-family: 'Chiller', sans-serif;
      font-weight: 900;
      margin: 0;
      transform: translateY(22%);
     
  }
  
  .copy__styles {
   background-color: rgb(206,206,235); /* Fondo celeste claro */
   display: flex; /* Activa Flexbox */
   justify-content: center; /* Centra horizontalmente */
   align-items: center; /* Centra verticalmente */
   width: 100%; /* Ancho completo */
   height: 200px auto; /* Altura fija */
   min-height: 10px!important; /* Evita que sea más pequeño que 190px */
   padding: 0rem; /* Sin espacio extra */
   box-sizing: border-box; /* Asegura que padding no afecte dimensiones */
   min-width: 200px; /* Tope mínimo en el ancho del div */
  
}

.logo-lobo-claro {

   height: auto; /* Mantiene la proporción */
 
   transform: translateY(0%);
   object-fit: contain;
   width: 500px;
   padding: 0rem;
}
  

     .world-r{
      color: rgb(237,28,36)!important;
      font-family: "Lilita One", serif;
      font-weight: 100;
     }

     .world-b{

      font-family: "Lilita One", serif;
      color: bisque!important;
      font-weight: 100;
     }


     .footer-copy{
      font-size: calc(8px + 0.5vw); /* Ajusta el tamaño dinámicamente */
     }


 .whatsapp {
  left: 12.6rem;
  position: fixed;
  bottom: 0;
    /* width: 40px; */
  width: calc(0.1vw + 40px);
  z-index: 99;
  animation: zoom-in-out 0.53s infinite; /* Keep the original animation */
  cursor: pointer;
}

/* Original animation definition */
@keyframes zoom-in-out {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}

.correo {
  left: 15.4rem;
  position: fixed;
  bottom: 3px;
  /* width: 34px; */
  width: calc(0.1vw + 34px);
  z-index: 99;
  animation: pulse-effect 0.53s infinite; /* New animation name */
  cursor: pointer;
}

/* New animation definition for interleaving */
@keyframes pulse-effect {
  0%, 100% {
    transform: scale(1.2); /* Start zoomed in */
  }
  50% {
    transform: scale(1); /* Zoom out */
  }
}