@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=Montserrat:wght@100..900&display=swap');

.rtveAlert.countDown.nations-league picture {display: none;}
.rtveAlert .ico.close {position:absolute;right: 0;padding: 1rem;top: -0.6rem;}
.rtveAlert.countDown.nations-league .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;}

.rtveAlert.countDown.nations-league.ghost {height: 0;padding: 0;}
body.rtveplay:has(#mainNav .blindBox.be_on) .rtveAlert.countDown.nations-league {z-index: -1;opacity: 0;}
body.rtveplay .container[data-tipo="mod_htmlLibre"]:has(.rtveAlert) > section .rowContainer:only-child {padding-top:0;}
.rtveAlert.countDown.nations-league, .rtveAlert.countDown.nations-league {width:100%;overflow: hidden;height:10rem;background: #1d2742;padding:0;background: url('https://css.rtve.es/css/rtve.2026/rtve.alertas/i/nations-league/img_desktop_main.png') no-repeat  #1d2742 ;background-position:50% 50%;position: relative;background-size: contain;}

.rtveAlert.countDown.nations-league .container , .rtveAlert.countDown.nations-league .container{position:static;display:flex;align-items: center;justify-content: space-between;height: 100%;}

.rtveAlert.countDown.nations-league .container:not(:has(.CountDown)) .txtBox p.txt.claim {font-size: 3.2rem; font-weight: 600; top: 3rem; right: 5%;}
.rtveAlert.countDown.nations-league .txtBox {display: flex;flex-flow: column;position:relative;flex:1;height: 100%;gap: 0.8rem;}
.rtveAlert.countDown.nations-league .txtBox p {font-size: 1.4rem;line-height: 2.8rem;color: #fff;font-weight: 400;max-width: 35rem;display: inline-block;}
.rtveAlert.countDown.nations-league .txtBox p.txt {position: absolute;right: -12.4%;top: 6rem;letter-spacing: 0.96px;text-transform: uppercase;}
.rtveAlert.countDown.nations-league h2 {color:transparent;background: url('https://css.rtve.es/css/rtve.2026.deportes/uefa-nations-league-TE_SUENALE/i/logo.svg') no-repeat;margin: 0rem;height: 6.7rem;width: 10.7rem;background-size: 10.7rem;background-position:left center;top: 0.5rem;position: relative;}

.rtveAlert.countDown.nations-league .container .auxBox {margin: 0;position:relative;left:-2rem;}
.rtveAlert.countDown.nations-league .container .buttonBox {top: -0.6rem;position: relative;}

.rtveAlert.countDown.nations-league .rtve-icons.rtveplay {color: transparent;background: url('https://css.rtve.es/css/rtve.2021/i/rtve-logos/logo_tdpplay_2025_ffffff.svg') no-repeat;height: 2.2rem;display: inline-block;width: 7rem;position: relative;top: 0.2rem;margin-left: 0.3rem;}
.rtveAlert.countDown.nations-league .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.8rem;display: inline-block;position: relative;top: 0.4rem;width: 1rem;}

/*boton*/
.rtveAlert.countDown.nations-league .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;transition: all 0.2s;}
.rtveAlert.countDown.nations-league .buttonBox a:hover {color:#1d2742;background:#fff;}
.rtveAlert.countDown.nations-league .buttonBox a:focus {outline:0.2rem solid #1d2742;}

/* countdown */
.rtveAlert.countDown.nations-league .CountDown{margin:0;}
.rtveAlert.countDown.nations-league .CountDown,.rtveAlert .CountDown p {display: flex;flex-flow: row;text-align: center;}
.rtveAlert.countDown.nations-league .CountDown * {font-size: 3.6rem;line-height:2.5rem;color:#fff;font-weight:100;text-decoration: none;font-style:normal;}
.rtveAlert.countDown.nations-league .CountDown p span:after{color:#fff}
.rtveAlert.countDown.nations-league .CountDown span{display: flex;flex-flow: column;min-width:5rem;}
.rtveAlert.countDown.nations-league .CountDown span abbr{line-height: 1rem;font-weight: 300;}
.rtveAlert.countDown.nations-league .CountDown .segundos {width: 3.5rem;}
.rtveAlert.countDown.nations-league .CountDown span em {display: flex;flex-flow: column;}
.rtveAlert.countDown.nations-league .CountDown span abbr:after{content: 'd\0000EDas';color: #fff;font-weight: 400;text-decoration: none;font-style: normal;font-size: 1.1rem;line-height: 1rem;text-transform: uppercase;letter-spacing: 0.4pt;}
.rtveAlert.countDown.nations-league .CountDown abbr[title="horas"]:after{content: 'horas';}
.rtveAlert.countDown.nations-league .CountDown abbr[title="minutos"]:after{content: 'min';}
.rtveAlert.countDown.nations-league .CountDown abbr[title="segundos"]:after{content: 'seg';}

.rtveAlert.countDown.nations-league .CountDown #secs,.rtveAlert.countDown.nations-league .CountDown #mins,.rtveAlert.countDown.nations-league .CountDown #hours,.rtveAlert.countDown.nations-league .CountDown #days{font-family: 'Montserrat',serif;font-weight: 900;}

.rtveAlert.countDown.nations-league .CountDown span abbr.singular-day::after{content: 'd\0000EDa';}
.rtveAlert.countDown.nations-league .CountDown span abbr.singular-hour::after{content: 'hora';}

@media only screen  and (max-width:1600px){
    .rtveAlert.countDown.nations-league .auxBox p{font-size: 1.6rem;}
}
@media only screen and (max-width: 1399px) {
    .rtveAlert.countDown.nations-league .txtBox p {font-size: 1.3rem;}
}
@media only screen and (max-width:1200px){
    .rtveAlert.countDown.nations-league .auxBox p{font-size: 1.6rem;line-height:2rem;}
    .rtveAlert.countDown.nations-league .botones-alerta span {font-size:1.6rem;line-height:2rem;padding:0.5rem 1rem;}
    .rtveAlert.countDown.nations-league .CountDown *{font-size:2.4rem;line-height:3rem;}
}
@media only screen and (max-width:1000px){
   .rtveAlert.countDown.nations-league a {width:100%;max-width:98rem;}
}
@media only screen and (max-width:960px){
    .rtveAlert.countDown.nations-league .auxBox p{font-size: 1.2rem;line-height:1.6rem;}
    .rtveAlert.countDown.nations-league .CountDown *{font-size:1.8rem;line-height:2.2rem;}
    .rtveAlert.countDown.nations-league .CountDown {margin: 0 0.8rem;}
}
@media only screen and (max-width:650px){
    .rtveAlert.countDown.nations-league .CountDown * {font-size: 1.6rem;}
    /* sin texto */
    .rtveAlert.countDown.nations-league .txtBox .auxBox p {display: none;}
    .rtveAlert.countDown.nations-league .txtBox .auxBox .CountDown p {display: flex;}
}

/* ancho como container */
@media only screen and (max-width: 1100px) {.rtveAlert.countDown.nations-league .container {width:100%;max-width:90rem;}}
@media only screen and (max-width: 1259px) {.rtveAlert.countDown.nations-league .container {width:100%;max-width:110rem;}}
@media only screen and (min-width: 1260px) {.rtveAlert.countDown.nations-league .container {width:104.4rem;}}
@media only screen and (min-width: 1260px) and (max-width: 1399px) {.rtveAlert.countDown.nations-league .container{width:100%;max-width:112rem;}}
@media only screen and (min-width: 1410px) {.rtveAlert.countDown.nations-league .container{width:118rem;}
.rtveAlert.countDown.nations-league .container {width: 136.5rem;}
.rtveAlert.countDown.nations-league .txtBox p.txt {right: -9.8%}}

/* deportes */
body.deportes .rtveAlert.countDown.nations-league.ghost {height: 0;padding: 0;}
body.deportes .rtveAlert.countDown.nations-league {width:100%;overflow: hidden;height:10rem;background: #1d2742;padding:0;background: url('https://css.rtve.es/css/rtve.2026/rtve.alertas/i/nations-league/img_desktop_main.png') no-repeat #1d2742;background-position:50% 50%;position: relative;background-size: contain;}

body.deportes .rtveAlert.countDown.nations-league .container{position:static;display: flex;align-items: center;justify-content: space-between;height: 100%;}

body.deportes div:has(.rtveAlert) + .container.mod_collection.liveplayBox.striplayer {margin-top:0;}

/* partidos espana */
body.deportes .rtveAlert.countDown.nations-league, body.rtve .rtveAlert.countDown.nations-league,body.rtveplay .rtveAlert.countDown.nations-league {background: url('https://css.rtve.es/css/rtve.2026/rtve.alertas/i/nations-league/img_desktop_main_partido.png') no-repeat #1d2742;background-position:33% 50%, 0%;background-size:contain , 100%;}
.rtveAlert.countDown.nations-league .claim {font-size: 1.4rem;line-height: 2rem;color: #fff;font-weight: 900;text-align:center;width:30%;}
.rtveAlert.countDown.nations-league .match {font-size:2.8rem;line-height: 3.6rem;}
.rtveAlert.countDown.nations-league .claim .date{font-weight: 400;}

.rtveAlert.countDown.nations-league .txtBox {flex: auto;width:40%;}
.rtveAlert.countDown.nations-league .container .auxBox {left:-1rem;}

.rtveAlert.countDown.nations-league .CountDown * {font-size: 3.2rem;}


@media only screen and (max-width:1270px){
  .rtveAlert.countDown.nations-league .match {font-size:2.8rem;line-height: 3rem;}
}

@media only screen and (max-width:1750px){
  body.deportes .rtveAlert.countDown.nations-league,body.rtve .rtveAlert.countDown.nations-league,body.rtveplay .rtveAlert.countDown.nations-league {background-position:30% 50%, 0%;}
}
@media only screen and (max-width:1430px){
    body.rtve .rtveAlert.countDown.nations-league,body.rtveplay .rtveAlert.countDown.nations-league {background-position:25% 50%, 0%;}
    .rtveAlert.countDown.nations-league .match {font-size:2.4rem;}
    .rtveAlert.countDown.nations-league .container .auxBox {left: -2rem;}


}
@media only screen and (max-width:1240px){
    .rtveAlert.countDown.nations-league .container .auxBox {left: -2rem;top: -2rem;}
    body.deportes .rtveAlert.countDown.nations-league,body.rtve .rtveAlert.countDown.nations-league,body.rtveplay .rtveAlert.countDown.nations-league {background-position:20% 50%, 0%;}
  .rtveAlert.countDown.nations-league .match {font-size:2rem;}

    .rtveAlert.countDown.nations-league .buttonBox a {padding: 0.6rem 2.2rem;}
    .rtveAlert.countDown.nations-league .container .buttonBox {position: absolute;top: 6.6rem;right: 10rem;}

    }
