@charset "utf-8";
/* CSS Document */
body,
main{
	overflow-x: hidden;
	background-color: #F6F6f6;
}
nav.top-bar,
nav.topbar-responsive {
  background: #4519B1;
  padding: 1rem 1.2rem;
	position:fixed;
	z-index:9999;
	}
	
.topbar-responsive .topbar-responsive-logo {
  color: #fefefe;
  vertical-align: middle;
	
}
.topbar-responsive .topbar-responsive-logo img{
	width: auto; 
	height: 50px;
}
.topbar-responsive .top-bar-title h1,
	.topbar-responsive .top-bar-title h1 img,
	.topbar-responsive .topbar-responsive-logo{
		margin:0;
		padding: 0;
		line-height: 1;
		margin-top:-0.3em;
		margin-bottom: -0.2em;
	}
.topbar-responsive .menu {
  background: #4519B1;
	font-family: 'Montserrat', sans-serif;
}
.topbar-responsive .menu li:last-of-type {
  margin-right: 0;
}
.topbar-responsive .menu a:link,
.topbar-responsive .menu a:visited,
.topbar-responsive .menu .cat:link,
.topbar-responsive .menu .cat:visited{
  color: #fff;
  transition: color 0.15s ease-in;
	
}
.topbar-responsive .menu a:hover,
.topbar-responsive .menu a:focus,
.topbar-responsive .menu .cat:hover,
.topbar-responsive .menu .cat:focus{
  color:#F7C8B0;
}
.top-bar .is-dropdown-submenu-parent > a:after {
  border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; 
 }
@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu a {
    padding: 0.875rem 0;
  }
	.topbar-responsive .top-bar-title h1,
	.topbar-responsive .top-bar-title h1 img,
	.topbar-responsive .topbar-responsive-logo{
		margin:0;
		padding: 0;
		line-height: 1;
		
		
	}
.is-accordion-submenu-parent[aria-expanded="true"] > a::after,
	.is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after{
  border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; 
 }	
}
	.topbar-responsive .button.b-listaprecios{
		background-color:#C33E0A;
		border-radius: 5px;
		
	}
	.topbar-responsive .button.b-listaprecios:hover{
		background-color:#B32916;
		color: #fff;
	}
@media screen and (max-width: 64em){
	.topbar-responsive-links .menu a {
    padding: 0.875rem 0;
		margin: auto -0.35rem;
		font-size: 0.9em;
  }
	.topbar-responsive-links .menu .b-listaprecios {
		padding-left: 0.25em;
		padding-right: 0.25em;
		margin-left: -0rem;
	}
	.topbar-responsive .topbar-responsive-logo img{
	width: auto; 
	height: 40px;
}
}
@media screen and (max-width: 39.9375em) {
  .topbar-responsive {
    padding: 0.75rem;
  }
	
  .topbar-responsive .top-bar-title {
    position: relative;
    width: 100%;
		}
  .topbar-responsive .top-bar-title span {
    position: absolute;
    right: 0;
    border: 1px solid #fefefe;
    border-radius: 5px;
    padding: 0.25rem 0.45rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .topbar-responsive .top-bar-title span .menu-icon {
    margin-bottom: 4px;
  }
	.topbar-responsive .menu.simple.vertical.medium-horizontal li{
		width: 100%;
		text-align: left;
		margin-left: 1em;
		margin-right: 1em;
		padding-left: 1em;
		background: #010101;
}
	.topbar-responsive .menu.simple.vertical.medium-horizontal li:first-of-type{
		margin-top:1.5em;
	}
	}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@media screen and (max-width: 39.9375em) {
  .topbar-responsive-links {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    width: 100%;
    -webkit-animation: fadeIn 1s ease-in;
            animation: fadeIn 1s ease-in;
  }
}
.no-js .top-bar {
  display: none;
}
@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }
  .no-js .title-bar {
    display: none;
  }
}
body,
	 main{
			font-family: 'Montserrat', sans-serif;
			line-height: 1.3;
			font-size: 1rem;
		}
		main p,
		main h2,
		main h3,
		main h4 {
			color: #3503AA;
			font-family: 'Montserrat', sans-serif;
		}
		main h2{
			font-weight: 600;
			font-size: 1.75em;
		}
		main h3,
		main h4{
			font-weight: 500;
		}
	 figcaption{
		 text-align: center;
		 font-size: 1.25em;
		 font-weight: 500;
		 font-family: 'Montserrat', sans-serif;
	 }
	 .orbit figcaption a.button{
		 border-radius: 50px;
		 background-color:#C33E0A;
	 }
	 .orbit figcaption a.button:hover,
	 .orbit figcaption a.button:focus{
		 background-color:#B32916;
		color: #fff;
	 }
	 main a.button.b-mas{
		 border-radius: 5px 0 0 5px;
		 background-color: transparent;
		 color: #3503AA;
		 border: 1px solid #3503AA;
		 font-size: 0.75em;
		 margin-bottom: 0;
	 }
	 main a.button.b-mas:hover,
	 main a.button.b-mas:focus,
	 main a.button.b-contacto:hover,
	 main a.button.b-contacto:focus{
		 background-color: #f3f3f3;
	 }
	 main a.button.b-contacto{
		 border-radius: 0 5px 5px 0;
		 background-color: transparent;
		 color: #3503AA;
		 border: 1px solid #3503AA;
		 font-size: 0.75em;
		 margin-left: -1px;
		 margin-bottom: 0
	 }
	 main a.button.b-precios{
		 border-radius: 5px;
		 background-color: #C33E0A;
		 color: #fff;
		 border: 1px solid #C33E0A;
		 font-size: 0.75em;
		 float: right;
		 margin-bottom: 0;
	 }
	 main a.button.b-precios:hover,
	 main a.button.b-precios:focus{
		 background-color:#B32916;
		color: #fff;
	 }
	 main .card {
		 box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
		 border-radius: 5px;
	 }
main .card h3{
	font-size: 1.15em;
	font-weight: 500;
}
#condiciones .cajita{
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	border-radius: 5px;
	padding: 1em;
}
#condiciones .cajita h2{
	font-size: 1.25em;
	font-weight: 500;
}
#condiciones .cajita p{
	font-size: 0.95em;
}
#condiciones {
	padding-top: 3em;
	padding-bottom: 3em;
}
#comentarios{
	padding-bottom: 1.5em; 
	padding-top: 2em; 
	background-color: #7442ED;
}
#comentarios h2{
	font-size: 1.5em; 
	color: #fff;
}
		footer {
			background-color: #0666C6;
			color: #fff;
			padding-top: 2em;
			font-family: 'Montserrat', sans-serif;
		}
		footer a{
			color: #fff;
			text-decoration: underline;
			font-weight: 500;
		}
		footer a:hover{
			color: #fff;
			text-decoration: underline;
		}
		footer h2,
		footer h3{
	font-family: 'Montserrat', sans-serif;
			font-weight: 600;
			}
footer h2{
	font-size: 1.75em;
}
footer h3 {
	font-size: 1.25em;
}
footer p{
	font-size: 0.9em;
}
footer #contacto .icono-contacto{
	font-size: 1.25em;
	padding: 0.25em;
	background-color: rgba(255,255,255,0.2);
	border: #ccc 1px solid;
	border-radius: 5px;
	margin-right: 0.5em;
}
footer .redes {
	margin-top: 2em;
}
footer .redes li{
	display: inline-block;
	margin-right: 0.25em;
}
footer .casero-logo{
	width: 150px;
	height: auto;
}
footer .redes i{
	padding-bottom: 0;
	margin-bottom: 0;
}
footer .link-mas{
	font-size: 0.85em;
	}
footer .pie-pie{
	background-color: #074587;
	padding-top: 1em;
}
main .migas {
	padding-top: 1.5em;
}
main .migas li{
	font-family: 'Montserrat', sans-serif;
			font-weight: 500;
	font-size: 0.8em;
}
.card .descripcion-card{
	font-size: 0.9em;
}
.prod-cruzados-titulo{
	border-top: 1px solid #9678EC;
}
.prod-cruzados-titulo h3{
	font-size: 1.25em;
	font-weight: 500;
	padding-top: 1.5em;
}
.prod-cruzados-imagen h4{
	font-size: 1em;
	font-weight: 500;
}
.prod-cruzados-imagen img{
	border-radius: 5px;
	border: 1px solid #C4B3ED;
}
.img-destacada{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px, rgba(0, 0, 0, 0.23) 0px 3px 6px 0px;
	border-radius: 8px;
}
.button.b-listaprecios2:link{
		background-color:#C33E0A;
		border-radius: 25px;
		
	}
.button.b-listaprecios2:hover,
.button.b-listaprecios2:focus,
.button.b-listaprecios2:visited{
		background-color:#B32916;
		color: #fff;
	}
#recetas h3{
	font-size: 1.25em;
	font-weight: 500;
}
#recetas .etiq {
		 font-style: italic;
		 color: #920306;
	 }
.large-5.medium-12.small-12.cell img{
	width: 100%;
	height: auto;
}
.card img{
	width: 100%;
	height: auto;
}