@media (hover:hover) {
  .cabecera .inferior .izquierda ul li:hover .mega_menu { display: block; -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
  .cabecera .inferior .derecha ul li a:hover:after, .cabecera .inferior .izquierda ul li a:hover:after { width: 15px; }
  .cabecera .inferior .izquierda .bloques .bloque [class^="desplegar_"]:hover, .cabecera .inferior .derecha .bloques .bloque [class^="desplegar_"]:hover { opacity: .5; }
  .banners .banner .texto .boton:hover { background-color: #000; color: #fff; }
  .categorias .inferior .categoria:hover span { background-color: #000; color: #fff; padding: 0 10px; width: auto; min-width: unset; line-height: unset; height: 30px; line-height: 30px; }
  .carrusel .superior .controles [class^="owl-"]:hover, .categorias .superior .controles [class^="owl-"]:hover { background-color: #000; background-image: url(../img/web/carrusel2.svg); }
  .enlaces .enlace:hover .titulo:before { background-color: #fff; }
  .enlaces .enlace:hover:nth-of-type(1) .titulo:before { background-image: url('../img/web/refresh2.svg'); }
  .enlaces .enlace:hover:nth-of-type(2) .titulo:before { background-image: url('../img/web/truck2.svg'); }
  .enlaces .enlace:hover:nth-of-type(3) .titulo:before { background-image: url('../img/web/card2.svg'); }
  .enlaces .enlace:hover:nth-of-type(4) .titulo:before { background-image: url('../img/web/headp2.svg'); }
  .item_producto:hover:after { width: 100%; }
  .newsletter form .boton:hover { background-color: #000; color: #fff; }
  .pie .superior ul li a:hover { opacity: .5; }
  .desplegable_buscar form .cerrar_buscar:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
  .productos .superior .filtros .derecha .bloque [class^="desplegar_"]:hover { background-color: #f0f0f0; box-shadow: 0 0 0 2px #000 inset; color: #000; background-image: url(../img/web/down.svg); }
  .productos .superior .filtros .derecha .bloque .desplegar_filtros:hover { background-image: url(../img/web/filter2.svg); }
  .productos .superior .filtros .derecha .bloque .desplegable_ordenar li a:hover { opacity: .5; }
  .producto .inferior .derecha .texto .compra .botones .anadir:hover, .productos .superior .filtros .derecha .bloque .desplegable_filtros .interior .botones .aplicar:hover, .productos .superior .filtros .derecha .bloque .desplegable_filtros .interior .botones .limpiar:hover { background-color: #fff; color: #000; box-shadow: 0 0 0 2px #000 inset; }
  .productos .inferior .izquierda .estructura > li > a:hover:after { width: 30px; }
  .productos .inferior .izquierda .estructura > li > ul > li > a:hover:after { height: 28px; width: 8px; }
  .producto .inferior .derecha .texto .compra .cantidad a:hover { background-color: #fff; box-shadow: 0 0 0 2px #000 inset; }
  .producto .inferior .izquierda .favorito:hover, .producto .inferior .izquierda .imagenes .owl-nav [class^="owl-"]:hover { background-color: #fff; box-shadow: 0 0 0 2px #000 inset; background-image: url(../img/web/back2.svg); }
  .producto .inferior .izquierda .favorito:hover { background-image: url(../img/web/heart2.svg); }
  .producto .inferior .izquierda .favorito.sel:hover { background-color: #000; background-image: url(../img/web/heart.svg); }
  .producto .inferior .derecha .compartir .redes a:hover { opacity: .5; }
  .area .inferior .blanco form .botones .boton:hover, .area .inferior .blanco .pagar .opciones a:hover, .area .inferior .item_area .boton:hover, .area .superior .desplegar_area:hover, .contacto .interior form .botones .boton:hover, .completar .derecha .resumen .finalizar:hover, .desplegable_cambiar .interior .inferior .nueva:hover, .desplegable_cambiar .interior .inferior .item_cambiar .editar:hover, .completar .derecha .comentario .texto .guardar:hover, .completar .izquierda .direcciones .direccion a:hover, .acceso .derecha .bloque .boton:hover, .acceso form .botones .boton:hover, .cesta .superior .item_cesta .borrar:hover, .cesta .superior .item_cesta .texto .cantidad a:hover, .cesta .inferior .botones a:hover { background-color: #fff; box-shadow: 0 0 0 2px #000 inset; color: #000; }
  .desplegable_cambiar .interior .inferior .item_cambiar .editar:hover { background-image: url(../img/web/edit.svg); }
  .mapa_web .bloque ul li a:hover, .area .inferior .item_area .botones a:hover, .area .inferior .item_area .texto .tipo a:hover, .area .superior .desplegable_area li a:hover, .area .superior .salir:hover, .area .superior .volver:hover, header.cabecera .inferior .derecha ul.desplegable_usuario li a:hover { opacity: .5; }
  .area .inferior .atajo:hover { background-color: #fff; box-shadow: 0 0 0 2px #000 inset; }
  .area .inferior .item_area.nuevo a:hover:before { left: 30px; right: 30px; top: 30px; bottom: 30px; }
  .contenido .superior .migas .volver:hover:before { background-color: #fff; box-shadow: 0 0 0 2px #000 inset; background-image: url(../img/web/back2.svg); }
  .contenido .inferior .imagenes .imagen:hover:after { width: 88px; border-radius: 100%; }
  .mapa_web .bloque .titulo:hover { padding-left: 10px; }
  #back2Top:hover { border-radius: 0; }
  .whatsapp:hover { background-color: #4cee67; }
  .desplegable_popup .interior .derecha .texto .boton:hover { background: #666666; }
}
html a.shine { position: relative; overflow: hidden; }
html a.shine:after { content: ""; position: absolute; top: -110%; left: -210%; width: 200%; height: 200%; opacity: 0; transform: rotate(0deg); background: rgba(0, 0, 0, 0.13); background: linear-gradient(to right, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 77%, rgba(0, 0, 0, 0.5) 92%, rgba(0, 0, 0, 0.0) 100%); }

/* Hover state - trigger effect */
html a.shine:hover:after { opacity: .5; top: -30%; left: -30%; transition-property: left, top, opacity; transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: ease; }

/* Active state */
html a.shine:active:after { opacity: 0; }
.banners .active .banner .texto .titulo, .banners .active .banner .texto .subtitulo { -webkit-animation: tracking-in-expand-fwd-top 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation: tracking-in-expand-fwd-top 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation-delay: 500ms; }
.banners .active .banner .texto .subtitulo { animation-delay: 750ms; }
.banners .active .banner .texto .boton { -webkit-animation: tracking-in-contract-bck-bottom 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation: tracking-in-contract-bck-bottom 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation-delay: 1000ms; }
@-webkit-keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes slide-in-left {
  0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@keyframes slide-in-left {
  0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes slide-in-top {
  0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@keyframes slide-in-top {
  0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@-webkit-keyframes tracking-in-contract-bck-bottom {
  0% { letter-spacing: 1em; -webkit-transform: translateZ(400px) translateY(300px); transform: translateZ(400px) translateY(300px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
}
@keyframes tracking-in-contract-bck-bottom {
  0% { letter-spacing: 1em; -webkit-transform: translateZ(400px) translateY(300px); transform: translateZ(400px) translateY(300px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
}
@-webkit-keyframes tracking-in-expand-fwd-top {
  0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-700px) translateY(-500px); transform: translateZ(-700px) translateY(-500px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
}
@keyframes tracking-in-expand-fwd-top {
  0% { letter-spacing: -0.5em; -webkit-transform: translateZ(-700px) translateY(-500px); transform: translateZ(-700px) translateY(-500px); opacity: 0; }
  40% { opacity: 0.6; }
  100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; }
}