#web {display:block;}
	 #mobile {display:none;}
  	 
	 .swiper {
        width: 100% !important;
        height: 100%;
		margin: 0 auto;
		padding:0;
		background-color:#edeacb;
      }

      .swiper-slide {
        /* Center slide text vertically */
        display: flex;
		flex-direction:row;
        justify-content:center;
        align-items: start;
		background-color:#A0A2A3;
      }
	  
	  .swiper-pagination-fraction {color: white; font-family: 'EB Garamond', serif; font-size:1.25rem; font-weight:400; font-style:italic; position:absolute; bottom:2rem;}
	  
	  .swiper-slide p, .portada p {position:absolute; width:auto; height:auto; left:10%; bottom:21%; font-size:clamp(1.15rem, 2.5vw, 2.3rem); font-weight:600; color:white;}
	  .swiper-slide h5, .portada h5 {position:absolute; width:auto; height:auto; right:10%; bottom:21%; font-size:clamp(1.15rem, 2.5vw, 2.3rem); font-weight:600; text-transform:uppercase; color:white;}
	  .swiper-slide p span, .portada p span {font-weight:400;}
	  .swiper-slide span {position:absolute; width:auto; height:auto; left:10%; bottom:14%; font-size:clamp(1.15rem, 2.5vw, 2.3rem); font-weight:400; color:white;}
	  .liga {position:absolute; widht:auto; height:auto; bottom:14%; right:10%; padding:0.25rem 1rem; margin:0; font-size:clamp(1.15rem, 2.5vw, 1.25rem); font-weight:600; color:#FFF; border: 2px solid white; text-transform:uppercase; float:left;}
      .liga:hover {background-color:#FFF; color:#333;}
      .slide {width:100%; height:100%;}
	  .swiper-slide img {
        display: block;
        width: auto;
        height: 100%;
        object-fit: contain;
      }
	  
	  .izq {justify-content:start !important;}
	  .der {justify-content:end !important;}
	  .full {width:100% !important; object-fit: cover !important;}
	  
	  
     @media (max-width:35em) {
		 
		#web {display:none;}
	    #mobile {display:block;}
		 
		 .swiper-slide {
        /* Center slide text vertically */
        display: flex;
		flex-direction:row;
        justify-content:end;
        align-items: center;
      }
		 
		 
		.swiper-slide p, .portada p {bottom:21%; left:5%}
		.swiper-slide h5, .portada h5 {bottom:21%; right:5%; width: max-content;}
		.swiper-slide span {bottom:14%; left:5%;}
		.liga {bottom:14%; right:5%;}
		
		.swiper-slide img {
        display: block;
        width: 100% !important;
        height: auto;
        object-fit: contain;
		justify-content:end;
		align-items: center;
      }
	  
	  .izq {justify-content:start !important;}
	  .der {justify-content:end !important;}
	  .full {width:100% !important; height:100% !important; object-fit: cover !important;}
	  
	 }