@charset 'UTF-8';
@import url('https://css2.rtve.es/css/rtve.2025/pf_autor.2025/pf_autor.basics.css');
@import url('../commons/header_legacy.desktp.css');

/* OCULTOS */
.hddn_desktp{display:none;}


.summary a:hover {border-color:#000;}
.masButton {cursor:pointer;}
.mainContent {max-width:calc(118rem + 4.8rem);margin:0 auto;}




/** ESTRUCTURA CABECERA AUTOR *******************/
/************************************************/
/*portada principal*/
.pf_contentBox > header {width:100%;max-width:calc(118rem + 4.8rem);height:auto;min-height:calc(20rem + 4.8rem);padding:2.4rem 2.4rem 2.4rem calc(2.4rem + 20rem + 4.8rem);flex-direction:column;margin:0 auto;}
header .txtBox {order:1;}
header .imgSocBox {order:2;}
.imgSocBox .ima {max-width:20rem;min-width:20rem;position:absolute;left:2.4rem;top:2.4rem;}
.imgSocBox .ima img {width:100%;height:100%;object-fit:cover;}

/*otras portadas*/
.n2 .imgSocBox .ima,.n4 .imgSocBox .ima {min-width:10rem;max-width:10rem}
.n2 .pf_contentBox > header,
.n4 .pf_contentBox > header {padding-left:calc(12rem + 2.4rem + 2.4rem);min-height:calc(12rem + 4.8rem);}
.n2 .pf_contentBox > header .txtBox,
.n4 .pf_contentBox > header .txtBox {width:100%;padding-bottom:1.6rem;margin-bottom:0.4rem;border-bottom:0.1rem solid var(--gris2);}
.n2 .moreInfo,.n4 .moreInfo {padding:1.6rem 0 0.8rem 0;}
.n2 .masButton,.n4 .masButton {position:absolute;right:2.4rem;top:2.4rem;margin-top:0.2rem;}
.n2 .txtBox h1,.n4 .txtBox h1 {padding-right:9.6rem;}

/** ESTRUCTURA CABECERA AUTOR *******************/
/** END *****************************************/












/*etiquetas sociales*/
.socItem .socLink {padding:1rem;position:relative;z-index:0;overflow:hidden;}
.socLink .socIcon {width:2.8rem;height:2.8rem;}
.socItem .socLink > span {font-size:1.3rem;line-height:1;white-space:nowrap;font-weight:400;position:absolute;left:50%;transform:translateX(-50%);bottom:-1.6rem;opacity:0;transition:opacity 0.6s;}
.socItem .socLink:hover {z-index:1;overflow:visible;}
.socItem .socLink:hover > span {opacity:1;}



.pretitle {padding-bottom:1.6rem;font-size:1.8rem;}
.maintitle {padding-bottom:1.6rem;font-size:4.8rem;line-height:1;}
body.n2 .pretitle, body.n4 .pretitle {padding-bottom:1rem;font-size:1.6rem;}
body.n2 .maintitle, body.n4 .maintitle {padding-bottom:0rem;font-size:3rem;}

.summary {font-size:1.8rem;display:flex;flex-direction:column;}


body.n2 .mainContent .pagContainer:first-child,
body.n4 .mainContent .pagContainer:first-child {padding:1rem 0 1rem 3.2rem;padding-top:0;border-bottom:none;}


.mainContent .masButton {position:relative;left:33rem;margin-bottom:3rem;margin-top:0;}




.incluBox,.ultPub > *:first-child {width:100%;padding:2.4rem 20rem 2.4rem 2.4rem;}
body:not(.n2):not(.n4) .incluBox,body:not(.n2):not(.n4) .ultPub > *:first-child {padding-left:calc(2.4rem + 20rem + 4.8rem);transition:padding-left 0.6s;}
.ultPubTitle {font-weight:400;}
.incluBox {margin-bottom:3rem;justify-content:flex-start;align-items:flex-start;border-top:solid 0.1rem var(--gris2);border-bottom:solid 0.1rem var(--gris2);}
body:not(.n2):not(.n4) .incluBox .mod {max-width:75rem;}

@media only screen and (max-width:1200px) {
	body:not(.n2):not(.n4) .incluBox,body:not(.n2):not(.n4) .ultPub > *:first-child {padding-left:2.4rem;padding-right:2.4rem;}
	body:not(.n2):not(.n4) .incluBox {justify-content:center;}
	}



body.n2 .incluBox {flex-direction:unset;justify-content:unset;align-items:unset;flex-wrap:wrap;max-width:100%;min-width:100%;padding:0;border-top:solid 0.1rem var(--gris2);border-bottom:none;}
body.n4 .incluBox {padding:0 3rem;border-bottom:none;}
.incluBox .mod {padding-bottom:calc((3.2rem * 1.25) / 2);margin-bottom:calc((3.2rem * 1.25) / 2);border-bottom:solid 0.1rem var(--gris2);}
body.n2 .incluBox .mod {position:relative;padding:1.8rem 1.5rem 1.8rem 1.5rem;margin-bottom:0.1rem;max-width:none;width:50%;}
body.n4 .incluBox .mod {padding:1rem 0;margin-bottom:0.1rem;border-bottom:solid 0.1rem var(--gris2);max-width:100%;}
.incluBox .mod:last-child {border-bottom:none;margin:0;padding:0;}
body.n2 .incluBox .mod:last-child {border-bottom:solid 0.1rem var(--gris2);}
body.n4 .incluBox .mod:last-child {border-bottom:solid 0.1rem var(--gris2);}
body.n2 .incluBox .mod:nth-child(even)::before {content:'';position:absolute;left:-0.1rem;top:50%;transform:translateY(-50%);width:0;height:calc(100% - 3.7rem);border-right:0.1rem solid var(--gris2);}
.incluBox .mod article {gap:3rem;}
body.n2 .incluBox .mod article {gap:2rem;height:100%;}
body.n2 .incluBox .mod article .f16x9{aspect-ratio:4/3;}
body.n4 .incluBox .mod article .f16x9{display:none;}
.incluBox .mod .ima {width:27rem;}
body.n2 .incluBox .mod .ima {width:20rem;}
.incluBox .mod .txtBox {flex:1;min-height:100%;max-height:100%;}
body.n4 .incluBox .mod .txtBox {padding-left:14rem;}
.incluBox .mod .txtBox::after {content:'';position:absolute;top:-0.2rem;right:0;background-image:url('https://css2.rtve.es/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');background-repeat:no-repeat;background-size:1100%;filter:brightness(0) saturate(100%) invert(45%) sepia(4%) saturate(284%) hue-rotate(177deg) brightness(99%) contrast(88%);width:2rem;height:2rem;background-position:100% 20%;transform:rotate(0deg);transition:transform 0.3s;}
.incluBox .mod article:hover .txtBox::after, .incluBox .mod article:has(.txtBox>h2>a:focus) .txtBox::after {transform:rotate(-45deg);transition:transform 0.3s;}
body.n2 .incluBox .mod .txtBox::after, body.n4 .incluBox .mod .txtBox::after {display:none;}
.incluBox .mod .txtBox .preTitle {font-size:1.4rem;margin-bottom:1.8rem;}
body.n2 .incluBox .mod .txtBox .preTitle {font-size:1.2rem;margin-bottom:1.8rem;}
body.n4 .incluBox .mod .txtBox .preTitle {font-size:1.2rem;margin-bottom:0;}
.incluBox .mod article>time,.incluBox .mod .txtBox .notiDuration {font-size:1.2rem;line-height:1.4rem;}
.incluBox .mod article > time{top:2.2rem;left:calc(27rem + 3rem);}
body.n2 .incluBox .mod article > time{left:calc(20rem + 2rem);}
body.n4 .incluBox .mod article > time{top:0;left:0;font-size:1.2rem;line-height:1.8rem;}

.incluBox .mod .txtBox .mainTitle {font-size:2.3rem;line-height:2.9rem;line-clamp:3;-webkit-line-clamp:3;}
body.n2 .incluBox .mod .txtBox .mainTitle {font-size:2rem;line-height:2.5rem;line-clamp:4;-webkit-line-clamp:4;}
body.n4 .incluBox .mod .txtBox .mainTitle {font-size:1.8rem;line-height:2.2rem;line-clamp:1;-webkit-line-clamp:1;}

.incluBox .mod .txtBox .notiDuration {margin-top:auto;display:block;}
.incluBox .mod .txtBox .notiDuration time{font-weight:bold;color:black;}
body.n2 .incluBox .mod .txtBox .notiDuration {position:absolute;top:2.2rem;left:7rem;padding-left:0.5rem;}
body.n2 .incluBox .mod .txtBox .notiDuration::before {content:'';position:absolute;left:-0.1rem;top:50%;transform:translateY(-50%);width:0;height:100%;border-right:0.1rem solid #737578;}
body.n4 .incluBox .mod .txtBox .notiDuration {position:absolute;bottom:0rem;left:0rem;font-size:1.2rem;line-height:1.8rem;}

body.n4 .incluBox .mod .txtBox .notiDuration::after {width:1.8rem;height:1.8rem;left:110%;}

body.n2 .mainContent .pagContainer:last-child {max-width:100%;width:100%;margin-bottom:3rem;}

/*efectos imagenes*/
article {cursor:pointer;}
.incluBox .mod img {transform:translate(-50%,-50%) scale(100%);transition:transform 1s cubic-bezier(.06,.55,.27,.93);}
.incluBox .mod article:hover img,
.incluBox .mod article:has(.txtBox>h2>a:focus) img {transform:translate(-50%,-50%) scale(110%);transition:transform 1s cubic-bezier(.06,.55,.27,.93);}