@media (max-width: 767px) {
  .fpca_llista_graficDestacat ul {
    padding-left: 0px; }
  .fpca_llista_graficDestacat li.opcion5 {
    padding: 0px 15px; }
  .fpca_llista_graficDestacat h2 {
    padding-left: 15px; }
}

.fpca_llista_graficDestacat li.opcion5 h2 {
  font-size: 1.875rem;
  font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0.629em;
  margin-left: 10px; }
  
  .fpca_llista_graficDestacat ul.opcion5 {
  padding-left: 0; }
  
  .fpca_llista_graficDestacat li.opcion5 ul {
  padding-left: 0; }
  .fpca_llista_graficDestacat li.opcion5 ul li {
    padding-left: 0; }

    .fpca_llista_graficDestacat .graficDestacat_generic ul li.opcion5 a:focus{
        text-decoration: none;
        outline-offset: 3px;
    }
.fpca_llista_graficDestacat li.opcion5 .trama {
  background-image: url("../img/color-efectes-trama-transparent-70.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%; }

.fpca_llista_graficDestacat li.opcion5 a:hover {
  text-decoration: none !important; }
  .fpca_llista_graficDestacat li.opcion5 a:hover .h3 {
    text-decoration: none; }
.fpca_llista_graficDestacat li.opcion5 a:hover .h3 span {
    text-decoration: underline; }  
    
.fpca_llista_graficDestacat li.opcion5 ul ol a:focus {
    outline-offset: 2px;
}

.fpca_llista_graficDestacat li.opcion5 a::after {
  content: none !important; }

.fpca_llista_graficDestacat li.opcion5 .baner_destacat {
  background: linear-gradient(229deg, #e10000 44%, #c00000 80%);
  transform: translateZ(0) scale(1, 1) perspective(1px);
  margin-bottom: 16px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
  will-change: transform; }
  .fpca_llista_graficDestacat li.opcion5 .baner_destacat:hover {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
  .fpca_llista_graficDestacat li.opcion5 .baner_destacat .trama {
    opacity: 0.8; }
  .fpca_llista_graficDestacat li.opcion5 .baner_destacat .baner-content {
    padding: 1.375em 1.5em;
    position: relative;
    z-index: 999; }
    .fpca_llista_graficDestacat li.opcion5 .baner_destacat .baner-content .h3 {
      font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif;
      font-size: 20px;
      color: #fff;
      margin: 0 0 0px 0;
      line-height: 28px; }
      .fpca_llista_graficDestacat li.opcion5 .baner-content .h3 + span {
          margin-right: 5px;
      }
	 
      @media (max-width: 767px) {
        .fpca_llista_graficDestacat li.opcion5 .baner_destacat .baner-content .h3 {
          font-size: 18px; } }
  .fpca_llista_graficDestacat li.opcion5 .baner_destacat .description {
    color: #fff;
    font-size: 16px;
    font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
    margin: 8px 0 0px 0;
    display: block; }
	.fpca_llista_graficDestacat li.opcion5 .baner_destacat .description:after {
	  content: none !important;
	}
  .fpca_llista_graficDestacat li.opcion5 .baner_destacat .data {
    color: #fff;
    font-size: 13px;
    font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
    margin: 8px 0 0px 0;
    display: block; }
  .fpca_llista_graficDestacat li.opcion5 .baner_destacat .arrow-bg {
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    bottom: 0; }
    .fpca_llista_graficDestacat li.opcion5 .baner_destacat .arrow-bg .arrow {
      background-image: url("../img/icon-ui-chevron-down-small-w.svg");
      background-repeat: no-repeat;
      background-position: center;
      position: relative;
      right: 27px;
      bottom: 27px;
      height: 24px;
      width: 24px;
      display: inline-block; }

.fpca_llista_graficDestacat li.opcion5 .baner_gray {
  background: #f8f8f8;
  margin-bottom: 16px;
  transform: translateZ(0) scale(1, 1) perspective(1px);
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
  will-change: transform; }
  .fpca_llista_graficDestacat li.opcion5 .baner_gray:hover {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
    .fpca_llista_graficDestacat li.opcion5 .baner_gray:hover .arrow-bg {
      border-right: 27px solid #900000;
      border-bottom: 27px solid #900000; }
  .fpca_llista_graficDestacat li.opcion5 .baner_gray .baner-content {
    padding: 1.375em 1.5em;
    position: relative;
    z-index: 999; }
    .fpca_llista_graficDestacat li.opcion5 .baner_gray .baner-content .h3 {
      font-family: 'OpenSansSemibold', Helvetica, Arial, sans-serif;
      font-size: 20px;
      color: #333333;
      margin: 0 0 0px 0;
      line-height: 28px; }
      @media (max-width: 767px) {
        .fpca_llista_graficDestacat li.opcion5 .baner_gray .baner-content .h3 {
          font-size: 18px; } }
  .fpca_llista_graficDestacat li.opcion5 .baner_gray .trama {
    opacity: 0.5; }
  .fpca_llista_graficDestacat li.opcion5 .baner_gray .description {
    color: #333333;
    font-size: 16px;
    font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
    margin: 8px 0 0px 0;
    display: block; }
    .fpca_llista_graficDestacat li.opcion5 .baner_gray .description:after {
      content: none !important;
    }
  .fpca_llista_graficDestacat li.opcion5 .baner_gray .data {
    color: #333333;
    font-size: 13px;
    font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
    margin: 8px 0 0px 0;
    display: block; }
  .fpca_llista_graficDestacat li.opcion5 .baner_gray .arrow-bg {
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    border-left: 27px solid transparent;
    border-top: 27px solid transparent;
    border-right: 27px solid #c00000;
    border-bottom: 27px solid #c00000; }
    .fpca_llista_graficDestacat li.opcion5 .baner_gray .arrow-bg .arrow {
      background-image: url("../img/icon-ui-chevron-down-small-w.svg");
      background-repeat: no-repeat;
      background-position: center;
      position: relative;
      right: 0px;
      bottom: 0px;
      height: 24px;
      width: 24px;
      display: inline-block; }