/*logo*/
.fixed-logo {
    position: fixed;
    text-align: center;
    top: 50px;  /* Ajusta la distancia desde la parte superior */
    left: 50px; /* Ajusta la distancia desde la izquierda */
    width: 120px; /* Ajusta el tamaño */
    z-index: 9999; /* Se asegura de que esté por encima de todo */

    /* Sombra esfumada */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); 

    /* Bordes suaves */
    border-radius: 100%;

    /* Fondo semi-transparente opcional */
    background: rgba(255, 255, 255, 0.5);

    /* Efecto de transición suave */
    transition: transform 0.3s ease-in-out;
}

/* Efecto al pasar el mouse */
.fixed-logo:hover {
 /*   transform: rotate(10deg); /* Rotación ligera */
     transform: rotate(-10deg) scale(1.1) translateY(-5px);

}
/*fuente*/
 @font-face {
    font-family: 'Handelson Six';
    src: url('../fonts/Handelson-Six.woff') format('truetype');
   font-display: swap;
  }

 @font-face {
    font-family: 'Handelson Five';
    src: url('../fonts/Handelson-Five.woff') format('truetype');
   font-display: swap;

  }

  p,span,a,body{
       font-family: 'Handelson Five', sans-serif !important;
  }
 
  h1,h2,h3,h4,h5{
    font-family: 'Handelson Six', sans-serif !important;
  }

.navmenu a, .navmenu a:focus{
    font-size: 18px !important;

}

.hero p {
    font-size: 20px !important;
}

/*banners*/

.demo-watermark {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 100px;
    font-weight: bold;
    color: rgba(255, 0, 0, 0.2); /* Transparencia */
    z-index: 9999;
    pointer-events: none; /* Para que no interfiera con clics */
}

.demo-ribbon {
    position: fixed;
    top: 20px;
    left: -50px;
    width: 200px;
    background: rgba(255, 0, 0, 0.5);
    color: white;
    text-align: center;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
    transform: rotate(-45deg);
    z-index: 9999;
}

.menu .menu-filters li {
    font-family: 'Handelson', sans-serif !important;
}

.menu .menu-img {
    width: 80px !important;
    height: 80px !important;
}


.image-container {
  position: relative;
  display: inline-block;
  margin: 10px;
}

.image-container img {
  display: block;
  width: 150px; /* Ajusta según necesites */
  height: auto;
  border-radius: 5px;
}

.delete-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: red;
  color: white;
  border: none;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.delete-btn:hover {
  background-color: darkred;
}

/***********/

@media screen and (max-width: 992px) {
    .fixed-logo {
        left: 50%;
        transform: translateX(-50%); /* Centra horizontalmente */
    }
}

@media (max-width: 992px) {
    .specials .nav-link.active {
        color: var(--accent-color);
        background: #fff;
    }