/*
 * Fila con el botón de descarga en PDF de los tipos que se colocan sueltos en una página (galerías de
 * descargas, enlaces, imágenes y vídeos, elemento HTML y ficha de contacto). La pinta el tag
 * alhambra:boton-pdf con conFila="true", al pie del recurso.
 *
 * En los tipos editoriales el botón cae dentro de la fila de metadatos que ya tienen. Por eso aquí también
 * se fija el color del enlace, para que no herede el color genérico de .metaFormatter.
 *
 * CSS plano, no compilado: ver metadatos-recurso-metaformatter (los .scss del módulo no entran en el build).
 * El selector de color es más específico que las reglas de enlaces de los metadatos de cada formatter.
 */
.SagaContenidos .metaFormatter.metaFormatter-pdf {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin: 16px 0 8px;
}

/*
 * La fecha puede moverse a la fila del PDF después de pintarse. Se ordenan ambos bloques para que la fecha
 * quede a la izquierda y el botón a la derecha, aunque el DOM llegue en el orden inverso.
 */
.SagaContenidos .metaFormatter.metaFormatter-pdf > .fechaUltimaModificacion {
    order: 1;
}

.SagaContenidos .metaFormatter.metaFormatter-pdf > .BotonConvertirPDF {
    order: 2;
    margin-left: auto;
}

.SagaContenidos .metaFormatter.metaFormatter-pdf > .BotonConvertirPDF > a,
.formatter.SagaContenidos .metaFormatter > .BotonConvertirPDF > a {
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.7);
    color: #fff;
}

.SagaContenidos .metaFormatter.metaFormatter-pdf > .BotonConvertirPDF > a:hover,
.SagaContenidos .metaFormatter.metaFormatter-pdf > .BotonConvertirPDF > a:focus,
.formatter.SagaContenidos .metaFormatter > .BotonConvertirPDF > a:hover,
.formatter.SagaContenidos .metaFormatter > .BotonConvertirPDF > a:focus {
    background: #fff;
    color: rgba(0, 0, 0, 0.7);
}