/* --------------------------------------------------- */
/* CSS para la XSL: Estilos comunes a todas las obras */
/* --------------------------------------------------- */

:target::before {
    content: "";
    display: block;
    height: 200px; /* aquí la altura de la cabecera fija*/
    margin: -200px 0 0; /* altura negativa de la cabecera fija */
    @media (max-width: @screen-md-max) {
        padding-top: 200px;
        margin-top: -200px;
    }
    @media (max-width: @screen-xs-max) {
        padding-top: 120px;
        margin-top: -120px;
    }
}

body {line-height: 1.5em;font-size: 1.1rem;background-color: #fff;color:#000;}
body.fullwidth #contenedor {max-width: max-content !important;width: 100% !important;}

.nota_epub {page-break-after: always;}
 
.no_bullet > li {list-style-type:none !important;}
ul.no_bullet > li {list-style:none !important;}
#obra ul.no_bullet li ol li{list-style: outside decimal !important;}
/* Estilos para las citas */  

/* Especifica pares de comillas */
q { quotes: "" "" "" "" "" "";}

.hr {height:1px;background-color:#ccc;width:20%;margin:auto;margin-top:1em;margin-bottom:1em;}

/* Fin de estilos para las citas */


/*---------------------- OBRA.CSS ----------------------------------------*/
.tit {margin-bottom: 1em !important;margin-top: 2em !important;text-align: center !important;}      
h1 {text-align: center;}
h2 {margin-top:2em;margin-bottom: 1em;}
h3 {margin-top:2em;margin-bottom: 1em;}
h4 {margin-top:2em;margin-bottom: 1em;}
h5 {margin-top:2em;margin-bottom: 1em;}
div:not(.fin_apertura_celda) p {margin-bottom:1em !important;}
.contenedorfotodos {text-align: center;}
#obra p {margin:0.5em 0;}
#obra a {color: #990000 !important;text-decoration: none !important;} 
    #obra a:hover {text-decoration: underline !important;} 
.docImprint {font-size:medium;}
.max_img td img {width:auto !important;max-width: initial !important;}
table:not(.castList-table) td {vertical-align: top !important;padding:0.5em 1em !important;}
#obra td.titindice, #obra .indice, #obra .esIndice {color:#000;}

/*---------------------- XSL----------------------------------------*/
.poema, .fragmento {margin-left: auto !important;margin-right: auto !important;width: max-content;}
#epub .poema, #epub .fragmento {width: initial;}
.poema .poema {width:100%;margin-top: 1em;} 
.stage {padding:0.5em 0 !important;}
@media (min-width: 600px) {
    .teatro-en-verso, .poema, .fragmento {max-width: 600px;width: auto;display: table;}
    stage {max-width: 600px;width: auto;} 	
}
.analizador-versos {display: block;text-align: center;}
.poema h3.notoc {max-width: 450px;}

.teatro-en-prosa {width:90%;margin: auto;}
@media (min-width: 1024px) {.teatro-en-prosa {width:75%;}} 

/* Alineaci�n de p�rrafos */
.izquierda {text-align: left;}
.center, .centrado {text-align: center;}
.justificado {text-align: justify;}
.derecha {text-align: right;}
.center {margin-bottom: 1em;}
@media (min-width: 600px) {.center, .centrado {margin-left: auto;margin-right: auto;}}    
.right {float: right;}
.center h2 {text-align: center;}
h3.right {text-align: right;float: none;}

.romper-ancho {width: 100%;}
.sin-margen {margin-top:0;margin-bottom: 0;}
.margen-izquierdo {margin-left: 30px;}
.margen-derecho {margin-right: 30px;}
.texto-indentado {text-indent:30px;}
.texto-indentado-menos {text-indent:-30px;}
.espacio-altura-doble {display: block;height: 1.5em;}
.espacio-altura-simple {display: block;height: 0.5em;}


/*.anterior:before, .siguiente:before {content:'[';position: relative;}
.anterior:after, .siguiente:after {content:']';position: relative;}*/

.preformat-eg, .code {font-weight:normal;}

.saltos {margin-bottom:1em;float:none !important;font-size:60%;text-align: right;margin-left:0;padding-left:0;} /* Enlaces anterior y siguiente */
    .saltos li {display: inline;margin-right: 0.5em;}
    .verso .saltos {font-size:90%;text-align: left;}
.saltos a, .saltos small {color:#990000 !important;}
.anterior, .siguiente {position: absolute;top: -9999px;}
/*.saltos a:hover {border-bottom: 3px solid #000;text-decoration: none !important;}*/
 

.numeracion-izquierda {width:3.125em;display:inline-block;text-align:center;}
.verso {display:inline-block;text-align: left;} 
	.verso .center {margin-bottom: 0 !important;}
.numeracion-derecha {min-width:1em;width: auto;display: inline-block;text-align: right;} /* ES: El ancho a 3em es por si hay números grandes */
    .numeracion-derecha:after {content:" ";}
.verso p.justificado {margin:0 !important;padding:0 !important;}

/* VERSOS PARTIDOS*/
.versos-partidos {text-align: left;}
.versos-partidos .verso {width:28em;}

/* CITA EN BLOQUE */
/*blockquote {margin-top:1.5em !important;}  Se rectifica de obra.css */
blockquote.center, blockquote.right {margin-left: auto !important;margin-right: auto !important;width:80%;}
#epub blockquote.center, blockquote.right {width:100%;}
blockquote.right .fragmento {float: right;}

blockquote .versos-partidos .verso {width:auto;}
blockquote[id^="V_"] .versos-partidos .verso {width:25em;}

/* CITA */
.cita {clear:both;}
.cita p{text-align: right;}

/* TRAILER */
.trailer {text-align: center;font-size: 80%;padding:12rem 0 0 !important;}

/* TEATRO EN VERSO */
.teatro-en-verso-padre {margin-left: auto;margin-right: auto;}
    /* 11/05/2022* Fina me pide que lo cambie, por como sale en 'La de bringas'
    .teatro-en-verso-padre p{text-indent: 0 !important;}
     */
.teatro-en-verso-padre p.justificado.margen-izquierdo.margen-derecho.texto-indentado-menos {text-indent:-30px !important;margin-left:30px !important;margin-right:30px !important;}
/* 24/03/203 Fina me pide que ponga separación entre lo que hablan los personajes "Quién te ha visto y quién te ve y sombra de lo que eras" */
.teatro-en-verso-padre .teatro-en-verso {padding-top: 0.5em;}
.teatro-en-verso {text-align: left;/*padding-top: 0.5em;*/}  
.estrofa-teatro-en-verso {overflow: hidden;/*margin-bottom:2em;*/}        
.speaker-teatro {width: 10rem;float: left;display: list-item;}
strong.speaker {padding-left: 2px;padding-right: 2px;}
@media (min-width: 600px) {.speaker-teatro {width: 15rem;} }


.texto-teatro {overflow: hidden;}    
.verso-con-numeracion {display: flex;flex-direction: row;justify-content: space-between;}
.verso-con-numeracion .verso {/*display: inline-flex;*/min-width: 15rem;width:auto;}
.verso-con-numeracion .numeracion-derecha {display: inline-flex;}
@media (min-width: 600px) {  .verso-con-numeracion .verso {min-width: 40rem;}}



.castList-table {margin: 1.5em auto;}


/* MODELO V */ 
.borde {border:1px solid #000; padding:1em;}
.tabla-modelo-v {width:95%;background-color:#eee;border:1px solid #ccc;margin:auto;}
.tabla-modelo-v th {background-color:#FFCCC0;}

/* ÍNDICE */
img[alt^="Indice"] {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
img[alt^="Siguiente"] {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

/*#obra .nohead {list-style: none !important;}*/
.indice, .modoIndiceFiguras, .modoIndicePrimerosVersos {margin-left: auto !important;margin-right: auto !important;/*width: max-content;*/}
.indice h1 {text-align: left;}
.indice h1 {margin-top:2em;}
.indice h1 .links:before {
    content: "";
    background: url(/images/iconos/sin-tipo.jpg) 0 40% no-repeat;    
    padding-left: 1.2em;    
}
.indice h1 .links a:after {padding-left: 0.3em;font-size: 50%;display: block;text-align: left;/*margin-left: 4.5em;*/padding-top: 0.5em;color: #333;}
:lang(es) .indice h1 .links a:after {content:"[Leer obra]";}
:lang(en) .indice h1 .links a:after {content:"[Read work]";}
:lang(ca) .indice h1 .links a:after {content:"[Llegir obra]";}
:lang(gl) .indice h1 .links a:after {content:"[Ler o traballo]";}
     

    /*#obra .indice h1 a{text-decoration: underline !important;}
    #obra .indice h1 a:hover{text-decoration: none !important;}*/
.indice h1 > blockquote {margin-top:0.5em;}
.indice ul {text-align: left;}
.indice ul {padding-top:1em !important;}
    .indice ul ul {padding-top:0.5em !important;}
    .indice ul p {margin:0 !important;} 


    /* ESPACIOS DUROS */ 
.castList-table td em.roleDesc{margin-left:0.5em;}
.teatro-en-verso-padre p[id^="V"] > span{padding-right: 0.5em;}
.teatro-en-verso-padre p[id^="V"] strong{padding-right: 0.5em;}
.speaker {margin-top:1em;}

.stars::before {content:"*  *  *"};