/* ========================================================== */
/* SOLUCIÓN FINAL: CSS para anular Bootstrap y aplicar estilos modernos */
/* ========================================================== */

/* --- 1. Fondo Pastel Sutil para Campos Universales (.descripcion) --- */
.id-card-body .descripcion {
    background-color: #E5F0F7 !important; /* Pastel sutil visible */
    padding: 18px !important; 
    border-radius: 12px !important; /* Bordes redondeados */
    box-shadow: 0 2px 5px rgba(0, 50, 100, 0.1) !important; 
}

/* --- 2. Botones Cápsula (Anulando Bootstrap .btn) --- */
.id-card-body a.btn,
.id-card-body button.btn {
    border-radius: 50px !important; /* FORMA DE CÁPSULA FORZADA */
    
    /* Alineación de Ícono y Texto */
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 

    /* Espaciado y Sombra */
    padding: 12px 25px !important; 
    box-shadow: 0 3px 6px rgba(0,0,0,0.2) !important;
}

/* Espacio entre el Ícono y el Texto */
.id-card-body a.btn i,
.id-card-body button.btn i {
    margin-right: 10px !important; 
    font-size: 1.2em !important; 
}

/* --- 3. Contenedor de Imagen con Esquinas Redondeadas --- */
.id-card-header { 
    border-bottom-left-radius: 12px !important; 
    border-bottom-right-radius: 12px !important;
    overflow: hidden !important; 
}