/**

* 2007-2018 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to license@prestashop.com so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

*  @author    PrestaShop SA <contact@prestashop.com>

*  @copyright 2007-2018 PrestaShop SA

*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)

*  International Registered Trademark & Property of PrestaShop SA

*

* Don't forget to prefix your containers with your own identifier

* to avoid any conflicts with others containers.

*/

.beshop_searchbarselect{

  position: relative;

}

.beshop_searchbar select{

  display: none;

}

.beshop_searchbar input:focus::placeholder {

	color: white;

}

.beshop_searchbarselected i{

  font-family: "Font Awesome 5 Pro";

  content: "\f107";

  opacity: 0.7;

  top: 0px;

  position: relative;

  display: inline-block;

  line-height: 1em;

  margin-left: 4px;

}
.beshop_searchbarselected i.fa-angle-up{
    display: none;
}

.beshop_searchbarAllFilters > div:hover{

  font-weight: 600;

  cursor: pointer;

}
.beshop_searchbar.type2 .beshop_searchbarinputgroup{
    background: #fff;
    /* z-index: 999; */
}
.beshop_searchbarselect:hover i.fa-angle-up{
    display: initial;
}

.beshop_searchbarselect:hover i.fa-angle-down{
    display: none;
}


.beshop_searchbarLoad {

  color: #000;

  font-size: 11px;

  text-indent: -9999em;

  overflow: hidden;

  width: 11px;

  height: 11px;

  border-radius: 50%;

  position: relative;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;

  animation: load6 1.7s infinite ease, round 1.7s infinite ease;

  display: none;

}

.beshop_searchbarafter button{

  background: 0;

  border: 0;

  cursor: pointer;

  padding: 0;

}

.beshop_searchbar > div, .beshop_searchbarafter,.beshop_searchbarselect,.beshop_searchbarinput{

  display: inline-block;

}

.beshop_searchbarinput{

  position: relative;

    margin: 0 12px;

}

.beshop_searchbar_product{

  clear: both;

}

.beshop_searchbarinput .beshop_searchbarresults{

  position: absolute;

  border: 1px solid #000;

  display: none;

  left: 0;

  right: 0;

  background: #fff;

}

.beshop_searchbar_product img{

  width: 30%;

  float: left;

}

.beshop_searchbar_product h6{

  display: inline-block;

  width: 70%;



}

.beshop_searchbar input{

  width: 174px;

  border: 0;

  border-bottom: 3px solid #000;

}

.beshop_searchbar.type2 .beshop_searchbarinputgroup{

  display: none;

  position: absolute;

  right: 0px;

  min-width: 340px;

  top: 40px;

}

.beshop_searchbar.type2 .beshop_searchbarinputgroup form{

  float: right;

}

img.holder{
  display: none !important;
}
.front-image{
  height: auto !important;
  opacity: 1 !important;
}
/* @media(max-width:991px){

  .beshop_searchbar.type2 .beshop_searchbarbefore{

    display: none;

  }

  .beshop_searchbar.type2 .beshop_searchbarinputgroup{

    display: block;

    position: initial;

    right: initial;

    top: initial;

    min-width: initial;

    padding: 1em;

  }

  .beshop_searchbar.type2 .beshop_searchbarinputgroup form{

    float: none;

  }

} */

@-webkit-keyframes load6 {

  0% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

  5%,

  95% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

  10%,

  59% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;

  }

  20% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;

  }

  38% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;

  }

  100% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

}

@keyframes load6 {

  0% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

  5%,

  95% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

  10%,

  59% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;

  }

  20% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;

  }

  38% {

    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;

  }

  100% {

    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;

  }

}

@-webkit-keyframes round {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes round {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

/* Beshop SearchBar - Scroll Infinito */

/* Contenedor de resultados con scroll */
#ajaxresultsquery {
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  max-width: 1570px;
  margin: auto;
}

/* Personalizar scrollbar */
#ajaxresultsquery::-webkit-scrollbar {
  width: 8px;
}

#ajaxresultsquery::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

#ajaxresultsquery::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

#ajaxresultsquery::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Loading states */
.loading-initial,
.loading-more {
  text-align: center;
  padding: 20px;
  color: #666;
}

.loading-initial i,
.loading-more i {
  font-size: 24px;
  margin-right: 10px;
}

/* Optimización de productos en grid */
#ajaxresultsquery .product-miniature {
  margin-bottom: 20px;
  transition: transform 0.2s ease;
}

#ajaxresultsquery .product-miniature:hover {
  transform: translateY(-5px);
}

/* Mensaje de no resultados */
.notresult {
  display: block;
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-size: 16px;
}

/* Productos en vista compacta */
.beshop_searchbar_product {
  padding: 10px;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s ease;
}

.beshop_searchbar_product:hover {
  background-color: #f9f9f9;
}

.beshop_searchbar_product img {
  max-width: 60px;
  height: auto;
  margin-right: 15px;
  float: left;
}

.beshop_searchbar_product h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.beshop_searchbar_product p {
  margin: 5px 0 0 0;
  font-size: 12px;
  color: #666;
}

/* Responsive */
@media (max-width: 768px) {
  #ajaxresultsquery {
    max-height: 60vh;
  }
  
  #ajaxresultsquery .product-miniature {
    margin-bottom: 15px;
  }
}

/* Animación de fade in para nuevos productos */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#ajaxresultsquery .product-miniature,
#ajaxresultsquery .beshop_searchbar_product {
  animation: fadeInUp 0.3s ease;
}