/* Angel */
html {
    scroll-behavior: smooth;
  }
  
  h1:focus {
    outline: none;
}

@media screen and (min-width:1225px){
    .h-max{max-height:306px !important;}
    .h-min{max-height:206px !important;}
}
@media screen and (max-width:1224px){
    .h-max{max-height:229px !important;}
    .h-min{max-height:179px !important;}
}
@media screen and (max-width:1024px){
    .h-max{max-height:247px !important;}
    .h-min{max-height:147px !important;}
}
@media screen and (max-width:800px){
    .h-max{max-height:229px !important;}
    .h-min{max-height:129px !important;}
}
@media screen and (max-width:768px){
    .h-max{max-height:346px !important;}
    .h-min{max-height:246px !important;}
}
@media screen and (max-width:700px){
    .h-max{max-height:269px !important;}
    .h-min{max-height:169px !important;}
}
@media screen and (max-width:512px){
    .h-max{max-height:176px !important;}
    .h-min{max-height:76px !important;}
}
@media screen and (max-width:375px){
    .h-max{max-height:149px !important;}
    .h-min{max-height:49px !important;}
}

.fi-x1:before {
    content: "\ea02";
}

.header-wishlist {
    position: relative;
    margin-right: 10px; /* Ajusta según el diseño de tu header */
}

/* Estilos para el loader */
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white; /* Fondo blanco */
    z-index: 9999; /* Asegura que el loader esté al frente */
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: visible; /* El loader es visible por defecto */
    transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
    opacity: 1;
}

.loader-spinner {
    text-align: center;
}

.loader-overlay.hidden {
    visibility: hidden; /* Oculta el loader */
    opacity: 0; /* Transición suave para ocultar el loader */
}