/*
 * [T683] Los adjuntos que no son imagen, pdf ni excel.
 *
 * Va en su propio archivo y no dentro de `all.minified.css` por una razón práctica: el paquete
 * general se enlaza SIN número de versión, así que un cambio ahí tarda en llegar a quien ya tiene
 * la hoja en caché. Y lo que se está arreglando aquí es justamente que un documento no se vea.
 *
 * Las cajas heredan el tamaño de `.pdf-documents a` (120x120), que es donde viven; aquí sólo se
 * dibuja lo de dentro para que un .docx se vea igual de acabado que un .pdf.
 */

/*
 * ⚠️ EL SELECTOR VA DOBLE A PROPÓSITO. La caja vive dentro de `.pdf-documents`, y esa hoja trae
 * `.pdf-documents a { display: block; float: left }` — dos clases contra una, así que ganaba y
 * dejaba el icono y la extensión uno al lado del otro, pegados a la izquierda. Repetir la clase
 * sube el peso sin recurrir a `!important`, que después no hay quien lo desmonte.
 */
.kd-adjunto-otro.kd-adjunto-otro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;

    height: 120px;
    width: 120px;

    border: 2px solid #ddd;          /* el mismo marco que el icono del pdf */
    border-radius: 10px;
    background: #fff;

    color: #0e68b1;                  /* azul KEDAS */
    text-decoration: none;

    transition: border-color .15s ease, box-shadow .15s ease;
}

.kd-adjunto-otro.kd-adjunto-otro:hover,
.kd-adjunto-otro.kd-adjunto-otro:focus {
    border-color: #0e68b1;
    box-shadow: 0 2px 10px rgba(14, 104, 177, .18);
    text-decoration: none;
}

.kd-adjunto-otro.kd-adjunto-otro img {
    /* Gana a `.pdf-documents img`, que lo estiraría a 120x120 y con su propio marco. */
    height: 56px !important;
    width: 56px !important;
    object-fit: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.kd-adjunto-hoja {
    height: 44px;
    width: 44px;
}

.kd-adjunto-ext {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    color: #6b7280;
}

@media (max-width: 767px) {
    .kd-adjunto-otro.kd-adjunto-otro {
        height: 96px;
        width: 96px;
    }
}