/** Shopify CDN: Minification failed

Line 15:9 Expected ":"

**/
.info-bar :after {z-index: 0 !important;}

#black {
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  z-index 999;
  display: none;
}

.oraculo {
  width: 100%;
  max-width: 1166px;
  margin: 20px auto 40px;
}

.oraculo h1.title {
  text-align: center;
}

.oraculo .cartas {
  width: 100%;
  overflow: auto;
}
.oraculo .cartas .carta {
  width: calc(11.11111111111111% - 28px);
  float: left;
  margin: 14px;
  position: relative;
}

.oraculo .cartas .carta .portada img {
  display: block ;
  margin: 0;
  width: 100%;
  height: auto;
}
.oraculo .cartas .carta .grey {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  cursor: pointer;
  display: none ;
  transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}
.oraculo .cartas .carta .grey .plus {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 18px;
  color: #fff;
}

.oraculo .carta-pop {
  position: fixed;
  z-index: 1000;
  background: #fff;
  width: 80%;
  height: auto;
  top: 10% !important;
  left: 10%;
  overflow: auto;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  padding: 20px;
  display: none;
}
.oraculo .carta-pop .cerrar {
  position: absolute;
  top: 7px;
  right: 15px;
  font-size: 24px;
  color: #000;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.oraculo .carta-pop .inside {
  width: 100%;
  overflow: auto;
}
.oraculo .carta-pop .inside .left {
  width: 30%;
  overflow: auto;
  float: left;
  margin-right: 4%;
}
.oraculo .carta-pop .inside .left img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}

.oraculo .carta-pop .inside .right {
  width: 66%;
  overflow: auto;
  float: right;
}
.oraculo .carta-pop .inside .right h2 {
  font-size: 26px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #5a2381;
}
.oraculo .carta-pop .inside .right .content {
  font-size: 16px;
  margin-bottom: 200px;
}
.oraculo .carta-pop .inside .right .content p {
  color: #5a2381;
}
.oraculo .carta-pop .inside .right .credit {
  width: auto;
  overflow: visible;
  text-align: right;
  color: #5a2381;
  position: absolute;
  bottom: 40px;
  right: 20px;
}
.oraculo .carta-pop .inside .right .credit img {
  width: 80px;
}
.oraculo .carta-pop .inside .right .credit span {
  position: relative;
  top: -30px;
  left: -10px;
}

.oraculo .carta-pop .producto {
width: 180px;
overflow: auto;
float: left;
position: relative;
}
.oraculo .carta-pop .producto .pro-image {
  width: 100px;
  margin: 0 auto;
}
.oraculo .carta-pop .producto .pro-image img {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
  max-width: none;
}

.oraculo .carta-pop .producto .pro-info {
  float: none;
  width: 100%;
  text-align: center;
} 

.oraculo .carta-pop .producto .pro-info h3 {
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 15px 0;
}

.oraculo .carta-pop .producto .pro-info .ver-pro {
  display: inline-block;
  width: auto;
  padding: 4px 8px;
  border-radius: 4px;
  background: #96689e;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

.oraculo .carta-pop .producto .pro-info .ver-pro:hover {
  background: #8c589e;
}

@media only screen 
and (min-width : 768px) and (max-width : 1024px) {
  
    .oraculo .carta-pop {
    width: 90%;
	height: auto;
	top: 5% !important;
	left: 5%;
  }
  
 .oraculo .cartas .carta {
  width: calc(16.66666666666667% - 28px);
  float: left;
 }
  
  .oraculo .carta-pop .producto {
    width: 180px;
	overflow: auto;
	float: left;
	position: relative;
	bottom: 0px;
  }
  
  .oraculo .carta-pop .inside .right .credit {
    width: auto;
	overflow: visible;
	text-align: right;
	color: #5a2381;
	position: relative;
	bottom: 0px;
	right: 20px;
  }
  
  .oraculo .carta-pop .inside .right .content {
    margin-bottom: 100px;
  }
  
}

@media only screen 
and (min-width : 320px) and (max-width : 768px) {
  
  .oraculo .carta-pop {
    width: 90%;
	height: auto;
	top: 5% !important;
	left: 5%;
  }
  
  .oraculo .cartas .carta {
   width: calc(33.33333333333333% - 28px);
   float: left;
  }
  
  .oraculo .carta-pop .producto {
    width: 140px;
	overflow: auto;
	float: left;
	position: relative;
	bottom: 0px;
  }
  
  .oraculo .carta-pop .producto .pro-info h3 {
    margin: 0 0 5px 0;
 
  }
  
  .oraculo .carta-pop .inside .right .credit {
    width: 100px;
height: 50px;
overflow: visible;
text-align: right;
color: #5a2381;
position: relative;
bottom: 0px;
float: right;
  }
  
  .oraculo .carta-pop .inside .right .content {
    margin-bottom: 100px;
  }
  
  .oraculo .carta-pop .inside .left {
    width: 30%;
overflow: auto;
float: left !important;
margin-right: 4%;
display: inline;
  }
  
  .oraculo .carta-pop .inside .left img {
    width: 100%;
height: auto;
display: inline-block;
margin: 0;
  }

  .oraculo .carta-pop .inside .right {
    width: auto;
overflow: inherit;
float: none !important;
display: inline;
  }
  
  .oraculo .carta-pop .inside .right h2 {
    font-size: 16px;
text-align: left;
margin-top: 0px;
margin-bottom: 10px;
color: #5a2381;
  }
  
  .oraculo .carta-pop .inside .right .content p {
    font-size: 12px;
  }
  
  .oraculo .carta-pop .inside .right .credit {
    right: 0;
  }
  .oraculo .carta-pop .inside .right .credit img {
    width: 40px;
  }
  .oraculo .carta-pop .inside .right .credit span {
    position: relative;
	top: -16px;
	left: -8px;
	font-size: 12px;
  }
}


.cartas .esconder {display: none;}