/*Main table*/
.meta-table {display: flex; flex-direction: column; border: 1px solid #ddd; padding: 0;}
.meta-row-top {display: flex; align-items: stretch; gap: 0; padding: 0;}
.meta-row {display: flex; align-items: stretch; gap: 0; padding: 0; border-top: 1px solid #ddd; flex-direction: column; }

.meta-row a {text-decoration: none;color: var(--azul);border-bottom: 1px dotted var(--azul);}
.meta-row a:hover {color: var(--rojo);text-decoration: none;}

.meta-label {font-weight: 700; text-transform: capitalize; flex: 0 0 180px; min-width: 180px; display: flex; align-items: center; padding: 8px; border-right: 1px solid #ddd;}
.meta-value {flex: 1 1 auto; min-width: 0; padding: 8px; }

/*Layout*/
#albuminfo {display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between;}
#image-container {width: 50%;}
#metadata-container {width: calc(100% - 52%);}
#infotable {width: 100%; margin: 0; padding-bottom: 0; table-layout: unset; border: 0;}
#infotable tr td {padding: 8px 10px; : border: 0!important; vertical-align: middle;}

/*Discografia*/
.discografia-metadata {filter: opacity(40%); border:2px solid gray;}
.discografia-metadata:hover {filter: opacity(100%);}
.discografia-metadata:active {filter: none;}

/*Canciones
.pistas {font-size: 14px; padding: 0;}*/
#pistas {width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.8;}
#pistas a {text-decoration: none; color: #657f9b;}
#pistas a:hover {color: var(--rojo)!important; text-decoration: none!important; border-bottom: 1px dotted var(--rojo);}
.pistas-header {padding: .5em 0 .5em 1em; background: var(--gris);}
.pistas-size {padding: 1em 0;}
#pistas tr:nth-child(odd) {background-color: #fff;}
#infotable tr:nth-child(even) {background-color: #fff;}

/*Caratula*/
.caratulas {position: relative; margin-bottom: 0; max-width: 100%; width: 815px; height: auto;}
.caratulas img {mix-blend-mode: multiply; background-image: linear-gradient(to right, #c4e17f, #f7fdca, #fad071, #f0766b, #db9dbe, #c49cdf, #6599e2, #61c2e4);}

/*Créditos*/
#creditos {margin: 0 0 0 16px;}
#creditos a, #infotable a {color: var(--azul)!important; text-decoration: none; border-bottom: 1px dotted var(--azul);}
#creditos a:hover, #infotable a:hover {color: var(--rojo)!important; text-decoration: none!important;}
.credito {padding: 0;}
.credito-subtitulo {margin: 1em 0; border-bottom: 1px solid #ccc;}
@media (max-width: 1024px) {#image-container, #metadata-container {width: 100%;} }