/* ==========================================================================
   Convocatum — la ficha de una convocatoria en el sitio público.

   La usa el enlace privado que recibe cada persona en su aviso. Va aparte del
   formulario de registro porque son dos pantallas distintas del sitio y no
   comparten ni una regla.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Ficha de una convocatoria abierta con enlace privado.

   Los datos a la izquierda y el documento al lado, que es lo que la persona
   viene a leer. Antes era una tarjeta angosta pegada al margen izquierdo con
   media pantalla vacía a la derecha.
   -------------------------------------------------------------------------- */

.convocatum-asignada {
    max-width: 78rem;
    margin: 0 auto;
    padding: 0 1rem 2rem;
}

.convocatum-asignada-cabecera {
    margin-bottom: 1.75rem;
    padding-bottom: 1.25rem;
    border-bottom: 2px solid #e3e6ea;
}

.convocatum-asignada-privado {
    margin: 0 0 0.75rem;
    color: #5a6270;
    font-size: 0.85rem;
    line-height: 1.5;
}

.convocatum-asignada-titulo {
    margin: 0;
    font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.1rem);
    line-height: 1.2;
}

.convocatum-asignada-razon {
    margin: 1rem 0 0;
    padding-left: 0.9rem;
    border-left: 3px solid #cfd4db;
    color: #3c4450;
    font-size: 1rem;
    line-height: 1.6;
}

.convocatum-asignada-cuerpo {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: start;
}

/* Con documento, la ficha se reparte; sin él, los datos ocupan el ancho cómodo de lectura */
@media (min-width: 62rem) {
    .convocatum-asignada.con-documento .convocatum-asignada-cuerpo {
        grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
    }

    .convocatum-asignada:not(.con-documento) .convocatum-asignada-datos {
        max-width: 46rem;
    }
}

.convocatum-asignada-datos {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.convocatum-asignada-dato {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.convocatum-asignada-dato-etiqueta {
    color: #6b7280;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.convocatum-asignada-dato-valor {
    font-size: 0.98rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.convocatum-asignada-plazo {
    display: inline-block;
    margin-left: 0.35rem;
    color: #3f6d52;
    font-size: 0.85rem;
    font-style: normal;
}

.convocatum-asignada-plazo.es-cerrada {
    color: #a32020;
}

.convocatum-asignada-acciones {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.5rem;
}

.convocatum-asignada-acciones .convocatum-boton {
    align-self: auto;
    text-decoration: none;
    text-align: center;
}

/* El segundo botón no compite con el principal: lo importante es ir a postularse */
.convocatum-boton--suave {
    border: 1px solid var(--cvp-tinta);
    background: transparent;
    color: var(--cvp-tinta);
}

/* El documento: alto generoso porque es el contenido principal de la pantalla */
.convocatum-asignada-documento {
    min-width: 0;
}

.convocatum-visor {
    display: block;
    width: 100%;
    height: min(80vh, 46rem);
    border: 1px solid #d8dce2;
    border-radius: 0.4rem;
    background: #f6f7f8;
}

.convocatum-visor-respaldo {
    margin: 0;
    padding: 1.25rem;
    font-size: 0.95rem;
    line-height: 1.6;
}

@media (max-width: 61.9rem) {
    /* Un PDF embebido en un teléfono no se lee: ahí queda solo el botón de abrirlo */
    .convocatum-asignada-documento {
        display: none;
    }
}