/* INDEX */

.outlet a, .exclude a {
	display: inline-block;
    text-align: center;
    margin: 0 auto;
}
.outlet h2, .exclude h2 {
	font-size:50px;
	line-height:56px;
	color:#fff;
	text-shadow:0px 0px 4px #000;
}
.outlet h3, .exclude h3 {
	font-size:32px;
	line-height:46px;
	color:#fff;
	text-shadow:0px 0px 4px #000;
}
.outlet ul, .exclude ul {
	color:#fff;
	text-shadow:0px 0px 4px #000;
	font-size: 16px;
    line-height: 22px;
}
@media (min-width: 768px) {
	.outlet, .exclude {
		text-align:left;
	}
	
	.outlet a, .exclude a {
		margin: 0px;
	}
}

.descubrir {
   min-width: 290px !important;
   position:absolute;
   bottom:4vw;
   right: 13vw;
   z-index:50;
   color: #fff;
}

@media (max-width: 768px) {
	.descubrir {
		/*right:25px;*/
		bottom:10%;
		left: 50%;
  		transform: translateX(-50%);

	}
}

.card-magia{
  position:relative; display:block; margin:auto;
  padding:100px 30px; text-align:center; text-decoration:none;
  box-shadow:0px 0px 10px;
  background:url("/images/hechiceria.webp");
  background-size:cover;
  background-position:center center;
  overflow:hidden;
  isolation: isolate;
	/* La magia del borde roto */
     /* --- efecto borde rasgado --- */
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.08' numOctaves='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='2.5'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='3' y='3' width='94' height='94' fill='white' filter='url(%23t)' rx='1' ry='1'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.08' numOctaves='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='2.5'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='3' y='3' width='94' height='94' fill='white' filter='url(%23t)' rx='1' ry='1'/%3E%3C/svg%3E");
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.titulo{ font-size:40px; color:#ddd; letter-spacing:1px; margin-bottom:12px; text-shadow:1px 1px 3px #000; }
.subtitulo{ font-size:20px; font-weight:300; line-height:25px; color:#ccc; margin-bottom:60px; text-shadow:1px 1px 3px #000; }
.card-magia .cta {
	padding:10px;
	color:#ddd;
	border-radius:5px;
	box-shadow:0px 0px 5px #000;
	transition:0.3s;
}
.card-magia .cta:hover{
	color:var(--color-b3);
}