/* ============================================================
 * Archivo: public/comentarios.css
 * Descripción: Estilos para la página de comentarios públicos.
 * ============================================================ */

.comentario-card {
    background: var(--color-blanco);
    border-radius: var(--radio-md);
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: var(--sombra-suave);
    border-left: 5px solid var(--color-primario);
    transition: var(--transicion);
}

.comentario-card:hover {
    transform: translateX(5px);
    box-shadow: var(--sombra-media);
}

.comentario-card.predefinido {
    border-left-color: var(--color-secundario);
}

.comentario-card .comentario-tipo {
    font-size: 0.8rem;
    color: var(--color-texto-secundario);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: 700;
}

.comentario-card .comentario-texto {
    font-size: 1.05rem;
    color: var(--color-texto);
    margin-bottom: 15px;
    line-height: 1.6;
}

.comentario-card .comentario-fecha {
    font-size: 0.85rem;
    color: var(--color-texto-claro);
    display: flex;
    align-items: center;
    gap: 5px;
}