@import url('https://css.rtve.es/css/rtve.2026/rtve.alertas/rtve.rtveplay-portadas.alert.desktp.css');

.rtveAlert.aqht picture {display: none;}
.rtveAlert .ico.close {position:absolute;right: 0;padding: 1rem;top: -0.6rem;}
/* .rtveAlert.aqht .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.aqht.ghost {height: 0;padding: 0;}
body.rtveplay:has(#mainNav .blindBox.be_on) .rtveAlert.aqht {z-index: -1;opacity: 0;}
body.rtveplay .container[data-tipo="mod_htmlLibre"]:has(.rtveAlert) > section .rowContainer:only-child {padding-top:0;}
.rtveAlert.aqht {width:100%;overflow: hidden;height:10rem;background: #2E4C6B;padding:0;}
.rtveAlert.aqht .container{position:static;display:flex;align-items: center;justify-content: space-between;height: 100%;}
.rtveAlert.aqht .container {
   background: url("https://css.rtve.es/css/rtve.2025.television/aqui-hay-trabajo-TE_SAQUIH/i/pueblos-banner-2.png") no-repeat, url("https://css.rtve.es/css/rtve.2025.television/aqui-hay-trabajo-TE_SAQUIH/i/pueblos-banner.png") no-repeat;
   background-size: 26rem;
   background-position: center right 37rem, center right 11rem;
}

.rtveAlert.aqht .txtBox {display: flex;flex-flow: column;position:relative;flex:1;height: 100%;gap: 0.8rem;justify-content: center;}
.rtveAlert.aqht h2 {color:#fff;letter-spacing: 0.72px;font-size: 3rem;line-height: 4rem;text-transform: uppercase;font-weight: 300; }
.rtveAlert.aqht h2 strong {color:#72BFC7;font-weight:600;}

/*boton*/
.rtveAlert.aqht .buttonBox a {padding:1rem 2.2rem;border: 0.1rem solid #fff;border-radius:0.4rem;font-size:1.2rem;line-height:2rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5pt;color:#fff;transition: all 0.2s;}
.rtveAlert.aqht .buttonBox a:hover {color:#2E4C6B;background:#fff;}
.rtveAlert.aqht .buttonBox a:focus {outline:0.2rem solid #72BFC7;}


/* @media only screen and (max-width:1804px){
.rtveAlert.aqht, .rtveAlert.aqht{background-position: 57% 0%, 76% 0%;}
}
@media only screen and (max-width:1716px){
.rtveAlert.aqht, .rtveAlert.aqht{background-position: 56% 0%, 77% 0%;}
}
@media only screen and (max-width:1660px){
.rtveAlert.aqht, .rtveAlert.aqht{background-position: 56% 0%, 78% 0%;}
}
@media only screen and (max-width:1598px){
.rtveAlert.aqht, .rtveAlert.aqht{background-position: 56% 0%, 79% 0%;}
} 
@media only screen and (max-width:1524px){
.rtveAlert.aqht, .rtveAlert.aqht{background-position: 56% 0%, 80% 0%;}
} 
@media only screen and (max-width:1498px){
.rtveAlert.aqht, .rtveAlert.aqht{background-position: 56% 0%, 81% 0%;}
} */

@media only screen and (max-width:1000px){
   .rtveAlert.aqht a {width:100%;max-width:98rem;}
}
@media only screen and (max-width:1409px){
   .rtveAlert.aqht h2 {font-size: 2.8rem;}
   /* .rtveAlert.aqht, .rtveAlert.aqht {background: url('/css/rtve.2025.television/aqui-hay-trabajo-TE_SAQUIH/i/pueblos-banner-2.png') no-repeat, #2E4C6B;background-position: 74% 0%;background-size: 28rem;} */
}
@media only screen and (max-width:1200px)
{.rtveAlert.aqht .container {background: url('/css/rtve.2025.television/aqui-hay-trabajo-TE_SAQUIH/i/pueblos-banner-2.png') no-repeat, #2E4C6B;background-position: 74% 0%;background-size: 28rem;}}
@media only screen and (max-width:900px)
{.rtveAlert.aqht .container {background: none;padding-left:6rem;padding-right:6rem}}


/* ancho como container */
@media only screen and (max-width: 1100px) {.rtveAlert.aqht .container {width:100%;max-width:90rem;}}
@media only screen and (max-width: 1259px) {.rtveAlert.aqht .container {width:100%;max-width:110rem;}}
/* @media only screen and (min-width: 1260px) {.rtveAlert.aqht .container {width:104.4rem;}} */
@media only screen and (min-width: 1260px) and (max-width: 1399px) {.rtveAlert.aqht .container{width:100%;max-width:112rem;}}
@media only screen and (min-width: 1410px) {.rtveAlert.aqht .container{width:118rem;}}