@import url('/css/rtve.2021/rtve.transition/desktp.header.css');
@import url('/css/rtve.2021/rtve.transition/desktp.services.css');
@import url('/css/rtve.2021/rtve.transition/desktp.footer.css');
@import url('mapBox-guerra-ucrania.desktp.css');

body .ico.users img,
body .ico.seekr img,
body .ico.slideL.leftoff > img {filter: invert(1);}
body .services .legend{opacity: 0;}

a {cursor:pointer;}

.coverBackground {height:100vh;width:100%;}
.videoBackground {background-size:cover;top: 0;left: 0;width: 100%;height: 100vh;z-index: 0;overflow:hidden;position:relative;}
.videoBackground video.videoLibre {top: 50%;left: 50%;transform: translate(-50%, -50%);position:absolute;min-width:100%;min-height:100%;width:auto;height:auto;}
.grid > h1.secBox {margin: 0 auto 1rem auto;font-size:6.3rem;color: white;text-shadow: 0.2rem 0.2rem 0.4rem #333;}

/*minify*/
body .wrapper.mainheader.minify {height:4.8rem;}
body .wrapper.mainheader.minify .navBox .ico.slideL{position: fixed;float: left;}
body .minify.mainheader:after {content: '';height:4.8rem;display: block;width: 100%;background:rgba(35,36,42,0.6);position: fixed;left: 0;top: 0;z-index:2;}
/*body .minify.mainheader .ico.seekr img, body .minify.mainheader .ico.slideL.leftoff > img {filter:invert(0);}*/

/* titulo H1 */
.grid > h1.secBox {position:absolute;z-index:1;padding: 1.2rem;width:100%;display:flex;flex-flow:column;align-items:center;bottom:18vh;}
.grid > h1.secBox span {font-family: 'Roboto','arial',sans-serif;font-weight: 700;font-style: normal;font-size:3.2rem;line-height:6rem;color: white;word-spacing: 1pt;letter-spacing:0.5pt;}
.grid > h1.secBox .titaux {font-size: 4.2rem;display: block;line-height: 4rem;font-weight: 400;text-transform: none;}
/*.txtBox {text-align: center;}*/


.summaryBox .mainBox li {font-size:1.8rem;line-height:2.4rem;}
.summaryBox .mainBox li:before {content: '\2022 ';font-size:2.2rem;height:3.2rem;display:inline;position: relative;top: 0.3rem;margin: 0 0.6rem 0 1.2rem;font-weight:700;color: #3b3b3b;}

.mainBox .txtBox .maintitle {font-size:3.2rem;line-height:3.8rem;}
.mainBox .txtBox .pretitle {font-size:2rem;line-height:2.6rem;font-weight: 300;display: block;}
.mainBox  strong {font-weight:600;}
.mainBox .auxBox a {border-color: #000;font-weight:400;}
.mainBox .auxBox > p {padding:1rem 0}
.mainBox .auxBox > p {font-size:2rem;line-height: 3.2rem;}
.mainBox .auxBox p span.datpub,
.mainBox .auxBox p span.author {font-weight: 400;font-size: 1.6rem;line-height:2rem;word-spacing: 1pt;letter-spacing:0.5pt}

/*rows*/
.photoBox .gridBox {display:flex;flex-flow:row;align-items: baseline;}

.bodier .container:not(.striplayer) {padding: 2rem 0;}
.container.photoBox .gridBox .txtBox {background: #f3f3f3;}
.container.photoBox .gridBox .txtBox span.maintitle {font-size: 1.4rem;line-height: 1.8rem;font-weight: 300;padding: 1rem 2rem;display: inline-block;}
.container.photoBox .gridBox article:first-child {margin-right: 3.2rem;}
.container.photoBox .gridBox article {padding: 2rem 0;width: 50%;}
.container.photoBox .gridBox .ico.photo {display: none;}
.mediaBox.photoBox {display: block;width: 100%;}

.container.cartelaBox {background: #f8f8f8;overflow:hidden;}
.cartelaBox .gridBox {padding: 0 2rem;}
.cartelaBox article .mainBox p {font-size: 1.5rem;line-height: 2rem;display: inline-block;padding:0;}


.footer >.container {max-width:118rem;}

/*rrss*/
.bodier .container.share {padding:0;}
.container.share .socialBox {position:absolute;top: auto;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: auto;z-index: 1;gap: 1%;margin-bottom: 1%;}
.container.share .socialBox .ico {background:#e4e4e4;width: 4.2rem;height: 4.2rem;display: flex;border-radius: 100%;align-items: center;justify-content: center;}
.container.share .socialBox img{width:3.4rem;height:auto;background-repeat: no-repeat;}
.container.share .socialBox .fbook img {background-image: url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_share_fbook_000000.svg');}
.container.share .socialBox .twitt img {background-image: url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_share_twitt_000000.svg');}
.container.share .socialBox .whats {display:none;}
.container.share .socialBox .ico:hover {background:#000;}
.container.share .socialBox .fbook:hover img {background-image: url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_share_fbook.svg');}
.container.share .socialBox .twitt:hover img {background-image: url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_share_twitt.svg');}
.container.share .socialBox .ico .legend {position: absolute;left: -900%;top: -900%;visibility: hidden;}
.container.share + .container.striplayer + .container.share {position: relative;}

/*video desde 0 */
body .mainheader {height: 0;}
.mainheader .navBox .ico.slideL {position: absolute;float: none;}

/* atlantis */
.container.containerVideo.striplayer .m100 {background: #000;height: 20rem;display: block;}
.m100 .videoBackground {background: url('/css/rtve.2022.noticias/ucrania-TE_PUCRAN/un-mes-guerra-ucrania/i/video-poster.jpg') #000;}
.mapBox .m100 {background:url('/css/rtve.2022.noticias/ucrania-TE_PUCRAN/un-mes-guerra-ucrania/i/mapa-poster.jpg');}

.floatLink {display:none;}

@media (min-width: 750px) {
    .bodier .container:not(.striplayer).photoBox {width:60.3vw;}
	.bodier .container:not(.striplayer){width: 50.3vw;display: block;float:none}
}