@import url('https://css.rtve.es/css/rtve.2026/rtve.alertas/rtve.rtveplay-portadas.alert.desktp.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/** ALERTAS *************************************/
/************************************************/
.rtveAlert .ico.close {position:absolute;right: 0;padding: 1rem;top: -0.6rem;}
body.rtveplay.portada .rtveAlert.countDownBenidormFest .ico.close {right: 1.6rem;}
.rtveAlert .ico.close .rtve-icons {width:2.5rem;height:2.5rem;display:block;padding-top:4rem;background: url('https://css.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close.svg') no-repeat 50% 0;font-size:1.3rem;display:flex;justify-content:center;letter-spacing:0.25pt;color:transparent;transition:color 0.3s;cursor:pointer;}

.container[data-tipo="mod_htmlLibre"]:has(.rtveAlert) {z-index:2}

body.rtveplay:has(#mainNav .blindBox.be_on) .rtveAlert.countDownBenidormFest {z-index: -1;opacity: 0;}
body.rtve .rtveAlert.countDownBenidormFest,body.rtveplay.portada .rtveAlert.countDownBenidormFest {width:100%;overflow: hidden;height:10rem;background: #f9043f;padding:0.8rem 0 1.2rem 0;background: url('https://css.rtve.es/css/rtve.2026/rtve.alertas/i/benidorm-fest/desktop/img_desktop_main.png') no-repeat #f9043f;background-size: 72rem;background-position: 50% 50%;position: relative;}
body.rtve .rtveAlert.countDownBenidormFest.estreno, body.rtveplay.portada .rtveAlert.countDownBenidormFest.estreno {background: url('https://css.rtve.es/css/rtve.2026/rtve.alertas/i/benidorm-fest/desktop/img_desktop_main_after.png') no-repeat #f9043f;background-size: 72rem;background-position: 50% 50%;}
body.rtveplay.portada .rtveAlert.countDownBenidormFest .container {max-width: 140rem;}
body.rtve .rtveAlert.countDownBenidormFest .container ,body.rtveplay.portada .rtveAlert.countDownBenidormFest .container{display: flex;align-items: center;position: static;}

.rtveAlert.countDownBenidormFest .txtBox {display: flex;flex-flow: column;position: relative;padding-left: 1.6rem;flex: 1;}
.rtveAlert.countDownBenidormFest .txtBox p {font-size: 1.4rem;line-height: 2.8rem;color: #fff;font-weight: 300;}
.rtveAlert.countDownBenidormFest .txtBox p .date-final, .rtveAlert.countDownBenidormFest .txtBox .titleBox .txt, .rtveAlert.countDownBenidormFest .txtBox .titleBox .hash, .rtveAlert.countDownBenidormFest .txtBox .titleBox .dateBox { display: none;}
.rtveAlert.countDownBenidormFest .txtBox .available {font-size: 1.5rem;font-weight: 700;font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 900; font-style: normal;}

.rtveAlert.countDownBenidormFest .txtBox .maintitle {font-family: 'Roboto', 'arial', sans-serif;color: transparent;background: url('https://css.rtve.es/css/rtve.2026/rtve.alertas/i/benidorm-fest/desktop/logo.png') no-repeat;background-size:contain;width:24rem;height: 5.2rem;margin: 0 0 0.4rem 0;display: block;}

.rtveAlert.countDownBenidormFest .container .auxBox {margin: 0;justify-self: flex-end;display: flex;padding:0.6rem 0;margin-right: 7rem;height: 100px;margin-top: -8px;flex-direction: column;justify-content: center;background-color: #f9043f;}
.rtveAlert.countDownBenidormFest .container .auxBox .final {display: inline-block; font-size: 1.5rem; margin-top: -0.8rem;margin-left: 0.8rem;font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 900; font-style: normal;color: #fff;}
.rtveAlert.countDownBenidormFest .auxBox p {color:#fff;padding:0;font-weight:400;font-family:'Roboto',san-serif;font-size:1.8rem;line-height:2.4rem;}
.rtveAlert.countDownBenidormFest .rtve-icons.rtveplay {color: transparent;background: url('https://css.rtve.es/css/rtve.2021/i/rtve-logos/logo_rtveplay_2025_ffffff.svg') no-repeat;height: 2.2rem;display: inline-block;width: 8.3rem;position: relative;top: 0.3rem;margin-left: 0.3rem;}
.rtveAlert.countDownBenidormFest .rtve-icons.la-1 {color: transparent;background: url('https://css.rtve.es/css/rtve.directos/logos_cadenas/tv-la1_nac.svg') no-repeat;height: 1.6rem;display: inline-block;width: 0.8rem;position: relative;top: 0.6rem;}

.rtveAlert.countDownBenidormFest .txtBox picture,.rtveAlert.countDownBenidormFest h2 {display: none;}

/*boton*/
.rtveAlert .buttonBox a { padding: 0.8rem 1.2rem; border: 0.1rem solid #fff; border-radius: 0.4rem; font-size: 1.2rem; line-height: 2rem; font-weight: 300; text-transform: uppercase; letter-spacing: 0.5pt; color: #fff; }

/* countdown */
.rtveAlert.countDownBenidormFest .CountDown{margin:0;}
.rtveAlert.countDownBenidormFest .CountDown,.rtveAlert .CountDown p {display: flex;flex-flow: row;text-align: center;}
.rtveAlert.countDownBenidormFest .CountDown * {font-size: 3.2rem;line-height:4rem;color:#fff;font-weight:100;text-decoration: none;font-style: normal;}
.rtveAlert.countDownBenidormFest .CountDown span{display: flex;flex-flow: column;min-width:4.8rem;}
.rtveAlert.countDownBenidormFest .CountDown span abbr{line-height: 1rem;font-weight: 300;}
.rtveAlert.countDownBenidormFest .CountDown .segundos {width: 3.5rem;}
.rtveAlert.countDownBenidormFest .CountDown span em {display: flex;flex-flow: column;}
.rtveAlert.countDownBenidormFest .CountDown span abbr:after{content: 'd\0000EDas';color: #fff;font-weight: 600;text-decoration: none;font-style: normal;font-size: 1.3rem;line-height: 1rem;text-transform: uppercase;letter-spacing: 0.4pt;}
.rtveAlert.countDownBenidormFest .CountDown abbr[title="horas"]:after{content: 'horas';}
.rtveAlert.countDownBenidormFest .CountDown abbr[title="minutos"]:after{content: 'min';}
.rtveAlert.countDownBenidormFest .CountDown abbr[title="segundos"]:after{content: 'seg';}

@media only screen  and (max-width:1600px){
    .rtveAlert.countDownBenidormFest .auxBox p{font-size: 1.6rem;}
}


@media only screen and (max-width:1200px){
    .rtveAlert.countDownBenidormFest .txtBox {padding-left: 0;}
    
    .rtveAlert.countDownBenidormFest .auxBox p{font-size: 1.6rem;line-height:2rem;}
    .rtveAlert.countDownBenidormFest .botones-alerta span {font-size:1.6rem;line-height:2rem;padding:0.5rem 1rem;}
    .rtveAlert.countDownBenidormFest .CountDown *{font-size:2.4rem;line-height:3rem;}
}
@media only screen and (max-width:1000px){
   .rtveAlert.countDownBenidormFest a {width:100%;max-width:98rem;}
}
@media only screen and (max-width:960px){
    .rtveAlert.countDownBenidormFest .auxBox p{font-size: 1.2rem;line-height:1.6rem;}
    .rtveAlert.countDownBenidormFest .CountDown *{font-size:1.8rem;line-height:2.2rem;}
    .rtveAlert.countDownBenidormFest .CountDown {margin: 0 0.8rem;}
}
@media only screen and (max-width:650px){

    .rtveAlert.countDownBenidormFest .CountDown * {font-size: 1.6rem;}
    /* sin texto */
    .rtveAlert.countDownBenidormFest .txtBox .auxBox p {display: none;}
    .rtveAlert.countDownBenidormFest .txtBox .auxBox .CountDown p {display: flex;}
}

/* ancho como container */
.rtveAlert.countDownBenidormFest .container{width:118rem}
@media only screen and (max-width: 1259px) {.rtveAlert.countDownBenidormFest .container {width: 100%;}}
@media only screen and (min-width: 1260px) {.rtveAlert.countDownBenidormFest .container {width: 104.4rem;}}
@media only screen and (min-width: 1400px) {.rtveAlert.countDownBenidormFest .container{width:140rem}
body.rtveplay.portada .rtveAlert.countDownBenidormFest .container {width: 140rem;}}