@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.mundial picture {display: none;}
.rtveAlert .ico.close {position:absolute;right: 0;padding: 1rem;top: -0.6rem;}
body.rtveplay.portada .rtveAlert.countDown.mundial .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.rtve .rtveAlert.countDown.mundial.ghost, body.rtveplay.portada .rtveAlert.countDown.mundial.ghost {height: 0;padding: 0;}
body.rtveplay:has(#mainNav .blindBox.be_on) .rtveAlert.countDown.mundial {z-index: -1;opacity: 0;}
body.rtveplay .container[data-tipo="mod_htmlLibre"]:has(.rtveAlert) > section .rowContainer:only-child {padding-top:0;}
body.rtve .rtveAlert.countDown.mundial,body.rtveplay.portada .rtveAlert.countDown.mundial {width:100%;overflow: hidden;height:10rem;background: #d60105;padding:0;background: url('https://css.rtve.es/css/rtve.2026/rtve.alertas/i/mundial/img_desktop_main.png') no-repeat ,linear-gradient(90deg, #F60000 50%, #004D3D 50%);background-position:50% 50%;position: relative;background-size: contain;}

body.rtve .rtveAlert.countDown.mundial .container ,body.rtveplay.portada .rtveAlert.countDown.mundial .container{position:static;display: flex;align-items: center;justify-content: space-between;height: 100%;}

.rtveAlert.countDown.mundial .container:not(:has(.CountDown)) .txtBox p.txt.claim {font-size: 3.2rem; font-weight: 600; top: 3rem; right: 5%;}
.rtveAlert.countDown.mundial .txtBox {display: flex;flex-flow: column;position:relative;flex:1;    height: 100%;gap: 0.8rem;}
.rtveAlert.countDown.mundial .txtBox p {font-size: 1.4rem;line-height: 2.8rem;color: #fff;font-weight: 400;}
.rtveAlert.countDown.mundial .txtBox p.txt {position: absolute;right: -12.4%;top: 6rem;letter-spacing: 0.96px;text-transform: uppercase;}
.rtveAlert.countDown.mundial h2 {color:transparent;background: url('https://css.rtve.es/css/rtve.2026.deportes/mundial-futbol-2026-SEC_MUNMUN3/i/SEC_MUNMUN3-logo-convivencia-blanco.png') no-repeat;margin: 0;height: 6.3rem;width: 20rem;background-size: 100% auto;background-position: left center;}

.rtveAlert.countDown.mundial .container .auxBox {margin: 0;position:relative;left:-2rem;}
.rtveAlert.countDown.mundial .container .buttonBox {top: -0.6rem;position: relative;}

.rtveAlert.countDown.mundial .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.countDown.mundial .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.mundial .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.mundial .buttonBox a:hover {color: #d60105;background: #fff;}
.rtveAlert.countDown.mundial .buttonBox a:focus {outline: 0.2rem solid #f80000;}

/* countdown */
.rtveAlert.countDown.mundial .CountDown{margin:0;}
.rtveAlert.countDown.mundial .CountDown,.rtveAlert .CountDown p {display: flex;flex-flow: row;text-align: center;}
.rtveAlert.countDown.mundial .CountDown * {font-size: 3.6rem;line-height:2.5rem;color:#fff;font-weight:100;text-decoration: none;font-style: normal;}
.rtveAlert.countDown.mundial .CountDown span{display: flex;flex-flow: column;min-width:5rem;}
.rtveAlert.countDown.mundial .CountDown span abbr{line-height: 1rem;font-weight: 300;}
.rtveAlert.countDown.mundial .CountDown .segundos {width: 3.5rem;}
.rtveAlert.countDown.mundial .CountDown span em {display: flex;flex-flow: column;}
.rtveAlert.countDown.mundial .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.mundial .CountDown abbr[title="horas"]:after{content: 'horas';}
.rtveAlert.countDown.mundial .CountDown abbr[title="minutos"]:after{content: 'min';}
.rtveAlert.countDown.mundial .CountDown abbr[title="segundos"]:after{content: 'seg';}

.rtveAlert.countDown.mundial .CountDown #secs,.rtveAlert.countDown.mundial .CountDown #mins,.rtveAlert.countDown.mundial .CountDown #hours,.rtveAlert.countDown.mundial .CountDown #days{font-family: 'Montserrat',serif;font-weight: 900;}

.rtveAlert.countDown.mundial .CountDown span abbr.singular-day::after{content: 'd\0000EDa';}
.rtveAlert.countDown.mundial .CountDown span abbr.singular-hour::after{content: 'hora';}

@media only screen  and (max-width:1600px){
    .rtveAlert.countDown.mundial .auxBox p{font-size: 1.6rem;}
}
@media only screen and (max-width: 1399px) {
    .rtveAlert.countDown.mundial .txtBox p {font-size: 1.3rem;}
}
@media only screen and (max-width:1200px){
    .rtveAlert.countDown.mundial .auxBox p{font-size: 1.6rem;line-height:2rem;}
    .rtveAlert.countDown.mundial .botones-alerta span {font-size:1.6rem;line-height:2rem;padding:0.5rem 1rem;}
    .rtveAlert.countDown.mundial .CountDown *{font-size:2.4rem;line-height:3rem;}
}
@media only screen and (max-width:1000px){
   .rtveAlert.countDown.mundial a {width:100%;max-width:98rem;}
}
@media only screen and (max-width:960px){
    .rtveAlert.countDown.mundial .auxBox p{font-size: 1.2rem;line-height:1.6rem;}
    .rtveAlert.countDown.mundial .CountDown *{font-size:1.8rem;line-height:2.2rem;}
    .rtveAlert.countDown.mundial .CountDown {margin: 0 0.8rem;}
}
@media only screen and (max-width:650px){
    .rtveAlert.countDown.mundial .CountDown * {font-size: 1.6rem;}
    /* sin texto */
    .rtveAlert.countDown.mundial .txtBox .auxBox p {display: none;}
    .rtveAlert.countDown.mundial .txtBox .auxBox .CountDown p {display: flex;}
}

/* ancho como container */
@media only screen and (max-width: 1100px) {.rtveAlert.countDown.mundial .container {width:100%;max-width:90rem;}}
@media only screen and (max-width: 1259px) {.rtveAlert.countDown.mundial .container {width:100%;max-width:110rem;}}
@media only screen and (min-width: 1260px) {.rtveAlert.countDown.mundial .container {width:104.4rem;}}
@media only screen and (min-width: 1260px) and (max-width: 1399px) {.rtveAlert.countDown.mundial .container{width:100%;max-width:112rem;}}
@media only screen and (min-width: 1410px) {.rtveAlert.countDown.mundial .container{width:118rem;}
body.rtveplay.portada .rtveAlert.countDown.mundial .container {width: 136.5rem;}
body.rtveplay.portada .rtveAlert.countDown.mundial .txtBox p.txt {right: -9.8%}}