/* external css: flickity.css */

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
  background: #EEE;
  background-color: rgba(255, 0, 0, 0);
  height: 360px;
}

.carousel-cell {
  width: 285px;
  height: 400px;
  margin-right: 35px;
  background: rgb(0 123 255 / 50%);
  border-radius: 10px;
  counter-increment: carousel-cell;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.flickity-slider {}

/* IMAGENES EN MODO CELULAR */
.bann-one {background-image: url("banners/princp/one.png");filter: blur(3px);opacity: 0.7;}
.bann-two {background-image: url("banners/princp/two.png");filter: blur(3px);opacity: 0.7;}
.bann-tre {background-image: url("banners/princp/tre.png");filter: blur(3px);opacity: 0.7;}
.bann-fou {background-image: url("banners/princp/fou.png");filter: blur(3px);opacity: 0.7;}
.bann-fiv {background-image: url("banners/princp/fiv.png");filter: blur(3px);opacity: 0.7;}

@media screen and (min-width: 480px) {

  .carousel-cell {height: 400px; width: 1020px;margin-right: 100px;}
  .carousel-cell:before {line-height: 200px;}

  .bann-one {background-image: url("banners/princp/onepc.png");filter: blur(3px);opacity: 0.7;}
  .bann-two {background-image: url("banners/princp/twopc.png");filter: blur(3px);opacity: 0.7;}
  .bann-tre {background-image: url("banners/princp/trepc.png");filter: blur(3px);opacity: 0.7;}
  .bann-fou {background-image: url("banners/princp/foupc.png");filter: blur(3px);opacity: 0.7;}
  .bann-fiv {background-image: url("banners/princp/fivpc.png");filter: blur(3px);opacity: 0.7;}

}

.is-selected {
  filter: blur(0px);
  opacity: 1;
}

.wide {
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}

.top {
  margin-top: 5px;
}