/*--------------------------------------------------------------
# Programa Frontpage
--------------------------------------------------------------*/

.btv-container-slide-title{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
/*--------------------------------------------------------------
# new estructure card carousel
--------------------------------------------------------------*/

.card-responsive-large2 {
    box-shadow: none;
    background-color: transparent;
    margin-bottom: 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 0 -10px;
  }
  /* tw-shadow-none tw-bg-transparent tw-mb-0 tw-relative tw-overflow-x-hidden tw-overflow-y-hidden tw-whitespace-nowrap tw-mx-[-10px] tw-my-0 */
  .card-responsive-large2 .card-responsive-large-item {
    display: inline-flex;
    float: none;
    min-height: 1px;
    padding: 0 10px;
    margin-bottom: 32px;
  }
  /* tw-inline-flex tw-float-none tw-min-h-[1px] tw-py-0 tw-px-2.5 tw-mb-[32px] */
  .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px;
    display: inline-block;
    width: 300px;
    height: 200px;
    background: #F1F0EB;
    transition: all 300ms ease; /* OJO*/
    float: none;
    white-space: normal;
    text-align: left;
  }
  /* tw-relative tw-bg-cover tw-bg-no-repeat tw-bg-center tw-p-5 tw-inline-block tw-w-[300px] tw-h-[200px] tw-bg-clarbeteve tw-float-none tw-whitespace-normal tw-text-left */
  .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container::before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #000000a3 0%, rgba(0,0,0,0.00) 100%);/* OJO */
  }
  /* before:tw-absolute before:tw-top-0 before:tw-left-0 before:tw-content-[''] before:tw-w-full before:tw-h-full  */
  .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container .card-responsive-large-container-text{
    position: absolute;
    width: 100%;
    padding: 0 15px;
    bottom: 20px;
    left: 0;
  }
  /* tw-w-full tw-absolute tw-py-0 tw-px-[15px] tw-bottom-[20px] tw-left-0 */
  .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container .card-responsive-large-container-text h3{
    position: relative;
    font-size: 18px;
    color: #F1F0EB;
    white-space: initial;
    margin-bottom: 30px;
    line-height: 1.27;
  }
  /* tw-relative tw-text-[18px] tw-text-clarbeteve tw-whitespace-normal tw-mb-[30px] tw-leading-[1.27] */
  .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container .card-responsive-large-container-text a h3:hover{
    color: #F95741;
  }
  /* hover:tw-text-roigbeteve */
  .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container .card-responsive-large-container-text h3::after{
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 90px;
    height: 1px;
    background-color: #F1F0EB;
  }
  /* after:tw-content-[''] after:tw-absolute after:tw-bottom-[-15px] after:tw-left-0 after:tw-w-[90px] after:tw-h-[1px] after:tw-bg-clarbeteve */
  .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container .card-responsive-large-container-text h3:last-of-type::after{
    display: none;
  }
  /* after:tw-hidden */
  .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container .card-responsive-large-container-text p{
    font-size: 28px;
    color: #F95741;
    margin-bottom: 0;
    line-height: 0.9;
    font-family: 'PxGroteskRegular', Fallback, sans-serif;
    font-weight: normal;
  }
  /* tw-text-[28px] tw-text-roigbeteve tw-mb-0 tw-leading-[0.9] tw-font-grotesk tw-font-normal */
  .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container .card-responsive-large-container-text p:hover{
    color: #F1F0EB;
  }
  /* hover:tw-text-clarbeteve */
  @media (max-width: 991.99px) {
    .destacats2{
      margin-top: 45px;
      padding-top: 45px;
    }
    /* max991:tw-mt-[45px] max991:tw-pt-[45px] */
    .card-responsive-large2 .card-responsive-large-item{
      padding: 0 5px;
    }
    /* max-medium:tw-py-0 max-medium:tw-px-[5px] */
    .card-responsive-large2 {
      overflow-x: scroll;
      margin: 0 -5px;
    }
    /* max-medium:tw-overflow-x-scroll max-medium:tw-my-0 max-medium:tw-mx-[-5px] */
    .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container {
      height: 240px;
      width: 240px;
      background-color: #2A3034;
    }
    /* max-medium:tw-h-[240px] max-medium:tw-w-[240px] max-medium:tw-bg-gristemps */
    .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container .card-responsive-large-container-text h3{
      font-size: 14px;
      margin-bottom: 25px;
    }
    /* max-medium:tw-text-[14px] max-medium:tw-mb-[25px] */
    .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container .card-responsive-large-container-text h3:last-of-type{
      margin-bottom: 10px;
    }
    /* last-of-type:max-medium:tw-mb-2.5 */
    .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container .card-responsive-large-container-text h3::after{
      bottom: -16px;
      width: 60px;
    }
    /* after:max-medium:tw-bottom-[-16px] after:max-medium:tw-w-[60px] */
    .card-responsive-large2 .card-responsive-large-item .card-responsive-large-container .card-responsive-large-container-text p{
      font-size: 25px;
    }
    /* max-medium:tw-text-[25px] */
  }

/*--------------------------------------------------------------
# Filter
--------------------------------------------------------------*/

.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 7px;
    background-color: #7b7a7a;
  }
  /* tw-h-2.5 tw-w-2.5 tw-rounded-[50%] tw-inline-block tw-ml-[7px] tw-bg-[#7b7a7a] */
  .dot-special .dot {
    position: absolute;
    right: 15px;
    top: 8px;
  }
  /* tw-absolute tw-right-[15px] tw-top-[8px] */


/*--------------------------------------------------------------
# Programes Page
--------------------------------------------------------------*/

.btv-programa-name-container {
    background-color: #61757E;
    color: #F1F0EB;
    cursor: pointer;
    margin-top: 25px;
    font-size: 35px;
    line-height: 1;
    line-height: 101px;
    margin-right: 15px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
  }/* tw-bg-[#61757E] tw-text-clarbeteve tw-cursor-pointer tw-mt-25px tw-text-[35px] tw-leading-none tw-leading-[101px] tw-mr-15px tw-relative tw-bg-no-repeat tw-bg-cover */
  
  .btv-programa-name-container:before {
    display: block;
    content: '';
    padding-top: 56.25%;
  }/* before:tw-block before:tw-content-vacio before:tw-pt-[56.25%] */
  
  .btv-programa-name-container span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    line-height: 1;
    white-space: initial;
  }/* tw-absolute tw-top-[50%] tw-left-[50px] tw-transform-translate-50 tw-w-full tw-leading-none tw-white-space-initial */
  
  .btv-programa-name-container:hover {
    background-color: #F95741;
  }/* hover:tw-bg-roigbeteve */
  
  @media (min-width: 992px) {
    .btv-programa-name-container {
      font-size: 40px;
      letter-spacing: -1px;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-right: 10px;
    }/* 992:tw-text-[40px] 992:tw--tracking-[1px] 992:tw-mt-10px 992:tw-mb-10px 992:tw-mr-10px */
  }

/*--------------------------------------------------------------
# Temps template
--------------------------------------------------------------*/

.btv-widget-temps-content {
    background-color: #5A6166;
    padding: 15px;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
  }
  
  .btv-submenu-widget-temps-container {
    background-color: #2A3034;
    color: #F1F0EB;
  }
  
  .btv-submenu-widget-temps-container .carousel-grey-date {
    display: inline-block;
  }
  
  .btv-submenu-widget-temps-container .carousel-grey-date p {
    margin-bottom: 0;
  }
  
  .btv-submenu-widget-temps-container .aside-programa-arrows-container {
    top: 5px !important;
  }
  
  .temps-setmana-big{
    max-width: 200px;
    height: 210px;
    position: relative;
    min-height: 1px;
    display: inline-flex;
    margin-right: 15px;
    background-color: #2A3034;
  
  }
  
  .temps-setmana-big.avui{
    background-color: #F95741;
    margin-left: 5px;
  }
  
  .temps-setmana-big.avui .temps-setmana-big-scroll{
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;
  }
  
  .temps-setmana-big.avui .arrows .temps-setmana-big-avui-left{
    width: 12px;
    margin: 0 2px;
    cursor: pointer!important;
  }
  
  .temps-setmana-big.avui .arrows .temps-setmana-big-avui-right{
    width: 12px;
    margin: 0 2px;
    cursor: pointer!important;
  }
  
  .temps-setmana-big.avui .temps-setmana-destacat-container{
    display: inline-flex;
    float: none;
  }
  
  .temps-setmana-big.dema{
    background-color: #FA755E;
  }
  
  .temps-setmana-big.dema .temps-setmana-big-scroll{
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;
  }
  
  .temps-setmana-big.dema .temps-setmana-destacat-container{
    display: inline-flex;
    float: none;
  }
  
  .temps-setmana-big .arrows{
    position: absolute;
    top: 28%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    z-index: 1;
  }
  
  .temps-setmana-big.dema .arrows .temps-setmana-big-dema-left{
    width: 12px;
    margin: 0 2px;
    cursor: pointer!important;
  }
  
  .temps-setmana-big.dema .arrows .temps-setmana-big-dema-right{
    width: 12px;
    margin: 0 2px;
    cursor: pointer!important;
  }
  
  .temps-setmana-big.next-dema{
    background-color: #FA9487;
  }
  
  .temps-setmana-big .temps-setmana-destacat-container{
    padding: 15px;
  }
  
  .temps-setmana-big .temps-setmana-destacat-container .temps-setmana-destacat-dia{
    color: #FA755E;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 15px;
  }
  
  .temps-setmana-big.avui .temps-setmana-destacat-container .temps-setmana-destacat-dia{
    color: #2A3034;
  }
  
  .temps-setmana-big .temps-setmana-destacat-container .temps-setmana-destacat-icon{
    width: 110px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 15px;
  }
  
  .temps-setmana-big .temps-setmana-destacat-container .temps-setmana-destacat-temp{
    position: relative;
    color: #2A3034;
    font-size: 40px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 15px;
    top: -25px;
  }
  
  .temps-setmana-big .temps-setmana-destacat-container .temps-setmana-destacat-temp span{
    position: absolute;
    top: 0;
    font-size: 24px;
    font-weight: bold;
  }
  
  .temps-setmana-big .temps-setmana-destacat-container .temps-setmana-destacat-dia-mini{
    color: #F1F0EB;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }


  @media (max-width: 991.99px){
    .btv-widget-temps-content {
      overflow-x: auto;
    }
  }


  .accordion.card-aside-temps .card{
    border-bottom: 1px solid #CACBCC!important;
    margin-bottom: 0!important;
  }
  
  .accordion.card-aside-temps .card .card-header{
    font-size: 16px;
    line-height: 1.5;
    background-color: #2A3034;
  }
  
  .accordion.card-aside-temps .card a[aria-expanded="true"] .card-header{
    background-color: white;
  }
  
  .accordion.card-aside-temps .card a[aria-expanded="true"] .card-header h5,
  .accordion.card-aside-temps .card a[aria-expanded="true"] .card-header h5 i{
    color: #212529;
  }
  
  .accordion.card-aside-temps .card a[aria-expanded="false"].collapsed .card-header{
    background-color: #2A3034;
  }
  
  .accordion.card-aside-temps .card a[aria-expanded="false"].collapsed .card-header h5,
  .accordion.card-aside-temps .card a[aria-expanded="false"].collapsed .card-header h5 i{
    color: #F1F0EB;
  }
  
  .accordion.card-aside-temps .card h5{
    position: relative;
  }
  
  .accordion.card-aside-temps .card h5,
  .accordion.card-aside-temps .card h5 i{
    font-size: 16px;
    line-height: 1.5;
    color: #F1F0EB;
  }
  
  .accordion.card-aside-temps .card h5 i{
    position: absolute;
    right: 0;
    top: 0;
    transition: all 300ms ease;
    font-size: 20px;
  }
  
  .accordion.card-aside-temps .card a[aria-expanded="true"] .card-header h5 i{
    transform: rotate(180deg);
  }
  
  .accordion.card-aside-temps .card .card-body{
    padding: 0;
  }


  
.card-body-contaminacio {
    padding: 0!important;
  }
  
  .accordion.card-aside-temps .card .card-body .card-aside-temps-header-icon{
    width: 93px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 15px;
  }
  
  .accordion.card-aside-temps .card .card-body .card-aside-temps-header-temp{
    position: relative;
    color: #2A3034;
    font-size: 32px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 15px;
    top: -25px;
  }
  
  .card-aside-temps-header-temp .contaminacio-info {
    font-size: 15px;
  }
  
  .accordion.card-aside-temps .card .card-body .card-aside-temps-features{
    padding: 13.2px 18px;
    border-bottom: 1px solid #CACBCC;
  }
  
  .card-aside-temps-features-header {
    background-color: #e0e0e0;
    padding: 10px 20px!important;
    margin-top: -10px;
  }
  
  .card-aside-temps-features-header > div > div {
    font-size: 16px!important;
  }
  
  .accordion.card-aside-temps .card .card-body .card-aside-temps-features .card-aside-temps-features-1{
    font-size: 14px;
  }
  
  .accordion.card-aside-temps .card .card-body .card-aside-temps-features .card-aside-temps-features-2 img{
    width: 20px;
    display: block;
  }
  
  .card-aside-temps-features-2 > img {
    -webkit-filter: brightness(10%);
    filter: brightness(10%);
  }
  
  .accordion.card-aside-temps .card .card-body .card-aside-temps-features .card-aside-temps-features-3{
    text-align: right;
  
  }
  
  @media (max-width: 991.99px) {
    .accordion.card-aside-temps .card .card-body .card-aside-temps-header-temp{
      font-size: 36px;
    }
  }
  
  @media (min-width: 992px) {
      .accordion.card-aside-temps {
          height: 600px;
      }
  }

  
/* !!! */
  
.previsio{
    position: relative;
    width: 100%;
    height: 600px;
    margin-bottom: 20px;
    background-size: cover;
    background-image: url("/wp-content/themes/beteve/img/meteo/mapa_vegueria_barcelona.png");
  }
  
  
  @media (max-width: 991.99px) {
    .previsio{
      background-repeat: no-repeat;
      background-position: center 24px;
      background-size: contain;
      margin-top: -30px;
      background-image: url("/wp-content/themes/beteve/img/meteo/mapa_vegueria_barcelona_mobile.png");
      position: inherit;
      height: auto;
    }
  }
  
  @media (max-width: 767.99px) {
    .previsio{
      background-position: center 31px;
    }
  }
  
  @media (max-width: 576.99px) {
    .previsio{
      background-position: center 126px;
      margin-top: -126px;
    }
  }
  
  .previsio-card {
    position: relative;
    width: 100%;
    margin: 20px auto;
  }
  
  .previsio .previsio-card{
    position: absolute;
    max-width: 290px;
    left: 30px;
    bottom: 30px;
  }
  
  @media (max-width: 991.99px) {
    .previsio .previsio-card, .previsio-card{
      width: 100%;
      position: inherit;
      max-width: 100%;
    }
  
    .previsio .previsio-card{
      padding-top: 103%;
    }
  }
  
  .previsio-card .previsio-card-header{
    background-color: #F95741;
    padding: 17px;
  }
  
  .previsio-card .previsio-card-header .previsio-card-title{
    color: #EDECE6;
    font-size: 24px;
  }
  
  .previsio-card .previsio-card-header .previsio-card-destacat{
    color: #2A3034;
    font-size: 27px;
    line-height: 1;
    margin-bottom: 14px;
  }
  
  .previsio-card .previsio-card-header .previsio-card-text{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 17px;
  }
  
  .previsio-card .previsio-card-autor{
    background-color: #FFF;
    color: #2A3034;
    padding: 4px 20px;
    font-size: 20px;
    line-height: 26px;
  }
  
  .previsio-card .previsio-card-adress{
    background-color: #2A3034;
    color: #EDECE6;
    padding: 6px 20px;
    font-size: 14px;
    line-height: 17px;
  }
  
  @media (max-width: 991.99px) {
    .previsio-card .previsio-card-header{
      padding: 15px;
    }
    .previsio-card .previsio-card-header .previsio-card-title{
      font-size: 18px;
      margin-bottom: 16px;
    }
    .previsio-card .previsio-card-header .previsio-card-destacat{
      font-size: 27px;
    }
  }
  


  
.arrows-previsio{
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: auto;
    z-index: 999;
  }
  
  .arrows-previsio .arrows-previsio-left{
    width: 12px;
    margin: 0 2px;
    cursor: pointer!important;
    float: right;
  }
  
  .arrows-previsio .arrows-previsio-right{
    width: 12px;
    margin: 0 2px;
    cursor: pointer!important;
    float: right;
  }
  
  @media (max-width: 991.99px){
    .arrows-previsio{
      top: 200px;
    }
  }


  .temps-participacio{
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #FF563F;
  }
  
  .temps-participacio h3{
    font-size: 48px;
    color: white;
  }
  
  @media (max-width: 991.99px){
    .temps-participacio h3{
      font-size: 24px;
    }
  }
  
  .temps-participacio::before{
    display: block;
    content: '';
    padding-top: 56.25%;
  }
  
  .temps-participacio .info{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  
.temps-video{
    padding: 26px;
    width: 100%;
    display: inline-block;
    background-color: #FFFFFF;
    margin-bottom: 20px;
  }
  
  .temps-video h3{
    color: #2A3034;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  
  .temps-video p{
    opacity: 0.4;
    color: #2A3034;
    font-size: 12px;
    line-height: 23px;
    margin: 0;
  }
  
  @media (max-width: 767.99px){
    .temps-video h3{
      font-size: 14px;
      line-height: 1.3;
      margin-bottom: 10px;
    }
  }

  
.barcelona360{
    margin-top: 45px;
    padding-top: 45px;
    position: relative;
  }
  
  .barcelona360::before{
    content: '';
    width: 100%;
    height: 150px;
    position: absolute;
    top: 0;
    background-color: #F95741;
    z-index: -1;
  }
  
  .barcelona360 .barcelona360-map{
    position: relative;
    width: 100%;
    height: 690px;
    background-color: grey;
    margin-bottom: 20px;
  }
  
  .barcelona360 .barcelona360-map .barcelona360-map-card-interest{
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 300px;
    background-color: #F1F0EB;
  }
  
  .barcelona360 .barcelona360-map .barcelona360-map-card-interest .barcelona360-map-card-interest-header{
    width: 100%;
    height: 170px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #979797;
  }
  
  .barcelona360 .barcelona360-map .barcelona360-map-card-interest .barcelona360-map-card-interest-body{
    position: relative;
    padding: 20px;
    height: 160px;
    color: #2A3034;
    background-color: white;
  }
  
  .barcelona360 .barcelona360-map .barcelona360-map-card-interest .barcelona360-map-card-interest-body h3{
    font-size: 24px;
    line-height: 26px;
    margin: 0;
    margin-bottom: 3px;
  }
  
  .barcelona360 .barcelona360-map .barcelona360-map-card-interest .barcelona360-map-card-interest-body p{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 3px;
  }
  
  .barcelona360 .barcelona360-map .barcelona360-map-card-interest .barcelona360-map-card-interest-body p.date{
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: rgba(32,36,39,0.49);
    font-size: 12px;
    line-height: 25px;
  }

.prediccio-mapa-icon {
    width: 50px;
    position: absolute;
  }


  img.prediccio-penedes-icon {
    top: 0;
    left: 0;
  }
  
  img.prediccio-baixllo-icon {
    left: 0;
    top: 0;
  }
  
  img.prediccio-bar-icon {
    left: 0;
    top: 0;
  }
  
  img.prediccio-gar-icon {
    left: 0;
    top: 0;
  }
  
  img.prediccio-mar-icon {
    left: 0;
    top: 0;
  }
  
  img.prediccio-valloc-icon {
    left: 0;
    top: 0;
  }
  
  img.prediccio-vallor-icon {
    left: 0;
    top: 0;
  }

  

#temperatures-penedes-info {
    top: 175px;
    left: 60px;
    z-index: 999;
  }
  
  #temperatures-baixllo-info {
    top: 195px;
    left: 160px;
    z-index: 999;
  }
  
  #temperatures-bar-info {
    top: 180px;
    left: 225px;
    z-index: 999;
  }
  
  #temperatures-gar-info {
    top: 260px;
    left: 85px;
    z-index: 999;
  }
  
  #temperatures-mar-info {
    top: 100px;
    left: 220px;
    z-index: 999;
  }
  
  #temperatures-valloc-info {
    top: 100px;
    left: 200px;
    z-index: 999;
  }
  
  #temperatures-vallor-info {
    top: 45px;
    left: 230px;
    z-index: 999;
  }
  
  @media (min-width: 575.98px) and (max-width: 992px) {
    .prediccio-mapa-icon {
      width: 70px;
      position: relative;
    }
  
    img.prediccio-penedes-icon {
      left: 70px;
      top: 215px;
    }
  
    img.prediccio-baixllo-icon {
      left: 100px;
      top: 240px;
    }
  
    img.prediccio-bar-icon {
      left: 120px;
      top: 230px;
    }
  
    img.prediccio-gar-icon {
      left: -120px;
      top: 290px;
    }
  
    img.prediccio-mar-icon {
      left: 70px;
      top: 140px;
    }
  
    img.prediccio-valloc-icon {
      left: -160px;
      top: 135px;
    }
  
    img.prediccio-vallor-icon {
      left: -140px;
      top: 80px;
    }
  
    #temperatures-penedes-info {
      top: 175px;
      left: 60px;
      z-index: 999;
    }
  
    #temperatures-baixllo-info {
      top: 195px;
      left: 160px;
      z-index: 999;
    }
  
    #temperatures-bar-info {
      top: 180px;
      left: 225px;
      z-index: 999;
    }
  
    #temperatures-gar-info {
      top: 260px;
      left: 85px;
      z-index: 999;
    }
  
    #temperatures-mar-info {
      top: 100px;
      left: 220px;
      z-index: 999;
    }
  
    #temperatures-valloc-info {
      top: 100px;
      left: 200px;
      z-index: 999;
    }
  
    #temperatures-vallor-info {
      top: 45px;
      left: 230px;
      z-index: 999;
    }
  
  }
  
  @media (min-width: 992px) and (max-width: 1300px) {
    .prediccio-mapa-icon {
      width: 70px;
      position: relative;
    }
  
    img.prediccio-penedes-icon {
      left: 335px;
      top: 325px;
    }
  
    img.prediccio-baixllo-icon {
      left: 360px;
      top: 330px;
    }
  
    img.prediccio-bar-icon {
      left: 380px;
      top: 330px;
    }
  
    img.prediccio-gar-icon {
      left: 150px;
      top: 390px;
    }
  
    img.prediccio-mar-icon {
      left: 320px;
      top: 255px;
    }
  
    img.prediccio-valloc-icon {
      left: 100px;
      top: 235px;
    }
  
    img.prediccio-vallor-icon {
      left: 120px;
      top: 200px;
    }
  
    #temperatures-penedes-info {
      top: 310px;
      left: 400px;
    }
  
    #temperatures-baixllo-info {
      top: 300px;
      left: 450px;
    }
  
    #temperatures-bar-info {
      top: 295px;
      left: 370px;
    }
  
    #temperatures-gar-info {
      top: 360px;
      left: 380px;
    }
  
    #temperatures-mar-info {
      top: 230px;
      left: 455px;
    }
  
    #temperatures-valloc-info {
      top: 200px;
      left: 480px;
    }
  
    #temperatures-vallor-info {
      top: 195px;
      left: 650px;
    }
  }
  
  @media (min-width: 1301px) {
    .prediccio-mapa-icon {
      width: 70px;
      position: relative;
    }
  
    img.prediccio-penedes-icon {
      left: 385px;
      top: 355px;
    }
  
    img.prediccio-baixllo-icon {
      left: 420px;
      top: 385px;
    }
  
    img.prediccio-bar-icon {
      left: 450px;
      top: 360px;
    }
  
    img.prediccio-gar-icon {
      left: 195px;
      top: 430px;
    }
  
    img.prediccio-mar-icon {
      left: 400px;
      top: 265px;
    }
  
    img.prediccio-valloc-icon {
      left: 160px;
      top: 265px;
    }
  
    img.prediccio-vallor-icon {
      left: 180px;
      top: 220px;
    }
  
    #temperatures-penedes-info {
      top: 340px;
      left: 420px;
    }
  
    #temperatures-baixllo-info {
      top: 350px;
      left: 520px;
    }
  
    #temperatures-bar-info {
      top: 350px;
      left: 650px;
    }
  
    #temperatures-gar-info {
      top: 410px;
      left: 430px;
    }
  
    #temperatures-mar-info {
      top: 230px;
      left: 715px;
    }
  
    #temperatures-valloc-info {
      top: 240px;
      left: 545px;
    }
  
    #temperatures-vallor-info {
      top: 195px;
      left: 650px;
    }
  }

  
.btv-meteo-camera-temps {
    font-size: 25px;
    color: #F95741;
    bottom: 20px;
    position: absolute;
}

@media (min-width: 992px){
    .btv-meteo-camera-temps {
        font-size: 28px;
    }
}

.btv-meteo-video-title {
    font-size: 28px!important;
    color: #2A3034;
}

.btv-meteo-vide-date {
    font-size: 21px;
    color: #898989;
    margin-top: 55px;
}

.btv-meteo-video-content {
    margin-bottom: 20px;
}

@media (min-width: 992px){
    .btv-meteo-vide-date {
        font-size: 12px;
        margin-top: 0;
        position: absolute;
        bottom: 0;
    }

    .btv-meteo-video-content {
        height: 620px;
    }
}

#btv-meteo-video-container {
    height: 50%;
}

@media (min-width: 992px){
    #btv-meteo-video-container {
        height: 520px
    }

}

@media (min-width: 992px){
    .btv-meteo-aside-card {
        height: 497px;
    }
}

.btv-meteo-llegenda-contaminacio-text {
    font-size: 12px;
}

@media (max-width: 991.99px){
    .btv-meteo-video-body {
        margin-top: 10%;
    }

    .btv-image-noticia-principal-temps {
        height: 250px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.btv-noticia-principal-temps {
    height: 100%;
    background-color: white;
}

@media (min-width: 992px){
    .btv-info-video-noticia-principal {
        height: 100px;
        position: absolute;
        padding: 15px;
    }

    .btv-image-noticia-principal-temps {
        height: 100%;
        background-size: cover;
    }
}

.aside-box-red .noticies-container .noticie-minut:not(:last-child)::after{
    position: absolute;
    content: '';
    bottom: -15px;
    left: 0;
    width: 85px;
    height: 1px;
    background-color: #F1F0EB;
    opacity: 0.4;
  }

  .card-carousel-grey .card-carousel-item:first-child .card-carousel-item-container{
    background-color: #2A3034;
  }/* first:tw-bg-gristemps */

  
h4.btv-modul-mapa > a {
    color: #F1F0EB;
  }/* tw-text-clarbeteve */
  
  p.btv-modul-mapa > a {
    color: #2A3034;
  }/* tw-text-gristemps */
  
  .btv-modul-mapa-info-container {
      height: 300px;
      width: 300px;
      background-color: white;
      position: relative;
      left: 330px;
      top: 240px;
  }/* tw-h-[300px] tw-w-[300px] tw-bg-white tw-relative tw-left-[330px] tw-top-[240px] */
  
  #barcelona360-info-card-dreta {
      left: 930px;
  }
  
  .btv-modul-mapa-info-container .barcelona360-map-card-interest-header{
    width: 100%;
    height: 170px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #979797;
  }/* tw-w-full tw-h-[170px] tw-bg-cover tw-bg-no-repeat tw-bg-center tw-bg-[#979797] */
  
  .btv-modul-mapa-info-container .barcelona360-map-card-interest-body{
    position: relative;
    padding: 20px;
    height: 160px;
    color: #2A3034;
    background-color: white;
  }/* tw-relative tw-p-20px tw-h-[160px] tw-text-gristemps tw-bg-white */
  
  .btv-modul-mapa-info-container .barcelona360-map-card-interest-body a h3{
    font-size: 24px;
    line-height: 26px;
    margin: 0;
    margin-bottom: 3px;
    position: absolute;
    color: #2A3034;
  }/* tw-text-[24px] tw-leading-[26px] tw-m-0 tw-mb-[3px] tw-absolute tw-text-gristemps */
  
  .btv-modul-mapa-info-container .barcelona360-map-card-interest-body p.date{
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: rgba(32,36,39,0.49);
    font-size: 12px;
    line-height: 25px;
  }/* tw-absolute tw-bottom-20px tw-left-20px tw-text-[rgba(32,36,39,0.49)] tw-text-[12px] tw-leading-[25px] */

  
/*--------------------------------------------------------------
# Author Frontpage
--------------------------------------------------------------*/

.ad-beteve {
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #2b3034;
    display: table;
  }/* tw-relative tw-my-0 tw-mx-auto tw-mb-20px tw-bg-[#2b3034] tw-table */
  
  .ad-beteve.ad-beteve-90 {
    margin-bottom: 64px;
  }/* tw-mb-[64px] */
  
  .ad-beteve::before {
    content: 'publicitat';
    text-align: center;
    color: #F1F0EB;
    padding: 14px;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #2A3034;
  }/* before:tw-content-publicitat before:tw-text-center before:tw-text-clarbeteve before:tw-p-14px before:tw-text-[14px] before:tw-leading-none before:tw-absolute before:tw-bottom-0 before:tw-left-0 before:tw-w-full before:tw-bg-gristemps */
  
  .ad-beteve.ad-beteve-90::before {
    bottom: -42px;
  }/* before:tw--bottom-[42px] */

  
.ad-portada-small, .ad-portada-big {
    margin-bottom: 20px;
  }/* tw-mb-20px */
  
  @media (min-width: 1300px){
    .ad-portada-big {
      display: table;
    }/* 1300:tw-table */
  
    .ad-portada-small {
      display: none;
    }/* 1300:tw-hidden */
  
    .ad-portada-mobile-only {
      display: none;
    }/* 1300:tw-hidden */
  
  }
  
  @media (max-width: 1299.99px){
    .ad-portada-big {
      display: none;
    }/* max1299:tw-hidden */
  
    .ad-portada-small {
      display: table;
    }/* max1299:tw-table */
  
    .ad-portada-mobile-only {
      display: none;
    }/* max1299:tw-hidden */
  
  }
  
  @media (max-width: 991.99px){
    .ad-portada-mobile-only {
      display: table;
    }/* max991:tw-table */
    .ad-portada-small {
      margin-left: auto;
      margin-right: auto;
    }/* max991:tw-ml-auto max991:tw-mr-auto */
  }

  
.arrows-slider{
    z-index: 1;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
  
  .arrows-slider__left,
  .arrows-slider__right{
    position: absolute;
    width: 30px;
    cursor: pointer;
  }
  
  @media (min-width: 992px) {
    .arrows-slider__left,
    .arrows-slider__right{
      width: 50px;
    }
  }
  
  .arrows-slider__left{
    left: 30px;
  }
  
  .arrows-slider__right{
    right: 30px;
  }

  
.cerca-slider{
    background: none;
    border: none;
    margin-left: -1px;
    font-size: 40px;
    letter-spacing: 0.74px;
    line-height: 1.1;
    color: #fff;
  }
  
  .content-slider-programacio-links > h4, .content-slider-programacio-links > a {
    margin-right: 10px;
    margin-left: 10px;
  }
  
  @media (max-width: 767.99px) {
    .content-slider-programacio-links {
      margin-top: 30px;
    }
  }
  
  .punts-slider{
    z-index: 1;
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }

.punt-carousel {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
  }
  
  .punt-carousel-on {
    background-color: #F95741;
  }
  
  .punt-carousel-off {
    background-color: #F1F0EB;
  }
  
  .container-custom-btv-slider-programes h3 {
    font-size: 21px;
  }