body{
    font-size: 20pt;
    font-family: "Courier New";
    margin: 2.54cm;
}


tei-del{
    text-decoration:
    line-through;
    color: red;
    display: none;
}

tei-add{
    color: rgb(206, 244, 19)
}

tei-subst{
    background-color: rgb(191, 192, 245);
}

tei-abbr{
    display: none;
}

tei-orig {
    display: none;
}

tei-pc{
    opacity: 0;
}

tei-opener{
    display: block;
    border: 1pt dotted burlywood;
}

tei-div{
    display: block;
    margin-bottom: 14pt;
    border: 1pt dotted blueviolet;
}

tei-closer{
    display:block;
    font-style: italic;
}

tei-signed{
    font-style: italic;
    color:blue;
}

tei-figdesc{
    font-style: italic;
    opacity: 0;
    text-align: center;
}

tei-graphic{
    display: block;
    text-align: center;
}

tei-lb::after{
    content: attr(n);
    font-size: x-small;
    color: goldenrod
}

tei-figDesc {
    position: absolute;
    top: 100%;
    left: 0; 
    background: black;
    color: whitesmoke;
    padding: 8px;
    border-radius: 4px;
    opacity: 0;
    font-style: italic;
    visibility: visible;
    transition: opacity 0.3s ease;
    white-space: nowrap;
    z-index: 1000;
}

tei-figDesc {
    font-style: italic;
}

tei-expan {
    position: relative;
    color: blueviolet
}

/* ================================
   HOVERS
=================================== */
tei-choice {
    display: inline-block;
    position: relative;
}

/* Mostrar los elementos ocultos en hover */
tei-choice:hover tei-abbr,
tei-choice:hover tei-orig,
tei-choice:hover tei-pc {
    opacity: 1;
    visibility: visible;
}

/* Tooltip de descripción de figuras */
tei-expan:hover tei-figdesc {
    opacity: 1;
    visibility: visible;
}