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

.rtveAlert.orgullo picture img{display: none;}
.rtveAlert .ico.close {position:absolute;right: 0;padding: 1rem;top: -0.6rem;}
.rtveAlert.orgullo .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.orgullo.ghost {height: 0;padding: 0;}
body.rtveplay:has(#mainNav .blindBox.be_on) .rtveAlert.orgullo {z-index: -1;opacity: 0;}
body.rtveplay .container[data-tipo="mod_htmlLibre"]:has(.rtveAlert) > section .rowContainer:only-child {padding-top:0;}
.rtveAlert.orgullo, .rtveAlert.orgullo {width:100%;overflow: hidden;height:10rem;padding:0;background: #6D50AF;background-size: contain;background-position: center;}

.rtveAlert.orgullo .container , .rtveAlert.orgullo .container{position:static;display:flex;align-items: center;justify-content:center;height: 100%;}

.rtveAlert.orgullo .container>p {color: transparent;width: 20rem;height: 100%;background: url('https://css.rtve.es/css/rtve.2026/rtve.alertas/i/orgullo/rtve-saca.png') no-repeat;background-size: contain;background-position: center;position: relative;right: -10rem;}
.rtveAlert.orgullo picture {background: url('https://css.rtve.es/css/rtve.2026/rtve.alertas/i/orgullo/img_desktop_main.png') no-repeat;height: 100%;width: 82rem;background-size: cover;background-position: center;}
.rtveAlert.orgullo .txtBox {height: 100%;position: relative;left: -10rem;}
.rtveAlert.orgullo h2 {color:transparent;background: url('https://css.rtve.es/css/rtve.2026/rtve.alertas/i/orgullo/su-orgullo.png') no-repeat;height: 100%;background-size: 100%;width: 20rem;background-position: center;}

/*boton*/
.rtveAlert.orgullo .buttonBox {min-width: 11rem;}
.rtveAlert.orgullo .buttonBox a {padding:1rem 2.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.orgullo .buttonBox a:hover {color:#6D50AF;background:#fff;}
.rtveAlert.orgullo .buttonBox a:focus {outline:0.2rem solid #72BFC7;}



@media only screen and (max-width:1409px){
   .rtveAlert.orgullo .container>p {right: -8rem;}
   .rtveAlert.orgullo .txtBox {left: -4rem;}

}
@media only screen and (max-width:1109px){
   .rtveAlert.orgullo .container>p {right: -4rem;}
   .rtveAlert.orgullo .txtBox {left:0;}

}
@media only screen and (max-width:1109px){
.rtveAlert.orgullo picture {display: none;}
 .rtveAlert.orgullo .container>p {right:0;}
}

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