.py-4 {
    max-height: 150px;
}

.canalSize{
	width:100%;
	object-fit: contain;
	max-width: calc(100% / 5);
	height:auto;
}

#packs .chanelshow h3{
	font-weight: bold;
	margin-bottom: 1rem;
}

@media (min-width: 767px){
	.canalSize{
	max-width: calc(100% / 3.3);
  }
	
}




.module-border-wrap {

  background: linear-gradient(128deg , var(--bs-primary), var(--bs-secondary), var(--bs-tertiary));
  padding: 3px;
}

.module {
    background:white;
    padding: 1rem;
    border-radius: 13px;
}

.fa.fa-circle{
	font-size:.4rem;
}

.money{
	font-family: "montserrat";
	color: var(--bs-primary);
  background: -webkit-linear-gradient(189deg,#fc7a00,#f53663 60%,#b14f83 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.font-diez{
	font-size: 5rem;
	line-height: 0;
}

.font-euro {
	font-size:2.5rem;
	line-height: 1;
	transform: rotate(-24deg) translate(-10px, 0px);
	color: var(--bs-primary);
  background: -webkit-linear-gradient(189deg,var(--bs-primary) 50%,#f53663,#b14f83);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.accordion-button:focus {
	border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(to right, var(--bs-secondary), var(--bs-primary)) 1;
}

#packs .accordion-button {
	font-size: 1rem;}


.chanelshow{
	transition: all 1s ease-in;
}

{# 
.scrollSnap{
	  scroll-snap-type: x mandatory;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    flex-wrap: nowrap;
}
#}


.border-w{
	  border: 7px solid white;
}
.gradient{
	
    background: linear-gradient(to right,var(--bs-tertiary) , var(--bs-secondary) 40%, var(--bs-primary), #fc7a0078 , white);
    border-radius: 14px;
	
}

.box-gradient{
	 border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(to right, var(--bs-tertiary) , var(--bs-secondary), var(--bs-primary)) 1;
	max-width: 300px;
	display: block;
	margin: auto;
	position:relative;
	background:white;
}


.box-gradient:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(88deg, var(--bs-tertiary) -100%, var(--bs-secondary), var(--bs-primary) 200% );
    transform: translate3d(6px, 8px, 0) scale(1);
    filter: blur(0px);
    opacity: var(1);
    transition: opacity 0.3s;
    border-radius: inherit;
}

/* 
* Prevents issues when the parent creates a 
* stacking context. (For example, using the transform
* property )
*/
.box-gradient::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}



.info{
	cursor: pointer;
}

.info::after{content: '';display: inline-block;margin-left: 5px;vertical-align: middle;background: url('https://storage.googleapis.com/gcs-gcp-adamo-web-pro-media/jncmv30m/chevron.png');background-size: cover;padding-top: 0px;width: 14px;height: 14px;margin-top: -5px;}

.info.rotatechevron::after{
	transform: rotate(180deg);
}

#basicCerrar,
#premiumCerrar,
#totalCerrar{
	cursor:pointer;
}

	.tv .font-euro + .h2 {
		font-size:1rem;
	}

.bg-laliga{
	background: linear-gradient( hsl(0deg 0% 0% / 27.84%), hsl(0deg 0% 0% / 7.84%)), url(https://empresas.adamo.es/hubfs/ASJ/TV/TVHypermotion/large-jugadores-futbol-accion-estadio-profesional.jpg) center center / cover;
	& img{
		object-fit: fill;
	}
}

.laliga-gradient{
	right:-2rem;
}

@media ( min-width: 410px){
		.font-diez{
			font-size: 7rem;
			line-height: 0;
}
  .font-euro {font-size:3.5rem;}	
	.tv .font-euro + .h2 {
		font-size:1.9375rem;
	}
	
}
        