Plantilla:Portada/styles.css

  .caixa-flex {
   display:flex;
   flex-wrap:wrap;
   flex-direction:row;
   min-width:100%
  }

  .reqport {
   box-shadow:0 0 0.3rem #999;
   padding:10px;
   margin-bottom:10px;
   flex:1 1 0
  }
  .imatge-dreta {
   position:relative;
   overflow:hidden;
   max-width:98%;
   min-width:98%;
   height:10vh;
   width:98%;
   display:inline-block;
   object-fit:contain
  }
  .imatge-dreta img {
   display:block;
   position:absolute;
   vertical-align:top;
   max-width:100%;
   min-height:10vh;
   height:auto;
   width:auto;
   object-fit:cover
  }
  .mf-mobile-only {
   display:none
  }
  * {
   margin:0
  }
  .portada-slider {
   overflow:hidden;
   width:100%;
   max-width:1024px;
   height:100%;
   min-height:30vh;
   min-width:350px;
  }
  .portada-slider ul {
   width:100%;
   margin:0;
   padding:0;
   display:table;
   table-layout:fixed;
   height: 100%;
  }
  .portada-slider ul li {
   display:table-cell;
   vertical-align:top;
   position:relative;
   width:33.33333%;
   height:100%;
   transition:all 1000ms ease
  }
  .portada-slider-div-contingut {
   overflow:hidden;
   width:100%;
   height:100%;
   position:absolute;
   top:0;
  }
  .portada-slider-contingut {
   display:block;
   height:100%;
   width:100%;
   position:relative;
   z-index:3;
   padding:15px 20px;
   box-sizing:border-box;
   color:#fff
  }
  .portada-slider-contingut * {
   opacity:0;
   margin:0;
   width:100%;
   position:relative
  }
  .portada-slider-titol {
   font-size:150%;
   font-weight:bold;
   margin-bottom:2px;
   top:2px
  }
  .portada-slider-descripcio {
   top:2px;
   font-size:13.5px
  }

  .portada-imatge {

  }
  .portada-imatge img {
   position:absolute;
   display:block;
   width:100%;
   min-width:auto;
   height:auto;
   min-height:100%;
   object-fit:cover;
   margin:0
  }
  .portada-slider ul:hover li {
   width:10%
  }
  .portada-slider ul:hover li:hover {
   width:60%
  }
  .portada-slider ul:hover li:hover .portada-slider-contingut {
   background:rgba(0,0,0,0.7)
  }
  .portada-slider ul:hover li:hover .portada-slider-contingut * {
   opacity:1
  }