/* CONTENEDOR GENERAL (muy importante) */
#contenedor_profesiones{
    background:#f6f8fb;
    padding:12px;
    border-radius:12px;
}

/* CARD PROFESION */
.bloque-profesion{
    border-radius:14px;
    border:1px solid #e6ecf3;
    background:#ffffff;
    margin-bottom:14px;
    overflow:hidden;
    transition:all .15s ease;
    position:relative;
}

/* linea lateral medicas*/
.bloque-profesion::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:linear-gradient(180deg,#4facfe,#00c6ff);
}

/* hover suave elegante */
.bloque-profesion:hover{
    border-color:#d9e3f0;
    transform:translateY(-1px);
}

/* HEADER */
.bloque-profesion .card-header{
    background:#f9fbfe;
    border-bottom:1px solid #eef2f7;
    padding:8px 14px;
}

/* TITULO */
.bloque-profesion .card-header strong{
    font-size:13px;
    font-weight:600;
    color:#2c3e50;
}

/* BOTON ELIMINAR */
.eliminarProfesion{
    border-radius:6px;
    width:30px;
    height:30px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* BODY */
.bloque-profesion .card-body{
    padding:14px;
}

/* LABELS */
.bloque-profesion label{
    font-size:11px;
    font-weight:600;
    color:#7b8794;
    margin-bottom:4px;
}

/* INPUTS */
.bloque-profesion .form-control{
    border-radius:8px;
    border:1px solid #dfe6ee;
    height:32px;
}

.bloque-profesion .form-control:focus{
    border-color:#4facfe;
    box-shadow:0 0 0 2px rgba(79,172,254,.15);
}
#btnAgregarProfesion{
    border-radius:8px;
    font-size:13px;
    padding:6px 12px;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
}

/* SELECT2 tamaño igual a form-control-sm */
.select_mod2 + .select2-container .select2-selection--single{
    height:31px !important;
    padding:.25rem .5rem !important;
    font-size:.875rem !important;
    border:1px solid #ced4da !important;
    border-radius:.25rem !important;
}

/* texto interno */
.select_mod2 + .select2-container .select2-selection__rendered{
    line-height:20px !important;
    color:#495057;
}

/* flecha */
.select_mod2 + .select2-container .select2-selection__arrow{
    height:29px !important;
}

/* focus elegante */
.select2-container--default.select2-container--focus 
.select2-selection--single{
    border-color:#86b7fe !important;
    box-shadow:0 0 0 .2rem rgba(13,110,253,.15);
}